cara membuat scroll pada archive blog

sekarang saya akan membahas tentang cara membuat atau memasang scroll pada archive blog, namun kali ini sedikit berbeda, tips cara memasang scroll ini dapat diaplikasikan padawidget-widget lain diblogspot, seperti scroll untuk label, daftar link, archive, dan juga widgetlainnya
Cara membuat scroll pada widget-widget tersebut adalah sbb
1. Log in keblogger
2. Masuk ke Rancangan
3. Edit HTML (centang kotak expand widget template)
4. Misalkan kita akan memberi fungsi scroll pada archive blog, maka sobat cari kode seperti dibawah ini



5. Setelah ketemu sobat pasang kode dibawah ini tepat diatas kode ]]>

#BlogArchive1 .widget-content{
height:200px;
width:auto;
overflow:auto;
}
5. Simpan template dan silahkan sobat lihat hasilnya

Baca selengkapnya »

Cara Membuat Label di Blogger Menjadi 2 Kolom

Cara Membuat Label di Blogger Menjadi 2 Kolom
Share
Untuk membuat label di Blogger menjadi 2 kolom , anda bisa melihatnya di gambar di bawah ini :













Membuat Label di Blogger
Karena object yang akan kita rubah disini adalah bagian label dari blogger, maka sudah tentu harus adalabel terlebih dahulu. Jika blog anda belum memiliki label silahkan pasang dulu. Dan bagi yang sudah terpasang widget label di blognya, jangan lupa untuk menampilkan-nya secara flat / daftar jangan versicloud. Untuk lebih jelasnya, berikut cara membuat label dengan tampilan flat / daftar.
1. Login di Blogger
2. Klik “Rancangan”
3. Pada menu “Elemen Halaman”, klik tambah gadget di sidebar blog.
4. Pilih Widget “Label”
5. Pastikan tampilannya daftar. Kemudian klik simpan.











Sampai disini, blog anda sudah memilikilabel. Namun tampilannya masih default yaitu list / daftar dalam 1 kolom. Sekarang bagaimana caranya membuat label tersebut menjadi 2 kolom?. Kita lanjutkan tutorialnya.
Untuk membuat tampilan label menjadi 2 kolom, disini kita hanya menggunakan teknik css saja. Tidak ada script atau apapun. Nah sekarang kita lanjutkan ke pembagian label menjadi 2 kolom dengan menggunakan teknik css. Caranya :
Membuat Widget Label Menjadi 2 Kolom
1. Login di Blogger
2. Klik “Rancangan”
3. Klik “Edit HTML”
4. Sebagai backup jika terjadi kesalahan dalam pengeditan, silahkan copy paste seluruh kode template ke dalam notepad.
5. Copy paste kode di bawah dan simpan di atas kode ] ] > < / b : skin >
• #Label1 li {
• float:left;
• width:45%;
• }
6. Klik “Pratinjau” dan lihat apakah terjadi perubahan pada widget label blog anda (menjadi 2 kolom). Jika belum, coba perkecil nilai width pada kode diatas sampai anda menemukan nilai yang pas, sehingga widget label dalam blog anda menjadi 2 kolom.
7. Jika sudah selesai dan tidak terjadi kesalahan, klik “Simpan”.

Jika anda menemukan masalah dalam menampilkan label / kategori di blogger menjadi 2 kolom, jangan malu untuk bertanya di kolom komentar ya. Selamat mencoba…

Baca selengkapnya »

ganti logo blog

1.masuk ke blogger
2.klik rancangan
3.edit html
4.cari kode </head>
5.paste url di bawah ini sesudah kode </head>


================================================================

<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgqbRx1f9xatir2ILkuwcR20-QNduGcl8pAzNV2Vuo14oEALGNLn8yjH2bllRd5k-NxIhbngE7oPA7wTC5KJi4JfUSCz5yBIZYwkK3ocCz-wOREMEQWv4-A-iHbsKNCEA3jKIIwAve2lk/s800/naruto.jpg' rel='shortcut icon'/>

=================================================================

ganti kode yang berwarna merah dengan url gambar yang kalian miliki

Baca selengkapnya »

cara menampilkan kode html pada postingan blog

cara menampilkan kode html pada postingan blog

1. kilk disin

2.masukan kode yang ingin kalian tamilkan

3.klik tombol encode

4.lalu copy dan paste di postingan kalin

Baca selengkapnya »

PASANG MUSIK DI BLOG

bagi yang pengen pasng musik di bolg tinggal copy aja kode di bawah ini
caranya login dulu ke blog kamu RANCANGAN==>TAMBAH GADGET==>EDIT HTML =================================================================

<div><form action="http://www.index-of-mp3.com/index.php" target="_blank" method="GET">Masukan Nama Penyanyi - Judul Lagu<br/><input maxlength="80" value="" name="search" size="30" type="text"/><input value="Cari Mp3 !" type="submit"/><input checked value="index" name="source" type="hidden"/><br/>Mesin Cari Free Download Mp3 Gratis</form></div>

=====================================================================

Baca selengkapnya »