KrishnaVandanu

Recent Comments Widget For Blogger

<div dir="ltr" style="text-align: left;" trbidi="on"> <table cellpadding="0" cellspacing="0" class="tr-caption-container zemanta-img" style="float: left; margin-right: 1em; text-align: left;"><tbody> <tr><td style="text-align: center;"><a href="http://commons.wikipedia.org/wiki/File:Blogger.svg" imageanchor="1" style="margin-bottom: 1em; margin-left: auto; margin-right: auto; text-align: clear:left;"><img alt="This is icon for social networking website. Th..." border="0" class="zemanta-img-inserted" height="256" src="http://upload.wikimedia.org/wikipedia/commons/thumb/3/31/Blogger.svg/256px-Blogger.svg.png" style="border: none; font-size: 0.8em;" width="256" /></a></td></tr> <tr><td class="tr-caption zemanta-img-attribution" style="text-align: center; width: 256px;">This is icon for social networking website. This is part of Open Icon Library's webpage icon package. (Photo credit: <a href="http://commons.wikipedia.org/wiki/File:Blogger.svg">Wikipedia</a>)</td></tr> </tbody></table> The Recent Comments Widget for <a class="zem_slink" href="http://blogger.com/" rel="homepage" title="Blogger">Blogger</a> displays the recent blog comments on your blog's sidebar, showing a snippet of the last comments along with the title of the post to which the comment was made. If you want to encourage your readers in leaving comments on your blog, this is a widget I would recommend. How To Install The Recent Comments Widget For Blogger Step 1. Go to your <a href="http://www.blogger.com/home">Blogger Dashboard</a> >> <a class="zem_slink" href="http://en.wikipedia.org/wiki/Layout_%28computing%29" rel="wikipedia" title="Layout (computing)">Layout</a> >> Add a <a class="zem_slink" href="http://en.wikipedia.org/wiki/Gadget" rel="wikipedia" title="Gadget">Gadget</a> <div class="separator" style="clear: both; text-align: center;"> </div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPqlpF4G4uzG2-kLltLLOYumgsgAwXCx1lsI8j12Egmawwh17bTqzHD8wHBibFXW7IROTHPPiCmDIOFAEM5hXxYcotSj4qrZLACH3WSHVWKYLwwUAFOqGladhRuBUkkSQ308An6Gm_MCaF/s1600/add-a-gadget-blogger-layout.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="129" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPqlpF4G4uzG2-kLltLLOYumgsgAwXCx1lsI8j12Egmawwh17bTqzHD8wHBibFXW7IROTHPPiCmDIOFAEM5hXxYcotSj4qrZLACH3WSHVWKYLwwUAFOqGladhRuBUkkSQ308An6Gm_MCaF/s1600/add-a-gadget-blogger-layout.png" width="640" /></a></div> Step 2. From the <a class="zem_slink" href="http://en.wikipedia.org/wiki/Pop-up_ad" rel="wikipedia" title="Pop-up ad">pop-up window</a>, scroll down and choose the HTML/JavaScript option: <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjitCa_LLYF1RNAe5kQny7Hw-wsbz5gCMRXUlKbeLb3fC5Syp_Z7Q-7wj-g4mcot_Fc-obhR-ivaQOwC1WLNjoVa9aMU44jDKaakasREcg59-TfmtPLLpnIFCsV4yu4zAmZJVPXqc7vGUwl/s1600/html-javascript-blogger-gadgets-widgets.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="130" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjitCa_LLYF1RNAe5kQny7Hw-wsbz5gCMRXUlKbeLb3fC5Syp_Z7Q-7wj-g4mcot_Fc-obhR-ivaQOwC1WLNjoVa9aMU44jDKaakasREcg59-TfmtPLLpnIFCsV4yu4zAmZJVPXqc7vGUwl/s1600/html-javascript-blogger-gadgets-widgets.png" width="320" /></a></div> <div class="separator" style="clear: both; text-align: center;"> </div> Step 3. Now <a class="zem_slink" href="http://en.wikipedia.org/wiki/Cut%2C_copy%2C_and_paste" rel="wikipedia" title="Cut, copy, and paste">copy and paste</a> the below code in the HTML/JavaScript box: <blockquote class="tr_bq"> <script style=text/javascript src="http://helplogger.googlecode.com/svn/trunk/recent comments widget.js"></script><script style=text/javascript >var a_rc=5;var m_rc=false;var n_rc=true;var o_rc=100;</script><script src=http://your-blog-name.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments ></script><a href=http://helplogger.blogspot.com/2012/03/recent-comments-widget-for-blogger.html>Recent Comments Widget</a><style type=text/css> .rcw-comments a {text-transform: capitalize;} .rcw-comments {border-bottom: 1px dotted; padding-top: 7px!important; padding-bottom: 7px!important;} #rcw-cr {font-family: Arial,Tahoma;font-size:9px;padding-top:7px;display:block;} </style></blockquote> Step 4. Replace your-blog-name with your blog url. Step 5. Click Save and you're done. Hope you'll enjoy it! <div class="zemanta-pixie" style="height: 15px; margin-top: 10px;"> <img alt="" class="zemanta-pixie-img" src="http://img.zemanta.com/pixy.gif?x-id=533c6004-8952-46fd-aa66-d00b63f8509f" style="border: none; float: right;" /></div> </div>

Recent Comments Widget For Blogger

This is icon for social networking website. This is part of Open Icon Library's webpage icon package. (Photo credit: Wikipedia ) The Rec...

Membuat Widget Related Posts dengan Thumbnail pada Blogger

<div dir="ltr" style="text-align: left;" trbidi="on"> Cara menambahkan Widget Related Posts dengan Thumbnail pada Blogger Sekarang di sini adalah cara yang mudah untuk menampilkan posting terkait di bawah setiap posting blog Anda, bersama dengan thumbnail. Artikel-artikel terkait dipilih dari pesan lainnya dalam kategori yang sama / label / tag. Dengan cara ini banyak pembaca Anda akan tetap di blog Anda untuk waktu yang cukup lama ketika mereka melihat posting terkait kepentingan. <a name='more'></a> <div style="text-align: center;"> <div class="separator" style="clear: both; text-align: center;"> </div> <div class="separator" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em; text-align: center;"> <img alt="related post, related posts blogger, blogger widgets" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgnBzmFx_MgyGdtA6NEjkDF53Yo0WKTRKjA663kE4HIIYRHo8d0UVjwEWZlmoPV3R27RGCkyPuqFJFTWo7M66MY-U04NAYYvg-ujZbqdSBLgxUSeaZ2cdUZTHkAHFUnZ18dPmYmaQyzp_O/s1600/related-posts-blogger.png" title="Related Posts Widget For Blogger" /></div> <div style="text-align: -webkit-auto;"> </div> </div> Langkah menambahkan Widget Related Posts ke Blogger / Blogspot Langkah 1. Buka <a href="http://www.blogger.com/home" style="color: #0b5394;">Blogger Dashboard</a> >> Template >>Edit HTML; Langkah 2. Centang pada "Expand widgets template" box; Langkah 3. Cari (CTRL + F) kode <head> dibawah ini: <blockquote class="tr_bq"> </head></blockquote> Langkah 4. Copy dan paste kode di bawah ini sebelum / di atas </head> <blockquote class="tr_bq">  <b:if cond='data:blog.pageType == &quot;item&quot;'> <style type='text/css'> #related-posts { float:center; text-transform:none; height:100%; min-height:100%; padding-top:5px; padding-left:5px; } #related-posts h2{ font-size: 18px; letter-spacing: 2px; font-weight: bold; text-transform: none; color: #5D5D5D; font-family: Arial Narrow; margin-bottom: 0.75em; margin-top: 0em; padding-top: 0em; } #related-posts a{ border-right: 1px dotted #DDDDDD; color:#5D5D5D; } #related-posts a:hover{ color:black; background-color:#EDEDEF; } </style> <script type='text/javascript'> var defaultnoimage=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8Q4EGKs2KMqqTOf8ebDfs1ttdoalqEsqa7jmMxMMcUjnm_vsgYvZ9gDmDBzSjuclRFuvW_tmAHGuRHPHBl0jxcD2PlWor6ME2Zv0ceJC5GP5RfgWY-fh-8FOqWfCpOKht54qHaIIhWna2/s1600/no_image.jpg&quot;; var maxresults=5; var splittercolor=&quot;#DDDDDD&quot;; var relatedpoststitle=&quot;Related Posts&quot;; </script> <script src='http://helplogger.googlecode.com/svn/trunk/related-posts-with-big-thumbnails.js' type='text/javascript'/> </b:if> </blockquote> Note: - to change the default picture, replace the URL in blue with your own - for displaying more than 5 posts, replace 5 value from "var maxresults=5;" - remove the code in violet if you want the related posts to be displayed in homepage too Catatan: - Untuk mengubah gambar default, ganti URL yang berwarna biru dengan link gambar yang Anda miliki - Untuk menampilkan lebih dari 5 posting, ganti 5 nilai dari  "var maxresults=5;" - Hapus kode yang berwarna violet/ungu jika Anda ingin menampilkan widget ini dalam homepage juga Langkah 5. Sekarang cari kode berikut: <blockquote class="tr_bq">     <div class='post-footer'></blockquote> Langkah 6. Dan tepat di atasnya, copy dan paste kode di bawah ini: <blockquote class="tr_bq">  <b:if cond='data:blog.pageType == &quot;item&quot;'> <div id='related-posts'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != &quot;true&quot;'> </b:if> <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:loop> <script type='text/javascript'> removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;); </script> </div><div style='clear:both'/> </b:if> <b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'> <a href='http://helplogger.blogspot.com'><img alt='Blogger Tricks' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgJaNgGXiE2fRakkiuqHIpbMDX_WUFqQeUpfb7GZKjrTakroInsGCb4Ys8-6h08gSMQP0JoC-KU7EDNdhZIiWb8ndC3hFd-T1pPWxWCxm-RbXy0d8AEKVwj0PUkFHyJ7Tr-NqhSAS3OpWS/s1600/best+blogger+tips.png'/></a> </b:if></b:if> </blockquote> Note: - change the 6 value from max-results=6 with the number of posts you want to be displayed. - If you want the related posts to be displayed on homepage too, remove the code in violet. Catatan: - Ubah nilai 6 dari  max-results=6 dengan jumlah posting yang ingin ditampilkan. - Jika Anda ingin related post  ini ditampilkan pada homepage juga, hapus kode warna  violet/ungu. Langkah 7. Simpan Template Enjoy :) Credit goes to: <a href="http://bloggerpluggins.org/" rel="nofollow" target="_blank">bloggerpluggins.org</a> . Modified by kivandanu <div class="zemanta-pixie" style="height: 15px; margin-top: 10px;"> <img alt="" class="zemanta-pixie-img" src="http://img.zemanta.com/pixy.gif?x-id=b9b83919-29a1-4dbf-940d-05cbeff21651" style="border: none; float: right;" /></div> </div>

Membuat Widget Related Posts dengan Thumbnail pada Blogger

Cara menambahkan Widget Related Posts dengan Thumbnail pada Blogger Sekarang di sini adalah cara yang mudah untuk menampilkan postin...

APPS

<html> 
<head> 
<title>Bravenet Free Web Apps - Get Yours at www.bravenet.com</title> 
<style type="text/css">
body {color: #333333;font: 11pt "Trebuchet MS",sans-serif;}
h3, h4, h5, h6 {color: #000000;}
.bn-ui-wrapper {margin: 0 auto;width: 100%;}
a img {border: 0px;}
.braveapps-list {list-style-type: none;margin: 0;overflow: hidden;padding: 0;}
.braveapps-list li {float: left;margin-bottom: 20px;text-align: center;width: 180px;}
.braveapps-list li a {color: #555555;font-size: 110%;text-decoration: none;}
.bn-signup-closer {clear: both;background: url("http://assets.bravenet.com/bn/img/ui/graycords-bg.png") repeat scroll left top #EBEBEB;border-radius: 5px 5px 5px 5px;box-shadow: 0 0 5px 1px #727272;margin-bottom: 30px;overflow: hidden;}
.bn-signup-closer .signup-text {float: left;margin-right: 20px;padding-left: 20px;width: 735px;}
.bn-signup-closer .signup {float: right;margin: 10px 10px 10px 0;}
.signup-text h3 {font-size: 14.5pt;font-weight: normal;margin: 15px 0 2px;}
.signup-text p {font-size: 10pt;margin: 0;padding: 0;}
.gfx-btn {border: 0 none;display: block;margin: 0;padding: 0;}
.bn-splash-msg .gfx-btn, .signup {background: url("http://assets.bravenet.com/bn/bravenet/img/signup-btn.png") no-repeat scroll left top transparent;height: 53px;width: 184px;}
.gfx-btn span {display: none;}
</style> 
</head> 
<body> 
<div class="bn-ui-wrapper"><h2 style="border-bottom:1px solid #c9c9c9;">Enrich your website with powerful apps</h2><div class="bn-section-content-holder"><ul class="braveapps-list"><li><a href="http://www.braveapps.com/journal?afilid=1823111653"><img src="http://assets.bravenet.com/bn/braveapps/img/icons/64x64/journal.png"> Blog</a></li>
<li><a href="http://www.braveapps.com/guestbook?afilid=1823111653"><img src="http://assets.bravenet.com/bn/braveapps/img/icons/64x64/guestbook.png"> Guestbooks</a></li>
<li><a href="http://www.braveapps.com/emailfwd?afilid=1823111653"><img src="http://assets.bravenet.com/bn/braveapps/img/icons/64x64/emailfwd.png"> Email Forms</a></li>
<li><a href="http://www.braveapps.com/forum?afilid=1823111653"><img src="http://assets.bravenet.com/bn/braveapps/img/icons/64x64/forum.png"> Message Forums</a></li>
<li><a href="http://www.braveapps.com/counter?afilid=1823111653"><img src="http://assets.bravenet.com/bn/braveapps/img/icons/64x64/counter.png"> Hit Counter</a></li>
<li><a href="http://www.braveapps.com/calendar?afilid=1823111653"><img src="http://assets.bravenet.com/bn/braveapps/img/icons/64x64/calendar.png"> Online Calendars</a></li>
<li><a href="http://www.braveapps.com/passwd?afilid=1823111653"><img src="http://assets.bravenet.com/bn/braveapps/img/icons/64x64/passwd.png"> Password Protect</a></li>
<li><a href="http://www.braveapps.com/photocenter?afilid=1823111653"><img src="http://assets.bravenet.com/bn/braveapps/img/icons/64x64/photocenter.png"> Photo Albums</a></li>
<li><a href="http://www.braveapps.com/template?afilid=1823111653"><img src="http://assets.bravenet.com/bn/braveapps/img/icons/64x64/template.png"> Web Templates</a></li>
<li><a href="http://www.braveapps.com/chat?afilid=1823111653"><img src="http://assets.bravenet.com/bn/braveapps/img/icons/64x64/chat.png"> Chat Rooms</a></li>
<li><a href="http://www.braveapps.com/faq?afilid=1823111653"><img src="http://assets.bravenet.com/bn/braveapps/img/icons/64x64/faq.png"> FAQ Service</a></li>
<li><a href="http://www.braveapps.com/guestmap?afilid=1823111653"><img src="http://assets.bravenet.com/bn/braveapps/img/icons/64x64/guestmap.png"> GuestMaps</a></li>
<li><a href="http://www.braveapps.com/vote?afilid=1823111653"><img src="http://assets.bravenet.com/bn/braveapps/img/icons/64x64/vote.png"> Vote Caster</a></li>
<li><a href="http://www.braveapps.com/postcard?afilid=1823111653"><img src="http://assets.bravenet.com/bn/braveapps/img/icons/64x64/postcard.png"> E-Cards</a></li>
<li><a href="http://www.braveapps.com/classified?afilid=1823111653"><img src="http://assets.bravenet.com/bn/braveapps/img/icons/64x64/classified.png"> Classifieds</a></li>
<li><a href="http://www.braveapps.com/search2?afilid=1823111653"><img src="http://assets.bravenet.com/bn/braveapps/img/icons/64x64/search2.png"> Site Search</a></li>
<li><a href="http://www.braveapps.com/minipoll?afilid=1823111653"><img src="http://assets.bravenet.com/bn/braveapps/img/icons/64x64/minipoll.png"> Web Polls</a></li>
<li><a href="http://www.braveapps.com/sitepal?afilid=1823111653"><img src="http://assets.bravenet.com/bn/braveapps/img/icons/64x64/sitepal.png"> Speaking Characters</a></li>
<li><a href="http://www.braveapps.com/sitering?afilid=1823111653"><img src="http://assets.bravenet.com/bn/braveapps/img/icons/64x64/sitering.png"> Web Rings</a></li>
<li><a href="http://www.bravemailer.com/?afilid=1823111653"><img src="http://assets.bravenet.com/bn/braveapps/img/icons/64x64/elist.png"> Mailing List</a></li>
</ul></div> 
<div class="bn-signup-closer"><div class="signup-text"><h3>Sign Up Today for your FREE Bravenet Account.. 
enhance your site with braveapps!</h3>Getting started with Bravenet is quick and easy. 
Put your credit card away and explore the services we have to offer</div><a class="signup gfx-btn" href="http://www.bravenet.com/signup/signup.php?brandref=braveapps?afilid=1823111653">Sign Up Now</a> 
</div></div> 
</body> 
</html>

APPS

Bravenet Free Web Apps - Get Yours at www.bravenet.com Enrich your website with powerful apps Blog Guestbooks Email Forms Message ...