Ad Code

Responsive Advertisement

CARA MEMBUAT RELATED POST DENGAN GAMBAR DAN SCROLL

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.

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:

<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.

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!


Reactions

Post a Comment

7 Comments

  1. nice article bro... visit back ya! http://theindependentenglishcourse.blogspot.com/

    ReplyDelete
  2. mantap....http://www.anekakreasi.com/

    ReplyDelete
  3. terimakasih informasinya :)
    http://goo.gl/4jDhC3

    ReplyDelete
  4. thank u bos
    mampir bos http://www.infotutorial.tk

    ReplyDelete
  5. very good posting, I have tried but have not succeeded, roughly where the blame lies. please refer bloggermendalo.blogspot.com

    ReplyDelete
    Replies
    1. I 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.
      Thanks before because you have visit my blog...

      Delete