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 temp...

Read more »

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 rel a ted posts widget to your blog , If you want to add this widget to your blog please fo...

Read more »

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...

Read more »

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 h orizontal menu  including: reducing the space occup...

Read more »

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. Gues...

Read more »

SECRET How to get an Approved Google Adsense Account in 2 Hour

<div dir="ltr" style="text-align: left;" trbidi="on"> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVlvHrFmPHIR4Xj03DFRDvXVZGZUfVmrXX2vysksmYr_uUtn7yKgIarBukyEO0Y04avFXpC8irEl21YIEdUVodwQgFNIpOaib9xI9ZCEvcbyNmk3f0qL_S8gvhTibZlC89wTUiHKyAdrc/s1600/Google+adsense+++youtube++bbloggertutorials.png" style="margin-left: 1em; margin-right: 1em; text-align: center;" target="_blank"><img alt="Blog penting" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVlvHrFmPHIR4Xj03DFRDvXVZGZUfVmrXX2vysksmYr_uUtn7yKgIarBukyEO0Y04avFXpC8irEl21YIEdUVodwQgFNIpOaib9xI9ZCEvcbyNmk3f0qL_S8gvhTibZlC89wTUiHKyAdrc/s1600/Google+adsense+++youtube++bbloggertutorials.png" title="Blog Penting" width="400" /></a></div> <span style="background-color: white; color: #333333; font-family: Verdana, sans-serif; line-height: 19.5px;">Google Adsense is undoubtedly one of the best Ad network for bloggers and Web Masters but getting an approved adsense account was</span><br /> <span style="background-color: white; font-family: Verdana, sans-serif;"><span style="color: #333333; line-height: 19.5px;">never an easy procedure. However, those days are passed and now, You can </span><strong style="border: 0px none; color: #333333; line-height: 19.5px; list-style: none outside none; margin: 0px; padding: 0px;">get an Approved Adsense Account in 1 hour</strong><span style="color: #333333; line-height: 19.5px;">. Isn’t that<br />unbelievable? But it is true. In this post, I will show you <span style="font-weight: bold;">"</span></span><strong style="border: 0px none; color: #333333; line-height: 19.5px; list-style: none outside none; margin: 0px; padding: 0px;">How to get an Approved Adsense Account in 2 hours?</strong><span style="color: #333333; line-height: 19.5px;">"</span></span><br /> <ol style="color: #3333ff; font-weight: bold; text-decoration: underline;"> <li><span style="background-color: white; border: 0px none; font-style: italic; line-height: 21.9833px; list-style: none outside none; margin: 0px; padding: 0px;"><span style="font-family: Verdana, sans-serif;">How to get an Approved Adsense Account in 2 hour ?</span></span></li> </ol> <span style="background-color: white; font-family: Verdana, sans-serif;"><span style="color: #111111; line-height: 21.9833px;">     You can get an Approved Adsense Account in 2 hours through the help of YouTube Monetization method. The whole<br />procedure is shown below:</span><br />        *  First of all, Create a New GMail Account. If you haven’t used your Old GMail account for Monetization then you<br />can also use your Old account as well. If your country is not supported by Adsense then choose a country like US and UK,<br />while creating New GMail Account.</span><div style="background-color: white; border: medium none; color: black; overflow: hidden; text-align: left; text-decoration: none;"> <br />   *  Login to your “<span style="color: #ff6666;">YouTube</span>” Account by visiting <a href="https://www.youtube.com/" target="_blank">https://www.youtube.com</a><br />        *  Visit <a href="http://youtube.com/account_monetization" target="_blank">http://youtube.com/account_monetization</a><br />        *  Enable “<span style="color: #009900;">Monetization</span>” for your YouTube Account. The screenshot for doing the same is given below:<br /> <div style="text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7mVUrwsJXsKznzFtGZmEoe1-WSbirbVq5u-Sq-442RFiXV6KgWpOCSSxP8VKSb6lOXuUfSKC8T9phmyDSy6bsfH_lGlu_-yJdDgyPg1WvumE8F8l1YlmZshh8ODUNoppaAU7jLNnXw14/s1600/get+an+Approved+Adsense+Account+in+2+Hour1.jpg" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img border="0" height="227" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7mVUrwsJXsKznzFtGZmEoe1-WSbirbVq5u-Sq-442RFiXV6KgWpOCSSxP8VKSb6lOXuUfSKC8T9phmyDSy6bsfH_lGlu_-yJdDgyPg1WvumE8F8l1YlmZshh8ODUNoppaAU7jLNnXw14/s1600/get+an+Approved+Adsense+Account+in+2+Hour1.jpg" width="400" /></a><span style="background-color: white; font-family: Verdana, sans-serif;"> </span></div> <span style="background-color: white; font-family: Verdana, sans-serif;">        *  After that, You will have to “<span style="color: #006600;">Accept</span>” all terms and condition. The screenshot of the same is given below:</span><br /> <div style="text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-x1PhrdFeIItJENHL88N-R_hQbAZDzTp-arqeQ6DwyafXe5FtW6pFSh3Yhc__-HPYS1AhKqAqr-HOPdmhnvFAGTAPV4TsMGbyZbFH95RsYYdhIpwvSOcx5dSktYuEO09CRglMhCY3Cro/s1600/get+an+Approved+Adsense+Account+in+2+Hour2.jpg" style="font-family: Verdana, sans-serif; margin-left: 1em; margin-right: 1em;" target="_blank"><img border="0" height="283" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-x1PhrdFeIItJENHL88N-R_hQbAZDzTp-arqeQ6DwyafXe5FtW6pFSh3Yhc__-HPYS1AhKqAqr-HOPdmhnvFAGTAPV4TsMGbyZbFH95RsYYdhIpwvSOcx5dSktYuEO09CRglMhCY3Cro/s1600/get+an+Approved+Adsense+Account+in+2+Hour2.jpg" width="400" /></a><span style="background-color: white; font-family: Verdana, sans-serif; text-align: left;">   </span></div> <span style="background-color: white; font-family: Verdana, sans-serif;">        *  Finally, Click on “<span style="color: #006600;">Monetize</span>” Button. The screenshot of the same is given below:</span><br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUU-T0B0AuN3Ekyy_QVH6_VMt-2XD4KrMWe61KsCLKAwjbzioHB3V_6LnxIXCRBdech_F89rbWJ3gQnsPWPC3IYitaCOiPSUp1sSNQMIE1Q41Orj14D6sOvPod8hMqNjZOTXAESZ3x0bY/s1600/get+an+Approved+Adsense+Account+in+2+Hour.jpg" style="font-family: Verdana, sans-serif; margin-left: 1em; margin-right: 1em;" target="_blank"><img border="0" height="173" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUU-T0B0AuN3Ekyy_QVH6_VMt-2XD4KrMWe61KsCLKAwjbzioHB3V_6LnxIXCRBdech_F89rbWJ3gQnsPWPC3IYitaCOiPSUp1sSNQMIE1Q41Orj14D6sOvPod8hMqNjZOTXAESZ3x0bY/s1600/get+an+Approved+Adsense+Account+in+2+Hour.jpg" width="400" /></a></div> <div style="text-align: center;"> <span style="background-color: white; font-family: Verdana, sans-serif;">                           </span></div> <span style="background-color: white; font-family: Verdana, sans-serif;">        * After doing that, You will receive an EMail in your Inbox.<br />        * Now, <span style="color: red;">Upload a Unique video</span> in your YouTube Account. While doing that, Don’t forget to add appropriate<br />description and Tags for videos. Wait for the upload to get completed. Once done, Publish it.<br />        * To associate an Adsense Account, Visit <a href="https://www.youtube.com/account_monetization" target="_blank"><span style="color: #3333ff;">https://www.youtube.com/account_monetization</span></a> and expand the topic<br /> “<span style="font-weight: bold;">How Will I be Paid</span>” and click on the link “<span style="font-weight: bold;">Associate an Adsense Account</span>“. The screenshot of the same is given below:                  </span><br /> <div style="text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4oybPcVXF-FBQJ5Z22VBfl7D86zr77hvyJAwu86vc8GSGHaDZbHMeuxagM5eD7O0q5-owrTPHRref7HyE3lOiAchIQ-pcFCy97GqBYUFiocwFI6BmDgR8DuXxKMZSamYSZDbHoOBSZAs/s1600/get+an+Approved+Adsense+Account+in+2+Hour3.bmp" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img border="0" height="261" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4oybPcVXF-FBQJ5Z22VBfl7D86zr77hvyJAwu86vc8GSGHaDZbHMeuxagM5eD7O0q5-owrTPHRref7HyE3lOiAchIQ-pcFCy97GqBYUFiocwFI6BmDgR8DuXxKMZSamYSZDbHoOBSZAs/s1600/get+an+Approved+Adsense+Account+in+2+Hour3.bmp" width="400" /></a></div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinTdJihMTEs87519LfHO6Kvf1LUVxx5Wk0cfIYGrdA6L25MG3K4JSEMpNf-DMUKPmEO2JaFmJHlddVuqI8SYOd0AEslUXhcVk5Fdm-OpdaG4hD65j7l3QPUd_xFjMuUCW4EiRPh2U7r_g/s1600/get+an+Approved+Adsense+Account+in+2+Hour4.bmp" style="margin-left: 1em; margin-right: 1em; text-align: center;" target="_blank"><img border="0" height="218" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinTdJihMTEs87519LfHO6Kvf1LUVxx5Wk0cfIYGrdA6L25MG3K4JSEMpNf-DMUKPmEO2JaFmJHlddVuqI8SYOd0AEslUXhcVk5Fdm-OpdaG4hD65j7l3QPUd_xFjMuUCW4EiRPh2U7r_g/s1600/get+an+Approved+Adsense+Account+in+2+Hour4.bmp" width="400" /></a></div> <div> <span style="background-color: white;"><span style="font-family: Verdana, sans-serif;">        * Now, You will be redirected to a screen, Where you will have to set up your Adsense Account. Click on “</span><span style="font-family: Verdana, sans-serif; font-weight: bold;">Continue</span><span style="font-family: Verdana, sans-serif;">”</span><br /><span style="font-family: Verdana, sans-serif;"> button for filling your other details such as Address, Country, Payee Name etc</span></span><br /> <div style="text-align: center;"> <span style="background-color: white;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5cw_Ke7Q0HbMfA6mqBwv4Sz2Wt0YXuwkqAprmrx9X1v0rYV57D2VgVueNDYd2QLH1aFIZQCggb5fxRe2plhq0DogKEjhn3pob1CsTFM410ZbgBjVItsW04jtoU5JHpt0X87y2fyQgM2E/s1600/get+an+Approved+Adsense+Account+in+2+Hour32.jpg" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img border="0" height="216" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5cw_Ke7Q0HbMfA6mqBwv4Sz2Wt0YXuwkqAprmrx9X1v0rYV57D2VgVueNDYd2QLH1aFIZQCggb5fxRe2plhq0DogKEjhn3pob1CsTFM410ZbgBjVItsW04jtoU5JHpt0X87y2fyQgM2E/s1600/get+an+Approved+Adsense+Account+in+2+Hour32.jpg" width="400" /></a></span></div> <span style="background-color: white;"><span style="font-family: Verdana, sans-serif;">        * After clicking on </span><span style="font-family: Verdana, sans-serif; font-weight: bold;">“Continue”</span><span style="font-family: Verdana, sans-serif;"> button, You will see the below given screen. Enter all details correctly.</span></span></div> <div> <div style="text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSlsPYcThnwn3s1CnqM9YAXd7h8ug3IkTIG2_mhuHq3Tr1dCPvskUrlz8BjGfCmvwaUwqcTfVoAoMbCIyMX9SVk-x3P2xlynpJpcduXp0BPMyLMgI1s1KT60bgCiS8hxRemolHPABA6M4/s1600/get+an+Approved+Adsense+Account+in+2+Hour11.jpg" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img border="0" height="321" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSlsPYcThnwn3s1CnqM9YAXd7h8ug3IkTIG2_mhuHq3Tr1dCPvskUrlz8BjGfCmvwaUwqcTfVoAoMbCIyMX9SVk-x3P2xlynpJpcduXp0BPMyLMgI1s1KT60bgCiS8hxRemolHPABA6M4/s1600/get+an+Approved+Adsense+Account+in+2+Hour11.jpg" width="400" /></a></div> <span style="background-color: white; font-family: Verdana, sans-serif;">        * After filling all details, Click on “Submit” button. Wait for 1-2 hours. You will get an EMail containing the<br />details of an Approved Adsense Account. Hurray….Hurray…<span style="font-weight: bold;">enjoy</span>.</span><br /> <ol style="color: #3333ff; text-decoration: underline;"> <li><b style="border: 0px none; font-style: italic; line-height: 21.9833px; list-style: none outside none; margin: 0px; padding: 0px;"><span style="background-color: white; font-family: Verdana, sans-serif;">How to Use this Adsense Account for Displaying in your Blog and Website?</span></b></li> </ol> <span style="background-color: white; font-family: Verdana, sans-serif;">        * Login to your <a href="https://www.google.com/adsense" target="_blank"><span style="color: #3333ff; font-weight: bold;">Adsense Account</span></a><br />        * Click on “<span style="font-weight: bold;">Account Settings</span>” or  “<span style="font-weight: bold;"></span><span style="color: #222222; font-weight: bold;">Paramètres du compte</span>” option on Home Page. The screenshot of the same is given below:</span><br /> <div style="text-align: center;"> <span style="background-color: white; font-family: Verdana, sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4V0q79XPhor-5EVTaiCBnwHMMlLsRKo95CxPlRxPZBNpZhyWGOPi0FtObjct6j7mG83ZiYoEqv-UYB8rpI9EhMuW-Bib4V2WayxNzUjz9fGaoKYbmy4vhjdLJizUMsRkZQCnyZhiRQpA/s1600/get+an+Approved+Adsense+Account+in+2+Hour5.bmp" style="font-family: 'Times New Roman'; margin-left: 1em; margin-right: 1em;" target="_blank"><img border="0" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4V0q79XPhor-5EVTaiCBnwHMMlLsRKo95CxPlRxPZBNpZhyWGOPi0FtObjct6j7mG83ZiYoEqv-UYB8rpI9EhMuW-Bib4V2WayxNzUjz9fGaoKYbmy4vhjdLJizUMsRkZQCnyZhiRQpA/s1600/get+an+Approved+Adsense+Account+in+2+Hour5.bmp" width="400" /></a></span></div> <span style="background-color: white; font-family: Verdana, sans-serif;">        * Move to “<span style="font-weight: bold;">Access and Authorization</span>” section. You will find this section at the end of “<span style="font-weight: bold;">Account Settings</span>” Page.<br />        * Click on “<span style="font-weight: bold;">Edit</span>” link which appears next to “<span style="font-weight: bold;">Only host sites are allowed to show ads for your account</span>” option.</span><br /> <div style="text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKUz6YXpts_GTGzv8LAVO77Z9PrBX4uIhP0HfjWAmrwA0aqcrnFIxjteYdBIsqbJI5CyEfcgsykyL76mHBDN7Ydz6vFzGsJ0eKuYPIrH815w9XruK5P8EVZ5i9qxty-9WFTVjxtnyoUCs/s1600/get+an+Approved+Adsense+Account+in+2+Hour7.bmp" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img border="0" height="58" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKUz6YXpts_GTGzv8LAVO77Z9PrBX4uIhP0HfjWAmrwA0aqcrnFIxjteYdBIsqbJI5CyEfcgsykyL76mHBDN7Ydz6vFzGsJ0eKuYPIrH815w9XruK5P8EVZ5i9qxty-9WFTVjxtnyoUCs/s1600/get+an+Approved+Adsense+Account+in+2+Hour7.bmp" width="400" /></a></div> <span style="background-color: white; font-family: Verdana, sans-serif;">        * Remove the mark . The screenshot of the same is given below:</span><br /> <div style="text-align: center;"> <span style="background-color: white; font-family: Verdana, sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6OslZhJ5w4Aw8O6rB7Pv3J4L8JxRFJWinzBkh457I4cIjzNfHSCocaQ-ToVoEJa-cY0JOTroYzBcWuxOpLpwIrbf8cdLnrjcYkWl0pataoO1HlvS4hXKmt5dozfi0NB4x0dmgjrXaSE4/s1600/get+an+Approved+Adsense+Account+in+2+Hour6.bmp" style="font-family: 'Times New Roman'; margin-left: 1em; margin-right: 1em;" target="_blank"><img border="0" height="148" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6OslZhJ5w4Aw8O6rB7Pv3J4L8JxRFJWinzBkh457I4cIjzNfHSCocaQ-ToVoEJa-cY0JOTroYzBcWuxOpLpwIrbf8cdLnrjcYkWl0pataoO1HlvS4hXKmt5dozfi0NB4x0dmgjrXaSE4/s1600/get+an+Approved+Adsense+Account+in+2+Hour6.bmp" width="400" /></a></span></div> <span style="background-color: white; font-family: Verdana, sans-serif;"> </span></div> <div> <span style="background-color: white; font-family: Verdana, sans-serif;">        * Finally, Create an Ad Unit and implement the code in your website.. Enjoy.</span></div> <div style="background-color: white; border: medium none; color: black; overflow: hidden; text-align: left; text-decoration: none;"> Source: http://bbloggertutorials.blogspot.com/2014/04/how-to-get-approved-adsense-account-in.html#ixzz49mNj7cIG</div> </div> </div>

SECRET How to get an Approved Google Adsense Account in 2 Hour

Google Adsense is undoubtedly one of the best Ad network for bloggers and Web Masters but getting an approved adsense account was neve...

Read more »

How To Post to Multiple Facebook Groups for FREE

<div dir="ltr" style="text-align: left;" trbidi="on"> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtqJzfPw69ENBBLdyg72kiC3XZ0rMD-rI1ub_115Ws-F0k-2XAAXdSYquRpWQUyB4TvoAKUlFAThkKX1MnAL5ApO4o_gd5gUdLcv7ucgQD1Ta5xruF5v_gANyGojhoALe6XP3YipqHQ-s/s1600/%25D8%25A7%25D9%2584%25D9%2586%25D8%25B4%25D8%25B1+%25D9%2581%25D9%258A+%25D8%25AC%25D9%2585%25D9%258A%25D8%25B9+%25D8%25AC%25D8%25B1%25D9%2588%25D8%25A8%25D8%25A7%25D8%25AA+%25D8%25A7%25D9%2584%25D9%2581%25D8%25A7%25D9%258A%25D8%25B3%25D8%25A8%25D9%2588%25D9%2583+-+Post+to+Multiple+Facebook+Groups+for+FREE+.jpg" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img border="0" height="205" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtqJzfPw69ENBBLdyg72kiC3XZ0rMD-rI1ub_115Ws-F0k-2XAAXdSYquRpWQUyB4TvoAKUlFAThkKX1MnAL5ApO4o_gd5gUdLcv7ucgQD1Ta5xruF5v_gANyGojhoALe6XP3YipqHQ-s/s400/%25D8%25A7%25D9%2584%25D9%2586%25D8%25B4%25D8%25B1+%25D9%2581%25D9%258A+%25D8%25AC%25D9%2585%25D9%258A%25D8%25B9+%25D8%25AC%25D8%25B1%25D9%2588%25D8%25A8%25D8%25A7%25D8%25AA+%25D8%25A7%25D9%2584%25D9%2581%25D8%25A7%25D9%258A%25D8%25B3%25D8%25A8%25D9%2588%25D9%2583+-+Post+to+Multiple+Facebook+Groups+for+FREE+.jpg" width="400" /></a></div> <div style="text-align: left;"> <span style="font-family: Verdana, sans-serif;">Hello guys, today i am gonna show you an awesome trick that How To Post  to Multiple Facebook Groups for FREE, with this simple trick you can share post to all fb groups, it's 100% free and safe.</span></div> <div style="text-align: center;"> <span style="text-align: left;"><span style="color: red; font-family: Verdana, sans-serif;"><b>How To Post to Multiple Facebook Groups for FREE?</b></span></span></div> <div style="text-align: left;"> <span style="font-family: Verdana, sans-serif;"><b>1.</b> Login into Facebook account</span></div> <div style="text-align: left;"> <span style="font-family: Verdana, sans-serif;"><b>2.</b> Go to → <a href="http://nulledcamp.com/" target="_blank">Facebook Poster</a></span></div> <div style="text-align: left;"> <span style="font-family: Verdana, sans-serif;"><span style="font-family: Verdana, sans-serif;"><b>3.</b> Create a new account on it, during that (copy your facebook personal profile URL and go to →  <a href="http://findmyfbid.com/" target="_blank">Facebook User ID</a> to get your facebook ID, then paste it into the box of Facebook user ID).</span> </span><div style="text-align: left;"> <span style="font-family: Verdana, sans-serif;"><b>4.</b> Click on Authorize then Proceed and OK.....OK.</span></div> <div style="text-align: left;"> <span style="font-family: Verdana, sans-serif;"><br /></span></div> <div style="text-align: left;"> <span style="font-family: Verdana, sans-serif;"><br /></span></div> <div style="background-color: white; border: medium none; color: black; overflow: hidden; text-align: left; text-decoration: none;"> Source: http://bbloggertutorials.blogspot.com/2015/07/how-to-post-to-multiple-facebook-groups.html#ixzz49mK58UoR</div> <span style="font-family: Verdana, sans-serif;"> </span></div> </div>

How To Post to Multiple Facebook Groups for FREE

Hello guys, today i am gonna show you an awesome trick that How To Post  to Multiple Facebook Groups for FREE, with this simple trick ...

Read more »

How to Get Unlimited Followers on Facebook For Free

<div dir="ltr" style="text-align: left;" trbidi="on"> <div class="separator" style="clear: both; text-align: center;"> </div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6c4LfOaTdop1eNEdT0wrWmeYrQQjeNPwwx1aG6t1WNBeSpmYojbz0rg2IzuxLY3TR19zyoMqFbkV51YPQ-CIhkkYJhhnbFOGAiHP0rMkfyxGCZQOmxLJ91nzNDfqJsYQupxENqg_0eIA/s1600/10721167_790524611005453_444154244_n.jpg" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img alt="blog penting" border="0" height="191" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6c4LfOaTdop1eNEdT0wrWmeYrQQjeNPwwx1aG6t1WNBeSpmYojbz0rg2IzuxLY3TR19zyoMqFbkV51YPQ-CIhkkYJhhnbFOGAiHP0rMkfyxGCZQOmxLJ91nzNDfqJsYQupxENqg_0eIA/s400/10721167_790524611005453_444154244_n.jpg" title="blog penting" width="400" /></a></div> <span style="background-color: white; color: #222222; font-family: "verdana" , sans-serif; line-height: 19.2px; text-align: justify;"> </span><br /> <span style="background-color: white; color: #222222; font-family: "verdana" , sans-serif; line-height: 19.2px; text-align: justify;">In this tutorial I am going to show you an awesome trick that How to get unlimited  likes on Facebook status and comments for free, with this simple trick you can get unlimited fb likes on your posts, photos, comments and more 100% free and safe.</span><br /> <br /> <div style="text-align: center;"> <span style="background-color: white; color: red; font-family: "verdana" , sans-serif; line-height: 19.2px; text-align: justify;"><b>How to Get Unlimited Followers on Facebook For Free</b></span></div> <div style="text-align: left;"> <span style="font-family: "verdana" , sans-serif;">1. Login into Facebook account</span><br /> <span style="font-family: "verdana" , sans-serif;">2. Open your Privacy Facebook Setting [<a href="https://www.facebook.com/settings?tab=privacy" target="_blank">HERE</a>] and set your permission of 'Who can send you friend requests?' to 'EVERYONE'.</span></div> <div style="text-align: left;"> <span style="font-family: "verdana" , sans-serif;">3. Go to → <a href="https://follow.hublaa.me/" target="_blank">Auto Follower</a> .</span></div> <div style="background-color: white; border: medium none; color: black; overflow: hidden; text-align: left; text-decoration: none;"> <span style="font-family: "verdana" , sans-serif;">4. If you are using this auto follower for the first time you have to allow permission to the App.</span><br /> <span style="font-family: "verdana" , sans-serif;">5. Now get access token.</span><br /> <span style="font-family: "verdana" , sans-serif;">6. After that COPY PASTE URL in address bar and click submit.</span><br /> <span style="font-family: "verdana" , sans-serif;">7. Skip all Ads ( Ignore them ).</span><br /> <span style="font-family: "verdana" , sans-serif;">8. Click on " Sent Followers NOW...! ".</span><br /> <span style="font-family: "verdana" , sans-serif;">9. Check your profile and Enjoy. ;)</span><br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRnHnPWihj22iadC1QyvucQSPgjMfVO6ER756XdYEXGPO8uBKx9Ar81q4xwzzwNwcCthSXbdcovauNmyKiUnFVY0VijLh95clcVWktQyIq4og0AiJ_dFY7sukzME8i_qzYIdYUgm9Qxijg/s1600/BBloggerTutorials.JPG" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img alt="blog penting" border="0" height="178" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRnHnPWihj22iadC1QyvucQSPgjMfVO6ER756XdYEXGPO8uBKx9Ar81q4xwzzwNwcCthSXbdcovauNmyKiUnFVY0VijLh95clcVWktQyIq4og0AiJ_dFY7sukzME8i_qzYIdYUgm9Qxijg/s320/BBloggerTutorials.JPG" title="blog penting" width="320" /></a></div> <div style="background-color: white; border: medium none; color: black; overflow: hidden; text-align: left; text-decoration: none;"> Source: http://bbloggertutorials.blogspot.com/2015/08/how-to-get-unlimited-followers-on.html#ixzz49mHOfkgq</div> </div> </div>

How to Get Unlimited Followers on Facebook For Free

  In this tutorial I am going to show you an awesome trick that How to get unlimited  likes on Facebook status and comments for free...

Read more »