Memasang Widget Entri Yang di Unggulkan dengan slidshow
Widget/Gadget Featured Post ( Pos Unggulan ) cantik ini dapat Anda tambahkan di mana pun ingin memasngnya, misalnya memasang gadget featured post di bagian sidebar kanan, sidebar kiri, footer ( kanan, tengah, kiri ), dan di posisi lainnya yang memungkinkan gadget bisa terpasang. Selain untuk mempercantik blog sobat afitur ini juga berguna untuk memberitahu pengguna tentang artikel apa yang kita unggulkan.
Berikut langkah-langkahnya :
1. Login ke akun blog Anda
2. Pilih Tata Letak
3. Kemudian Klik Tambahkan Gadget
4. Pilih HTML/javascript
5. Copy Kode di bawah ini dan pastekan di HTML/javascript tadi.
<script src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/featured-post/n17-content-slider/n17-content-slider-01.js" type="text/javascript"></script>
<a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a>
<style type="text/css">
ul.slideshow {
list-style:none;
width:320px;
height:240px;
overflow:hidden;
position:relative;
margin:0;
padding:0;
font-family:Arial,Helvetica,Trebuchet MS,Verdana;
;
}
ul.slideshow li {
position:absolute;
left:0;
right:0;
}
ul.slideshow li.show {
z-index:2000;
}
ul img {
width:320px;
height:240px;
border:none;
}
#slideshow-caption {
width:320px;
height:70px;
position:absolute;
bottom:0;
left:0;
color:#fff;
background:#000;
z-index:2000;
}
#slideshow-caption .slideshow-caption-container {
padding:5px 10px;
z-index:2000;
}
#slideshow-caption h3 {
margin:0;
padding:0;
font-size:16px;
}
#slideshow-caption p {
margin:5px 0 0 0;
padding:0;
}
</style>
<ul class="slideshow">
<li><a href="http://serietno.blogspot.co.id/2016/02/kuis-tebak-kata.html" target="_blank"><img src="http://lh4.ggpht.com/-PdUoJ9h0Fts/UM6DiJAxjSI/AAAAAAAAAdQ/-sbigP1e6HU/clip_image002_thumb.jpg?imgmax=800" title="Menambah Widget Slide Show Postingan Terbaru di blog" alt="Pusing karena anak malas belajar??? ingin anak belajar seperti bermain game?. Kali ini saya akan share game atau lebih tepatnya Tebak kata (TEKA) untuk anak-anak SD." /></a></li>
<li><a href="#" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbGfpzNIPAAZETjCj3pZ81I8L2JQ3dX3oyfK3oojOIu9tBFSI5AGyf_pU9F2w6XV9kWNmffiLbDTalipsl4aHCNZFKguv-p8yAMHioZ5oUz4OsQnWwNSDA4rZ4FcXNgwajpBuNV4wZElIT/s1600/Numbered+Page+Navigation+For+Blogger+New+Script.png" title="This is featured post 2 title" alt="Replace This Text With Your Featured Post 2 Description." /></a></li>
<li><a href="#" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjw9OB4YnJQnwgmZconuVrE0AVr3y8MwJbRx9r6cbAggj1UOesZAhARJHciDtio88qx2L8FKnJsUGJONAlKL3QF3UgKrYnrKoqC0B25DNa2zskWv9Cqs-5znuv1NJswd8uqsg62pPRZ6N3M/s1600/How+To+Add+Snow+Effect+On+The+Blogger+Mouse+Cursor+Area.png" title="This is featured post 3 title" alt="Replace This Text With Your Featured Post 3 Description." /></a></li>
<li><a href="#" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4LIzqJjnM8TUU0Lp5w-FolYjCwhmV3xemwApksAoPgeBrqB3ZXVFhPL9KEcCX1b0VfjvksLPLszwuDnMw9rrxvr_c3DsztK636CC1b8mZPpIWhsTOBNw4B2YTwW8r9WyQ7CyOkHCGLYeN/s1600/Falling+Objects++Falling+Text++Marquee+Scrolling+Text+Generator+for+Blogger.png" title="This is featured post 4 title" alt="Replace This Text With Your Featured Post 4 Description." /></a></li>
<li><a href="#" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHhVdWjUeJWD9276tkSNApX6c5P4PcYJKPZtQQQjUhj9mTxoH4ZtUxaElavHR3QV7QOSm7QXrwaQ-410LDvJOP7OpgZwJLk2iSMJDxZJ2YJz7RTvanaVhMGFwOAz9eL3r1ljIn1wSCI5dJ/s1600/How+To+Add+Animated+Flash+Clock+To+Your+Blogger+Blog.png" title="This is featured post 5 title" alt="Replace This Text With Your Featured Post 5 Description." /></a></li>
</ul>
Keterangan:
Edit warna merah sesuai ukuran widget sobat
Edit warna kuning sesuai entrii yang ingin ditampilkan