Add CSS Based Social Bookmarking Widget To Blogger Blogs & Websites

<div dir="ltr" style="text-align: left;" trbidi="on"><div align="justify"><img align="left" alt="Social-Bookmarking-Widget-For Blogger" height="128" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYh_PYnwRfbHH73BzwZv7MU-2JZZ5KBzwbOZ0n-REONmXad7iNj1vkUiDKM6wUowlNpR2jZHdCmBnmuTBAZ0YywzWY0RE-nBzwPaz9OHLlhR7nn4LhLzEQ-gDJXrHkTTl6Ndbgl44-Ges/?imgmax=800" style="display: inline; margin: 0px 0px 25px;" title="Social-Bookmarking-Widget-For Blogger" width="128" /></div><div align="justify"><span class="fullpost"><br /></span><span class="fullpost"><br /></span><span class="fullpost">Kindly have a demo of this widget before reading the tutorial. Remember to Hover your mouse cursor over the icons.</span><br /><span class="fullpost"><br /></span><span class="fullpost"><br /></span></div><span class="fullpost"> </span><br /><div align="center"><div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/-dHSVGcgDXBg/UpCV8s3hQ8I/AAAAAAAAAOE/z1UqU8csUGM/s1600/aa.bmp" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="105" src="http://3.bp.blogspot.com/-dHSVGcgDXBg/UpCV8s3hQ8I/AAAAAAAAAOE/z1UqU8csUGM/s1600/aa.bmp" width="640" /></a></div><br /><br /><br /></div><span class="fullpost"></span><br /><div align="justify"><span class="fullpost">This widget uses a total of <strong>20 Icons</strong> but believe it or not it is super-fast and loads with in seconds. I <strong>merged all 20 Icons into one big image</strong> and used <strong>CSS Image stripes technique</strong> to make the icons appear at right positions. Fortunately this saves a lot of load time, because the browser will load all images at once and doesn’t need to contact the image server several times for uploading the images.</span></div><span class="fullpost"></span><br /><div align="center"><span class="fullpost">This is the big im</span><br /><span class="fullpost">age I used,</span><br /><br /><br /><span class="fullpost"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcST9cUGhb4lLqMR6o2TsX7DQqPVqL1tsLWyKtQ1YIWNhfrKne2WRJj7NMKZMKhN84JgbAKC4B12OR6dJlwCyGuemHxFNWiABHyq8oOak8Bq6jnengzuEbNSeyyOqgfIpgEgthQhiaizw/s1600-h/mbt-bookmarking-widget%5B10%5D.jpg" target="_blank"><img alt="mbt-bookmarking-widget" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsZTpwEoI0PFfWVTTmB3Z9V9HCCPPY7prt7tNJxV930uRi_DbiiVcnB1MCYDpregavxqRIiuLgDYNlUgiKcDifD8TNx9Q-yR-a9yG4TM8kMHh06x-eH3hLmOPRhUCeizxK-tjOWxtpJIA/?imgmax=800" style="border-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="mbt-bookmarking-widget" width="16" /></a> </span><br /><br /><br /></div><span class="fullpost"></span><div align="left"><span class="fullpost">Now lets add them below each post in blogger ,</span></div><span class="fullpost"><ol><li>Go To Blogger > <strong>Layout</strong> > <strong>Edit HTML</strong> </li><li>Search For <strong>]]></b:skin></strong> </li><li>And paste <a href="https://www.blogger.com/" name="CSS-code" target="_blank">the code</a> below just above <strong>]]></b:skin></strong> </li></ol><blockquote><strong>/*--------Bookmarking Widget (CSS#1)------*/</strong> <br />.mbt-bookmarking a { <br />display:block; <br />height:42px; <br />width:48px; <br />padding:0 9px; <br />float:left; <br />background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1cGIr035DgYJvX0ClDItBqufx-cZ6OPAZqRrzYWnlvDtmIgoKmfKkLbs3J_MH0W01T9q0EwsLWIqPJw4ZWXMhkCJtgMvpIXNZx0L1t8bypAS9DzJAHWNZXKGycuBeDSwK1l6LvdZ1da_5/s1600/flapper.jpg) no-repeat; <br />} <br />.mbt-bookmarking a.delicious { <br />background-position:0px 0px; <br />} <br />.mbt-bookmarking a.delicious:hover { <br />background-position:0px -43px; <br />} <br />.mbt-bookmarking a.digg { <br />background-position:0px -86px; <br />} <br />.mbt-bookmarking a.digg:hover { <br />background-position:0px -129px; <br />} <br />.mbt-bookmarking a.stumbleupon { <br />background-position:0px -344px; <br />} <br />.mbt-bookmarking a.stumbleupon:hover { <br />background-position:0px -387px; <br />} <br />.mbt-bookmarking a.technorati { <br />background-position:0px -430px; <br />} <br />.mbt-bookmarking a.technorati:hover { <br />background-position:0px -473px; <br />} <br />.mbt-bookmarking a.twitter { <br />background-position:0px -516px; <br />} <br />.mbt-bookmarking a.twitter:hover { <br />background-position:0px -559px; <br />} <br />.mbt-bookmarking a.facebook { <br />background-position:0px -172px; <br />} <br />.mbt-bookmarking a.facebook:hover { <br />background-position:0px -215px; <br />} <br />.mbt-bookmarking a.reddit { <br />background-position:0px -258px; <br />} <br />.mbt-bookmarking a.reddit:hover { <br />background-position:0px -301px; <br />} <br />.mbt-bookmarking a.yahoo { <br />background-position:0px -602px; <br />} <br />.mbt-bookmarking a.yahoo:hover { <br />background-position:0px -645px; <br />} <br />.mbt-bookmarking a.rss { <br />background-position:0px -774px; <br />} <br />.mbt-bookmarking a.rss:hover { <br />background-position:0px -817px; <br />}</blockquote><br /><br /><br />      4.     Now Check the box “<strong>Expand Widget Templates</strong>” at the top-right-corner</span><br /><div><br /><span class="fullpost"><img alt="expand-widgets" border="0" height="95" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLTzK8PbFisP68yt71if04an1mnMmYKtSWkSFGVhv6kL83BAbAaIsej0WyMaQhwhqKpJXw0vK2mYW2ykDSYVInWevofyGzvv5horU7GjBJB71khX9y9PVy7a2yokLs9mQDqAuw0Lui-QI/?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="expand-widgets" width="201" /> <br />   </span></div><div><span class="fullpost">   5.      Search for this code <strong><data:post.body/></strong> . If you can not find it then search for this one <strong><p><data:post.body/></p>                                   <span style="color: green;">  (Tip:- Press Ctrl + F)</span></strong></span></div><div><span class="fullpost"><span style="color: green;"><b><br /></b></span></span></div><div><span class="fullpost"><span style="color: green;"><b><br /></b></span> <span style="color: black;">     6.      Just below <strong><data:post.body/> <span style="color: #0080ff;">OR</span> <p><strong><data:post.body/></strong></p></strong>, paste this code,</span><br /> </span><br /><blockquote><span class="fullpost"><strong><!--Bookmarking Widget (HTML)--> </strong><div class='mbt-bookmarking'> </span><br /><span class="fullpost"><b:if cond='data:blog.pageType == &quot;item&quot;'> </span><br /><span class="fullpost"><br/><font color='<span style="color: #0080ff;"><strong>#289728</strong></span>' face='ms sans serif' size='3'><b><span style="color: green;"><strong>Kindly Bookmark and Share it:</strong></span></b></font> </span><br /><span class="fullpost"><br/><br/> </span><br /><span class="fullpost"><!-- Delicious --> </span><br /><span class="fullpost"><a class='delicious' expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank' title='Add this to Delicious :&gt;'/> </span><br /><span class="fullpost"><!--DIGG--> </span><br /><span class="fullpost"><a class='digg' expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot;  + data:post.url' rel='external nofollow' target='_blank' title='Digg this :&gt;'/> </span><br /><span class="fullpost"><!--Stumble--> </span><br /><span class="fullpost"><a class='stumbleupon' expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank' title='Stumble this :&gt;'/> </span><br /><span class="fullpost"><!-- Technorati --> </span><br /><span class="fullpost"><a class='technorati' expr:href='&quot;http://technorati.com/faves?add=&quot; + data:post.url' rel='external nofollow' target='_blank' title='Fave this :&gt;'/> </span><br /><span class="fullpost"><!-- Twitter --> </span><br /><span class="fullpost"><a class='twitter' expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank' title='Tweet this :&gt;'/> </span><br /><span class="fullpost"><!--Facebook--> </span><br /><span class="fullpost"><a class='facebook' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='external nofollow' target='_blank' title='Share this on Facebook :&gt;'/> </span><br /><span class="fullpost"><!-- Reddit --> </span><br /><span class="fullpost"><a class='reddit' expr:href='&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank' title='Bookmark and tag this :&gt;'/> </span><br /><span class="fullpost"><!-- Yahoo --> </span><br /><span class="fullpost"><a class='yahoo' expr:href='&quot;http://myweb2.search.yahoo.com/myresults/bookmarklet?t=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank' title='Bookmark this :&gt;'/> </span><br /><span class="fullpost"><a class='rss' expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'/> </span><br /><span class="fullpost"></b:if></div></span></blockquote><span class="fullpost"><div align="justify">You can replace the bolded text in green with any statement you like. You can also change the text colour i.e <span style="color: #0080ff;"><strong>#289728</strong></span> with any colour you like. Use our <a href="http://e-ideamart.blogspot.com/2013/10/css-web-colour-chart.html" target="_blank">Color Chart</a> for this purpose.<br /><br /></div>   7.     Now Finally save your template and view your blog to see a colorful bookmarking widget just below all your posts :><br /> <div align="center"><span style="color: #0080ff;"><strong>That’s All!</strong></span></div><div align="center">If you want larger icons approximately about 64px by 64px in size, then paste the following code just above <strong>]]></b:skin></strong>  for step#3 instead. </div><blockquote><strong>/*--------MBT Bookmarking Widget (CSS#2)------*/</strong><br />.mbt-bookmarking a { <br />display:block; <br />height:55px; <br />width:64px; <br />padding:0 5px; <br />float:left; <br />position:relative; <br />background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcJZ0P1WFXTyHZYYQmJYB8XIMukyAlPGePmEPdmWgEk_p3-58eRpoSO2r32vWxT9darhFg7zL1SkiGr3iUFmYBPR_pzJ22_glq58yPxqVVmNNtfoGYZzApxLEk79HLF6iUkSS5McnN3_Od/s1600-h/flapper2.jpg) no-repeat; <br />} <br />.mbt-bookmarking a.delicious { <br />background-position:0px 0px; <br />} <br />.mbt-bookmarking a.delicious:hover { <br />background-position:0px -57px; <br />} <br />.mbt-bookmarking a.digg { <br />background-position:0px -114px; <br />} <br />.mbt-bookmarking a.digg:hover { <br />background-position:0px -171px; <br />} <br />.mbt-bookmarking a.stumbleupon { <br />background-position:0px -228px; <br />} <br />.mbt-bookmarking a.stumbleupon:hover { <br />background-position:0px -285px; <br />} <br />.mbt-bookmarking a.technorati { <br />background-position:0px -570px; <br />} <br />.mbt-bookmarking a.technorati:hover { <br />background-position:0px -627px; <br />} <br />.mbt-bookmarking a.twitter { <br />background-position:0px -684px; <br />} <br />.mbt-bookmarking a.twitter:hover { <br />background-position:0px -741px; <br />} <br />.mbt-bookmarking a.facebook { <br />background-position:0px -456px; <br />} <br />.mbt-bookmarking a.facebook:hover { <br />background-position:0px -513px; <br />} <br />.post-bookmark a.reddit { <br />background-position:0px -342px; <br />} <br />.mbt-bookmarking a.reddit:hover { <br />background-position:0px -399px; <br />} <br />.mbt-bookmarking a.yahoo { <br />background-position:0px -798px; <br />} <br />.mbt-bookmarking a.yahoo:hover { <br />background-position:0px -855px; <br />} <br />.mbt-bookmarking a.rss { <br />background-position:0px -912px; <br />} <br />.mbt-bookmarking a.rss:hover { <br />background-position:0px -969px; <br />}</blockquote></span></div><div><br /></div><div><br /></div></div>

Add CSS Based Social Bookmarking Widget To Blogger Blogs & Websites

Kindly have a demo of this widget before reading the tutorial. Remember to Hover your mouse cursor over the icons. This widget uses a to...

+ Read more »

How to Add All in One Social Subscribe Box Widget in Blogger

<div dir="ltr" style="text-align: left;" trbidi="on"><div style="text-align: justify;"><span style="font-family: inherit;">There is no doubt that this widget would add a new life to your website, and it would magnetize users to follow you on different social platforms. Though, it has awe-inspiring features, but we have listed the few key features below. </span></div><div style="text-align: justify;"><span style="font-family: inherit;"><br /></span></div><div style="text-align: justify;"></div><ul><li><span style="font-family: inherit;">It is extremely lightweight, and it would not affect your site speed.</span></li><li><span style="font-family: inherit;">Use compact (12K, 3.2M) or full (12.000, 3.200.000) numbers.</span></li><li><span style="font-family: inherit;">Reorder and incapacitate any of these networks which are suitable for your site.</span></li><li><span style="font-family: inherit;">Full support for all foremost browsers i.e. Firefox, Internet explorer, Chrome, and etc.</span></li></ul><div style="text-align: justify;"><span style="font-family: inherit;"><br /></span></div><h3 style="text-align: left;"><span style="font-family: inherit;">How To Install All in One Social Subscription Box in Blogger?</span></h3><div style="text-align: justify;"><span style="font-family: inherit;">Steps mentioned below are extremely straightforward and would soak 5 minutes to complete the integration. Remember: This widget would work on any platform that supports HTML. Therefore, we can also use it on WordPress, Jhoomla and etc.</span></div><div style="text-align: justify;"><span style="font-family: inherit;"><br /></span></div><div style="text-align: justify;"><span style="font-family: inherit;">Go to Blogger.com >> Template >> Edit HTML >> Proceed.</span></div><div style="text-align: justify;"><span style="font-family: inherit;"><br /></span></div><div style="text-align: justify;"><span style="font-family: inherit;">In the template search for <b>]]></b:skin></b> and just above it Paste the Following CSS Coding. There is no need to do any modification in the coding because it is universal and would automatically fit your layout. After pasting the CSS coding, Save your template and proceed to the next step.</span></div><div style="text-align: justify;"><span style="font-family: inherit;"><br /></span></div><div style="text-align: justify;"></div><blockquote class="tr_bq"><div style="text-align: left;"><br />/*<br /> * MyBloggerLab.com All in one Social Subscription Box<br /> * --------------------------------------------------------*/<br />div.socialbox-mbl,<br />div.socialbox-mbl ul,<br />div.socialbox-mbl ul li,<br />div.socialbox-mbl ul li p,<br />div.socialbox-mbl ul li img,<br />div.socialbox-mbl ul li p span,<br />div.socialbox-mbl ul li a{<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>background: none;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>border: none;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>font-style: normal;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>font-weight: normal;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>margin: 0;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>padding: 0;<br />}<br /><br />div.socialbox-mbl ul,<br />div.socialbox-mbl ul li{<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>list-style: none;<br />}<br /><br />div.socialbox-mbl ul li a,<br />div.socialbox-mbl ul li img{<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>display: inline;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>width: auto;<br />}<br /><br />div.socialbox-mbl ul li a.socialbox-button{<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>text-align: center;<br />}<br /><br />div.socialbox-mbl.mbl-classic{<br />color: #768a96;<br />font-family: Arial, Helvetica, sans-serif;<br />font-size: 14px;<br />}<br /><br />div.socialbox-mbl.mbl-classic ul{<br />background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTmSi2klIRGic08JMXLfQu-Xpg3g2u1vWs4HLHk_RJu9emkpbRQVeY2D5rPjuc9ftlo6X0xQAGoRMu-pm3qArLQ7OdB7AYpbLOuHKUtENs3GZZqgK4SfKN87re6wKkjTKSv9WkO_ya1kw/s1600/classic- background.png) repeat;<br />border: 1px solid #d8dcdf !important;<br />-webkit-border-radius: 4px;<br />-moz-border-radius: 4px;<br />border-radius: 4px;<br />-webkit-box-shadow: 0px 2px 4px #dfe4e7;<br />-moz-box-shadow: 0px 2px 4px #dfe4e7;<br />box-shadow: 0px 2px 4px #dfe4e7;<br />margin: 0 !important;<br />padding: 0;<br />}<br /><span class="Apple-tab-span" style="white-space: pre;"> </span><span class="Apple-tab-span" style="white-space: pre;"> </span><br />div.socialbox-mbl.mbl-classic ul li{<br />background-image: none;<br />border-bottom: 1px solid #d8dcdf;<br />height: 40px;<br />overflow: hidden;<br />padding: 19px 9px 0 9px;<br />}<br /><span class="Apple-tab-span" style="white-space: pre;"> </span><span class="Apple-tab-span" style="white-space: pre;"> </span><br />div.socialbox-mbl.mbl-classic ul li:last-child{<br />border-bottom: none;<br />}<br /><span class="Apple-tab-span" style="white-space: pre;"> </span><span class="Apple-tab-span" style="white-space: pre;"> </span><br />div.socialbox-mbl.mbl-classic ul li img{<br />border: none;<br />margin-right: 10px;<br />float: left;<br />}<br /><br />div.socialbox-mbl.mbl-classic ul li p{<br />display: inline;<br />position: relative;<br />top : -3px;<br />}<br /><span class="Apple-tab-span" style="white-space: pre;"> </span><span class="Apple-tab-span" style="white-space: pre;"> </span><br />div.socialbox-mbl.mbl-classic ul li p span{<br />color: #425763;<br />font-weight: bold;<br />}<br /><span class="Apple-tab-span" style="white-space: pre;"> </span><span class="Apple-tab-span" style="white-space: pre;"> </span><br />div.socialbox-mbl.mbl-classic ul li a.socialbox-button{<br />background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5o1XJ_42cIQhDSJk2qAvbS9FgdYnhN97kbdQ_KxKe6yRCh0Mgi2anTf08XDYYX1XjE0nw9cFrsp6ItmloWd3-BMPKy3QBkXxmX3iZDCWMKSMHns-SZfX4pBmAIgpwzICJb6Grqjvohdk/s1600/classic- button.png) no-repeat;<br />border: 1px solid #d8dcdf;<br />-webkit-border-radius: 3px;<br />-moz-border-radius: 3px;<br />border-radius: 3px;<br />color: #425763;<br />float: right;<br />font-size: 11px;<br />font-weight: bold;<br />line-height: 11px;<br />padding: 6px 10px;<br />position: relative;<br />text-decoration: none;<br />text-transform: uppercase;<br />top: -4px;<br />}<br /><span class="Apple-tab-span" style="white-space: pre;"> </span><span class="Apple-tab-span" style="white-space: pre;"> </span><br />div.socialbox-mbl.mbl-classic ul li a.socialbox-button:hover{<br />background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5o1XJ_42cIQhDSJk2qAvbS9FgdYnhN97kbdQ_KxKe6yRCh0Mgi2anTf08XDYYX1XjE0nw9cFrsp6ItmloWd3-BMPKy3QBkXxmX3iZDCWMKSMHns-SZfX4pBmAIgpwzICJb6Grqjvohdk/s1600/classic- button.png) 0 -27px no-repeat;<br />}<br /><span class="Apple-tab-span" style="white-space: pre;"> </span><br />div.socialbox-mbl.mbl-classic ul li a.socialbox-button:active{<br />background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5o1XJ_42cIQhDSJk2qAvbS9FgdYnhN97kbdQ_KxKe6yRCh0Mgi2anTf08XDYYX1XjE0nw9cFrsp6ItmloWd3-BMPKy3QBkXxmX3iZDCWMKSMHns-SZfX4pBmAIgpwzICJb6Grqjvohdk/s1600/classic- button.png) 0 -54px no-repeat;<br />}</div></blockquote><br /><div style="text-align: left;"><span style="font-family: inherit;"><br /></span></div><h3 style="text-align: left;"><span style="font-family: inherit;">How To Add All in One Social Subscription Box in Blogger?</span></h3><div style="text-align: justify;"><span style="font-family: inherit;">Go to Blogger >> Layout >> Add a Gadget.</span><br /><span style="font-family: inherit;"><br /></span></div><div style="text-align: justify;"><span style="font-family: inherit;">From the List Select Add HTML/JavaScript and in the Text Box paste the following HTML Coding. To Reduce the widget of the Social Box Replace <span style="color: blue;">300px </span>according to your desire needs. </span><br /><span style="font-family: inherit;"><br /></span><br /><blockquote class="tr_bq"><div style="text-align: left;"><div><!-- E-ideamart.blogspot.com All in one Social Subscription Box --></div><div><div class="socialbox-mbl mbl-classic" style="width: <span style="color: blue;">300px</span> !important"></div><div><span class="Apple-tab-span" style="white-space: pre;"> </span></div><div><ul></div><div><br /></div><div> <li></div><div><a href="http://www.facebook.com/Eideamart" title="Like on Facebook" rel="nofollow" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikabQ1Pc9jNeZ0O5LiJcPfKiiD-FAmGeBFOjfXJXhjwUAWJ7JZvyPoCl1OOWdHbW3VwJKXTfZcpsgqbwVLz3Mig_l0fNjtt1TmZ5kst7DWgEyTyaKqg-JDd6PJWTYi7_awyJJ-UC1DITw/s1600/faceboo k_16.png" alt="Facebook" /></div><div></a><p><span>3500</span> Fans</p><a href="http://www.facebook.com/eideamart" class="socialbox-button" rel="nofollow"  title="Like on Facebook" target="_blank">Like</a></div><div></li></div><div><span class="Apple-tab-span" style="white-space: pre;"> </span></div><div><li></div><div><a href="http://twitter.com/saadahmads" title="Follow on Twitter" rel="nofollow"  target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRGDA5RAK3EP3p8AQHEEtFzPhehSul84GTQS2igNNlCfnvjMz-0kQvoe7nDqAoAVl_vI_J2ZCwvJEZyjkETu6hX1zqS_8yMp4pf9Xb1Zl5FcxwZR7bnL6tvu_4PyIY2sqhYOwE88yFaGc/s1600/twitter .png" alt="Twitter" /></a><p><span>3000</span> Followers</p><a href="http://twitter.com/saadahmads" class="socialbox-button" rel="nofollow"  title="Follow on Twitter" target="_blank" >Follow</a></div><div></li></div><div><span class="Apple-tab-span" style="white-space: pre;"> </span></div><div><li></div><div><a href="#" title="Subscribe to Youtube Channel" rel="nofollow" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMowbiBsrssA3Zi1arQ7OIAUzg7wt0v4rtH4sbjgDdSq8oh5Mitxx8BUE_XV2T3w4qx7g3JTHQEoX_xXCm4ifFqmILyxBpPAXNHb_CEP1cIKeFxoCsjJOVuLY_3F3dzfsC3FtwjKHrABM/s1600/youtube _16.png" alt="YouTube" /></a><p><span>400</span> Subscribers</p><a href="#" rel="nofollow" class="socialbox-button" title="Subscribe to Youtube Channel" target="_blank" >Subscribe</a></div><div></li></div><div><span class="Apple-tab-span" style="white-space: pre;"> </span><span class="Apple-tab-span" style="white-space: pre;"> </span></div><div><li></div><div><a href="http://pinterest.com/----------" title="Follow on Pinterest" rel="nofollow"  target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIisq1FaVx2UJqBCopmGkg18b5wVKOmecusD72kIg1pERu43jhq42NDddmzLMk-cJyhEjFJV5LexrPt72lDt9_0qV-Kzl1sW3yXOjE0LEgHoJ53UPfHkFdWAF2X-h9PgVRAIJ4o7GgS30/s1600/Pintere stmbl.png" alt="Pinterest" /></a><p><span>200</span> Followers</p><a href="http://pinterest.com/---------" rel="nofollow"  class="socialbox-butto n" title="Follow on Pinterest" target="_blank" >Follow</a></div><div></li></div><div><span class="Apple-tab-span" style="white-space: pre;"> </span><span class="Apple-tab-span" style="white-space: pre;"> </span></div><div><li></div><div><a href="https://plus.google.com/u/0/101845370194687634858" title="Follow on Google+" rel="nofollow" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNTvHavG_jigNzdxzDzWGgjiYobRLEyUTCSKz5nd1Qhhu9ad29g_LgiNg63EtV53hiKmWP1u1qJxhEoYecIVF9yQsZn0M-k2T74NOUTdQgtWeK-oiM6i7IkAkl76onaWU3E-7ZmrHXiIc/s1600/Googlep lusmbl.png" alt="Google+" /></a><p><span>1000</span> Followers</p><a href="https://plus.google.com/u/0/101845370194687634858" rel="nofollow"  clas s="socialbox-button" title="Follow on Google+" target="_blank" >Follow</a></div><div></li><span class="Apple-tab-span" style="white-space: pre;"> </span></div><div><span class="Apple-tab-span" style="white-space: pre;"> </span></div><div></ul></div><div><span class="Apple-tab-span" style="white-space: pre;"> </span><span class="Apple-tab-span" style="white-space: pre;"> </span></div><div></div></div><div><!-- End --><span class="Apple-tab-span" style="white-space: pre;"> </span></div></div></blockquote></div><div style="text-align: justify;"><div style="text-align: left;"><span style="font-family: inherit;"><br /></span></div></div><div style="text-align: justify;"><span style="font-family: inherit;">All Done: After customizing the Gadget according to your desire needs, just Save the Gadget. Now go and check your site, we are sure it would not let you down. Feel free to leave your comments and suggestions would be more than welcomed. </span></div><div style="text-align: justify;"><span style="font-family: inherit;"><br /></span></div></div>

How to Add All in One Social Subscribe Box Widget in Blogger

There is no doubt that this widget would add a new life to your website, and it would magnetize users to follow you on different social pl...

+ Read more »

Add Social Bookmarking Buttons near Adsense Ads

<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/AVvXsEgX2FvNOfOdHy488M-cjKAn7MEIunacLkiZClA-zV1yWyKsvO3ac_n6lfO9SJ81s4Q_UMv_v9WkL64StA4QVqiOhPFYVzdFYW2Ox0Ktkz_5lFKEkcqyZ8q-nCSQRdlYhqD1HozsEUwDsJu4/s1600/share+bookmarking+near+adsense+in+blogger+blog+how+to.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="165" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgX2FvNOfOdHy488M-cjKAn7MEIunacLkiZClA-zV1yWyKsvO3ac_n6lfO9SJ81s4Q_UMv_v9WkL64StA4QVqiOhPFYVzdFYW2Ox0Ktkz_5lFKEkcqyZ8q-nCSQRdlYhqD1HozsEUwDsJu4/s200/share+bo okmarking+near+adsense+in+blogger+blog+how+to.jpg" width="200" /></a></div>The main advantages of this widget is that you can increase your AdSense impressions along with CTR - and of course, fill up the empty space besides Adsense units, making your blog look more attractive. <br />Adding the social bookmarking buttons at the top of your blogger post, will make things easier when your readers will want to share your posts via the networking sites. The widget includes buttons for Del.icio.us, Twitter, Facebook, StumbleUpon, Technorati and Digg.<br /><br /><br /><span style="color: #cc0000;"><span style="font-size: large;"><b>How to add this widget:</b></span></span><br /><br />1. Firstly, login to your <a href="http://www.blogger.com/home">Blogger Dashboard</a> and go to<b> Template </b>and then click on the<b> Edit HTML </b>button<br /> (don't forget to make a backup of your template)<br /><br />2. Search (CTRL + F) for the following tag:<br /><br /><blockquote class="tr_bq">]]></b:skin></blockquote><br />3. Paste the following CSS code just above it:<br /><br /><blockquote class="tr_bq">.ads{margin-bottom:10px; border-top:solid 1px #DEDEDE; padding-top:10px; font-size:13px;}<br />.ads-right-min{border-left:solid 1px #DEDEDE; height:250px; padding-left:10px;}<br />.ads-right-min a:link,<br />.ads-right-min a:visited,<br />.bottom-share-links a:link,<br />.bottom-share-links a:visited{<br />font-size:12px;<br />color:#222;<br />display:block;<br />height:22px;<br />line-height:22px;<br />margin-bottom:16px;<br />padding-left:32px;<br />}<br />.ads-right-min a:hover,<br />.bottom-share-links a:hover{color:#666;}<br />.mini-tech{background:url(http://4.bp.blogspot.com/-WzNU2IHbPUw/T0tzV4pdJUI/AAAAAAAAA9g/zpcW 79rwjDA/s1600/technorati.gif) no-repeat;}<br />.mini-facebook{background:url(http://2.bp.blogspot.com/-GLdDN18ez0s/T0tzkMMN_OI/AAAAAAAAA9o/ SotoFVp-n6U/s1600/facebook.gif) no-repeat;}<br />.mini-tweet{background:url(http://3.bp.blogspot.com/-EhUjF27bY6c/T0tzyzWbpVI/AAAAAAAAA9w/udf jwp25Y3c/s1600/tweet.gif) no-repeat;}<br />.mini-del{background:url(http://3.bp.blogspot.com/-EUzXfWgxw7Q/T0t0Fcu-1XI/AAAAAAAAA94/j-sKp YQpWRY/s1600/delicious.jpg) no-repeat;}<br />.mini-stumble{background:url(http://1.bp.blogspot.com/-X-5Vt1_irbM/T0t0VsULXeI/AAAAAAAAA-A/g LqH65DlX48/s1600/stumbleupon.png) no-repeat;}<br />.mini-digg{background:url(http://3.bp.blogspot.com/-8AQN6eSDWsQ/T0t0kQViaMI/AAAAAAAAA-I/D8kp uTno4sA/s1600/Digg.png) no-repeat;}</blockquote><br />4) Now search - using "CTRL+F" - for the following line: <br /><br /><blockquote><div class='post-body entry-content'> </blockquote><br /> If you can't find it, search for this one:<br /><br /><blockquote class="tr_bq"><div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'></blockquote><br />5) Add the following code directly below it:<br /><br /><blockquote class="tr_bq"><b:if cond='data:blog.pageType == &quot;item&quot;'><br /><div class='ads'><br /><table border='0' cellpadding='0' cellspacing='0' width='100%'><br /><tr><br /><td width='354'><br />&lt;script type=&#39;text/javascript&#39;&gt;&lt;!--<br />google_ad_client=&quot;pub-<b style="color: #cc0000;">YOUR PUBLISHER ID</b>&quot;;<br />google_ad_host=&quot;pub-1556223355139109&quot;;<br />google_ad_width=300;<br />google_ad_height=250;<br />google_ad_format=&quot;300x250_as&quot;;<br />google_ad_type=&quot;text_image&quot;;<br />google_ad_host_channel=&quot;0001&quot;;<br />google_color_border=&quot;FFFFFF&quot;;<br />google_color_bg=&quot;FFFFFF&quot;;<br />google_color_link=&quot;0000FF&quot;;<br />google_color_url=&quot;008000&quot;;<br />google_color_text=&quot;000000&quot;;<br />//--&gt;&lt;/script&gt;<br />&lt;script src=&#39;http://pagead2.googlesyndication.com/pagead/show_ads.js&#39; type=&#39;text/javascript&#39;&gt;<br />&lt;/script&gt;<br /></td><br /><td><div class='ads-right-min'><br /><a class='mini-del' expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Add To Del.icio.us'>Add This To Del.icio.us</a><br /><a class='mini-tweet' expr:href='&quot;http://twitter.com/home?status=Reading &quot; + data:post.title + &quot; &quot; + data:post.url' target='_blank' title='Post this article on Twitter'>Tweet/ReTweet This</a><br /><a class='mini-facebook' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Share On Facebook'>Share on Facebook</a><br /><a class='mini-stumble' expr:href='&quot;http://www.stumbleupon.com/refer.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Stumble This'>StumbleUpon This</a><br /><a class='mini-tech' expr:href='&quot;http://www.technorati.com/faves?add=&quot; + data:post.url' target='_blank' title='Add To Technorati'>Add to Technorati</a><br /><a class='mini-digg' expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Digg This'>Digg This</a><br /></div><br /></td><br /></tr><br /></table><br /></div><br /></b:if> </blockquote><br />Replace <b style="color: #cc0000;">YOUR PUBLISHER ID </b>with your AdSense account ID. You'll find it with the Home tab, on your "Account settings" page. It should look something like this:<br /><br />pub-<b>5623269265862168</b> (copy only the numbers and then paste them)<br /><br />6) <span class="fullpost">Save template... and just go to one of your post to see the changes!</span></div>

Add Social Bookmarking Buttons near Adsense Ads

The main advantages of this widget is that you can increase your AdSense impressions along with CTR - and of course, fill up the empty spa...

+ Read more »

Publish Your Blog Post Automatically on Facebook, Twitter & Other Social Media Sites

<div dir="ltr" style="text-align: left;" trbidi="on">This is also all about SEO, because the social media is playing great role to generate traffic, if you have sufficient fans on your social media page you can drive them to visit your blog by post your blogger posts directly to your pages, as you have seen every blogger are connected with their social media pages may you find widget of social media on their blog.<br /><div><script pagespeed_no_defer="">(function(){var d=window,e=document,f="documentElement",g="scrollTop",k="prototype",l="body",m="getAttribute ",n="",p="1",q="data",r="img",s="load",t="number",u="on",v="onload",w="pagespeed_lazy_positi on",x="pagespeed_lazy_replaced_functions",y="pagespeed_lazy_src",z="position",A="relative",B ="resize",C="scroll",D="src",E=function(a,b,c){if(a.addEventListener)a.addEventListener(b,c, !1);else if(a.attachEvent)a.attachEvent(u+b,c);else{var h=a[u+b];a[u+b]=function(){c.call(this);h&&h.call(this)}}};d.pagespeed=d.pagespeed||{};var F=d.pagespeed,G=function(a){this.d=[];this.a=0;this.b=!1;this.n=a;this.e=null;this.i=0;this. j=200;this.c=!1};G[k].r=function(){var a=0;typeof d.pageYOffset==t?a=d.pageYOffset:e[l]&&e[l][g]?a=e[l][g]:e[f]&&e[f][g]&&(a=e[f][g]);var b=d.innerHeight||e[f].clientHeight||e[l].clientHeight;return{top:a,bottom:a+b,height:b}};G[k ].m=function(a){var b=a[m](w);if(b)return parseInt(b,0);var b=a.offsetTop,c=a.offsetParent;c&&(b+=this.m(c));b=Math.max(b,0);a.setAttribute(w,b);return b}; G[k].q=function(a){var b=this.m(a);return{top:b,bottom:b+a.offsetHeight}};G[k].p=function(a,b){if(a.currentStyle)re turn a.currentStyle[b];if(e.defaultView&&e.defaultView.getComputedStyle){var c=e.defaultView.getComputedStyle(a,null);if(c)return c.getPropertyValue(b)}return a.style&&a.style[b]?a.style[b]:n}; G[k].o=function(a){if(!this.c&&(0==a.offsetHeight||0==a.offsetWidth))return!1;if(this.p(a,z) ==A)return!0;var b=this.r(),c=a.getBoundingClientRect();c?(a=c.top-b.height,b=c.bottom):(c=this.q(a),a=c.top- b.bottom,b=c.bottom-b.top);return a<=this.a&&0<=b+this.a}; G[k].l=function(a){this.k(a);var b=this;d.setTimeout(function(){var c=a[m](y);if(null!=c)if((b.b||b.o(a))&&-1!=a.src.indexOf(b.n)){var h=a.parentNode,H=a.nextSibling;h&&h.removeChild(a);a.g&&(a.getAttribute=a.g);a.removeAttribu te(v);a.removeAttribute(y);a.removeAttribute(x);h&&h.insertBefore(a,H);a.src=c}else b.d.push(a)},0)};G[k].loadIfVisible=G[k].l;G[k].t=function(){this.b=!0;this.f()};G[k].loadAl lImages=G[k].t;G[k].f=function(){var a=this.d,b=a.length;this.d=[];for(var c=0;c<b;++c)this.l(a[c])}; G[k].h=function(a,b){return a.a?null!=a.a(b):null!=a[m](b)};G[k].u=function(){for(var a=e.getElementsByTagName(r),b=0;b<a.length;++b){var c=a[b];this.h(c,y)&&this.k(c)}};G[k].overrideAttributeFunctions=G[k].u;G[k].k=function(a){va r b=this;this.h(a,x)||(a.g=a[m],a.getAttribute=function(a){a.toLowerCase()==D&&b.h(this,y)&&(a =y);return this.g(a)},a.setAttribute(x,p))}; F.s=function(a,b){var c=new G(b);F.lazyLoadImages=c;E(d,s,function(){c.c=!0;c.b=a;c.a=200;c.f()});0!=b.indexOf(q)&&((new Image).src=b);var h=function(){if(!(c.c&&a||c.e)){var b=c.j;(new Date).getTime()-c.i>c.j&&(b=0);c.e=d.setTimeout(function(){c.i=(new Date).getTime();c.f();c.e=null},b)}};E(d,C,h);E(d,B,h)};F.lazyLoadInit=F.s;})(); pagespeed.lazyLoadInit(false, "//1-ps.googleusercontent.com/h/www.gstatic.com/psa/static/1.gif"); </script><img alt="auto social media publisher" border="0" class="aligncenter" data-lazy-src="http://i0.wp.com/3.bp.blogspot.com/-ekYx4JFBisI/UU8wr5zFagI/AAAAAAAAB3g/0ZKs1 t7AtGM/s1600/main.jpg?w=625" data-recalc-dims="1" onload="pagespeed.lazyLoadImages.loadIfVisible(this);" pagespeed_lazy_src="http://1-ps.googleusercontent.com/x/www.tipstricksisland.com/i0.wp.com/w ww.tipstricksisland.com/wp-content/plugins/lazy-load/images/1x1.trans.gif.pagespeed.ce.07HgO WPwgR.gif" src="//1-ps.googleusercontent.com/h/www.gstatic.com/psa/static/1.gif" title="auto social media publisher" /><noscript><img alt="auto social media publisher" border="0" class="aligncenter" data-recalc-dims="1" src="http://1-ps.googleusercontent.com/x/www.tipstricksisland.com/i1.wp.com/3.bp.blogspot.co m/-ekYx4JFBisI/UU8wr5zFagI/AAAAAAAAB3g/0ZKs1t7AtGM/s1600/xmain.jpg,qw=625.pagespeed.ic.h6Jb8 ybm8A.webp" title="auto social media publisher"/></noscript></div>So, this post also regarding Social Media Sites. We will learn how can we Automatically publish Blog Post to Facebook, Twitter, Google+ and Other Social Media Websites.<br /><a href="http://dlvr.it/" target="_blank">dlvr.it </a>: Site which Distribute Your Blog with <a href="http://facebook.com/" target="_blank">Facebook</a>, <a href="http://twitter.com/" target="_blank">Twitter</a>, <a href="http://plus.google.com/" target="_blank">Google+ </a>and other social media Websites.<br />Go to <a href="http://dlvr.it/" target="_blank">dlvr.it </a>and sign up for new account<br /><!-- Quick Adsense WordPress Plugin: http://quicksense.net/ --> <div style="float: none; margin: 10px 0 10px 0; text-align: center;"><script pagespeed_no_defer="" type="text/javascript">pagespeed.lazyLoadImages.overrideAttributeFunctions();</script><script type="text/javascript">google_ad_client="ca-pub-0473466360643817";google_ad_slot="4910371723 ";google_ad_width=468;google_ad_height=15;</script><script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"></script></div><div><a href="http://i0.wp.com/3.bp.blogspot.com/-iGIMzWoC_bk/UU8wqOEA8gI/AAAAAAAAB28/A7sQjkHJHQk/s1600/11.JPG"><img alt="" border="0" class="aligncenter" data-lazy-src="http://i2.wp.com/3.bp.blogspot.com/-iGIMzWoC_bk/UU8wqOEA8gI/AAAAAAAAB28/A7sQj kHJHQk/s1600/11.JPG?resize=320%2C147" data-recalc-dims="1" onload="pagespeed.lazyLoadImages.loadIfVisible(this);" pagespeed_lazy_src="http://1-ps.googleusercontent.com/x/www.tipstricksisland.com/i2.wp.com/w ww.tipstricksisland.com/wp-content/plugins/lazy-load/images/1x1.trans.gif.pagespeed.ce.07HgO WPwgR.gif" src="//1-ps.googleusercontent.com/h/www.gstatic.com/psa/static/1.gif" /><noscript><img alt="" border="0" class="aligncenter" data-recalc-dims="1" src="http://1-ps.googleusercontent.com/x/www.tipstricksisland.com/i2.wp.com/3.bp.blogspot.co m/-iGIMzWoC_bk/UU8wqOEA8gI/AAAAAAAAB28/A7sQjkHJHQk/s1600/x11.JPG,qresize=320,P2C147.pagespee d.ic.ecmHa8JTa0.webp"/></noscript></a></div>Connect <a href="http://dlvr.it/" target="_blank">dlvr.it </a>via your feed URL<br /><blockquote>http://feeds.feedburner.com/ FEED USER NAM<br /><!-- Quick Adsense WordPress Plugin: http://quicksense.net/ --> <div style="float: none; margin: 10px 0 10px 0; text-align: center;"><script pagespeed_no_defer="" type="text/javascript">pagespeed.lazyLoadImages.overrideAttributeFunctions();</script><script type="text/javascript">google_ad_client="ca-pub-0473466360643817";google_ad_slot="9330017327 ";google_ad_width=250;google_ad_height=250;</script><script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"></script><script id="mNCC" language="javascript">medianet_width='250';medianet_height='250';medianet_crid='809224676';< /script> <script id="mNSC" src="http://1-ps.googleusercontent.com/x/www.tipstricksisland.com/contextual.media.net/nmedi anet.js,qcid=8CU81S0AJ.pagespeed.jm.P86lFT0pGW.js" language="javascript"></script></div></blockquote><div><a href="http://i1.wp.com/2.bp.blogspot.com/-MFUFFwGcE6g/UU8wp9DMiFI/AAAAAAAAB3E/t2cG4hMOwhk/s1600/1.JPG"><img alt="" border="0" class="aligncenter" data-lazy-src="http://i0.wp.com/2.bp.blogspot.com/-MFUFFwGcE6g/UU8wp9DMiFI/AAAAAAAAB3E/t2cG4 hMOwhk/s1600/1.JPG?resize=260%2C320" data-recalc-dims="1" onload="pagespeed.lazyLoadImages.loadIfVisible(this);" pagespeed_lazy_src="http://1-ps.googleusercontent.com/x/www.tipstricksisland.com/i2.wp.com/w ww.tipstricksisland.com/wp-content/plugins/lazy-load/images/1x1.trans.gif.pagespeed.ce.07HgO WPwgR.gif" src="//1-ps.googleusercontent.com/h/www.gstatic.com/psa/static/1.gif" /><noscript><img alt="" border="0" class="aligncenter" data-recalc-dims="1" src="http://1-ps.googleusercontent.com/x/www.tipstricksisland.com/i2.wp.com/2.bp.blogspot.co m/-MFUFFwGcE6g/UU8wp9DMiFI/AAAAAAAAB3E/t2cG4hMOwhk/s1600/x1.JPG,qresize=260,P2C320.pagespeed .ic.V55pGEVNcK.webp"/></noscript></a></div>Connect if with your social media just like image showing<br /><div><a href="http://i2.wp.com/3.bp.blogspot.com/-eRqgLb_ZhFE/UU8wqHmverI/AAAAAAAAB3A/p3W8XdW3Br8/s1600/2.JPG"><img alt="" border="0" class="aligncenter" data-lazy-src="http://i1.wp.com/3.bp.blogspot.com/-eRqgLb_ZhFE/UU8wqHmverI/AAAAAAAAB3A/p3W8X dW3Br8/s1600/2.JPG?resize=320%2C264" data-recalc-dims="1" onload="pagespeed.lazyLoadImages.loadIfVisible(this);" pagespeed_lazy_src="http://1-ps.googleusercontent.com/x/www.tipstricksisland.com/i0.wp.com/w ww.tipstricksisland.com/wp-content/plugins/lazy-load/images/1x1.trans.gif.pagespeed.ce.07HgO WPwgR.gif" src="//1-ps.googleusercontent.com/h/www.gstatic.com/psa/static/1.gif" /><noscript><img alt="" border="0" class="aligncenter" data-recalc-dims="1" src="http://1-ps.googleusercontent.com/x/www.tipstricksisland.com/i1.wp.com/3.bp.blogspot.co m/-eRqgLb_ZhFE/UU8wqHmverI/AAAAAAAAB3A/p3W8XdW3Br8/s1600/x2.JPG,qresize=320,P2C264.pagespeed .ic.qH0N5kGHaS.webp"/></noscript></a></div>Insert Login Details.<br /><div><a href="http://i0.wp.com/2.bp.blogspot.com/-Uh7Dv3bwBqc/UU8wq-B_DMI/AAAAAAAAB3Q/5jZ5G9dEOQ8/s1600/3.JPG"><img alt="" border="0" class="aligncenter" data-lazy-src="http://i0.wp.com/2.bp.blogspot.com/-Uh7Dv3bwBqc/UU8wq-B_DMI/AAAAAAAAB3Q/5jZ5G 9dEOQ8/s1600/3.JPG?resize=228%2C320" data-recalc-dims="1" onload="pagespeed.lazyLoadImages.loadIfVisible(this);" pagespeed_lazy_src="http://1-ps.googleusercontent.com/x/www.tipstricksisland.com/i0.wp.com/w ww.tipstricksisland.com/wp-content/plugins/lazy-load/images/1x1.trans.gif.pagespeed.ce.07HgO WPwgR.gif" src="//1-ps.googleusercontent.com/h/www.gstatic.com/psa/static/1.gif" /><noscript><img alt="" border="0" class="aligncenter" data-recalc-dims="1" src="http://1-ps.googleusercontent.com/x/www.tipstricksisland.com/i1.wp.com/2.bp.blogspot.co m/-Uh7Dv3bwBqc/UU8wq-B_DMI/AAAAAAAAB3Q/5jZ5G9dEOQ8/s1600/x3.JPG,qresize=228,P2C320.pagespeed .ic.QvIYgDd2X8.webp"/></noscript></a></div>If you want to mange more social media site for same Blog, in Destination there is a Button of +Add<br /><div><a href="http://i1.wp.com/1.bp.blogspot.com/--brr7Pj4MMU/UU8wrNGMNII/AAAAAAAAB3U/ygBDL3YcHP8/s1600/4.JPG"><img alt="" border="0" class="aligncenter" data-lazy-src="http://i2.wp.com/1.bp.blogspot.com/--brr7Pj4MMU/UU8wrNGMNII/AAAAAAAAB3U/ygBDL 3YcHP8/s1600/4.JPG?resize=320%2C84" data-recalc-dims="1" onload="pagespeed.lazyLoadImages.loadIfVisible(this);" pagespeed_lazy_src="http://1-ps.googleusercontent.com/x/www.tipstricksisland.com/i1.wp.com/w ww.tipstricksisland.com/wp-content/plugins/lazy-load/images/1x1.trans.gif.pagespeed.ce.07HgO WPwgR.gif" src="//1-ps.googleusercontent.com/h/www.gstatic.com/psa/static/1.gif" /><noscript><img alt="" border="0" class="aligncenter" data-recalc-dims="1" src="http://1-ps.googleusercontent.com/x/www.tipstricksisland.com/i0.wp.com/1.bp.blogspot.co m/--brr7Pj4MMU/UU8wrNGMNII/AAAAAAAAB3U/ygBDL3YcHP8/s1600/x4.JPG,qresize=320,P2C84.pagespeed. ic.38SnEEt3wG.webp"/></noscript></a></div>Select any other which one you want to auto share your blog posting<br /><div><a href="http://i0.wp.com/3.bp.blogspot.com/-lO6p83P23IQ/UU8wrvN0iRI/AAAAAAAAB3c/RV2N6IoziQ8/s1600/5.JPG"><img alt="" border="0" class="aligncenter" data-lazy-src="http://i2.wp.com/3.bp.blogspot.com/-lO6p83P23IQ/UU8wrvN0iRI/AAAAAAAAB3c/RV2N6 IoziQ8/s1600/5.JPG?resize=320%2C132" data-recalc-dims="1" onload="pagespeed.lazyLoadImages.loadIfVisible(this);" pagespeed_lazy_src="http://1-ps.googleusercontent.com/x/www.tipstricksisland.com/i0.wp.com/w ww.tipstricksisland.com/wp-content/plugins/lazy-load/images/1x1.trans.gif.pagespeed.ce.07HgO WPwgR.gif" src="//1-ps.googleusercontent.com/h/www.gstatic.com/psa/static/1.gif" /><noscript><img alt="" border="0" class="aligncenter" data-recalc-dims="1" src="http://1-ps.googleusercontent.com/x/www.tipstricksisland.com/i1.wp.com/3.bp.blogspot.co m/-lO6p83P23IQ/UU8wrvN0iRI/AAAAAAAAB3c/RV2N6IoziQ8/s1600/x5.JPG,qresize=320,P2C132.pagespeed .ic.UC8LojXZmS.webp"/></noscript></a></div>When you publish your post on your blog in few minutes you will find your same post automatically published on your connected social websites.<br /><div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3Ifjr9hpS7aJ_GdbikEF7aECbL1rimD9bdC-DIVyIiGPkSmqITw4rjYUkGn0C1PJja4_G1kXbIXpifiyObbsE5WcbDTMn-luQg9np8A3sUGSFq1KlhhbtgnDCcpgHpSrfktYu7EMmwHA/s1600/22.bmp"><img alt="" border="0" class="aligncenter" data-lazy-src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3Ifjr9hpS7aJ_GdbikEF7aECbL1rimD9bdC-DIVyIiGPkSmqITw4rjYUkGn0C1PJja4_G1kXbIXpifiyObbsE5WcbDTMn-luQg9np8A3sUGSFq1KlhhbtgnDCcpgHpSrfktYu7EMmwHA/ 00/22.bmp" height="320" onload="pagespeed.lazyLoadImages.loadIfVisible(this);" pagespeed_lazy_src="http://1-ps.googleusercontent.com/h/www.tipstricksisland.com/wp-content/ plugins/lazy-load/images/1x1.trans.gif.pagespeed.ce.1fzrZTJkPQ.gif" src="//1-ps.googleusercontent.com/h/www.gstatic.com/psa/static/1.gif" width="225" /><noscript><img alt="" border="0" class="aligncenter" height="320" src="http://1-ps.googleusercontent.com/x/www.tipstricksisland.com/1.bp.blogspot.com/-W864OZZ nQag/UU8ws0-qYuI/AAAAAAAAB3s/y3KhHvWdVuY/s1600/225x320x22.bmp.pagespeed.ic.hyV8XycKqh.webp" width="225"/></noscript></a></div></div>

Publish Your Blog Post Automatically on Facebook, Twitter & Other Social Media Sites

This is also all about SEO, because the social media is playing great role to generate traffic, if you have sufficient fans on your social...

+ Read more »

How to Post Blogger Automatically to Facebook

<div dir="ltr" style="text-align: left;" trbidi="on"><div class="post-body entry-content" id="post-body-5109835113500235662"><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/AVvXsEihTJAqEpFYqojJRwSeY-keWrOF4dJPgr7sBa0mGXZImj48yd4JS1k31ngmyskIiXbE6qYAwjJ3xFIpHPvoHlCpjdrzhuGy5uXpsXbOl267FiR05FfQ2hF1tzquol0LSg2RVXWBHuwV_vU/s1600/facebook.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Facebook Logo" border="0" height="75" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihTJAqEpFYqojJRwSeY-keWrOF4dJPgr7sBa0mGXZImj48yd4JS1k31ngmyskIiXbE6qYAwjJ3xFIpHPvoHlCpjdrzhuGy5uXpsXbOl267FiR05FfQ2hF1tzquol0LSg2RVXWBHuwV_vU/s200/facebook.jpg" title="" width="200" /></a></div>When I started this post I had the preconceived notion that automatically posting from Blogger to Facebook would not be an issue at all. For some reason in the back of my mind this was as simple as using email notification to the Facebook email-to-post feature, or using <a href="http://www.feedburner.com/" target="_blank">Google's Feedburner</a>.<br /><br />Well, I was quite wrong about this. Trying to use the email-to-post feature in Facebook only added the blog name and title to my Facebook wall with no content or links. From Feedburner, it looked like Facebook might work but they're only supporting Twitter in their socialize feature.<br /><br />Now, there are a number of Facebook plug-ins such as <a href="http://www.rssgraffiti.com/" target="_blank">RSS Graffiti</a> you can use to grab your blogger RSS feed and post it to your wall. However, I found another tool so useful that I think this might be the easiest path for anyone to use.<br /><a href="https://www.blogger.com/null" name="more"></a><br /><h3>If This then That - or, If Blogger then Facebook</h3>A new online utility has appeared that can simply move your social postings around between sites called <a href="http://ifttt.com/">IFTTT.com</a> (or, in other words, If This, Then That). It is so incredibly intuitive and easy to use that I had no issues setting it up. <br /><br />I won't lead you on how to setup an account - you'll just need a user name and password - that's very easy to do. As you start you'll just need to activate and register your Blogger account and select your desired blog like this:<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjMeMeKR_FQ7xEunS78t2-Oj8ngXmd0SXojxqCZLIVAyPMRBIz7wdRrbN2XyJM1dQm4EShSxel9GHtLsi5PZA7GGjfFrMFMiyzxHbbCddmLMa5Pv3qkJwuZw4LStf5xIm6rF8lt1oCPjA/s1600/blogger-facebook-001.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Activate your Blogger account" border="0" height="169" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjMeMeKR_FQ7xEunS78t2-Oj8ngXmd0SXojxqCZLIVAyPMRBIz7wdRrbN2XyJM1dQm4EShSxel9GHtLsi5PZA7GGjfFrMFMiyzxHbbCddmLMa5Pv3qkJwuZw4LStf5xIm6rF8lt1oCPjA/s320/blogger-facebook-001.jpg" title="" width="320" /></a></div><br />And then tie your Blogger blog to the IFTTT account: <br /><br /><b></b> <br /><div class="separator" style="clear: both; text-align: center;"><b><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxJjixirZrzzjgqjMDclWYeUbJRQLfYzdcw1YqEBR8q7wbgzbuEBy_yeqf1w5y0itfqOWLWIX7oS-2ZHHk2jKEwOzcZFaaRL2EjCy0PL4BXQLdvu6a4Kcs9dJw8T0D5YFQT-lqLyUnB80/s1600/blogger-facebook-002.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Tie your Blogger Blog to IFTTT" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxJjixirZrzzjgqjMDclWYeUbJRQLfYzdcw1YqEBR8q7wbgzbuEBy_yeqf1w5y0itfqOWLWIX7oS-2ZHHk2jKEwOzcZFaaRL2EjCy0PL4BXQLdvu6a4Kcs9dJw8T0D5YFQT-lqLyUnB80/s320/blogger-facebook-002.jpg" title="" width="237" /></a></b></div><b>Once registered your first step is to <b>'Create a </b>Recipe'</b> - and in our case it is going to be from Blogger to Facebook:<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBRFSa2d8ZpUjBLVNOweveDdyYF6mbtPwzUTIjAVR7iny3x7lyayF6_jy8r3BlAxy7KSPl48f01-7NPVhyphenhyphenXDpVymxSK5bG5WjQsjGr6aWM2VJYAIs9edyR-eOpuBqHsQBqJRq08Wt7H-s/s1600/blogger-facebook-10.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Using IFTTT" border="0" height="128" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBRFSa2d8ZpUjBLVNOweveDdyYF6mbtPwzUTIjAVR7iny3x7lyayF6_jy8r3BlAxy7KSPl48f01-7NPVhyphenhyphenXDpVymxSK5bG5WjQsjGr6aWM2VJYAIs9edyR-eOpuBqHsQBqJRq08Wt7H-s/s400/blogger-facebook-10.jpg" title="" width="400" /></a></div><br /><br />Simply click on the blue '<b>this</b>' text to select Blogger as you source choice:<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1IMQpa-SFundNof8B4RGz0hp4AZWvRVvW0U2OP5slatMQl0zVlgen-ZYGt5n01NK71pocejBm2i4IPGr41-ANpFXDAZqxu2blOCS6mUJxWEalPsj5TxEQmgzaauNNFwVDRnC262yEanY/s1600/blogger-facebook-12.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Selecting Blogger as the This Choice" border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1IMQpa-SFundNof8B4RGz0hp4AZWvRVvW0U2OP5slatMQl0zVlgen-ZYGt5n01NK71pocejBm2i4IPGr41-ANpFXDAZqxu2blOCS6mUJxWEalPsj5TxEQmgzaauNNFwVDRnC262yEanY/s400/blogger-facebook-12.jpg" title="" width="400" /></a></div><br />You can see that there are many options for source - I've highligted the Blogger button. Next, just '<b>Choose a Trigger</b>' type. In this case we want new Posts to be published to Facebook. However, you might want the second label option:<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgp9nn6ICDgQerjNOcvM4ETyGQFS5RL8TjlYADzrOzY1VnCOCvGZEwfm2pT6duqOIRJ9_GxZYBDnYrD4L4qw-GiLRPVNbCLSN8AHWwurJe3IFrdhCxoNjLO8h2P5-1xChRAWq-BW15x3V0/s1600/blogger-facebook-13.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Posting from Blogger for Any New Post" border="0" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgp9nn6ICDgQerjNOcvM4ETyGQFS5RL8TjlYADzrOzY1VnCOCvGZEwfm2pT6duqOIRJ9_GxZYBDnYrD4L4qw-GiLRPVNbCLSN8AHWwurJe3IFrdhCxoNjLO8h2P5-1xChRAWq-BW15x3V0/s400/blogger-facebook-13.jpg" title="" width="400" /></a></div>Go ahead and select '<b>Any new post'</b> for now. Now you will see the Trigger that will kick off the event. <br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpW95_qLr4PIrMmRGCxH7WHXfkgVG_5mN7MZ9GogqkxyRObasjRmygwpqdfr4pEfDUzQWiuiyTwe_xeF_aH4PEpApr4fEerlhbkJIHuJCrN__0aoQ0Gh3qZn1_NyS-5XXUnsZIj7645OI/s1600/blogger-facebook-14.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Blogger Trigger to Post" border="0" height="266" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpW95_qLr4PIrMmRGCxH7WHXfkgVG_5mN7MZ9GogqkxyRObasjRmygwpqdfr4pEfDUzQWiuiyTwe_xeF_aH4PEpApr4fEerlhbkJIHuJCrN__0aoQ0Gh3qZn1_NyS-5XXUnsZIj7645OI/s400/blogger-facebook-14.jpg" title="" width="400" /></a></div><br />Just select the '<b>Create Trigger'</b> button to continue. You're going to be directed now to the action that occurs when you trigger off a Blogger Post. Just select the '<b>that</b>' blue link to continue:<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPRxZLWCmGqI70_A3NK4fXzfMI25WAgp7CaoN9WlZytEB4Lr_UwcD9AB1ZruCZ6uUKkhIeA148GK_NBIdG_-Tc8bVrUYZsSIlW1Xz2_vjPr2h_eyM0MvBqkvb7cT6c4yCrZxnKk3yJa34/s1600/blogger-facebook-15.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="111" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPRxZLWCmGqI70_A3NK4fXzfMI25WAgp7CaoN9WlZytEB4Lr_UwcD9AB1ZruCZ6uUKkhIeA148GK_NBIdG_-Tc8bVrUYZsSIlW1Xz2_vjPr2h_eyM0MvBqkvb7cT6c4yCrZxnKk3yJa34/s400/blogger-facebook-15.jpg" width="400" /></a></div>Now you'll see the full list again of social media sites. There are some great options here - but, for our tutorial just click on the '<b>Facebook</b>' icon:<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgal4pCzLOrPic1QvonmjXqzpCz_x3xeC_Mknooa7asnEx4K_XFPt_jagiyKfADaJVRkKxD3TiYg7NzTJue-IgHd2H1Qffk8NuE7Fym6pzTRd4fs9cw0JngK6cIuhhQ9tAMfmIXYyT8_dU/s1600/blogger-facebook-16.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="237" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgal4pCzLOrPic1QvonmjXqzpCz_x3xeC_Mknooa7asnEx4K_XFPt_jagiyKfADaJVRkKxD3TiYg7NzTJue-IgHd2H1Qffk8NuE7Fym6pzTRd4fs9cw0JngK6cIuhhQ9tAMfmIXYyT8_dU/s400/blogger-facebook-16.jpg" width="400" /></a></div><br />If this is your first time into IFTTT then you'll need to register your Facebook account much like how you did your Blogger account. <b>Be sure you're logged into your desired Facebook account first.</b><br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgN1D-A8URcHk_fDAlRnwV308xh73x5grCTMd1rHB5CG_aRlIc9jOXbYNfcB7-3RMrKB1yMv3tojpUf-swSJX0qA_KGg1p06ZffGbweyK_AsqtJkFAOuVrnS34xDp-12CJlN-xbTOh2VxQ/s1600/blogger-facebook-003.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Activate your Facebook account" border="0" height="206" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgN1D-A8URcHk_fDAlRnwV308xh73x5grCTMd1rHB5CG_aRlIc9jOXbYNfcB7-3RMrKB1yMv3tojpUf-swSJX0qA_KGg1p06ZffGbweyK_AsqtJkFAOuVrnS34xDp-12CJlN-xbTOh2VxQ/s400/blogger-facebook-003.jpg" title="" width="400" /></a></div><br />Now you'll have to make a selection if you want the Blogger post to be fully copied to Facebook, or, just a link back to the blog. I prefer the second option '<b>Create a link post</b>'  - but you make your choice:<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNQbSvL8JiYb70hi2HLV05b1RaNSN4lr947MDZE_4-3DSfEAsy5ag7uiPWB7MZj9cAEF3StXlMHhYlKFzQF4d4OxDIs4cntRGEjNZPqbFcz4X1nrBGAMReGfwPtoz_SyIwXZ03NcFGKNM/s1600/blogger-facebook-17.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Triggering an Action to Post to Facebook" border="0" height="119" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNQbSvL8JiYb70hi2HLV05b1RaNSN4lr947MDZE_4-3DSfEAsy5ag7uiPWB7MZj9cAEF3StXlMHhYlKFzQF4d4OxDIs4cntRGEjNZPqbFcz4X1nrBGAMReGfwPtoz_SyIwXZ03NcFGKNM/s400/blogger-facebook-17.jpg" title="" width="400" /></a></div><br />This is the tricky part - how you want the message formatted on your Facebook page. You can certainly experiment with this - but, you'll want to Create an Action that has the URL in the link field and the subject with your own text mixed with your blog post: <br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2hr9-uCM4DGFbb0OyjAjE_4_9q5Ib2lBqRevWxHXBjvZOdjaHZo6jvYud5UNL5PIC4QXTkGePElrL5ECElGqmMlAonIk4IMkMB8w-Ioem-t6573SL6UKr834_59pJLHJ7DxQ6kNo1BRs/s1600/blogger-facebook-18.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Action Fields for Facebook Wall" border="0" height="311" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2hr9-uCM4DGFbb0OyjAjE_4_9q5Ib2lBqRevWxHXBjvZOdjaHZo6jvYud5UNL5PIC4QXTkGePElrL5ECElGqmMlAonIk4IMkMB8w-Ioem-t6573SL6UKr834_59pJLHJ7DxQ6kNo1BRs/s400/blogger-facebook-18.jpg" title="" width="400" /></a></div><br />Just press 'Create Action' when done and you should have something like this:<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3Wvm-RsBmNpjrSTPNDOaIufRbWLblK-P7UreYvnqUPDDIQ13ShPJWXSFG3EXHvQvnE0PqdoTGF759tVd4mr9oYRKGmxLJ_t5wd4w-L2e5J0_V8Ri0AgTAFh67S0ewT5QcvPcWj1pDS9s/s1600/blogger-facebook-19a.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Final Blogger to Facebook Action" border="0" height="257" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3Wvm-RsBmNpjrSTPNDOaIufRbWLblK-P7UreYvnqUPDDIQ13ShPJWXSFG3EXHvQvnE0PqdoTGF759tVd4mr9oYRKGmxLJ_t5wd4w-L2e5J0_V8Ri0AgTAFh67S0ewT5QcvPcWj1pDS9s/s400/blogger-facebook-19a.jpg" title="" width="400" /></a></div>You can see I used the PostContent field - but, you certainly don't have to fill your wall with the full Blogger post.  Your connection is now ready!!<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi81cmuigrHRH0ow3POyeHUdmepJIdl3fZbTnX-vNBS0wXBfiOGafMT37xMvft6D_m9_LUOLHO7ptD62zNNf2aHrLVFoskRBzFs-XmRlwAObZadD3nKy2sQBv9coFhvVxt2Xvp5z-bdkaw/s1600/blogger-facebook-20.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="If Blogger then Facebook" border="0" height="173" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi81cmuigrHRH0ow3POyeHUdmepJIdl3fZbTnX-vNBS0wXBfiOGafMT37xMvft6D_m9_LUOLHO7ptD62zNNf2aHrLVFoskRBzFs-XmRlwAObZadD3nKy2sQBv9coFhvVxt2Xvp5z-bdkaw/s400/blogger-facebook-20.jpg" title="" width="400" /></a></div><br />Now that your link is active you can test it by posting to Blogger, then jumping over to IFTTT.com and clicking on the Recipe you just created and selecting the '<b>Check</b>' button on the right side of the screen like so:<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgizF4CjGmQE21A36fKAx9Om-bbUx3msASW1ADiJVQhBenGekoXXf60X7eeOZdJ2E_dkSY7I1J1W1Cs8IF5kKbQJPoAz8_aGTgs6WMo1NAYnfbMaPC32uAiISHlMAjkFMSe2FyODtUd64E/s1600/blogger-facebook-21.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgizF4CjGmQE21A36fKAx9Om-bbUx3msASW1ADiJVQhBenGekoXXf60X7eeOZdJ2E_dkSY7I1J1W1Cs8IF5kKbQJPoAz8_aGTgs6WMo1NAYnfbMaPC32uAiISHlMAjkFMSe2FyODtUd64E/s1600/blogger-facebook-21.jpg" /></a></div>This normally runs every 15 minutes - but, by clicking on Check your post will appear on Facebook in seconds.<br /><br />A Great tool in my mind!  Enjoy!!</div></div></div>

How to Post Blogger Automatically to Facebook

When I started this post I had the preconceived notion that automatically posting from Blogger to Facebook would not be an issue at all. For...

+ Read more »

How to Add LinkedIn Share Count Buttons to Blogger

<div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"> <br /> <img alt="image" class="gallery2image" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2fg5_quPVtU99IA5XI_gCwHLdRXA4iul5jvieCZs9Is84XQqqenkK6a-0LW_PUZU7Z4AeosXmFSceUENjNza6igzZjCBDvUsMwEHdqCh7sHH9kJlAe-wAE03vWOjcmwmxsXmLc17IfjA/?imgmax=800" /><br /><br /><br /><br /></div><b> </b>One of the top professional networking media sites is LinkedIn, and integrating its share button to your site <span id="more-14349"></span>could be helpful for your business. <a href="https://plus.google.com/107381172453188253394" target="_blank"><b>Mohammad Mustafa Ahmedzai</b></a> displays a tutorial on how you can add it to you Blogger.<br /><ol><li>Go to Blogger <b>Dashboard </b>> <b>Design</b> > <b>Edit HTML</b></li><li>Click ‘<b>Expand widget templates</b>’ box</li><li>Search this code</li></ol><pre><span style="color: #003366;"><data:post.body/></span></pre>4. Add any of the codes below above <span style="color: #003366;"><data:post.body/></span>. If you want the counter button at the bottom of the posts, simply add the codes below just below the code in step 3.<br />Vertical count:<br /><pre><span style="color: #003366;"><script src="http://platform.linkedin.com/in.js" <br /><br />type="text/javascript"></script></span></pre><pre><span style="color: #003366;"><script type="IN/Share" data-<br /><br />counter="top"></script></span></pre><br />Horizontal count:<br /><pre><span style="color: #003366;"><script src="http://platform.linkedin.com/in.js" <br /><br />type="text/javascript"></script></span></pre><pre><span style="color: #003366;"><script type="IN/Share" data-<br /><br />counter="right"></script></span></pre><pre></pre>No count:<br /><pre><span style="color: #003366;"><script src="http://platform.linkedin.com/in.js" <br /><br />type="text/javascript"></script></span></pre><pre><span style="color: #003366;"><script <br /><br />type="IN/Share"></script></span></pre><pre></pre>5. Save template.<br /><br /><b>Note: </b>Before doing any changes to your template, make sure to have a backup first.</div>

How to Add LinkedIn Share Count Buttons to Blogger

One of the top professional networking media sites is LinkedIn, and integrating its share button to your site could be helpful for y...

+ Read more »