Rounded popular post widget
Posted on | January 13, 2013 | 2 Comments
Membuat Rounded Popular Post
Menambahkan widget popular post di blog bermaksud untuk mengetahui postingan mana yang sering di kunjungi atau di baca oleh pengunjung,banyak ragam dan jenis popular post yang telah saya buat,salah satunya adalah rounded popular post.
Intruksi:
- Log in blogger.com.
- Dari Dashboard>Layout-Page elements.
- Klik "Add Gadget" Pilih "Popular Post" (Jika anda pernah menambah gadget ini,silahkan abaikan langkah ini).
- Klik "Template" download template untuk back up template anda.Kemudian klik "Edit HTML"
- Beri tanda tick pada box expand widget.
- Tekan CTRL + F dan temukan ]]></b:skin> di tempplate anda.
- Copy CCS Script dan tambahkan di atas ]]></b:skin>
- .Klik "Save"
KETERANGAN:
- {max-width:300px;} : Untuk mengatur lebar widget.
- width: 77px ;height:77px :Untuk mengatur labar dan tinggi image dalam ronded box
<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<ul>
<b:loop values='data:posts' var='post'>
<li>
<b:if cond='data:showThumbnails == "false"'>
<b:if cond='data:showSnippets == "false"'>
<!-- (1) No snippet/thumbnail -->
<a expr:href='data:post.href'><data:post.title/></a>
<b:else/>
<!-- (2) Show only snippets -->
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
<b:else/>
<b:if cond='data:showSnippets == "false"'>
<!-- (3) Show only thumbnails -->
<div class='item-thumbnail-only'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
</div>
<div style='clear: both;'/>
<b:else/>
<!-- (4) Show snippets and thumbnails -->
<div class='item-content'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</div>
<div style='clear: both;'/>
</b:if>
</b:if>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
HTML Javascript
<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<ul>
<b:loop values='data:posts' var='post'>
<dd>
<b:if cond='data:showThumbnails == "false"'>
<b:if cond='data:showSnippets == "false"'>
<!-- (1) No snippet/thumbnail -->
<a expr:href='data:post.href'><data:post.title/></a>
<b:else/>
<!-- (2) Show only snippets -->
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
<b:else/>
<b:if cond='data:showSnippets == "false"'>
<!-- (3) Show only thumbnails -->
<div class='item-thumbnail-only'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
</div>
<div style='clear: both;'/>
<b:else/>
<!-- (4) Show snippets and thumbnails -->
<b:if cond='data:post.thumbnail'>
<a expr:href='data:post.href' expr:title='data:post.title' rel='bookmark'><img expr:alt='data:post.title' expr:src='data:post.thumbnail'/></a>
<b:else/>
<a expr:href='data:post.href' expr:title='data:post.title' rel='bookmark'><img alt='no image' src='http://i1353.photobucket.com/albums/q664/Yudhik_Laros/rP7noimagegzi.jpg'/></a>
</b:if>
</b:if>
</b:if>
</dd>
</b:loop>
</ul>
<div class='clear'/>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
Terima kasih Anda telah membaca artikel Rounded popular post widget, Mencuri konten adalah melanggar hak cipta,baca PRIVACY POLICY,Jika anda memiliki saran dan kritik silakan tinggalkan komentar atau Kontak Kami.
Category:
Popular Post Widget
Comments
Popular Post
-
Jika anda sudah tidak bisa masuk atau tidak bisa mengakses nomor ponsel dan alamat email yang terkait dengan akun anda.Pelajari bagaimana ca...
-
Setelah anda mengkonfermasi alamat email ,hal yang harus anda lakukan adalah memverifikasi akun .Dengan memverifikasi akun facebook,anda dap... -
Berbagi tautan ke facebook Sebelum anda mengirimkan sesuatu ke kronologi anda atau ke halaman facebook anda,Sebaiknya atur kontrol privas... -
Untuk mengubah alamat email adalah: 1.Buka menu drop down di kanan atas halaman facebook anda,pilih account setting 2.Di bagian kiri klik... -
Mengendalikan Privasi Kronologi Facebook adalah media soccial yang paling banyak penggunanya,dimana setiap pengguna bisa mengatur privasi... -
Ada dua cara menonaktifkan akun facebook,yaitu Menonaktifkan Akun Sementara dan Menonaktifkan Akun Permanen. Menonaktifkan Akun Sementara... -
Mendapatkan akses akun facebook dengan bantuan teman Apabila anda sudah tidak dapat masuk facebook di karenakan anda telah lupa kata sandi...
-
IDM Untuk selamanya Tentu kita akan merasa kesal jika IDM yang pernah di pakai habis masa tenggatnya dan sudah tidak dapat di gunakan lagi... -
Masalah log in facebook Saya telah lupa kata sandi (Password). Jika anda telah lupa kata sandi akun facebook anda,gunakan opsi "Lupa... -
Memperbarui informasi pribadi seperti kontak,sekolah dan lain-lain akan mempermudah teman anda menemukan anda.Untuk menyunting informasi aku...
February 3, 2013 at 10:23 AM
Thank's gan.
March 3, 2013 at 11:04 AM
sukses mas, makasih banyak yah :)