Posted by : Unknown
Minggu, 23 Desember 2012
Tutorial Blog - Kali ini kita akan membuat sebuah artikel menarik yang mungkin bisa menginspirasikan dan mempraktekkannya pada blog sobat, Cara Pasang Populer Post Thumbnail Berjalan Di Blog berikut tutorialnya.
1. Seperti biasa, log in ke akun blog sobat masing-masing.
2. Pilih menu Tata Letak > Tambah Gatget > HTML/Javascript. Copas kode berikut:
<style type="text/css">
#rp_plus_img{height:377px;}
#rp_plus_img li {height:60px;padding:5px;list-style:none;
background-color:#ffffff;
border:solid 1px #000000;}
#rp_plus_img a{color:#00000;}
#rp_plus_img .news-title{display:block;font-weight:bold ;margin-bottom:4px;font-size:11px;
text-align:justify;
-moz-border-radius: 5px;}
#rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #00000;width:55px;height:55px;}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript">
</script>
<script src="https://sites.google.com/site/unwanted86/javascript/recentpost.js" type="text/javascript">
</script>
<script type="text/javascript">
var speed = 1500;
var pause = 3500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img"><script>
var numposts = 5;
var numchars = 0;
</script> <script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt">
</script> </ul>
<small><a href="http://hilbramkurnia3.blogspot.com/2012/12/cara-pasang-populer-post-thumbnail-berjalan-di-blog.html" target="_blank">.::Get Widget::.</a></small>
#rp_plus_img{height:377px;}
#rp_plus_img li {height:60px;padding:5px;list-style:none;
background-color:#ffffff;
border:solid 1px #000000;}
#rp_plus_img a{color:#00000;}
#rp_plus_img .news-title{display:block;font-weight:bold ;margin-bottom:4px;font-size:11px;
text-align:justify;
-moz-border-radius: 5px;}
#rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #00000;width:55px;height:55px;}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript">
</script>
<script src="https://sites.google.com/site/unwanted86/javascript/recentpost.js" type="text/javascript">
</script>
<script type="text/javascript">
var speed = 1500;
var pause = 3500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img"><script>
var numposts = 5;
var numchars = 0;
</script> <script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt">
</script> </ul>
<small><a href="http://hilbramkurnia3.blogspot.com/2012/12/cara-pasang-populer-post-thumbnail-berjalan-di-blog.html" target="_blank">.::Get Widget::.</a></small>
3. Klik Simpan.. Dan lihat hasilnya..
Contoh Populer Post yang saya buat.
Klik Buka Untuk Melihat :
Klik Buka Untuk Melihat :
Atau Bisa juga dipostingan:
Jika sudah membuat postingan baru, pilih HTML bukan
Selamat Mencoba & Semoga Berhasil...
Rating: 4.5
Reviewer: Unknown
ItemReviewed: Cara Pasang Populer Post Thumbnail Berjalan Di Blog
Related Posts :
- Back to Home »
- Tutorial Blogging »
- Cara Pasang Populer Post Thumbnail Berjalan Di Blog