Posts

Showing posts from 2013

cara merubah background template pada blog

Image
Tidak hanya untuk menggambar, melukis, mewarnai , background juga dapat didesain dengan bagus dan menarik. Pada sebuah blog, tampilan menjadi hal yang sangat penting untuk menunjang banyak pengunjung. Postingan sebelumnya telah dijelaskan bagaimana cara merubah background template pada blog dengan gambar. Kali ini, merupakan artikel pelengkap yaitu Cara Mengganti Background Header Blog agar Menarik dan Dinamis. Header Blog adalah bagian paling atas pada sebuah situs yang berisi nama situs, menu, tempat pencarian, lokasi situs, media iklan dan sebagainya. Apabila pada elemen header ini tidak menarik, langkah yang pas adalah dengan mengkombinasikan warna serta memberi background dengan tema dan layout yang sesuai. Jadi, tidak hanya body background yang kita modifikasi namun juga pada bagian header lah yang paling utama. Agar background tersebut menarik, berilah gambar yang bagus atau bisa juga padanan gradiasi warna yang sesuai dan bisa juga animasi, atau bahkan hanya text

Cara Membuat Widget Popular Post Blog Lebih Menarik

Image
Cara Membuat Widget Popular Post Blog Lebih Menarik - Popular post bawaan dari blogger kalau kita lihat-lihat kurang keren, kurang menarik. Apakah anda ingin mengubah widget popular post menjadi lebih menarik ? Saya akan memberikan tutorialnya, dijamin blog anda tidak akan bertambah berat tapi blog anda akan tetap menjadi lebih menarik. Cara Membuat Widget Popuar Post Blog Lebih Menarik : 1. Login dulu ke blogger.com 2. Pilih menu Layout -> add gadget/tambah gadget/widget 3. Pilih gadget popular post 4. Atur seperti gambar dibawah ini, ubah Most viewed menjadi "All time", hilangkan centang pada 'image thumbnail dan 'snippet' 5. Simpan widget anda 6. Sekarang masuk ke menu Template 7. Backup dulu templatenya untuk jaga-jaga 8. Klik edit HTML 9. Tekan Ctrl+F 10 Cari kode ]]></b:skin> 11. Kemudian letakkan kode berikut ini diatas kode ]]></b:skin> /*--- Popular Posts --- */ .popular-posts ul{paddin

Cara Membuat Kotak Space Banner

Image
Cara Membuat Kotak Space Banner Iklan Di Blog (Updated) Menampilkan space iklan di blog memberi peluang & informasi pada advertiser bahwa blog tersebut menawarkan space iklan yg dapat disewa. Apalagi jika blog tersebut memiliki kredibilitas, rank, serta traffic tinggi, maka advertiser/pemasang iklan pasti akan berbondong-bondong untuk memasang iklan/banner iklan di blog tersebut. Namun tidak ada salahnya juga bagi blog baru memberikan space/ruang tersendiri sebagai tempat beriklan advertiser. Hitung-hitung sebagai persiapan dan kali saja ada advertiser yg tertarik. Selain itu penggunaan space iklan dapat menjadi daya tarik tersendiri apabila diletakkan dengan benar. Nah, guna memasang space iklan , kita butuh menyusun template tersendiri agar iklan tersusun rapi dan enak dilihat. Jadi tidak asal pasang gambar dan link karena hasilnya bisa berantakan. Kali ini saya akan share kode template iklan yg saya buat serta gunakan untuk blog buka-rahasia.blogspot.com .

Modifikasi Widget Popular Posts Dengan Efek Hover Border (Tutorial Blog)

Image
Modifikasi Widget Popular Posts Dengan Efek Hover Border Dan Background Color (Tutorial Blog) Kali ini saya sakan share cara memodifikasi populer post dengan efek hover dan background, populer post sendri adalah salahsatu wiget yang telah di sediakan oleh blogger, dan populer post juga salah satu yang sangat penting dalam sebuah blogger dengan adaya atau dengan kita memasang popular post, maka pengunjungpun akan mengetahui post mana yang ramai dikunjungi di blog kita, dengan desain yang saya akan share kali ini mungkin akan terlihat lebih i ndah dan SEO . Berikut tutorialnya : 1. Masuk ke Blogger shobat 2. Masuk Rancangan/Template 3. Klik Edit HTML 4. Cari kode  ]]></b:skin> 5. Langkah selanjutnya bila shobat sudah menemukan kode  ]]></b:skin> copy kode berikut tepat di atas kode  ]]></b:skin> .popular-posts ul{padding-left:0px;} .popular-posts ul li {background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl

Cara Membuat Blog Lebih Menarik

Image
- Membuat blog menarik tentunya menjadi impian setiap blogger. Seperti kebangaan tersendiri bagi kita seorang blogger bila bisa membuat sebuah blog dengan tampilan desain yang menarik. Tapi di samping itu semua, beberapa masalah pun timbul. Terkadang kita terlalu fokus membuat blog agar tampil menarik, di lain sisi malah kita membuat loading blog menjadi berat karena terlalu banyak menambahkan elemen ke dalam blog kita. Untuk itu saya akan coba memberi beberapa saran kepada anda bagaimana untuk membuat tampilan blog anda menjadi lebih menarik. Selain menarik, kita juga harus membuatnya tetap dalam perfomance yang baik. Artinya yaitu blog anda masih tetap cepat loadingnya dan memberikan kemudahan bagi user untuk menjelajahi blog tersebut. Mengganti Background Blog Jika anda merasa tampilan blog anda yang sekarang biasa-biasa saja, anda bisa mencoba cara yang satu ini. Mengganti template blog bisa menambahkan nilai estetika untuk blog anda. Apalagi jika anda dapat memilih g
Image
Cara membuat judul blog bergerak-gerak Cara membuat judul blog bergerak-gerak rasanya hal ini akan menarik perhatian para pengunjung agar betah berlama-lama tinggal di blog kita karena hal ini merupakan salah satu dari kian banyak cara untuk mempercantik blog yang kita sayangi. Postingan ini ane khususkan untuk kalangan nawbi saja ya..karena untuk para mastah sepertinya hal ini sudah tidak asing lagi yang mana sebelumnya juga ane udah mencoba berbagi tentang cara membuat space iklan di blog khusus nawbi.  Untuk mempercantik blog dengan cara membuat judul blog bergerak-gerak rasanya menurut ane tidak begitu sulit, karena disini agan hanya perlu sedikit mengotak-atik kode HTML yang nantinya akan ane berikan kode HTML tambahan. Baiklan dari pada lama-lama dan agan pun semakin penasaran, maka  untuk mempersingkat waktu silahkan coba perhatikan tutorial dibawah ini. Berikut adalah cara membuat judul blog bergerak-gerak Hal pertama untuk membuat judul blog bergerak-gerak silahkan backup

Cara Membuat Blog Tidak Bisa Copy Paste

Cara Membuat Blog Tidak Bisa Copy Paste. Hadoooh blog saya banyak banget nih artikelnya yang di copy paste tanpa menuliskan sumbernya. Sedih rasanya ngeliatnya. Nah pada kesempatan kali ini saya ingin berbagi trik blog tentang Cara Membuat Blog Tidak Bisa Copy Paste . Langsung aja deh begini caranya  : Login ke akun blogger kamu. Masuk ke Template -> Edit HTML . Kemudian cari script berikut  <body> gunakan search dengan supaya mudah (ctrl+f). Setelah itu copy script dibawah ini tepat setelah script <body> . <SCRIPT type="text/javascript"> if (typeof document.onselectstart!="undefined") { document.onselectstart=new Function ("return false"); } else{ document.onmousedown=new Function ("return false"); document.onmouseup=new Function ("return true"); } </SCRIPT> Setelah itu save . Selesai deh Cara Membuat Blog Tidak Bisa Copy Paste . Ada pesan sedikit nih, sebenarnya copy paste bole