$type=grid$count=4$tbg=rainbow$meta=0$snip=0$rm=0$show=home$src=random-posts

Loading...

Cara Membuat Widget Artikel Terbaru Keren di Blog

Membuat widget artikel terbaru dengan gambar, Cara memasang widget recent post dengan thumbnail, Widget recent post dengan efek slider keren untuk Blogger-Blogspot..

Deloiz.com - Berikut ini admin akan berbagi salah satu widget untuk pengguna Blogger yaitu widget artikel terbaru atau recent post. Widget ini pastinya berguna untuk menginformasikan kepada pengunjung tentang artikel-artikel yang terbaru.

Widget dengan desain unik ini akan menampilkan thumbnail gambar, judul postingan, dan deskripsi. Lebih keren lagi karena dilangkapi dengan efek slider yang otomatis. Kalau penasaran, lihat saja screenshotnya dibawah ini:
Widget Artikel Terbaru Keren
Widget artikel terbaru
Satu lagi yang lebih kerennya yaitu widget ini dapat menampilkan artikel terbaru dari website atau blog yang lainnya. Sehingga dapat meningkatkan jumlah pengunjung dan pageview. Kalau Anda tertarik untuk menerapkannya di situs Anda, ikuti saja caranya berikut ini:

1. Masuk ke Dasbor Blogger.

2. Pilih Tata Letak, lalu pilih Tambahkan Gadget.

3. Cari HTML/Javascript (scroll mouse ke bawah).

4. Tambahkan judul lalu copy-paste kode berikut pada kolom konten:
<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://www.deloiz.com" // Tambahkan alamat URL
});
</script> 
Keterangan: Silahkan ganti www.deloiz.com dengan nama situs Anda.

5. Simpan dan lihat hasilnya.

Demikian cara memasang widget artikel terbaru atau recent post keren dengan efek slider di Blogger. Apabila ada pertanyaan seputar topik silahkan tinggalkan komentar dan ikuti kami untuk mendapatkan tips blogging lainnya.

COMMENTS

Loading...
Loading...
Name

Adsense,5,Al-Qur'an,1,Android,9,Blogging,37,Doa-doa,27,Health,16,Images,18,Info and News,1,Internet,9,Islami,44,Juz Amma,15,Kata Mutiara,13,Lifestyle,9,SEO,3,Social Media,6,Tips and Tricks,19,Videos,4,
ltr
item
Deloiz: Cara Membuat Widget Artikel Terbaru Keren di Blog
Cara Membuat Widget Artikel Terbaru Keren di Blog
Membuat widget artikel terbaru dengan gambar, Cara memasang widget recent post dengan thumbnail, Widget recent post dengan efek slider keren untuk Blogger-Blogspot..
https://4.bp.blogspot.com/-FtawyMWzFSA/VCUH4a961VI/AAAAAAAARyE/cHNdHzLlDDE/s1600/recent%2Bpost%2Bslider.jpg
https://4.bp.blogspot.com/-FtawyMWzFSA/VCUH4a961VI/AAAAAAAARyE/cHNdHzLlDDE/s72-c/recent%2Bpost%2Bslider.jpg
Deloiz
https://www.deloiz.com/2015/01/widget-artikel-terbaru-keren.html
https://www.deloiz.com/
https://www.deloiz.com/
https://www.deloiz.com/2015/01/widget-artikel-terbaru-keren.html
true
6703874162766128950
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy