Yuk Cari Tahu!

Secara default, blogger tidak memberi pilihan untuk membagi header atau judul blog menjadi dua bagian. Jika Anda ingin judul blog bisa dibagi menjadi dua kolom sehingga Anda bisa memasang iklan atau gadget lainnya, ikutilah langkah-langkah berikut ini: Masuk ke blogger Dashboard, klik Template, klik Edit HTML Jangan centang Expand Widget templates Cari kode ini: <b:section class='header' id='header' maxwidgets='1' showaddelement='no'> <b:widget id='Header1' locked='true' title='Judul Blog Anda (Header)' type='Header'/> </b:section> Tambahkan kode berikut di bawah kode tadi: <b:section id='header-right' showaddelement='yes'/> <div style='clear: both;'/> Sehingga hasilnya akan menjadi seperti ini: <b:section class='header' id='header' maxwidgets='1' showaddelement='no'> <b:widget id='Header1' locked=...

Secara default, Blogger tidak memberi fasilitas untuk memberi warna lain selain putih untuk latar judul widget. Jika Anda ingin memberi warna pada backgroung judul widget sehingga menjadi terlihat lebih menarik dan blog Anda terlihat cantik, maka inilah yang perlu Anda lakukan: Anda login ke Blogger. Kemudian di Dashboard, Anda klik Template Klik Edit HTML Anda cari kode ]]></b:skin > jika kesulitan mencarinya, coba Anda tekan Ctrl + F pada keyboard kemudian tuliskan kode di atas pada kotak pencarian yang muncul. Jika kode  ]]></b:skin> sudah diketemukan, copy paste kode di bawah ini di atas kode tersebut: .sidebar h2 { background: #009900 ; color: #ffffff; margin: 0px 0px 8px 0px; box-shadow: 0 0 0 4px #009900 , 2px 1px 6px 4px rgba(10, 10, 0, 0.5); border-radius: 3px; -moz-border-radius: 1px; -webkit-border-radius: 1px; text-align: center ; Keterangan : yang berwarna biru pada kode HTML di atas bisa Anda ubah ses...

Itu mudah saja. Katakanlah anda telah membuat marquee seperti di bawah ini: <marquee direction="right" width="100%"> Kera juga sayang anjing </marquee> Dan inilah hasilnya: Kera juga sayang anjing Kemudian anda ganti kata-kata "Kera juga sayang anjing" dengan tag image sehingga menjadi seperti ini: <marquee direction="right" width="100%"> <img src="yourimagehere.gif"> </marquee> "yourimagehere.gif" ganti dengan alamat image yang anda miliki, misalnya: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGdtkc3JGiSz2xDHZks5Vi00TEq7s9FlvwDLJ3IJHMJyQqyriGey3c6pTj_3ja_SLCu5n2DKS-ZbYZa6Fed_Q__RVMfM1P0RWyDDVVpfWjkgFgxJfjlMlHhj4Zq2ZVjFfSpwMEmmN2A66h/s144/monyet_kucing.GIF" (tanda " " jangan dihilangkan).  Dan inilah hasilnya: Supaya lebih seru, bolehlah ditambahi teks seperti ini: <marquee direction="left" width="100%"...

Ngeblog atau mengelola blog bisa menjadi aktivitas yang mengasyikan. Apalagi jika kita mulai tertarik untuk mengutak-atik blog agar tampil lebih menarik. Salah satu cara agar tampilan blog tampak menarik adalah dengan menampilkan marquee atau teks berjalan. Secara umum marquee dapat dibuat dengan kode HTML: <marquee> Kata yang ingin anda tampilkan </marquee> Hasilnya seperti ini: Kata yang ingin anda tampilkan Secara default marquee bergerak dari kanan ke kiri. Anda dapat mengubah arahnya dengan menambahkan kode direction="right" , direction="left" , direction="up" , atau direction="down" . Sehingga kode HTML yang anda tulis menjadi seperi ini: <marquee direction="right"> Kata yang ingin anda tampilkan </marquee> Anda ubah   "right"   dengan "left" , "up"   atau "down" Hasilnya adalah seperti ini: Kata yang ingin anda tampilkan Kata...

Urusan mempercantik blog agar terlihat menarik memang merupakan salah satu kesibukan para blogger. Ada saja usaha-usaha yang dilakukan agar blog tidak terlihat terlalu sederhana atau miskin 'make up'. Salah satu cara menambah daya tarik blog agar terlihat kaya adalah dengan menambahkan menu dan submenu. Di Blogger sendiri sebenarnya ada fasilitas Pages yang bisa anda tambahkan di Layout dengan cara klik Add a Gadget kemudian pilih Pages sehingga urusan menampilkan menu tak ada masalah. Hanya ketika hendak menambah sub menu timbul kesulitan karena memang tak ada fasilitas untuk itu. Jika anda bermaksud menambahkan sub menu pada menu yang sudah ada, lakukan saja langkah berikut ini: 1. Copy seluruh kode berikut ini: <style> /* -- Menu Horizontal + Sub Menu-- */ #cat-nav {background:#156994;margin:0 15px;padding:0;height:35px;} #cat-nav a { color:#eee; text-decoration:none; text-shadow: #033148 0px 1px 0px;border-right:1px solid #156994;} #cat-nav a:hov...