contoh recent post blogger |
1. Apa sih yang dimaksud dengan recent post?
2. Untuk apa recent post di pasang di blog?
Recent pos adalah widget yang diperlukan oleh blog untuk menampilkan psotingan atau artikel terbarunya. Pemasangan widget recent post untuk membantu pengunjung menemukan postingan terbaru atau artikel yang baru dari blog tersebut. Widget recent post juga adalah pelengkap untuk blog hal ini sama dengan arsip blog dan random post Fungsi recent post membantu pengunjung menemukan artikel terbaru dan menarik
Pembuatan recent post di blog ada banyak beberapa cara, ada yang menggunakan recent post menggunakan gambar thumbnail ada juga yang membuat recent post tanpa menggunakan gambar thumbnail tampil di blog bahkan ada juga yang ingin memasang recen post dangan menggunakan gambar berjalan, hal ini sesuai dengan keinginan masing-masing pemblogger. Berikut cara membuat recent post blogger dengan mudah sesuai selera yang bisa anda ikuti.
Cara Membuat Recent Post Dengan Thumbnail Keren
Recent Post dengan menggunakan gambar thumbnail di blog hanya untuk menampilkan blog yang lebih keren. bagi anda yang ingin membuat recent post dengan menggunakan gambar thumbnail di blog tidak terlalu sulit, caranya gampang sekali.1. Login ke akun blogger
2. Pilih tata letak
3. Pilih tambahkan widget
4. Pilih HTML/JavaScrip
cara membuat recent post blogger |
5 copy kode di bawa ini
<style scoped='' type="text/css">
ul#recent-posts{list-style:none;margin:0;padding:0}li.recent-posts{display:block;clear:both;overflow:hidden;list-style:none;border-bottom:1px solid #e3e3e3;word-break:break-word;padding:10px 0;margin:0;}
li.recent-posts:last-child{border-bottom:0;}
li.recent-posts a{color:#444;}li.recent-posts a:hover{color:#444;text-decoration:underline}
</style>
<ul id="recent-posts"></ul>
<script>
//<![CDATA[
var homePage = "http://www.namabloganda.com",
numPosts = 10;
function recentPosts(a){if(document.getElementById("recent-posts")){var e=a.feed.entry,title,link,content="",ct=document.getElementById("recent-posts");for(var i=0;i<numPosts;i++){for(var j=0;j<numPosts;j++){if(e[i].link[j].rel=="alternate"){link=e[i].link[j].href;break}}var title=e[i].title.$t;content+='<li class="recent-posts"><a href="'+link+'" title="'+title+'" target="_blank" rel="nofollow">'+title+'</a></li>'}ct.innerHTML=content}}var rcp=document.createElement('script');rcp.src=homePage+'/feeds/posts/summary?alt=json-in-script&orderby=published&max-results='+numPosts+'&callback=recentPosts';document.getElementsByTagName('head')[0].appendChild(rcp);
//]]>
</script>
Cara Membuat Recent Post Berjalan Di Blog
Cara ini adalah cara membuat recent post agar recent post lebih keren di blog. Model recent post ini berjalan ke bawah sehingga kelihatan blog menarik. Berikut langkah-langkah membuat recent post berjalan ke bawah pada sebuah blog1. Login ke akun blogger
2. Pilih tata letak
3. Pilih tambahkan widget
4. Pilih HTML/JavaScrip
5 copy kode di bawa ini
<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://namabloganda.blogspot.com" target="_blank">get this widget here</a></small>
Ganti tulisan yang berwarna merah menjadi alamat blog anda. maka kana terlihat recent post berjalan di blog anda. Cara ini memang sbagus tetapi ada sedikit kelemahan karena berhubungan dengan kecepatan loading halaman blog sedikit mempenagaruhi kecepatan loading blog agak lambat.#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://namabloganda.blogspot.com" target="_blank">get this widget here</a></small>
Demikian totorial yang berkaitan dengan Cara Membuat Recent Post Blogger Dengan Mudah
No comments:
Post a Comment