Cara Membuat Blog Menarik Dengan Memasang Widget Popular Post

Cara Membuat Blog Menarik Dengan Modifikasi Widget Popular Post  - Widget Popular Posts yang unik dapat mempercantik tampilan blog sekaligus bisa membuat blog menjadi lebih menarik/keren.
Membuat Blog Keren Menarik

Bagaimana Caranya Agar Tampilan Blog Terlihat Menarik


Blog yang menarik dan keren adalah impian semua blogger. Desain blog dengan tampilan menarik dapat dilakukan dengan berbagai cara. Ada yang dilakukan dengan memodifikasi CSS, ada juga yang dilakukan dengan menambahkan script.

Namun cara termudah untuk membuat blog lebih menarik adalah dengan menambahkan widget dan memodifikasi stylenya.

Widget adalah salah satu fitur untuk menampilkan sejumlah informasi mengenai sebuah blog. Bila anda sudah pernah memasang widget blogger popular post standar bawaan dari blogspot dan merasa kurang puas dengan tampilan atau desain widgetnya, maka cara berikut ini bisa dilakukan.

Memodifikasi style widget bisa dilakukan dengan mengatur warna widget menjadi warna warni. Salah satu contohnya sudah pernah diposting Googelio.

Baca Juga :

Cara Membuat Popular Post Keren Animasi 3 Dimensi

Cara Membuat Widget Popular Post Berwarna 

Cara Mengatur Lebar Halaman Blog
Cara Membuat Widget Recent Post Per Label 1 Thumbnail Ala TeknoPlug 


Memodifikasi style juga bisa dilakukan dengan setting widget tersebut apakah bisa bergeser (slider), atau melayang (sticky). Selain itu widget bisa dimodifikasi dengan menggabungkan satu widget dengan beberapa widget lain hanya dalam satu frame.

Berikut ini Googelio akan mengulas tentang cara membuat blog menarik/keren dengan memodifikasi tampilan widget blogger. Widget blog yang dibahas adalah widget Popular Post.

Cara Membuat Blog Menarik/Keren dengan Memasang Widget  Popular Post Modifikasi di Blogspot/Blogger

Sebelum melakukan modifikasi, terlebih dahulu harus log in di blogger menggunakan akun gmail agar bisa masuk ke dashboar blogger.

Membuat Blog Keren Dengan Widget
  1. Log in di blogger
  2. Setelah berada di dashboard, apakah anda sudah memasang widget popular post ? Bila belum, lihat pada sidebar kiri pada dashboard, pilih Tata Letak/Lay Out. Setelah itu anda akan masuk pada tampilan tata letak/elemen. Kemudian klik salah satu elemen, apakah di sidebar atau di footer menurut selera anda. Sebaiknya anda memilih pada bagian sidebar saja.
  3. Setelah anda memilih sidebar untuk peletakan widget, klik Add Gadget
  4. Lalu pilih Entri Populer/Popular Post lalu save/simpan.
  5. Kemudian lihat bilah kiri pada tampilan dashboard anda, lihat Template dan klik. Anda akan masuk pada tampilan format editing template (editor template/template editor)
  6. Klik Edit HTML, lihat gambar di atas
  7. Pada form Editor Template, klik CTRL+F untuk mempercepat pencarian. Di kolom tersebut, ketik kode ini,  ]]></b:skin> untuk mencari letak/posisi kode tersebut.
  8. Setelah berhasil menemukan kode di atas, copy kode berikut ini.
<style>
.popular-posts ul{padding-left:0px;}
.popular-posts ul li {background: #fff url(http://1.bp.blogspot.com/-PCZ1mg2a0Bk/UHpxmZVBI3I/AAAAAAAAB9Q/JdPm54-yLkI/s1600/rb+cancel+icon...jpg) no-repeat scroll 5px 10px;
list-style-type: none;
margin: 0 0 5px 0px;
padding: 5px 5px 5px 33px !important;
border: 1px dashed #dddddd;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
.popular-posts ul li:hover {
background: url(http://4.bp.blogspot.com/-dAl1D7VgX_g/UHpycJXoLoI/AAAAAAAAB9Y/dPoMTxQ1bfU/s1600/rb+mark+icon...jpg) no-repeat 2px;
border: 2px solid #b60000;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}
.popular-posts ul li a:hover {
text-decoration:none;
}
</style>

Pastekan kode tersebut di atas kode ]]></b:skin>

Setelah itu simpan template.

Hasilnya bisa anda lihat pada tampilan homepage. Bila anda kurang puas dengan ukuran, tebal border maupun jarak antar sisi dan antar daftar postingan (margin dan padding) anda bisa mengeditnya kembali dengan cara yang sama.

Baca Juga :



Nah, buat sobat yang ingin lebih ahli lagi membuat blog atau website yang lebih menarik, membuat web profesional kamu bisa ikutan kursus website di Jakarta, Depok, Tangerang yang terbaik aja deh. Namanya Kursus Website DUMET School. Kursus Website DUMET School ini bukan cuma bikin kamu bisa bikin web sendiri, tapi bakal menguasai pembuatan bermacam jenis blog atau website. Udah gitu, Kursus Website DUMET School ini juga Kursus Internet Marketing Terbaik di Jakarta, Depok, Tangerang loh sob. Kamu bakalan menguasai SEO kalau belajar di Kursus Intenet Marketing DUMET School. Harganya juga terjangkau. Coba deh. 
Labels: Blogging

Thanks for reading Cara Membuat Blog Menarik Dengan Memasang Widget Popular Post. Please share...!

6 Comment for "Cara Membuat Blog Menarik Dengan Memasang Widget Popular Post"

remarkable article, I hope to bring benefit to us all the readers
Greetings ... greetings bloggers

makasih info yang saya cari

sipz
www.giribig.com
www.idcheat.com
www.duniagame.info

Manteeep sob untuk artikelnya :)

"Silahkan berkomentar dengan sopan, Tidak menggunakan kata atau kalimat yang mengandung SARA dan pornografi,tidak menggunakan link aktif/hidup dan spamming"

Back To Top