CARA
MEMBUAT RELATED POST DENGAN GAMBAR DAN SCROLL
Hai semuanya.....
Kali ini saya akan membahas tentang CARA MEMBUAT POST DENGAN GAMBAR DAN SCROLL. Dengan menambahkan related post, pengunjung akan mengetahui artikel terbaru dari blog anda dan memungkinkan artikel terbaru anda tersebut akan dikunjungi. Selain itu blog anda juga akan tampak lebih menarik.
Kali ini saya akan membahas tentang CARA MEMBUAT POST DENGAN GAMBAR DAN SCROLL. Dengan menambahkan related post, pengunjung akan mengetahui artikel terbaru dari blog anda dan memungkinkan artikel terbaru anda tersebut akan dikunjungi. Selain itu blog anda juga akan tampak lebih menarik.
Langsung saja ini caranya:
1. Login ke blog anda.
2. Pilih menu tata letak.
3. Pilih “tambahkan gadget”.
4. Pilih “HTML Javascript”.
5. Setelah itu copas kode di bawah ini pada HTML Javascript tadi:
2. Pilih menu tata letak.
3. Pilih “tambahkan gadget”.
4. Pilih “HTML Javascript”.
5. Setelah itu copas kode di bawah ini pada HTML Javascript tadi:
<div
style="overflow:auto; width:80%px; max-height:250px;
padding:5px;">
<style>
img.recent_thumb {padding-right:10px;padding-left:padding-bottom:0px;0px;width:55px;height:55px;border:0;float:left;margin:0
0 5px 0px;}
.recent_posts_with_thumbs {float:
left;width: 100%;min-height: 55px;margin: 0px 0px 5px 0px;padding:
0;font-size:12px;font-color:black;}
ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:0px;padding-left:0px;padding-right:20px;min-height:50px;list-style:normal;}
.recent_posts_with_thumbs a
{text-decoration:none;}
.recent_posts_with_thumbs normal
{font-size:13px;}
</style>
<script
type="text/javascript"
src="http://yourjavascript.com/11132354122/tholeb-recent.js"></script>
<script
type="text/javascript">
var numposts = 10;
var showpostthumbnails = true;
var displaymore = false;
var displayseparator = false;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = false;
var numchars = 75;
</script>
<script src="http://putuagem.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs"
type="text/javascript"></script></div>
6. Jika sudah selesai, klik “simpan” dan lihat
hasilnya.
Keterangan:
Pada tulisan yang berwarna biru:
-var numposts: merupakan banyaknya artikel terbaru dari blog anda yang akan ditampilkan.
-Pada "http://putuagem.blogspot.com/ , anda bisa menggantinya dengan URL blog anda.
Pada tulisan yang berwarna biru:
-var numposts: merupakan banyaknya artikel terbaru dari blog anda yang akan ditampilkan.
-Pada "http://putuagem.blogspot.com/ , anda bisa menggantinya dengan URL blog anda.
Untuk melihat hasilnya, anda bisa melihat related
post di blog saya ini.
Sekian CARA
MEMBUAT POST DENGAN GAMBAR DAN SCROLL, selamat mencoba dan semoga berhasil!
7 Comments
nice article bro... visit back ya! http://theindependentenglishcourse.blogspot.com/
ReplyDeleteoke gan...
Deletesering-sering kunjungi ya
mantap....http://www.anekakreasi.com/
ReplyDeleteterimakasih informasinya :)
ReplyDeletehttp://goo.gl/4jDhC3
thank u bos
ReplyDeletemampir bos http://www.infotutorial.tk
very good posting, I have tried but have not succeeded, roughly where the blame lies. please refer bloggermendalo.blogspot.com
ReplyDeleteI think your blog can't respond my code. Perhaps, you must make "related post with the picture" by entering the other code in your template.
DeleteThanks before because you have visit my blog...