Membuat Artikel Terkait Dengan Icon dan Scroll



Cara Membuat Artikel Terkait Dengan Icon dan Scroll | Salam sejahtera, buat para blogger dimanapun anda berada. pada postingan kali ini bang dadan akan membahas cara Membuat Artikel Terkait DEngan Icon Dan Scroll, sahabat blogger mungkin yang sering berkunjung kesini pernah melihat postingan bang dadan sebelumnya tentang Cara Membuat Artikel Terkait Dengan Icon, pada postingan yang dulu dan sekarang sebenarnya masih sama, cuma berbeda sedikit yaitu kalau pada postingan kali ini ialah hanya menambahkan fungsi scroll pada artikel terkait. sebenarnya bagi sobat yang sudah mahir dalam dunia blogger mungkin akan sangat mudah membuat fungsi scroll ini hanya dengan menambahkan kode html sedikit saja ya kawan, namun bagi yang belum paha sobat bisa cari cara membuat fungsi scroll di blog. DEMO-nya seperti gambar dibawah ini.

Nah sesuai dengan tema diatas yaitu Cara Membuat Artikel Terkait Dengan Icon dan Scroll, dan agar tidak melebar pembahasan kita, baiklah bang dadan akan langsung saja memaparkan bagaimana Cara Membuat Artikel Terkait Dengan Icon dan Scroll. dan bagi sobat yang ingin memasangnya silahkan simak baik - baik caranya ya?

Cara Membuat Artikel Terkait Dengan Icon dan Scroll


  • Silahkan login ke blog
  • Pilih Rancangan Template Edit HTML *jangan lupa centang expand template widgate
  • Selanjutnya cari kode ]]></b:skin>
  • Copy kode dibawah ini di atas ]]></b:skin>
 Berikut kodenya:

.rbbox{border: 1px solid #000000;padding: 5px;
background-color: #F2F2F2;-moz-border-radius:5px; margin:5px;}
.rbbox:hover{background-color: #B59090;}
.rbbox ul li {
display : block;
background : url(https://lh5.googleusercontent.com/-zxh1l81-DkM/UNnbyQ8uQeI/AAAAAAAAA44/Y2OJ3Wyggjg/w497-h373/crk.png) no-repeat 0px 0;
margin-left : -10px;
padding-top : 0;
padding-right : 0px;
padding-bottom : 1px;
padding-left : 20px;
margin-bottom : 5px;
line-height : 1em;
border-bottom:1px dotted #cccccc;

◉ Masih dalam Edit HTML
  • Selanjutnya cari kode <data:post.body/>
  • Kemudian letakan kode berikut di bawah kode <data:post.body/>
◉ Berikut kodenya:

  • Selanjutnya klik simpan template
Selesai sudah, sekarang artikel terkait seperti punya bang dadan dibawah ini telah sobat bikin diblognya sendiri. dan bila ingin Membuat Artikel Terkait Tanpa Scroll silahkan klik disini.
Dan mungkin cukup sekian pula pembahasan kita kali ini tentang Cara Membuat Artikel Terkait Dengan Icon dan Scroll. Semoga artikel ini bermanfaat baut anda semuanya.
Akhir kata bang dadan ucapkan selamat mencoba dan wassalam..!!
Labels: blogger tutorial, template hack

Thanks for reading Membuat Artikel Terkait Dengan Icon dan Scroll. Please share...!

6 Comments on Membuat Artikel Terkait Dengan Icon dan Scroll

  1. cara gabungin widget agan gimana caranya yang
    tutorial bloger , artikel terbaru , recent comment bisa jadi satu

    ReplyDelete
  2. oh yg itu udah aku posting mas, coba cari aja. multi slide widgate kalau gak salah itu. :)

    ReplyDelete

Back To Top