The Blogger In Draft Blog Is Being Retired

In 2007, we introduced Blogger In Draft, a special version of Blogger where new features could reach users early and let people try new things. We also introduced the Blogger In Draft blog, and for the past five years, we’ve introduced new updates and options here, often before we told the rest of the world on our official blog, Buzz.

With the recent launch of our Google+ page, we have another great way to keep you updated on new features, both for everyone and those of you who love seeing things early. To simplify the many places you can get updates, we will be retiring the Blogger in Draft blog, with this being the final post. Going forward, we’d like to invite you to follow our official blog and our Google+ page to find out what’s new with Blogger.

This doesn’t mean the Blogger In Draft service is going anywhere, so don’t fret! You’ll still get all the shiny goodness as fast as we can bring it to you. But we’ll be talking about it somewhere else.

Add Facemoods Emoticons To Your Blogger Comments

Here are some amazingly funny emoticons compatible with your Blogger comments - also with threaded commenting system! If you want to know how to add them, just follow the next steps:

DEMO

Step 1.

Go to Dashboard - Template - Edit HTML - Proceed

...and select Expand Widget Template (don't forget to make a backup)

Step 2. Search (using CTRL + F) for this code:

• For previous commenting system: 

<h4 id='comment-post-message'><data:postCommentMsg/></h4>

• For threaded comments:

<div class='post-footer-line post-footer-line-3'>

Step 3. Add the below code just above it

(for threaded comments, add the code after):

<b:if cond='data:blog.pageType == "item"'>
<div style=' width: 450px; text-align: left; border: 1px dashed #0084ce; background: transparent; padding: 10px; color:#000000; font-weight:bold; '>
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-1BfgBR5j8q9uolwkATupK44Aw1pvM7TL34qE5BvFp9gI69DCbg0Zqcc0k50OhAMCN-argSmPjCZdmBgeIaoG6gdvGGUT6l0hMwgejvy6TUZ6UC0AjBWrGAdMUoqyoDSmz8vX5t74-OLC/s1600/helplogger.blogspot.com(1).gif'/> :a
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZBDNEsDGy5tbrG3JxUFgFR4YZ8gNz6l9QRjnZCnSUokDAa5OOYFM7fxyw_EtDI-IT5xeJ7k_PDOdamxXy5dCoi3ewUiPz71IHOfSU43ZGPvpYW82QjgvSJEajAscnFwdF_xIbEetj1NMy/s1600/helplogger.blogspot.com+(2).gif'/> :b
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhO9Z8PIAZv2HwPOaLID2_k2ARSNUrhpKq2AGdtsa1O6iEs6bCoIkCk7NVAW0Z2Hc8z3_fRodsqgCBYG5Y6zDQdCEx7JoC9cyvDpwLYvp5ltICk8GSVPYN6qaVSVMusMOgADJMTdf0cts-N/s1600/helplogger.blogspot.com(3).gif'/> :c
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9l6fSiuVKp17Edto9YrYCfcgHUP7rLX9HIrTA-PEA7qTuDIBU4cZ1-KpsB0qRdALDMJSfICDVzVbdCn2dDg9_kcdiRRVg9k996JLTcvuTHJNdqibB0IDzLtEub0w-wAJOt_rJD1m6MrB4/s1600/helplogger.blogspot.com(4).gif'/> :d
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhA2Su7R17r1c7NIWkanqZLyBcNPesddtmDTn6NiAoJZbUh0irFhKoVFWpUo-1KKeo8Xpqmr02lf1onHq5sHmIaRi4ybrN9FwnG1FnVD2u1CvlUnR4pdsKgFiUBVUnQLZI-fSCVfHgvb-4m/s1600/helplogger.blogspot.com(5).gif'/> :e
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhABmyJthRduqYDuxC-ecN2e-8MJdUjNwFNXLxtfIvNXwdcB9UVxS3gOkDQgdot466Ou1Kspje9YLuNOo6UrpxUj-rIb5GONUjrVdUFGqJ0AtVbJjKY5KxZdA_kXdb3jcAroer6qBoYc25b/s1600/helplogger.blogspot.com(6).gif'/> :f
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfHkcoe7Fobf_0nAr-Ho8fzPVU22qy3GXS6lHyzqJsB-Aeo6FXzrZfC2JhIuFESvo32sB09x2BlCVa0ieNGEt0XVaLSSzRstGyiLGxHU6wHQQ-wSkAHjz0aQUyV_77AHkk1yTWAxDLbt3K/s1600/helplogger.blogspot.com(7).gif'/> :g
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipZX3kTdAIGYr2sDMF6m6oOOx_PcOC_3Q8O3tIS1xAXV27CvamuSozn0cb-D-C660jZCXXL7F_ZqCpfcw27bab4_YdAxmNL_WZkmEPGF76xfGlYqITiIZ5jt7GVZQ5UYTVU7ZjNcb1hR9t/s1600/helplogger.blogspot.com(8).gif'/> :h
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDUbC40JZ9YEkfFcoJGC97g7kXkA-hOfIMNOdsLrP3DXfh72BINptWC2rarJy0E7coOAdlkrjPxv5WyE6wOdZKIwuVO0YvLZdNQFoPJEMlsmO_Ng5GTG2qK9-JXQnVIhnpwp8SM79999zM/s1600/helplogger.blogspot.com(9).gif'/> :i
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDT2jeArMxLYfanWO5-mz94iHwXQ-c5zB74smeMlcCFiNh-pF6cWpOOFUwkJGh3qwqW-abOaRAfZROnUiHpnmuQf39eYGxT1kKPSqHFuLo8CCuhGrWYg3NkQH8Oiei19cSPHpFB9xGQUcp/s1600/helplogger.blogspot.com(10).gif'/> :j
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvviijLITqHjiJo8ppNVY_MOlKhlH2De-0afxDpMJoQpkEDq6gvg-F2FyRbodcyHdfALoOdtVfP2IlQM87U59NdSamha6QuuwU_iNsMQpL5iTill1qeIsGy-xwCF2A3oFKooo_Bis-NOW5/s1600/helplogger.blogspot.com(11).gif'/> :k
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBT7P6n3PoEZk4POoroOooOTlpu9Y_gBi48O_o05pxUem6XxfcgOjaA6yNhwuetCILF5DC6qwBMdKx5tuB2WZ2Y3P_igwYwRANDmSthDU7kApJiM4PhyDbUAr4eGeA8O-Elb3RC6e8dFZr/s1600/helplogger.blogspot.com(12).gif'/> :l
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEja7aQkdbpAWaanHaIyoNeJLL1E0jtMhZMbIt2POqal5org-Ah7k35Ycof9G0MSkI6Q-U8UMLOXly4aPvPF2owJwYeL88WJ3cGW5OnjcHy6noiP5p7jdHoS9OVmlspaq5C5lCRknz3SF61e/s1600/helplogger.blogspot.com(13).gif'/> :m
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUvMfe9kCHvU-QEx8VumAuQ6V4ngfcMude-tnDskYbZIjQwycAYz9iXFrRwgyZephVTe4kk2tEtdl4X8vS3jPmVIrLsADkHghf84lSkyuTrAvkGEQcR3H-qiJbu6NQeFPumMQEZM-ZbOCO/s1600/helplogger.blogspot.com(15).gif'/> :n
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKeym6DlmxxC1evUfwgPHIq9AvnJLHhYPfEySF_PlgYUnV7jRbmtS_Y2_7vLE2J3OdQbUYBNzD_LWwlyJNsSHofgIbjQW45I-cRfaOYUXb3DuNcikNGwPtSp45FIP-stqbGOeCkdxGuQSb/s1600/helplogger.blogspot.com(16).gif'/> :o
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJ_7tTQXQCCXCRo3mrXEwxU8fdedlzEz0f1WCOBPFm_wmaIOAjQWQ38zeSvErTvWnWCa2ZFa_EkrI1cmNnTdvJgL3SgqrhKKs6Ic4LG2Ug3Ce8dLdLx9Wxl3zPVZQSMsNr9_5raglX0xU_/s1600/helplogger.blogspot.com(14).gif'/> :p
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKEFb7g9gZJ84NBolBxJDRVPPfv_mCY1hlsK7U-EOKINRtOtFx7-JvqqgG6AXUKqY9Dvu430m-cyuVh7EcbAMmmcvcwI0ftDFKF8UivW5Au4cpVloA64sy1-D7vDiS76giAYZaC6grj2rj/s1600/helplogger.blogspot.com(17).gif'/> :q
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4bww5oGU8z_M839HCSoQ1xsJHtTdQ6r54xAEfSW33aqxPJERZ5DF9HPhzZYicmNS-skVhPcZKrMqX2z1VZLwY7ZCoJU-ClJDmPUAg611QuT2Uefcxj_Vv1ZrqeQdkoPuVRzHJuPMHzoRk/s1600/helplogger.blogspot.com(18).gif'/> :r
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiixg1zzuoV_gIsUu4_pyBIk1gvMPIvcNaTS8KX-Eq4mH4PIQkhCrmOt87z4IkMcXMWdtYEOOjV0bk9LjC_uuOx8tDIhC-_ZXiR9SjFHXQcM_lwFFBpN8r3DRSt37nLwjdV6Erw5h4dmOxp/s1600/helplogger.blogspot.com(19).gif'/> :s
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEc1e-nm3vMEOXrkq97w8423nNePuPA6m6mLxhjvL7GFOoIfqTg0tX3QQaQwBQhp29QE5A-fb_3XNmsteQF4o6y-HOWLfqEfdQmZQ7k-B1D_cSXj0cOAjvqHAwtPROqqoQkGy2SzGQuTaN/s1600/helplogger.blogspot.com(20).gif'/> :t   <a href='http://helplogger.blogspot.com/2012/05/add-facemoods-emoticons-to-your-blogger.html' style='color: rgb(30, 122, 183); font-size: x-small;'>Add smileys to Blogger + </a>
</div></b:if>

Step 4. Now search for this piece of code:

</body>

Step 5. And add the following code immediately above it:

• For previous commenting system:

<script type='text/javascript' src="http://helplogger.googlecode.com/svn/trunk/facemood emoticons.js"/>

• For threaded comments: 

<script type='text/javascript' src="http://helplogger.googlecode.com/svn/trunk/facemood emoticons threaded.js"/>

Step 6. Save the Template. Now, enjoy your comments!

Recent Posts Widget with Thumbnails for Blogger/Blogspot

A few days ago, I've posted a tutorial about How To Add A Simple Recent Posts Widget but today I want to present to you a very nice Recent Posts widget that comes along with posts thumbnails and post summary as well. If you want to know how to add this Recent Posts widget/gadget to your Blogger blog, then follow the steps below:

How to Add the Recent Posts Widget to Blogger

Step 1. Go To Blogger > Layout and click on "Add a Gadget" link

Step 2. From the pop-up window, scroll down and choose HTML/JavaScript

Step 3. Paste inside the empty box, the following code:

<div class="eggTray">
<script src="http://helplogger.googlecode.com/svn/trunk/listbadge.js">{"pipe_id":"1a6640e2a78b2c6e736f2220529daae5","_btype":"list",
"pipe_params":{"URL":"YOUR-BLOG/SITE-URL/feeds/posts/default"},
"hideHeader":"false","height":"500","count": 8 }</script>
<div style="font-family: arial, sans-serif; font-size: 9px;" class="ycdr"><a href="http://helplogger.blogspot.com/2012/05/recent-posts-widget-with-thumbnails-for.html" target="_blank" title="Grab this widget">Recent Posts Thumbnails</a> <a href="http://helplogger.blogspot.com/" target="_blank">Blogger Widget</a></div><noscript>Your browser does not support JavaScript!</noscript></div>
<style type=text/css>
.eggTray {margin:10px 0px;padding:0px;}
.ybr li  {border-bottom:0px #cccccc dotted; padding:0px 0px 10px 0px!important;}
.pipesTitle {padding-top:0px;}
.pipesDescription {display:true;}
.ycdr {background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTcEP4CEVkjKQs7_VtYWMIOZSifYUZkrqR6asSvNX7EfkgTTsAXThwYD7dobcr17rB2UOR5PNSYkOzKjUQT3dZH8iVYed5slGqS0cpi2Oy8N1vkZ-9k6XGqu_LvujhwnJDazsrPUeajks/s1600/logo.png) 0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 4px 0px 0px 0px;line-height:14px;}
.ycdr, .ycdr a {color:#999999;}
.widget .popular-posts ul {padding-left:0;}
</style>

Step 4. Change YOUR-BLOG/SITE-URL with the url address of your site/blog (ex: http://helplogger.blogspot.com) and look to have no forward slash symbol "/" at the end of your url

Note:

• To disable the scroll bar, remove the number 500
• By default, this widget is set to display a maximum of 8 recent posts. To change this number, replace the number 8 with the number of posts desired
• if you want only the posts titles to appear, change true to none and "0" from padding-top:0px with 10

Step 5. Save your widget. And you're done!

If you need more help, leave your comment below.