• Translate

5/06/2014

Sidebar Recent Post Otomatis Slider

Tutorial Blogspot |

Advertisement

Recent Post
Cara Membuat Widget Sidebar Recent Post Otomatis Slider | Jumlah pengguna Blogger di dunia meningkat dengan pesat. mungkin ada sobat blogger memiliki lebih dari satu blog. nah, apa hubungannya dengan Recent Post Otomatis ini?
dengan widget ini sobat blogger bisa menampilkan recent post dari satu blog sobat ke blog yang lainnya yang sobat miliki. recent post ini berguna untuk meningkatkan bounce rate dan pageviews.

Recent Posts Otomatis Slider adalah widget untuk blogger yang akan menampilkan posting terbaru dari blog yang Anda inginkan dengan bagus dan tampilan antarmuka mengagumkan . Widget ini update secara otomatis dan Anda tidak perlu mengedit widget dan menambahkan gambar, judul dan deskripsi lagi dan lagi. Anda hanya perlu menambahkan URL blog dan setup Anda akan lengkap.


Untuk menambahkan widget ini ke blog Anda ikuti langkah-langkah di bawah ini.

Menambahkan kode Widget di Tata Letak/layout Blog
Untuk menambahkan kode ini widget klik Blog Judul → Tata Letak → Tambah Widget → HTML / JavaScript dan pastekan kode yang ada dibawah ini. 
<link rel="stylesheet" type="text/css" href="http://blogger-json-experiment.googlecode.com/svn/resources/blogger-feed-rotator-plugin/default-style.min.css"/>
<div id="slider-rotator" class="slider-rotator loading"></div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="http://blogger-json-experiment.googlecode.com/svn/resources/blogger-feed-rotator-plugin/blogger-feed-rotator.min.js"></script>
<script type="text/javascript">
makeSlider({
    url: "http://YOURURL.blogspot.com" // Add your blog URL
});
</script>
Setelah menambahkan kode diatas sobat ganti link url yang berwarna merah denga link blogger sobat kemudian sobat blogger save/simpan.
akhirnya sobat blogger selesai juga membuat widget Recent Post Otomatis Slider di blog sobat

jangan lupa komennya ya  ^_^

Disclaimer: Images, Content of articles or videos that exist on the web sometimes come from various sources of other media. Copyright is fully owned by the source. If there is a problem with this matter, you can contact us here.
How to style text in Disqus comments:
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>, and please parse the code in the parser box below.
Show Parser Box