Blogger son yazilar eklentisi

Selam Arkadaşlar..

Bu yazımızda sizelere son yazılar eklenisinden bahsedeğim..Son yazılarınızı ön plana çıkartarak ziyaretcilerinizin sıkılmadan vakit geçirmelerini sağlayabilirsiniz..

Bunun için sizlere yazımda bir kaç örnek vereceğim beğendiğinizi sitenize ekleyebilirsiniz..

Seçenek 1

<link rel="stylesheet" type="text/css" href="https://googledrive.com/host/0BxxMpDce-fNUYmh1Ukdjb0FjbUU" /> <script src="http://yourjavascript.com/94233419149/bh-son-yazilar.js"></script> <script type='text/javascript'>var numposts = 5;var showpostthumbnails = true;var displaymore = false;var displayseparator = true;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 100;</script> <script type="text/javascript" src="http://blogdesteknet.blogspot.com/feeds/posts/default/-/Blogger?published&alt=json-in-script&callback=labelthumbs"></script>

Kodu kopyalıp burada test edebilirsiniz..

Seçenek 2:

<script src="http://yourjavascript.com/94233419149/bh-son-yazilar.js"></script> <script type='text/javascript'>var numposts = 5;var showpostthumbnails = true;var displaymore = false;var displayseparator = true;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 100;</script> <script type="text/javascript" src="http://blogdesteknet.blogspot.com/feeds/posts/default/-/Blogger?published&alt=json-in-script&callback=labelthumbs"></script>

Kodu kopyalıp burada test edebilirsiniz..

Seçenek 3:

<script style="text/javascript" src="http://helplogger.googlecode.com/svn/trunk/helplogger/recentpoststhumbs.js"></script><script style="text/javascript">var posts_no = 5; var showpoststhumbs = true; var readmorelink = true; var showcommentslink = true; 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><a style="font-size: 9px; color: #CECECE; float: right; margin: 5px;" href="http://BlogDestekNet.blogspot.com" rel="nofollow">Recent Posts Widget</a><noscript>Your browser does not support JavaScript!</noscript><link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/><style type="text/css">img.recent-post-thumb {padding:2px;width:65px;height:65px;float:left;margin: 0px 10px 10px; background: #fff; border: 1px solid #69B7E2;} .recent-posts-container {font-family: 'Oswald', sans-serif; float: left;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;} ul.recent-posts-container li {padding:5px 0px;min-height:65px; list-style-type: none; margin-bottom: 5px;} ul.recent-posts-container {counter-reset: countposts;list-style-type: none;} ul.recent-posts-container li:before {content: counter(countposts,decimal);counter-increment: countposts;z-index: 2;position:absolute; left: 15px; font-size: 13px;font-weight: bold;color: #fff;background: #69B7E2;padding: 4px 10px; border-radius: 100%;} .recent-posts-container a { text-decoration:none; } .recent-post-title a {font-size: 13px; text-transform: uppercase; color: #2aace3;} .recent-posts-details {margin: 5px 0px 0px 92px; } .recent-posts-details a{ color: #777;} </style>Style #4 recent posts for blogger, cool widgets Pin on Pinterest

Kodu kopyalıp burada test edebilirsiniz..