Blogger {Resimli} Popüler Yayınlar Eklentisi

Resimli ve Renkli  Popüler Yayınlar Eklentisi

Bu popüler yayınlar eklentisi ile siteniz neşelecek ve ziyaterçileriniz sitenizden zevk alacak.Sizde eski popüler yayınlar eklentisinden bıkmadınız mı ? Gelin hep birlikte eskileri klasörlere atalım ve yepyeni bir eklenti edinelim.Bende blogger eklentisi ararken çoğu yerde gömüştüm renkli popüler yayınlar eklentisi ama hem renkli hemde resimliye hiç rastlamamıştım.Uzun lafın kısası hemen size kodları verelim sizde deneyip görün istiyorum.

<script src="http://helplogger.googlecode.com/svn/trunk/helplogger/recentpoststhumbs.js"></script> <script> var posts_no = 5; var showpoststhumbs = true; var Devamılink = true; var showcommentslink = false; var posts_date = true; var post_summary = true; var summary_chars = 70; </script> <script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showlatestpostswiththumbs"></script> <noscript>Your browser does not support JavaScript!</noscript> <link href="http://fonts.googleapis.com/css?family=Ubuntu+Condensed" rel="stylesheet" type="text/css"></link> <style type="text/css"> img.recent-post-thumb {width:50px;height:50px;float:right;margin: 5px -5px 0px 0px; border-radius: 100%; padding: 3px;background: #fff} .recent-posts-container {font-family: 'Ubuntu Condensed', sans-serif; float: left;width: 100%;min-height: 55px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;} ul.recent-posts-container {list-style-type: none; background: #fff;padding: 0px; } ul.recent-posts-container li:nth-child(1n+0) {background: #F49A9A; width: 100%} ul.recent-posts-container li:nth-child(2n+0) {background: #FCD092; width: 95%} ul.recent-posts-container li:nth-child(3n+0) {background: #FFF59E; width: 90%;} ul.recent-posts-container li:nth-child(4n+0) {background: #E1EFA0; width: 85%;} ul.recent-posts-container li:nth-child(5n+0) {background: #B1DAEF; width: 80%;} ul.recent-posts-container li {padding:5px 10px;min-height:50px; list-style-type: none; margin: 0px 5px -5px 5px; color: #777;} .recent-posts-container a { text-decoration:none; } .recent-posts-container a:hover { color: #222;} .post-date {color:#e0c0c6; font-size: 11px; } .recent-post-title a {font-size: 14px;color: #444; font-weight: bold;} .recent-post-title {padding: 6px 0px;} .recent-posts-details a{ color: #222;} .recent-posts-details {padding: 5px 0px 5px; } </style>


Arkadaşlar kod içerisinde hiçbir değişiklik yapmanıza gerek yok.Direk olarak Yerleşim gadget ekle Html/Javascript yolunu takip ederek ekliyoruz.Kendisi otomatik olarak sizin yayınlarınızı ekleyecektir.

Takip Et @Mcahitp