Jaminan 100%

“Barangsiapa yang Allah kehendaki mendapatkan seluruh kebaikan, maka Allah akan memahamkan dia tentang agama.” (HR. Bukhari no. 71 dan Muslim no. 1037)

Akan hidup terus setelah mati

“Jika seorang manusia mati maka terputuslah darinya amalnya kecuali dari tiga hal; dari sedekah jariyah atau ilmu yang diambil manfaatnya atau anak shalih yang mendoakannya.” .

Free Consultations

Konsultasi gratis di halaman Konsultasi. Konsultasi via email abuhening@gmail.com hanya untuk Layanan klien.

Membuat Widget Popular Posts Keren di Blog

Posted by


Membuat Widget Popular Posts Keren seperti yang bisa dilihat di Blog ini sangat gampang. Anda tinggal menambahkan kode CSS di template blog.

Namun, sebelumnya, tentu Anda harus memasang dulu Widget Popular Postnya di Sidebar blog.

Popular posts berfungsi sebagai navigasi menu dan internal link yang bagus buat blog dan dianjurkan oleh Google. Dengan internal link, blog kita jadi User Friendly.

Cara Membuat Widget Popular Posts Keren di Blog:
  1. Di Blogger Dashboard, klik menu "Layout"
  2. Klik “Add a Gadget” di Sidebar
  3. Tambahkan/Pilih “Popular Posts Widget” 
  4. Centang pilihan sesuai selera, bisa dengan gambar, ringkasan, atau dua-duanya. Bisa juga cuma judul doang.
  5. Save!

Langkah menambah style Popular Post Widget

  1. Klik menu "Template" > "Edit HTML"
  2. Cari (Ctrl + F) kode </b:skin>
  3. Copy + Paste kode berikut ini sebelum atau di atas  kode </b:skin> tadi.
.popular-posts ul {
padding-left: 0px;
counter-reset: popcount;
}
.popular-posts ul li:before {
list-style-type: none;
margin-right: 15px;
padding: 0.3em 0.6em;
counter-increment: popcount;
content: counter(popcount);
font-size: 16px;
background: #292D30;
color: #ffffff;
position: relative;
font-weight: bold;
font-family: georgia;
float: left;
border: 2px solid #dddddd;
box-shadow: 1px 2px 9px #666666; }
.popular-posts ul li {
border-bottom: 1px dashed #dddddd;
}
.popular-posts ul li:hover {
border-bottom: 1px dashed #696969;
}
.popular-posts ul li a {
text-decoration:none; color:#5A5F63;
}

.popular-posts ul li a:hover {
text-decoration:none;
}

Selamat, Anda sudah Membuat Widget Popular Posts Keren di Blog!


Demo Blog NJW V2 Updated at: 00:23

1 comments:

Disarankan berkomentar menggunakan Akun Google+. Komentar SPAM dan SPAMMY (menyertakan link hidup, minta kunjungan balik, & nama blog) otomatis tidak akan muncul. Pertanyaan OOT silakan di Halaman Ruang Konsultasi. Jika menginginkan Link Tinggalkan alamat Email, Sebelum bertanya, Cari Dulu di Kotak Pencarian! Thx