IMPORTANT BLOG - Collection Of Important Articles From Various Sources

How To Remove Blogger Attribution Gadget in Blogger Blog

<div dir="ltr" style="text-align: left;" trbidi="on">
<div id="aim2400243740325241190">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEim65_zqoacXvC8HYQetWoZ5e8mDSGdfv-Qi4z2XCEZcd6BV7uiWpwxEkOInBT-PdYQab5NIEgfYjLBE0L53mMlvUR3cPjyQqdqY0mzuiskVBoF8ERKhxDGa4cEvMSo1ZBeOSk6AmFI4IQ/s1600/How+to+Remove+Locked+Attribution+in+Blogger+Blog.jpg" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img border="0" height="175" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEim65_zqoacXvC8HYQetWoZ5e8mDSGdfv-Qi4z2XCEZcd6BV7uiWpwxEkOInBT-PdYQab5NIEgfYjLBE0L53mMlvUR3cPjyQqdqY0mzuiskVBoF8ERKhxDGa4cEvMSo1ZBeOSk6AmFI4IQ/s320/How+to+Remove+Locked+Attribution+in+Blogger+Blog.jpg" width="320" /></a></div>
<span style="font-family: Verdana, sans-serif;">Some of the templates in
 blogger, we find some tools that can not be deleted, and unfortunately,
 these tools can distort the form template.The reason is that the 
template designer making tool locked so as to protect it, and to 
unlocked it follow me:</span><br />
<br />
<span style="background-color: white; color: #222222; line-height: 18px; text-align: justify;"><span style="font-family: Verdana, sans-serif;"><b>1. </b>Go to <span style="color: orange;">Blogger Dashboard</span>  --> <span style="color: orange;">Template</span></span></span><br />
<span style="background-color: white; color: #222222; line-height: 18px; text-align: justify;"><span style="font-family: Verdana, sans-serif;"><b>2. </b>Please! download  a copy of your template</span></span><br />
<span style="background-color: white; color: #222222; line-height: 18px; text-align: justify;"><span style="font-family: Verdana, sans-serif;"><b>3.</b> Now click on <span style="color: orange;">Edit HTML</span></span></span><br />
<span style="background-color: white; color: #222222; line-height: 18px; text-align: justify;"><span style="font-family: Verdana, sans-serif;"><b>4.</b> Use <span style="color: red;">Ctrl+F</span> to find </span></span><span style="color: #222222; font-family: Verdana, sans-serif;"><span style="background-color: #93c47d; line-height: 18px;">Attribution</span></span><br />
<span style="font-family: Verdana, sans-serif;"><span style="background-color: white; line-height: 18px;"><b style="color: #222222;">5.</b><span style="color: #222222;"> We change the option '</span><span style="color: #cc0000;">true</span><span style="color: #222222;">' to option '</span><span style="color: #cc0000;">false</span><span style="color: #222222;">' ( Look the screen )</span></span></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTJCTs_tYQt5l9JL7ikuDkvgcbPadiFIhHWvr8Qq5JYsdwG0Tmf_KU9nPrQjVsaqjxdGucMCs976LCScC4x2EXRK1wuSQNhOJ2agLgNljR-7ImvLZk9EP_2J-kumUL9vk0jjCJc2vsHwI/s1600/1148883_574735292584387_425331661_n.jpg" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img border="0" height="161" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTJCTs_tYQt5l9JL7ikuDkvgcbPadiFIhHWvr8Qq5JYsdwG0Tmf_KU9nPrQjVsaqjxdGucMCs976LCScC4x2EXRK1wuSQNhOJ2agLgNljR-7ImvLZk9EP_2J-kumUL9vk0jjCJc2vsHwI/s400/1148883_574735292584387_425331661_n.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Verdana, sans-serif;"><b>6.</b> To become like this <span style="background-color: #b4a7d6;"><b:widget id='Attribution1' locked='</span><span style="background-color: red;">false</span><span style="background-color: #b4a7d6;">' title='' type='Attribution'></span></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="background-color: white; font-family: Verdana, sans-serif;"><b>7. </b>Finally click on <span style="color: orange;">Save template</span></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Verdana, sans-serif;">Now go to gadget which you want remove it.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Verdana, sans-serif;"> </span></div>
</div>
<div style="background-color: white; border: medium none; color: black; overflow: hidden; text-align: left; text-decoration: none;">
Source: http://bbloggertutorials.blogspot.com/2013/08/how-to-remove-blogger-attribution.html#ixzz49s7Z6UBg</div>
</div>

How To Remove Blogger Attribution Gadget in Blogger Blog

Some of the templates in blogger, we find some tools that can not be deleted, and unfortunately, these tools can distort the form template.The reason is that the template designer making tool locked so as to protect it, and to unlocked it follow me: 1. Go to Blogger Dashboard --> Template 2. P…

27May2016

How To Add Related Posts Widget To Blogger With Summary

<div dir="ltr" style="text-align: left;" trbidi="on">
<div id="aim27222524638318167462">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGrIQsytS73ZVbzH6SJS3Xh88tu6Qsd8VW1XdzjVqRoewoji6yLkAuw8UkAW1TwEf5MpFPYiH1fdT2FPHl_tNEkQtrayE7w23UcoGVUjo-h0K_b2_IsvicAdg_xBd_QJxwnG6D4ZNCxTE/s1600/Add+Related+Posts+Widget+To+Blogger+With+Summary.bmp" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img border="0" height="204" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGrIQsytS73ZVbzH6SJS3Xh88tu6Qsd8VW1XdzjVqRoewoji6yLkAuw8UkAW1TwEf5MpFPYiH1fdT2FPHl_tNEkQtrayE7w23UcoGVUjo-h0K_b2_IsvicAdg_xBd_QJxwnG6D4ZNCxTE/s400/Add+Related+Posts+Widget+To+Blogger+With+Summary.bmp" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Verdana, sans-serif;">in this tutorial I'll show you the best rel</span><span style="font-family: Verdana, sans-serif;">a</span><span style="font-family: Verdana, sans-serif;">ted posts widget to your blog , If you want to add this widget to your blog please follow me:</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="background-color: white; color: #222222; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; line-height: 18px; text-align: justify;"><span style="font-family: Verdana, sans-serif;"><b>1. </b>Go to <span style="color: orange;">Blogger Dashboard</span>  --> <span style="color: orange;">Template</span></span></span></div>
<span style="background-color: white; color: #222222; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; line-height: 18px; text-align: justify;"><span style="font-family: Verdana, sans-serif;"><b>2. </b>Please! download  a copy of your template</span></span><br />
<span style="background-color: white; color: #222222; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; line-height: 18px; text-align: justify;"><span style="font-family: Verdana, sans-serif;"><b>3.</b> Now click on <span style="color: orange;">Edit HTML</span></span></span><br />
<span style="background-color: white; color: #222222; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; line-height: 18px; text-align: justify;"><span style="font-family: Verdana, sans-serif;"><b>4.</b> Use <span style="color: red;">Ctrl+F</span> to find </span></span><span style="color: #222222; font-family: Verdana, sans-serif;"><span style="background-color: #93c47d; line-height: 18px;"></head></span></span><br />
<div class="separator" style="-webkit-text-stroke-width: 0px; clear: both; color: #222222; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 19.1875px; orphans: auto; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;">
<span style="background-color: white; font-family: Verdana, sans-serif;"><span style="background-color: white; color: #222222; line-height: 18px; text-align: justify;"><b>5.</b> Then copy and paste the below code just above/before it ( </span></span><span style="background-color: #93c47d; font-family: Verdana, sans-serif; line-height: 18px;"></head></span><span style="background-color: white; font-family: Verdana, sans-serif; line-height: 18px;"> )</span><span style="background-color: white; font-family: Verdana, sans-serif; line-height: 18px; text-align: justify;">:</span></div>
<div class="separator" style="clear: both; orphans: auto; text-align: left; text-indent: 0px; widows: auto;">
</div>
<div style="background-color: white; text-align: justify;">
<div style="background-color: #d0e0e3; text-align: right;">
<div style="text-align: left;">
<div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><script type='text/javascript'></span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">//<![CDATA[</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">var relatedTitles = new Array();</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">var relatedUrls = new Array();</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">var relatedpSummary = new Array();</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">var relatedThumb = new Array();</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">var relatedTitlesNum = 0;</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span></div>
<div>
<span style="font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><span style="color: #222222;">var relatedPostsNum = </span><span style="color: red;">4</span><span style="color: #222222;">; // number of entries to be shown</span></span></span></div>
<div>
<span style="font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><span style="color: #222222;">var relatedmaxnum = </span><span style="color: blue;">75</span><span style="color: #222222;">; // the number of characters of summary</span></span></span></div>
<div>
<span style="font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><span style="color: #222222;">var relatednoimage = "</span><span style="color: magenta;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjD4R2MIOrHrh5rxpp6cDYe2pc3rlBeEfRGImjPui4kjWqhkyZJvs0t_103ATJXbPv0KOUcIn0UNelW3Cd27ClSiICy5HM4SHLx34B0aeViPbUESnZLjXycSNwuDNqh-Z0o3S1G0vYJqTtf/s1600/no_image.jpg</span><span style="color: #222222;">"; // default picture for entries with no image</span></span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">function readpostlabels(json) {</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">  var entry, postimg, postcontent, cat;</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">  for (var i = 0; i < json.feed.entry.length; i++) {</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">    entry = json.feed.entry[i];</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">    if (i==json.feed.entry.length) { break; }</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">    relatedTitles[relatedTitlesNum] = entry.title.$t;</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">    postcontent = "";</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">    if ("content" in entry) {</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">      postcontent = entry.content.$t;</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">    } else if ("summary" in entry) {</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">      postcontent = entry.summary.$t;</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">    }</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">    relatedpSummary[relatedTitlesNum] = removetags(postcontent,relatedmaxnum);</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">    if ("media$thumbnail" in entry) {</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">      postimg = entry.media$thumbnail.url;</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">    } else {</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">      postimg = relatednoimage;</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">    }</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">    relatedThumb[relatedTitlesNum] = postimg;</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">    for (var k = 0; k < entry.link.length; k++) {</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">      if (entry.link[k].rel == 'alternate') {</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">        relatedUrls[relatedTitlesNum] = entry.link[k].href;</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">        break;</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">      }</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">    }</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">    relatedTitlesNum++;</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">  }</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">}</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">function showrelated() {</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">  var tmp = new Array(0);</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">  var tmp2 = new Array(0);</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">  var tmp3 = new Array(0);</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">  var tmp4 = new Array(0);</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">  for(var i = 0; i < relatedUrls.length; i++) {</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">    if(!contains(tmp, relatedUrls[i])) {</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">      tmp.length += 1; tmp[tmp.length - 1] = relatedUrls[i];</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">      tmp2.length += 1; tmp2[tmp2.length - 1] = relatedTitles[i];</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">      tmp3.length += 1; tmp3[tmp3.length - 1] = relatedpSummary[i];</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">      tmp4.length += 1; tmp4[tmp4.length - 1] = relatedThumb[i];</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">    }</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">  }</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">  relatedTitles = tmp2; relatedUrls = tmp; relatedpSummary = tmp3; relatedThumb = tmp4;</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">  for(var i = 0; i < relatedTitles.length; i++){</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">    var index = Math.floor((relatedTitles.length - 1) * Math.random());</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">    var tempTitle = relatedTitles[i]; var tempUrls = relatedUrls[i];</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">    var tempResum = relatedpSummary[i]; var tempImage = relatedThumb[i];</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">    relatedTitles[i] = relatedTitles[index]; relatedUrls[i] = relatedUrls[index];</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">    relatedpSummary[i] = relatedpSummary[index]; relatedThumb[i] = relatedThumb[index];</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">    relatedTitles[index] = tempTitle; relatedUrls[index] = tempUrls;</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">    relatedpSummary[index] = tempResum; relatedThumb[index] = tempImage;</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">  }</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">  var somePosts = 0;</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">  var r = Math.floor((relatedTitles.length - 1) * Math.random());</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">  var relsump = r; </span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">  var output;</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">  var dirURL = document.URL;</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">  while (somePosts < relatedPostsNum) {</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">    if (relatedUrls[r] != dirURL) {</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">      output = "<div class='relatedsumposts'>";</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"> 
     output += "<a href='" + relatedUrls[r] + "' rel='nofollow' 
 target='_self' title='" + relatedTitles[r] + "'><img src='" + 
relatedThumb[r] + "' /></a>";</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">      output += "<h6><a href='" + relatedUrls[r] + "' target='_self'>" + relatedTitles[r] + "</a></h6>";</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">      output += "<p>" + relatedpSummary[r] + " ... </p>";</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">      output += "</div>";</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">      document.write(output);</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">      </span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">      somePosts++;</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">      if (somePosts == relatedPostsNum) { break; }</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">    }</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">    if (r < relatedTitles.length - 1) {</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">      r++;</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">    } else {</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">      </span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">      r = 0;</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">    }</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">    if(r==relsump) { break; }</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">  }</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">}</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">function removetags(text,length){</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">  var pSummary = text.split("<");</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">  for(var i=0;i<pSummary.length;i++){</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">    if(pSummary[i].indexOf(">")!=-1){</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">      pSummary[i] = pSummary[i].substring(pSummary[i].indexOf(">")+1,pSummary[i].length);</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">    }</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">  }</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">  pSummary = pSummary.join("");</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">  pSummary = pSummary.substring(0,length-1);</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">  return pSummary;</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">} </span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">function contains(a, e) {</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">  for(var j = 0; j < a.length; j++) if (a[j]==e) return true;</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">  return false;</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">}</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">//]]></span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"></script></span></span></div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #222222; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 19.1875px; text-transform: none; white-space: normal; word-spacing: 0px;">
</div>
</div>
</div>
</div>
<div class="separator" style="background-color: white; clear: both; orphans: auto; text-align: left; text-indent: 0px; widows: auto;">
</div>
<div style="-webkit-text-stroke-width: 0px; color: #222222; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 19.1875px; text-transform: none; white-space: normal; word-spacing: 0px;">
<b><span style="color: red;"><span style="font-family: Verdana, sans-serif;">Note:</span></span></b></div>
<span style="font-family: Verdana, sans-serif;"><span style="-webkit-text-stroke-width: 0px; color: #343333; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 19.1875px; text-transform: none; white-space: normal; word-spacing: 0px;">- T</span><span style="-webkit-text-stroke-width: 0px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 19.1875px; text-transform: none; white-space: normal; word-spacing: 0px;">o change the default </span><span style="-webkit-text-stroke-width: 0px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 19.1875px; text-transform: none; white-space: normal; word-spacing: 0px;">picture</span><span style="-webkit-text-stroke-width: 0px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 19.1875px; text-transform: none; white-space: normal; word-spacing: 0px;">, replace the<span style="color: #343333;"> </span></span><span style="-webkit-text-stroke-width: 0px; color: magenta; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 19.1875px; text-transform: none; white-space: normal; word-spacing: 0px;"><b>URL in pink</b></span><span style="-webkit-text-stroke-width: 0px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 19.1875px; text-transform: none; white-space: normal; word-spacing: 0px;"><span style="color: #343333;"> </span>with your own</span><br /><span style="-webkit-text-stroke-width: 0px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 19.1875px; text-transform: none; white-space: normal; word-spacing: 0px;">- For displaying more than 4 posts or less, replace </span><span style="-webkit-text-stroke-width: 0px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 19.1875px; text-transform: none; white-space: normal; word-spacing: 0px;">, </span><span style="line-height: 19.1875px;">modify <span style="color: red;">the value in red (4)</span></span><br /><span style="-webkit-text-stroke-width: 0px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 19.1875px; text-transform: none; white-space: normal; word-spacing: 0px;">- </span></span><span style="background-color: transparent; line-height: 19.1875px;"><span style="font-family: Verdana, sans-serif;">To change the number of characters to be shown in posts summary, modify <span style="color: blue;">the value in blue (75)</span></span></span><br />
<div class="separator" style="background-color: white; clear: both; orphans: auto; text-align: left; text-indent: 0px; widows: auto;">
<span style="-webkit-text-stroke-width: 0px; color: #222222; font-family: Verdana, sans-serif; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 32px; text-align: justify; text-transform: none; white-space: normal; word-spacing: 0px;"><b>5.</b> <span style="font-family: Verdana, sans-serif;">Now Search the following code:</span></span></div>
<div style="background-color: #d0e0e3; text-align: right;">
<div style="text-align: left;">
<span style="line-height: 20px; text-align: right;"><span style="color: #5b6b7e; font-family: Verdana, sans-serif;"><a
 expr:href='data:label.url' 
rel='tag'><data:label.name/></a><b:if 
cond='data:label.isLast != &quot;true&quot;'>,</b:if></span></span></div>
</div>
<span style="-webkit-text-stroke-width: 0px; color: #343333; font-family: Verdana, sans-serif; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; text-transform: none; white-space: normal; word-spacing: 0px;"><b>6.</b> J<span style="font-family: Verdana, sans-serif;">ust after it, </span></span><span style="font-family: Verdana, sans-serif;"><span style="-webkit-text-stroke-width: 0px; color: #3d85c6; font-family: Verdana, sans-serif; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; text-transform: none; white-space: normal; word-spacing: 0px;">copy and paste</span><span style="-webkit-text-stroke-width: 0px; color: #343333; font-family: Verdana, sans-serif; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; text-transform: none; white-space: normal; word-spacing: 0px;"> the below code:</span></span><br />
<div class="separator" style="background-color: white; clear: both; orphans: auto; text-align: left; text-indent: 0px; widows: auto;">
</div>
<div style="background-color: #d0e0e3; text-align: right;">
<div style="text-align: left;">
<span style="color: #5b6b7e; font-family: Verdana, sans-serif;"><span style="line-height: 20px;"><b:if cond='data:blog.pageType == &quot;item&quot;'></span></span></div>
<div style="text-align: left;">
<span style="color: #5b6b7e; font-family: Verdana, sans-serif;"><span style="line-height: 20px;"> 
   <script expr:src='&quot;/feeds/posts/default/-/&quot; + 
data:label.name + 
&quot;?alt=json-in-script&amp;callback=readpostlabels&amp;max-results=50&quot;'
 type='text/javascript'/></span></span></div>
<div style="text-align: left;">
<span style="color: #5b6b7e; font-family: Verdana, sans-serif;"><span style="line-height: 20px;">  </b:if></span></span></div>
</div>
<div class="separator" style="-webkit-text-stroke-width: 0px; background-color: white; clear: both; color: #222222; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 19.1875px; orphans: auto; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;">
<span style="font-family: Verdana, sans-serif;"><span style="background-color: white; color: #222222; line-height: 18px; text-align: justify;"><b>7.</b> </span></span><span style="font-family: Verdana, sans-serif;">Now find the following code:</span></div>
<div style="background-color: #d0e0e3; text-align: right;">
<div style="text-align: left;">
<span style="color: #5b6b7e; font-family: Verdana, sans-serif;"><span style="line-height: 20px;"></b:includable></span></span><span style="color: #5b6b7e; font-family: Verdana, sans-serif; line-height: 20px; text-align: right;">          </span><br />
<span style="color: #5b6b7e; font-family: Verdana, sans-serif; line-height: 20px; text-align: right;">                <b:includable id='postQuickEdit' var='post'></span></div>
</div>
<div class="separator" style="-webkit-text-stroke-width: 0px; background-color: white; clear: both; color: #222222; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 19.1875px; orphans: auto; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;">
<span style="background-color: white; font-family: Verdana, sans-serif; line-height: 18px; text-align: justify;"><b>8.</b> Then copy and paste the below code just above/before it</span></div>
<div style="text-align: center;">
<div style="background-color: #d0e0e3; text-align: right;">
<div style="text-align: left;">
<div style="text-align: left;">
<span style="color: #5b6b7e; font-family: Verdana, sans-serif;"><span style="line-height: 20px;"><b:if cond='data:blog.pageType == &quot;item&quot;'></span></span></div>
<div style="text-align: left;">
<span style="color: #5b6b7e; font-family: Verdana, sans-serif;"><span style="line-height: 20px;">  <div class='post-footer-line post-footer-line-4'></span></span></div>
<div style="text-align: left;">
<span style="color: #5b6b7e; font-family: Verdana, sans-serif;"><span style="line-height: 20px;"> 
   <div id='relatedpostssum'><div style='text-align: left; 
font-size: 15px; margin-bottom: 10px; font-weight: bold;'><b>RELATED POSTS</b></div></span></span></div>
<div style="text-align: left;">
<span style="color: #5b6b7e; font-family: Verdana, sans-serif;"><span style="line-height: 20px;">      <script type='text/javascript'>showrelated();</script></span></span></div>
<div style="text-align: left;">
<span style="color: #5b6b7e; font-family: Verdana, sans-serif;"><span style="line-height: 20px;">    </div></span></span></div>
<div style="text-align: left;">
<span style="color: #5b6b7e; font-family: Verdana, sans-serif;"><span style="line-height: 20px;">    <div style='clear:both;'/></span></span></div>
<div style="text-align: left;">
<span style="color: #5b6b7e; font-family: Verdana, sans-serif;"><span style="line-height: 20px;">  </div></span></span></div>
<div style="text-align: left;">
<span style="color: #5b6b7e; font-family: Verdana, sans-serif;"><span style="line-height: 20px;"></b:if></span></span></div>
</div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwzkI10sSLx6jvptK4aJIWRQErycFcXfBMvnbdPNuF9ZPHW3lnbc4upGCpqaS-3QtctTYQpmWQ9gdD6uXjqApbyxhHjo6sC5L6EH3wRcpgZzRzRE8Xt-uOm6F9bk78GUONFS82fXFqPMg/s1600/Add+Related+Posts+Widget+To+Blogger+With+Summary.bmp" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img border="0" height="186" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwzkI10sSLx6jvptK4aJIWRQErycFcXfBMvnbdPNuF9ZPHW3lnbc4upGCpqaS-3QtctTYQpmWQ9gdD6uXjqApbyxhHjo6sC5L6EH3wRcpgZzRzRE8Xt-uOm6F9bk78GUONFS82fXFqPMg/s400/Add+Related+Posts+Widget+To+Blogger+With+Summary.bmp" width="400" /></a></div>
<div style="text-align: left;">
<b>9.  </b><span style="font-family: Verdana, sans-serif;">Finally search for this tag:</span>  <span style="background-color: #93c47d; font-family: Verdana, sans-serif;">]]></b:skin></span></div>
<div style="text-align: left;">
<b>10.</b> A<span style="background-color: white; font-family: Verdana, sans-serif; line-height: 20px;">dd below CSS code just above it,</span><br />
<div style="background-color: #d0e0e3; text-align: right;">
<div style="text-align: left;">
<div style="text-align: left;">
<span style="line-height: 20px; text-align: right;"><span style="color: #5b6b7e; font-family: Verdana, sans-serif;"><</span></span><span style="color: #5b6b7e; font-family: Verdana, sans-serif;"><span style="line-height: 20px;">relatedsumposts {</span></span></div>
<div style="text-align: left;">
<span style="color: #5b6b7e; font-family: Verdana, sans-serif;"><span style="line-height: 20px;">  float: left;</span></span></div>
<div style="text-align: left;">
<span style="color: #5b6b7e; font-family: Verdana, sans-serif;"><span style="line-height: 20px;">  margin: 0px 5px;</span></span></div>
<div style="text-align: left;">
<span style="color: #5b6b7e; font-family: Verdana, sans-serif;"><span style="line-height: 20px;">  overflow: hidden;</span></span></div>
<div style="text-align: left;">
<span style="color: #5b6b7e; font-family: Verdana, sans-serif;"><span style="line-height: 20px;">  text-align: center;</span></span></div>
<div style="text-align: left;">
<span style="color: #5b6b7e; font-family: Verdana, sans-serif;"><span style="line-height: 20px;">  /* width and height of the related posts area */</span></span></div>
<div style="text-align: left;">
<span style="font-family: Verdana, sans-serif;"><span style="line-height: 20px;"><span style="color: #5b6b7e;">  </span><span style="color: blue;">width: 120px;</span></span></span></div>
<div style="text-align: left;">
<span style="color: blue; font-family: Verdana, sans-serif;"><span style="line-height: 20px;">  height: 210px;</span></span></div>
<div style="text-align: left;">
<span style="color: #5b6b7e; font-family: Verdana, sans-serif;"><span style="line-height: 20px;">}</span></span></div>
<div style="text-align: left;">
<span style="color: #5b6b7e; font-family: Verdana, sans-serif;"><span style="line-height: 20px;"><br /></span></span></div>
<div style="text-align: left;">
<span style="color: #5b6b7e; font-family: Verdana, sans-serif;"><span style="line-height: 20px;">.relatedsumposts:hover { </span></span></div>
<div style="text-align: left;">
<span style="color: #5b6b7e; font-family: Verdana, sans-serif;"><span style="line-height: 20px;">background-color: #F3F3F3; -webkit-border-radius: 10px;</span></span></div>
<div style="text-align: left;">
<span style="color: #5b6b7e; font-family: Verdana, sans-serif;"><span style="line-height: 20px;">-moz-border-radius: 10px;</span></span></div>
<div style="text-align: left;">
<span style="color: #5b6b7e; font-family: Verdana, sans-serif;"><span style="line-height: 20px;">border-radius: 10px;</span></span></div>
<div style="text-align: left;">
<span style="color: #5b6b7e; font-family: Verdana, sans-serif;"><span style="line-height: 20px;">}</span></span></div>
<div style="text-align: left;">
<span style="color: #5b6b7e; font-family: Verdana, sans-serif;"><span style="line-height: 20px;"><br /></span></span></div>
<div style="text-align: left;">
<span style="color: #5b6b7e; font-family: Verdana, sans-serif;"><span style="line-height: 20px;">.relatedsumposts img:hover {</span></span></div>
<div style="text-align: left;">
<span style="color: #5b6b7e; font-family: Verdana, sans-serif;"><span style="line-height: 20px;">-khtml-opacity:0.4;</span></span></div>
<div style="text-align: left;">
<span style="color: #5b6b7e; font-family: Verdana, sans-serif;"><span style="line-height: 20px;">-moz-opacity:0.4;</span></span></div>
<div style="text-align: left;">
<span style="color: #5b6b7e; font-family: Verdana, sans-serif;"><span style="line-height: 20px;">opacity:0.4;</span></span></div>
<div style="text-align: left;">
<span style="color: #5b6b7e; font-family: Verdana, sans-serif;"><span style="line-height: 20px;">}</span></span></div>
<div style="text-align: left;">
<span style="color: #5b6b7e; font-family: Verdana, sans-serif;"><span style="line-height: 20px;"><br /></span></span></div>
<div style="text-align: left;">
<span style="color: #5b6b7e; font-family: Verdana, sans-serif;"><span style="line-height: 20px;">.relatedsumposts a {</span></span></div>
<div style="text-align: left;">
<span style="color: #5b6b7e; font-family: Verdana, sans-serif;"><span style="line-height: 20px;">  /* link properties */</span></span></div>
<div style="text-align: left;">
<span style="font-family: Verdana, sans-serif;"><span style="line-height: 20px;"><span style="color: #5b6b7e;">color: </span><span style="color: red;">#linkcolor;</span></span></span></div>
<div style="text-align: left;">
<span style="color: #5b6b7e; font-family: Verdana, sans-serif;"><span style="line-height: 20px;">  display: inline;</span></span></div>
<div style="text-align: left;">
<span style="color: #5b6b7e; font-family: Verdana, sans-serif;"><span style="line-height: 20px;">  font-size: 10px;</span></span></div>
<div style="text-align: left;">
<span style="color: #5b6b7e; font-family: Verdana, sans-serif;"><span style="line-height: 20px;">  line-height: 1;</span></span></div>
<div style="text-align: left;">
<span style="color: #5b6b7e; font-family: Verdana, sans-serif;"><span style="line-height: 20px;">}</span></span></div>
<div style="text-align: left;">
<span style="color: #5b6b7e; font-family: Verdana, sans-serif;"><span style="line-height: 20px;">.relatedsumposts img {</span></span></div>
<div style="text-align: left;">
<span style="color: #5b6b7e; font-family: Verdana, sans-serif;"><span style="line-height: 20px;">  /* thumbnail properties */</span></span></div>
<div style="text-align: left;">
<span style="color: #5b6b7e; font-family: Verdana, sans-serif;"><span style="line-height: 20px;">margin-top: 2px;</span></span></div>
<div style="text-align: left;">
<span style="font-family: Verdana, sans-serif;"><span style="line-height: 20px;"><span style="color: #5b6b7e;"> </span><span style="color: lime;"> </span><span style="color: magenta;">height: 82px;</span></span></span></div>
<div style="text-align: left;">
<span style="color: #5b6b7e; font-family: Verdana, sans-serif;"><span style="line-height: 20px;">  padding: 5px;</span></span></div>
<div style="text-align: left;">
<span style="font-family: Verdana, sans-serif;"><span style="line-height: 20px;"><span style="color: #5b6b7e;">  </span><span style="color: magenta;">width: 82px;</span></span></span></div>
<div style="text-align: left;">
<span style="color: #5b6b7e; font-family: Verdana, sans-serif;"><span style="line-height: 20px;">border: 1px solid #fff;</span></span></div>
<div style="text-align: left;">
<span style="color: #6aa84f; font-family: Verdana, sans-serif;"><span style="line-height: 20px;">-webkit-border-radius: 100px;</span></span></div>
<div style="text-align: left;">
<span style="color: #6aa84f; font-family: Verdana, sans-serif;"><span style="line-height: 20px;">-moz-border-radius: 100px;</span></span></div>
<div style="text-align: left;">
<span style="color: #6aa84f; font-family: Verdana, sans-serif;"><span style="line-height: 20px;">border-radius: 100px;</span></span></div>
<div style="text-align: left;">
<span style="color: #5b6b7e; font-family: Verdana, sans-serif;"><span style="line-height: 20px;">-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .4);</span></span></div>
<div style="text-align: left;">
<span style="color: #5b6b7e; font-family: Verdana, sans-serif;"><span style="line-height: 20px;">-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .4);</span></span></div>
<div style="text-align: left;">
<span style="color: #5b6b7e; font-family: Verdana, sans-serif;"><span style="line-height: 20px;">box-shadow: 0 1px 2px rgba(0, 0, 0, .4);</span></span></div>
<div style="text-align: left;">
<span style="color: #5b6b7e; font-family: Verdana, sans-serif;"><span style="line-height: 20px;">}</span></span></div>
<div style="text-align: left;">
<span style="color: #5b6b7e; font-family: Verdana, sans-serif;"><span style="line-height: 20px;">.relatedsumposts h6 {</span></span></div>
<div style="text-align: left;">
<span style="color: #5b6b7e; font-family: Verdana, sans-serif;"><span style="line-height: 20px;">  /* title properties */</span></span></div>
<div style="text-align: left;">
<span style="color: #5b6b7e; font-family: Verdana, sans-serif;"><span style="line-height: 20px;">  display: table-cell;</span></span></div>
<div style="text-align: left;">
<span style="color: #5b6b7e; font-family: Verdana, sans-serif;"><span style="line-height: 20px;">  height: 5em;</span></span></div>
<div style="text-align: left;">
<span style="color: #5b6b7e; font-family: Verdana, sans-serif;"><span style="line-height: 20px;">  margin: 5px 0 0;</span></span></div>
<div style="text-align: left;">
<span style="color: #5b6b7e; font-family: Verdana, sans-serif;"><span style="line-height: 20px;">  overflow: hidden;</span></span></div>
<div style="text-align: left;">
<span style="color: #5b6b7e; font-family: Verdana, sans-serif;"><span style="line-height: 20px;">  padding-bottom: 2px;</span></span></div>
<div style="text-align: left;">
<span style="color: #5b6b7e; font-family: Verdana, sans-serif;"><span style="line-height: 20px;">  vertical-align: middle;</span></span></div>
<div style="text-align: left;">
<span style="color: #5b6b7e; font-family: Verdana, sans-serif;"><span style="line-height: 20px;">  width: 130px;</span></span></div>
<div style="text-align: left;">
<span style="color: #5b6b7e; font-family: Verdana, sans-serif;"><span style="line-height: 20px;">}</span></span></div>
<div style="text-align: left;">
<span style="color: #5b6b7e; font-family: Verdana, sans-serif;"><span style="line-height: 20px;"><br /></span></span></div>
<div style="text-align: left;">
<span style="color: #5b6b7e; font-family: Verdana, sans-serif;"><span style="line-height: 20px;">.relatedsumposts p {</span></span></div>
<div style="text-align: left;">
<span style="color: #5b6b7e; font-family: Verdana, sans-serif;"><span style="line-height: 20px;">  /* summary properties */</span></span></div>
<div style="text-align: left;">
<span style="color: #5b6b7e; font-family: Verdana, sans-serif;"><span style="line-height: 20px;">border-top: 1px dotted #777777;</span></span></div>
<div style="text-align: left;">
<span style="color: #5b6b7e; font-family: Verdana, sans-serif;"><span style="line-height: 20px;">border-bottom: 1px dotted #777777;</span></span></div>
<div style="text-align: left;">
<span style="font-family: Verdana, sans-serif;"><span style="line-height: 20px;"><span style="color: #5b6b7e;">color: </span><span style="color: orange;">#summarycolor;</span></span></span></div>
<div style="text-align: left;">
<span style="color: #5b6b7e; font-family: Verdana, sans-serif;"><span style="line-height: 20px;">  font-size: 10px;</span></span></div>
<div style="text-align: left;">
<span style="color: #5b6b7e; font-family: Verdana, sans-serif;"><span style="line-height: 20px;">  height: 4em;</span></span></div>
<div style="text-align: left;">
<span style="color: #5b6b7e; font-family: Verdana, sans-serif;"><span style="line-height: 20px;">  line-height: 1;</span></span></div>
<div style="text-align: left;">
<span style="color: #5b6b7e; font-family: Verdana, sans-serif;"><span style="line-height: 20px;">  margin: 5px 0 0;</span></span></div>
<div style="text-align: left;">
<span style="color: #5b6b7e; font-family: Verdana, sans-serif;"><span style="line-height: 20px;">  overflow: hidden;</span></span></div>
<div style="text-align: left;">
<span style="color: #5b6b7e; font-family: Verdana, sans-serif;"><span style="line-height: 20px;">  padding: 5px 0 15px 0;</span></span></div>
<div style="text-align: left;">
<span style="color: #5b6b7e; font-family: Verdana, sans-serif;"><span style="line-height: 20px;">  text-align: left;</span></span></div>
<div style="text-align: left;">
<span style="color: #5b6b7e; font-family: Verdana, sans-serif;"><span style="line-height: 20px;">}</span></span></div>
</div>
</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: #222222; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 19.1875px; text-transform: none; white-space: normal; word-spacing: 0px;">
<div style="text-align: left;">
<b><span style="color: red;"><span style="font-family: Verdana, sans-serif;">Note:</span></span></b></div>
</div>
<div style="text-align: start;">
<div style="text-align: left;">
<span style="font-family: Verdana, sans-serif;">-Modify the values in red to adjust <span style="color: blue;">the width (120)</span> and <span style="color: blue;">height (210)</span> of the widget area</span></div>
</div>
<div style="text-align: start;">
<div style="text-align: left;">
<span style="font-family: Verdana, sans-serif;">-Replace <span style="color: red;">#linkcolor</span> with the hex value of your color to change the color of post titles</span></div>
</div>
<div style="text-align: start;">
<div style="text-align: left;">
<span style="font-family: Verdana, sans-serif;">-To change the size of thumbnails, modify <span style="color: magenta;">the values marked in pink (82)</span></span></div>
</div>
<div style="text-align: start;">
<div style="text-align: left;">
<span style="font-family: Verdana, sans-serif;">-To determine the border roundness, modify <span style="color: #6aa84f;">the values in green (100)</span></span></div>
</div>
<div style="text-align: start;">
<div style="text-align: left;">
<span style="font-family: Verdana, sans-serif;">-To change the color of the post snippet, change <span style="color: orange;">#summarycolor</span> with color hex value</span></div>
</div>
<div style="text-align: left;">
<span style="background-color: white; color: #222222; font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"><b>11.</b> </span><span style="font-family: Verdana, sans-serif;"><span style="background-color: white; line-height: 20px;">Now take a preview and </span><span style="background-color: white; line-height: 20px;">save </span><span style="background-color: white; line-height: 20px;">your template.</span></span></div>
<div style="text-align: left;">
<span style="font-family: Verdana, sans-serif;"><span style="background-color: white; line-height: 20px;"> </span></span></div>
</div>
</div>
<div style="background-color: white; border: medium none; color: black; overflow: hidden; text-align: left; text-decoration: none;">
Source: http://bbloggertutorials.blogspot.com/2013/09/how-to-add-related-posts-widget-to.html#ixzz49s6a2QzU</div>
</div>

How To Add Related Posts Widget To Blogger With Summary

in this tutorial I'll show you the best related posts widget to your blog , If you want to add this widget to your blog please follow me: 1. Go to Blogger Dashboard --> Template 2. Please! download a copy of your template 3. Now click on Edit HTML 4. Use Ctrl+F to find 5. Then copy and paste the…

27May2016

How to Add Metro Style Social Widget for Blogger

<div dir="ltr" style="text-align: left;" trbidi="on">
<div id="aim22855967353974480930">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgc3cU3QODvJQA6s0NLUYtqJXO4uCHnDR-wVJxs0_6Mzo9nkfJDFYjOXCdzd1tXIFsrhoEp0igxsf2IXKffiR5TmCpE1OSUbayGw9RmDLZGyKGUtzMxkDSGpPyzthtIrXA8zFU2KezeDRo/s1600/Add+Metro+Style+Social+Widget+for+Blogger.png" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgc3cU3QODvJQA6s0NLUYtqJXO4uCHnDR-wVJxs0_6Mzo9nkfJDFYjOXCdzd1tXIFsrhoEp0igxsf2IXKffiR5TmCpE1OSUbayGw9RmDLZGyKGUtzMxkDSGpPyzthtIrXA8zFU2KezeDRo/s1600/Add+Metro+Style+Social+Widget+for+Blogger.png" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Verdana, sans-serif;">Today I will give you a 
very nice addition to your blog and frankly I liked this widget a lot. 
It is a social networking sites widget on the form of Metro as in 
windows 8.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Verdana, sans-serif; font-size: medium;">Adding the widget in Layout</span></div>
<div class="separator" style="clear: both; text-align: left;">
<b style="color: #222222; font-family: Verdana, sans-serif; line-height: 18px; text-align: justify;">1.</b><span style="background-color: white; color: #222222; font-family: Verdana, sans-serif; line-height: 18px; text-align: justify;"> Go to </span><span style="color: orange; font-family: Verdana, sans-serif; line-height: 18px; text-align: justify;">Blogger Dashboard</span><span style="background-color: white; text-align: justify;"><span style="color: #222222; font-family: Verdana, sans-serif;"><span style="line-height: 18px;">  <b><span style="font-size: medium;">→ </span></b></span></span></span><span style="background-color: white; font-family: Verdana, sans-serif; line-height: 18px; text-align: justify;"><span style="color: orange;">Layout </span></span><span style="font-family: Verdana, sans-serif;"><span style="line-height: 18px;"><span style="font-size: medium;"><b>→ </b></span>click on<span style="color: orange;"> </span><span style="color: #6fa8dc;">"Add a gadget"</span>.</span></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Verdana, sans-serif;"><span style="line-height: 18px;"><b>2.</b> </span></span><span style="background-color: white; color: #222222; font-family: Verdana, sans-serif; line-height: 19.1875px;">Select </span><span style="color: #6fa8dc;"><span style="background-color: white; font-family: Verdana, sans-serif; line-height: 19.1875px;">"</span><span style="background-color: white; font-family: Verdana, sans-serif; line-height: 19.1875px;">html/java script</span><span style="background-color: white; font-family: Verdana, sans-serif; line-height: 19.1875px;">"</span></span><span style="background-color: white; color: #222222; font-family: Verdana, sans-serif; line-height: 19.1875px;"> and add the code given below.</span></div>
<div style="background-color: white; text-align: justify;">
<div style="background-color: #d0e0e3; text-align: right;">
<div style="text-align: left;">
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><div class="metro-social"></span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><li><a class="fb" href="</span></span><span style="font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"><span style="color: blue;">Your Facebook URL here</span></span><span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">"></a></li></span></span></div>
<div>
<span style="font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><span style="color: #222222;"><li><a class="tw" href="</span><span style="color: blue;">Your Twitter URL here</span><span style="color: #222222;">"></a></li></span></span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><li><a class="gp" href="</span></span><span style="font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"><span style="color: blue;">Your GooGle + URL here</span></span><span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">"></a></li></span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><li><a class="fd" href="</span></span><span style="font-family: Verdana, sans-serif; font-size: 12px; line-height: 20px;"><span style="color: blue;">Your FeedBurner URL here</span></span><span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">"></a></li></span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"></div></span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><style></span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">/*Metro UI Social Profile Widget v2.0 by Tech Prevue Labs</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">Web link to gadget code: </span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">Distributed under license CC BY-NC-ND 3.0 INT</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">Please keep license information intact while using this widget*/</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">.metro-social{width:285px}</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">.metro-social li{position:relative;cursor:pointer;padding:0;list-style:none}</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">.metro-social .fb,.tw,.gp,.fd{z-index:7;float:left;margin:1px;position:relative;display:block}</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">.metro-social .fb{background:url(//goo.gl/6xmUk) no-repeat center center #1f69b3;width:140px;height:141px}</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">.metro-social .tw{background:url(//goo.gl/oyiFK) no-repeat center center #43b3e5;width:140px;height:70px}</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">.metro-social .gp{background:url(//goo.gl/oT0kF) no-repeat center center #da4a38;width:140px;height:69px}</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">.metro-social .fd{background:url(//goo.gl/ncoLY) no-repeat center center #e9a01c;width:282px;height:69px}</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">.metro-social li:hover .fb{background:url(//goo.gl/MH8AP) no-repeat center center #1f69b3}</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">.metro-social li:hover .tw{background:url(//goo.gl/hHRHv) no-repeat center center #43b3e5}</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">.metro-social li:hover .gp{background:url(//goo.gl/wva4B) no-repeat center center #da4a38}</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">.metro-social li:hover .fd{background:url(//goo.gl/JFGqn) no-repeat center center #e9a01c}</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"></style></span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span></div>
</div>
</div>
</div>
<div style="text-align: left;">
<span style="font-family: Verdana, sans-serif;"><b>3.</b> Replace "<span style="color: blue;">Your ..... URL here</span>" with Your URL.</span></div>
<div style="text-align: left;">
<span style="font-family: Verdana, sans-serif;"><b>4.</b> Click on save.</span></div>
<div style="text-align: left;">
<span style="font-family: Verdana, sans-serif;">I hope you enjoy & happy blogging! :)</span></div>
<div style="text-align: left;">
<span style="font-family: Verdana, sans-serif;"> </span></div>
</div>
<div style="background-color: white; border: medium none; color: black; overflow: hidden; text-align: left; text-decoration: none;">
Source: http://bbloggertutorials.blogspot.com/2013/09/how-to-add-metro-style-social-widget.html#ixzz49s64AzTp</div>
</div>

How to Add Metro Style Social Widget for Blogger

Today I will give you a very nice addition to your blog and frankly I liked this widget a lot. It is a social networking sites widget on the form of Metro as in windows 8. Adding the widget in Layout 1. Go to Blogger Dashboard → Layout → click on "Add a gadget". 2. Select "html/java script" and…

27May2016

How to Add a Shining CSS3 Horizontal Menu For Blogger

<div dir="ltr" style="text-align: left;" trbidi="on">
<div id="aim24705423334833287290">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWMIqYV5mm-LXo09GpMkvE11eClQWiODYFHAotSC4G_iH3UzmlezRpNMQrq-psYY0S_8FGR6Ma9B1vxZuOSLidbfVQINAD5Q_c416UM3ARYmDEEOX3gMSSTvLu1XsX5pXu07LD61Sdl3s/s1600/How+to+Add+a+Shining+CSS3+Horizontal+Menu+For+Blogger.gif" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img border="0" height="31" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWMIqYV5mm-LXo09GpMkvE11eClQWiODYFHAotSC4G_iH3UzmlezRpNMQrq-psYY0S_8FGR6Ma9B1vxZuOSLidbfVQINAD5Q_c416UM3ARYmDEEOX3gMSSTvLu1XsX5pXu07LD61Sdl3s/s400/How+to+Add+a+Shining+CSS3+Horizontal+Menu+For+Blogger.gif" width="400" /></a></div>
<span style="font-family: Verdana, sans-serif;">Horizontal menu best alternative option for labels or sections.</span><br />
<span style="font-family: Verdana, sans-serif;">The importance of h</span><span style="font-family: Verdana, sans-serif;">orizontal menu</span><span style="font-family: Verdana, sans-serif;"> including: reducing the space occupied by the </span><span style="font-family: Verdana, sans-serif;">sections/</span><span style="font-family: Verdana, sans-serif;">labels </span><span style="font-family: Verdana, sans-serif;">and distort the appearance of blog, coordinate and beautify the style of blog.</span><br />
<span style="font-family: Verdana, sans-serif;">This widget is designed by CSS3 technology, </span><span style="font-family: Verdana, sans-serif;">And you can add this gadget to your blog with very easy way:</span><br />
<span style="font-family: Verdana, sans-serif;"><br /></span>

<div class="separator" style="background-color: white; clear: both; color: #222222; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 12px; line-height: 19.1875px;">
<span style="font-family: Verdana, sans-serif; font-size: small;"><b>Adding the widget to Blogger blog:</b></span></div>
<div class="separator" style="background-color: white; clear: both; color: #222222; line-height: 19.1875px;">
<span style="font-family: Verdana, sans-serif;"><b style="line-height: 18px; text-align: justify;">1.</b><span style="line-height: 18px; text-align: justify;"> Go to </span><span style="color: orange; line-height: 18px; text-align: justify;">Blogger Dashboard</span><span style="text-align: justify;"><span style="line-height: 18px;">  <b>→ </b></span></span><span style="line-height: 18px; text-align: justify;"><span style="color: orange;">Layout </span></span><span style="line-height: 18px;"><b>→ </b>click on<span style="color: orange;"> </span><span style="color: #6fa8dc;">"Add a gadget"</span>.</span></span></div>
<div class="separator" style="background-color: white; clear: both; color: #222222; line-height: 19.1875px;">
<span style="font-family: Verdana, sans-serif;"><span style="line-height: 18px;"><b>2.</b> </span>Select <span style="color: #6fa8dc;">"html/java script"</span> and add the code given below:</span></div>
<div class="separator" style="background-color: white; clear: both;">
</div>
<div style="text-align: justify;">
<div style="background-color: #d0e0e3; text-align: right;">
<div style="text-align: left;">
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><style
 type="text/css">.menu li{list-style:none;display:inline}.menu li 
a{-moz-transition:all 270ms ease-in-out 0s;-webkit-transition:all 310ms 
ease-in-out;-o-transition:all 270ms 
ease-in-out;background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZxDEaCU4fBsSdFj7a1iJsjELm6NuOm-MPMS5ekf1UKqehDWssIIuW2s9Dt5DjHvFo9O-wjnt-660tvlzgO1GpmHBtqcnkmb3qnxZnmbWODhzjG3_W8ttUbX76O90AYEZ8fhyyaZwSC7M/s1600/noop-menu-blogger.png")
 repeat scroll 0 0 transparent;border:1px solid 
#1357AF!important;border-radius:3px 3px 3px 
3px;color:#FFFFFF!important;font:14px arial!important;padding:10px 
38px!important;text-decoration:none;text-shadow:1px 1px 0 
#000;margin-left:-5px}.menu li a:hover{background-position:right 
center!important}</style></span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><a
 href="http://bbloggertutorials.blogspot.com" style="position: 
absolute;z-index:-11;"><img 
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibXt2ToSzA26QcZOB-Oe1zw5YLawmRFulbOibDwM4zEhp6AyhGBwO2dID1fQgz_BDYQ2y3NzdKhWZS-v_09jmFvvF2_a9FbDRRqhtFb4oxzZ2B_1AdkWUof6cs4klnzmA3BJtq2MU5InY/s1600/1x1juice.png"
 /></a></span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><div class="wg-shining-menu"></span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">    <ul class="menu"></span></span></div>
<div>
<span style="font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><span style="color: #222222;">        <li><a href="</span><span style="color: blue;">http://</span></span></span><span style="font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><span style="color: blue;"><span style="font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><span style="color: blue;">www.blogpenting.com</span></span></span>/</span><span style="color: #222222;">"></span><span style="color: red;">Home</span><span style="color: #222222;"></a></li></span></span></span></div>
<div>
<span style="font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><span style="color: #222222;">        <li><a href="</span><span style="color: blue;">#</span><span style="color: #222222;">"></span><span style="color: red;">Features</span><span style="color: #222222;"></a></li></span></span></span></div>
<div>
<span style="font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><span style="color: #222222;">        <li><a href="</span><span style="color: blue;">http://www.blogpenting.com</span><span style="color: #222222;">"></span><span style="color: red;">Products</span><span style="color: #222222;"></a></li></span></span></span></div>
<div>
<span style="font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><span style="color: #222222;">        <li><a href="</span><span style="color: blue;">http://bbloggertutorials.blogspot.com/p/contact.html</span><span style="color: #222222;">"></span><span style="color: red;">Contact</span><span style="color: #222222;"></a></li></span></span></span></div>
<div>
<span style="font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><span style="color: #222222;">        <li><a href="</span><span style="color: blue;">http://</span></span></span><span style="font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><span style="color: blue;"><span style="font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><span style="color: blue;">www.blogpenting.com</span></span></span>/p/sitemap.html</span><span style="color: #222222;">"></span><span style="color: red;">Sitemap</span><span style="color: #222222;"></a></li></span></span></span></div>
<div>
<span style="font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><span style="color: #222222;">        <li><a href="</span><span style="color: blue;">#</span><span style="color: #222222;">"></span><span style="color: red;">About</span><span style="color: #222222;"></a></li></span></span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;">    </ul></span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"><br /></span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="font-size: 12px; line-height: 20px;"></div></span></span></div>
</div>
</div>
</div>
<div style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; line-height: 19.1875px;">
<span style="font-family: Verdana, sans-serif;"><b><span style="color: red;">NOTE</span></b></span></div>
<div style="line-height: 19.1875px;">
<span style="color: #222222; font-family: Verdana, sans-serif;"><b>3. </b>- R</span><span style="font-family: Verdana, sans-serif;"><span style="color: #222222;">eplace the URL in </span><span style="color: blue;">blue </span><span style="color: #222222;">with your own.</span></span></div>
<div style="line-height: 19.1875px;">
<span style="color: #222222; font-family: Verdana, sans-serif;">    - </span><span style="color: #222222; font-family: Verdana, sans-serif;">R</span><span style="font-family: Verdana, sans-serif;"><span style="color: #222222;">eplace the tab name in </span><span style="color: red;">red </span><span style="color: #222222;">with your own.</span></span></div>
<div style="color: #222222; line-height: 19.1875px;">
<span style="font-family: Verdana, sans-serif;"><b>4.</b> Finally click on save.</span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif; line-height: 19.1875px; text-align: justify;">Now you can see the result </span><span style="color: #222222; font-family: Verdana, sans-serif;"><span style="line-height: 19.1875px;"> (o)</span></span></div>
<div>
<span style="color: #222222; font-family: Verdana, sans-serif;"><span style="line-height: 19.1875px;"> </span></span></div>
</div>
<div style="background-color: white; border: medium none; color: black; overflow: hidden; text-align: left; text-decoration: none;">
Source: http://bbloggertutorials.blogspot.com/2013/09/how-to-add-shining-css3-horizontal-menu.html#ixzz49s4v6Q00</div>
</div>

How to Add a Shining CSS3 Horizontal Menu For Blogger

Horizontal menu best alternative option for labels or sections. The importance of horizontal menu including: reducing the space occupied by the sections/labels and distort the appearance of blog, coordinate and beautify the style of blog. This widget is designed by CSS3 technology, And you can add …

27May2016

[Surprise] Get Google Adwords Coupon €100 for FREE

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: left;">
<span style="font-family: Verdana, sans-serif;">Renewed Google's chance 
to take advantage of their offers beautiful, especially for owners of 
blogs and websites, where you can work free announcement in Google 
AdWord worth 20</span><span style="font-family: Verdana, sans-serif;">$</span><span style="font-family: Verdana, sans-serif;"> and up to the value to 135</span><span style="font-family: Verdana, sans-serif;">$</span><span style="font-family: Verdana, sans-serif;">, all you have to choose one links offers below, then you register by entering your namefull, </span><span style="font-family: Verdana, sans-serif;">Email t</span><span style="font-family: Verdana, sans-serif;">hrough which will reach a <b>free coupon</b>.</span></div>
<div style="text-align: left;">
<br />
</div>
<div style="text-align: left;">
<span style="font-family: Verdana, sans-serif;"> Here are the links, most of them are working:</span><br />
<a href="https://www.blogger.com/null" name="more"></a><div>
<div class="codeBox" dir="ltr" style="-webkit-transition: all 0.3s ease-in-out; background-color: white; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 1px solid rgb(204, 204, 204); color: #333333; direction: ltr; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace; font-size: 16px; line-height: 18px; margin: 0px; overflow: auto; padding: 10px 15px; transition: all 0.3s ease-in-out;">
https://services.google.com/fb/forms/couponsmenaen<br />
https://services.google.com/fb/forms/rewolucjarequest<br />
https://services.google.com/fb/forms/xsellcampaignnl<br />
https://services.google.com/fb/forms/grcouponrequest<br />
https://services.google.com/fb/forms/requestcoupon<br />
https://services.google.com/fb/forms/couponsmenaar<br />
https://services.google.com/fb/forms/jpawD6rhK8<br />
https://services.google.com/fb/forms/royalmail09<br />
https://services.google.com/fb/forms/agences100euro<br />
https://services.google.com/fb/forms/awukemailRM<br />
https://services.google.com/fb/forms/adwordscoupon<br />
https://services.google.com/fb/forms/menacoupon<br />
https://services.google.com/fb/forms/myawcoupon2<br />
https://services.google.com/fb/forms/mainos<br />
https://services.google.com/fb/forms/aquacoupon<br />
https://services.google.com/fb/forms/stimulusin09<br />
https://services.google.com/fb/forms/kelimeler<br />
https://services.google.com/fb/forms/stimulusfr<br />
https://services.google.com/fb/forms/twawcoupontest<br />
https://services.google.com/fb/forms/updatenordicsda<br />
https://services.google.com/fb/forms/cnawcoupon6<br />
https://services.google.com/fb/forms/kbank<br />
https://services.google.com/fb/forms/kupon</div>
<div dir="rtl" style="-webkit-transition: all 0.3s ease-in-out; background-color: white; color: #333333; font-family: Tahoma; font-size: 16px; line-height: 26px; text-align: right; transition: all 0.3s ease-in-out;">
<div style="text-align: left;">
<span style="color: black; font-family: 'Times New Roman'; font-size: x-small; line-height: normal;">Enjoy</span></div>
</div>
</div>
</div>
<div style="background-color: white; border: medium none; color: black; overflow: hidden; text-align: left; text-decoration: none;">
 </div>
<div style="background-color: white; border: medium none; color: black; overflow: hidden; text-align: left; text-decoration: none;">
Source: http://bbloggertutorials.blogspot.com/2013/10/surprise-get-google-adword-coupon-100.html#ixzz49s3rVz2m</div>
</div>

[Surprise] Get Google Adwords Coupon €100 for FREE

Renewed Google's chance to take advantage of their offers beautiful, especially for owners of blogs and websites, where you can work free announcement in Google AdWord worth 20$ and up to the value to 135$, all you have to choose one links offers below, then you register by entering your nameful…

27May2016

How to Know the Speed of Blog or Website

<div dir="ltr" style="text-align: left;" trbidi="on">
<div id="aim23375456384852922050">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgc61KS-77FTh4piBnUlsAg6UZ_weY5sjzIJfZ_cMKdXSghslWuUIO7k7u2QmuQQsd7upqQIEzirrGc53O3z3q-ClAMUJN2qhbFZrPQBz36kTJ8FZpDpC9ACGinaE-oncTMAW1FkbjS99E/s1600/How+Can+You+Know+the+Speed+of+Your+BlogWebsite.jpg" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img border="0" height="231" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgc61KS-77FTh4piBnUlsAg6UZ_weY5sjzIJfZ_cMKdXSghslWuUIO7k7u2QmuQQsd7upqQIEzirrGc53O3z3q-ClAMUJN2qhbFZrPQBz36kTJ8FZpDpC9ACGinaE-oncTMAW1FkbjS99E/s320/How+Can+You+Know+the+Speed+of+Your+BlogWebsite.jpg" width="320" /></a></div>
<div style="text-align: left;">
<span style="font-family: Verdana, sans-serif;">the speed of blog is 
very important for any blogger, not only for visitors but in order to 
gain the trust of the search engines. Guest blog loved if they were 
light and fast loading, as well as search engine spiders like fast 
loading pages that do not consume precious time.You have to strike a 
balance between the content and speed of your blog to achieve a 
difficult equation.</span><br />
<br />
<span style="font-family: Verdana, sans-serif;">First click on  <a class="medium button blue" href="http://bbloggertutorials.blogspot.com/p/blog-speed-test-tool.html" target="_blank">Blog Speed Test Tool</a> ,and do such as the below screen.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvX7DeqUj4-Y1CerOMzm4ifhV6HJ_0-wA2UEErMyFrK-sf7_jL9-JrFCcfrlbYbxtxG18uF9Ev207H47rYrXIrkO2sAMRwphZDXuDFZ0EZQmdOCQHPjdlrQY9aFvwJBtjdgS4wOY4Jq7w/s1600/How+Can+You+Know+the+Speed+of+Your+BlogWebsite.png" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img border="0" height="281" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvX7DeqUj4-Y1CerOMzm4ifhV6HJ_0-wA2UEErMyFrK-sf7_jL9-JrFCcfrlbYbxtxG18uF9Ev207H47rYrXIrkO2sAMRwphZDXuDFZ0EZQmdOCQHPjdlrQY9aFvwJBtjdgS4wOY4Jq7w/s400/How+Can+You+Know+the+Speed+of+Your+BlogWebsite.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Verdana, sans-serif;"><b>Note: </b>After you click on check! wait some seconds to loading the page.</span></div>
<div style="text-align: center;">
<div style="text-align: left;">
<span style="font-family: Verdana, sans-serif;">That is all. ;)</span></div>
<div style="text-align: left;">
<span style="font-family: Verdana, sans-serif;"> </span></div>
</div>
</div>
<div style="background-color: white; border: medium none; color: black; overflow: hidden; text-align: left; text-decoration: none;">
Source: http://bbloggertutorials.blogspot.com/2013/12/how-can-you-know-speed-of-your.html#ixzz49mP2sOOa</div>
</div>

How to Know the Speed of Blog or Website

the speed of blog is very important for any blogger, not only for visitors but in order to gain the trust of the search engines. Guest blog loved if they were light and fast loading, as well as search engine spiders like fast loading pages that do not consume precious time.You have to strike a …

26May2016

KONTAK

Followers

Statistik

Blog Archive

Arsip Blog Saya

Labels

Sponsor Iklan

Translate

Rahasia mendapatkan Uang dengan Android

Baca Selengkapnya...

MY NEW BLOG

Popular Posts

RevenueHits

Ikuti Kami di Facebook & Twitter!

Buku Tamu (+Free Backlink)

How To Remove Blogger Attribution Gadget in Blogger Blog

How To Add Related Posts Widget To Blogger With Summary

How to Add Metro Style Social Widget for Blogger

How to Add a Shining CSS3 Horizontal Menu For Blogger

[Surprise] Get Google Adwords Coupon €100 for FREE

How to Know the Speed of Blog or Website