Satu lagi yang terbaru dari DUNIAKU yaitu Cara Membuat Recant Post Cantik Di Blog dengan background yang cantik dan menarik. Pada artikel sebelumnya DUNIAKU pernah berbagi tentang Cara Membuat Recent Post Lucu, kini kembali lagi dengan tampilan yang WOW! Hehehehe….dan pastinya teman jadi tertarik dan tidak diragukan lagi pengunjung yang datingpun jadi tersanjung melihatnya.
Cara pembuatannyapun mudah saja tinggal copy, paste, save. LANGSUNG JADI. Heheehe. Jika teman tertarik ingin mencobanya, berikut cara pembuatannya :
2. Menuju Tata Letak
3. Kemudian klik Tambah Gadget dan pilih HTML/JavaScript
4. Lalu copy script dibawah ini dan pastekan didalam HTML/JavaScript tadi
<style type="text/css">
#rp_plus_img{height:377px;}
#rp_plus_img li {height:60px;padding:5px;list-style:none;
background: url(http://i1089.photobucket.com/albums/i353/iman353/ini-2_zps82347095.jpg);;
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://imanabdulmutalibtamnge.blogspot.com/" target="_blank">get this widget here</a></small>
#rp_plus_img{height:377px;}
#rp_plus_img li {height:60px;padding:5px;list-style:none;
background: url(http://i1089.photobucket.com/albums/i353/iman353/ini-2_zps82347095.jpg);;
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://imanabdulmutalibtamnge.blogspot.com/" target="_blank">get this widget here</a></small>
5. Ganti huruf yang berwarna merah sesuai dengan keinginan teman. Dan huruf yang berwarna biru teman ganti dengan background kesukaan teman.
6. Jika sudah selesai klik Save dan lihat hasilnya.
No comments:
Post a Comment
Berikan komentar positif Anda tentang artikel ini