Judul : Cara Membuat Widget Slider Otomatis Recent Post
link : Cara Membuat Widget Slider Otomatis Recent Post
Cara Membuat Widget Slider Otomatis Recent Post
Cara Membuat Widget Slider Otomatis Recent Post - Widget recent post berguna untuk menampilkan post artikel terbaru di blog, dengan tambahan widget ini pengguna atau user akan mudah mencari post artikel terbaru yang anda publikasikan. Dengan begitu para user akan mudah mendapatkan berita update yang mereka cari. Setelah kemarin saya share tentang cara membuat bermacam-macam widget popular post menarik kali ini saya akan share tentang cara membuat widget recent post slider otomatis di blog. Dengan tambahan widget ini juga secara tidak langsung akan berpengaruh terhadap SEO blog yaitu akan mengurangi tingkat bounce rate blog selain juga mempercantik tampilan blog.
Cara Membuat Recent Post Slider Otomatis di Blog
Cara membuat widget slider recent post ini juga sangat mudah, anda tidak perlu mengubah struktur kode html template. Yang anda perlukan hanya menambahkan kode widget di blog, maka recent post tersebut akan muncul di blog anda.Caranya adalah sebagai berikut:
1. Masuk akun Blogger anda
2. Klik tata letak lalu tambahkan widget HTML/ Javascript
3. Tambahkan Kode di bawah ini di dalamnya:
Note: Ganti yang saya tandai dengan warna merah dengan alamat url Blog anda. Jika anda benar melakukannya maka tampilan widget tersebut akan terlihat seperti dibawah ini:
Cara Membuat Recent Post Slider Otomatis di Blog
Cara membuat widget slider recent post ini juga sangat mudah, anda tidak perlu mengubah struktur kode html template. Yang anda perlukan hanya menambahkan kode widget di blog, maka recent post tersebut akan muncul di blog anda.Caranya adalah sebagai berikut:
1. Masuk akun Blogger anda
2. Klik tata letak lalu tambahkan widget HTML/ Javascript
3. Tambahkan Kode di bawah ini di dalamnya:
<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://sharetipsdancara.blogspot.com" // Add your blog URL
});
</script>
<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://sharetipsdancara.blogspot.com" // Add your blog URL
});
</script>
Note: Ganti yang saya tandai dengan warna merah dengan alamat url Blog anda. Jika anda benar melakukannya maka tampilan widget tersebut akan terlihat seperti dibawah ini:
Demikianlah Artikel Cara Membuat Widget Slider Otomatis Recent Post
Sekianlah artikel Cara Membuat Widget Slider Otomatis Recent Post kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.
Anda sekarang membaca artikel Cara Membuat Widget Slider Otomatis Recent Post dengan alamat link http://trickterbaruagar.blogspot.com/2014/10/cara-membuat-widget-slider-otomatis.html
0 Response to "Cara Membuat Widget Slider Otomatis Recent Post"
Posting Komentar