menerima pembuatan blog
       klik disini
Semua Posting. Diberdayakan oleh Blogger.
Tampilkan postingan dengan label Dunia Blog. Tampilkan semua postingan
Tampilkan postingan dengan label Dunia Blog. Tampilkan semua postingan

Minggu, 24 November 2013

Cara Merubah Bentuk Kursor Pada Blog

Cara Merubah Bentuk Kursor Pada Blog
Bentuk standar dari sebuah kursor adalah tanda panah. Kita dapat mengubahnya menjadi berbagai bentuk menarik sesuai dengan selera kita pada beberapa situs penyedia kursor ini.


situs-situs penyedia kursor pada blog di bawah ini :


Bagaimana cara mengubahnya?


Pertama, masuk ke dalam akun blogger kita masing-masing.
Kemudian klik fitur rancangan.
Klik add gadget.
Pilih HTML/JavaScript.
Masukan kode di bawah ini.


<style type="text/css">body, a, a:hover {cursor: url(alamat kursor), progress;}</style>

Misalnya,

<style type="text/css">body, a, a:hover {cursor: url(http://downloads.totallyfreecursors.com/thumbnails/fireblue.gif), progress;}</style>

Jika sudah silahkan Save dan lihat hasilnya :)

Cara Pasang Burung Twitter Terbang Di Blog





Cara Pasang Burung Twitter Terbang Di Blog
Twitter adalah layanan jejaring sosial yang sangat populer sekarang ini selain Facebook dan Google+ dan tidak salah banyak orang yang beramai-ramai untuk menjalin koneksi melalui Twitter apakah itu untuk keperluan bisnis maupun hanya sekedar berteman saja, nah bagi sobat yang mempunyai blog tidak ada salahnya memasang widget burung twitter terbang ini selain membuat blog sobat cantik dan unik, widget ini juga mempermudah sobat untuk menjalin pertemanan baru dengan pembaca blog sobat,Cara Buat / Pasang Burung Twitter Terbang Di Blog hanya dengan sekali klik pada burung twitter yang terbang maka akan otomatis terhubung dengan profile Twitter sobat,
Ok tanpa panjang lebar mari kita kupas bersama-sama cara memasang widget ini

Pertama-tama silahkan login di Blogger
Klik Layout > Add Gadget > Html/Javascript
Copy paste kode di bawah ini ke kolom Html/javascript

<!-- floating twitter Bird -->
<script type="text/javascript" src="http://bloggerpeer.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHZglD9cKlx4vrd38Nl9-MteH0r6Mh9KqgFvRi5i7m3S2tCcGve2k6LYlp7RUgDz3Jmr3TMsdWdJoXng9ya_1DkRA8XsSsOgLtjQQlt3r352GhH6nsD0Y67vKc33EGycKV0WWa794SqGg/s1600/burung+twitter+terbang.png";
var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span");
var twitterAccount = "http://twitter.com/Username";
var tweetThisText = "Twitter - UserID http://bloggerpeer.blogspot.com/";
tripleflapInit();
</script>

Ganti kode yang berwarna biru dengan nama pengguna (username) akun Twitter sobat
Simpan dan lihat hasilnya

Membuat Teks Berjalan Di Tab Browser

Membuat Teks Berjalan Di Tab Browser
Halo sobat blogger, bagaimana kabar sobat hari ini? Semoga baik-baik saja bukan.
Baiklah sobat, langsung pada inti permasalahannya saja. Pernahkah sobat melihat teks berjalan pada tab browser yang sobat pakai itu?

Tentu sobat bertanya dan penasaran bagaimana cara membuatnya. Nah kali ini saya akan memposting Artikel itu sobat semua.
Silahkan ikuti tutorial sederhana dari saya ini :

Pertama sobat masuk ke draft.blogger.com/masuk kedalam blog yang sobat kelola
Kemudian di tab kiri banyak sekali pilihan yang tersedia, misalnya pos, tata letak, komentar, dan masih ada yang lainnya lagi.
Nah di tab-tab tersebut sobat silahkan pilih bagian Template di bawah tab Tata Letak, sudah ketemu kan?
Di bagian itu ada dua pilihan
1. Sesuaikan
2. Edit HTML
Nah silahkan sobat pilih yang edit HTML, setelah sobat klik edit HTML tadi maka sobat akan menemukan banyak sekali Script-script blog sobat.
Sekarang tugas sobat adalah mencari kode <head> . Gunakan CTRL+F untuk mencari kode tersebut maupun kode script lainnya yang ingin sobat ganti.
Kemudian sobat letakkan kode di bawah ini tepat dibawah kode <head> tadi.

<script type='text/javascript'>
//<![CDATA[
msg = "SELAMAT DATANG DI BLOG SEDERHANAKU";
msg = "]::[||]::[" + msg;pos = 0;
function scrollMSG() {
document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++;
if (pos > msg.length) pos = 0
window.setTimeout("scrollMSG()",200);
}
scrollMSG();
//]]>
</script>

Catatan : Ganti teks berwarna merah yang ada di script itu dengan kata-kata sobat yang ingin di masukkan.
Setelah itu silahkan sobat Save/simpan. Dan sekarang lihat hasilnya.

Nb : Jika tidak berhasil silahkan coba cek kembali apakah ada kode script yang sobat hapus. Tapi InsyaAllah tutorial ini di jamin Ok.

Source : MEDIA BELAJARKU

Sabtu, 23 November 2013

Cara Mengganti Vaicon Pada Blog

Assalamualaikum, met malam nih apa kabar semua?
Sory banget ya Admin ganteng baru nge-post lagi. Kemarin banyak kerjaan yang harus di selesaikan dengan cepat. Ok deh tanpa panjang lebar kita langsung saja ke pokok menu kita yaitu Cara Mengganti Vaicon Pada Blog.
Silahkan langsung di praktekan saja ya.
Pertama silahkan masuk dulu ke blog kalian masing-masing.
Setelah itu silahkan  masuk ke Template lalu Edit HTML.
Setelah itu akan banyak muncul kode-kode HTML, nah silahkan kalian cari kode seperti di bawah ini.
</head>
Gunakan CTRL+F Untuk mempermudah pencarian kode tersebut.
Kemudian setelah menemukan kode tersebut silahkan letakan kode di bawah ini tepat diatas kode </head>.
<link href='masukkan kode url gambar kalian' rel='shortcut icon'/>
Jika sudah Simpan deh.

Mudah bukan :)
Semoga membantu kalian semua :)


Postingan Lama Beranda