Monday, November 11, 2013
Browse Manual »
Wiring »
bentuk
»
blog
»
comments
»
di
»
membuat
»
recent
»
slide
»
tips
»
Tips Membuat Recent Comments Bentuk Slide di Blog
Salam
Tips Membuat Recent Comments Bentuk Slide di Blog
Pada kesempatan ini saya ingin berbagi tips bagaimana membuat sebuah recent comments yang berbentuk slide di blog anda. Mungkin anda juga tertarik untuk membuat sebuah recent post bentuk slide ?
Untuk membuat recent comment bentuk slide anda bisa mengikuti langkah-langkah berikut :
Langkah pertama
Masuk ke blog anda, kemudian klik tata letak/layout. Tambah gadget HTML/Java Script
Langkah Kedua
Letakan kode sript berikut di gadget tadi (copy script ini dan pastekan di gadget HTML/Java Script)
<div style="overflow:auto; width:auto; height:100px; padding:5px; border:1px solid #e6e4e3;">
<ol>
<script style="text/javascript">
var numposts = 100;
var standardstyling = true;
</script>
<script type=text/javascript src=http://mr-form.googlecode.com/files/label-post.js></script>
<ol>
<script src=" http://blogspot.com/ feeds/comments/default /-/ Technology?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ol>
</ol></div>
<ol>
<script style="text/javascript">
var numposts = 100;
var standardstyling = true;
</script>
<script type=text/javascript src=http://mr-form.googlecode.com/files/label-post.js></script>
<ol>
<script src=" http://blogspot.com/ feeds/comments/default /-/ Technology?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ol>
</ol></div>
Hal-hal yang perlu anda perhatikan dan bisa anda utak-atik agar mendapatkan hasil yang sesuai selera anda adalah:
height:100px; menunjukkan tinggi scroll box setinggi 100 px (piksel). Ukuran ini bisa anda rubah sesuai selear anda.
border:1px solid #e6e4e3; menunjukkan border scroll box setebal 1 piksel dengan model solid yang berwarna #e6e4e3. Anda bisa merubah model, warna dan ketebalan garis border scroll box tersebut sesuai selera anda.
Ganti http://blogspot.com dengan URL blog Anda
Ganti Technology dengan label yang anda inginkan. Penulisan label harus sesuai dengan yang tertera di blog anda. Pastikan semua penulisan sama persis dengan yang tertera pada blog anda. Jika label anda terdiri dari 2 kata atau lebih, gunakan %20 sebagai spasi.
Langkah ketiga
Klik tombol simpan/save!
Langkah keempat
Pindahkan gadget HTML/Java Script tadi ke tempat yang kalian inginkan dengan cara di drag!
Langkah kelima
Klik tombol simpan dan lihat hasilnya !
Demikianlah sedikit tips bagaimana membuat recent post bentuk slide. Semoga tips ini bermanfaat buat anda.
Subscribe to:
Post Comments (Atom)
No comments:
Post a Comment