MyBloggingTips: Blogger

Mashashare Style Social Sharing Buttons For Blogger

<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/AVvXsEio_t-xMXCpby6HB6vzoo-ALFuYNnolzvIGBTp21YFMAEvKWKoZMope7Y51QxknUXUg-0MrsJwD2cvbtll97GJzeR9foJuKgpUA0tZuQ72gNgBxh0RmXhQaABF99XTz8d4ZvkQ174NEFHs/s1600/social+sharing+widget.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="" border="0" height="311" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio_t-xMXCpby6HB6vzoo-ALFuYNnolzvIGBTp21YFMAEvKWKoZMope7Y51QxknUXUg-0MrsJwD2cvbtll97GJzeR9foJuKgpUA0tZuQ72gNgBxh0RmXhQaABF99XTz8d4ZvkQ174NEFHs/s1600/social+sharing+widget.PNG" title="Mashashare Style Social Sharing Buttons For Blogger " width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<span style="font-size: normal;"><span style="font-size: small;"><span style="font-family: Georgia,"Times New Roman",serif;">This is just another<a href="http://www.mybloggingtips.com/search/label/Widgets?&max-results=6" target="_blank"> social sharing widget for blogger</a>. Simple, elegant and fast loading widget which will enhanced overall look of your blog.</span></span></span><br />
<h3 style="background-color: teal; border: 3px solid silver;">
<span style="font-family: Georgia,"Times New Roman",serif;"><span style="color: #eeeeee;"> How To ?</span></span></h3>
<ul style="color: #343333;">
<li><span style="font-family: Georgia, Times New Roman, serif;">Go to <b>Blogger Dashboard > Template</b></span></li>
<li><span style="font-family: Georgia, Times New Roman, serif;">Click on <b>Edit Template.</b></span></li>
<li><span style="font-family: Georgia, Times New Roman, serif;">Search following code</span></li>
</ul>
<blockquote class="tr_bq">
<span style="font-family: Georgia, Times New Roman, serif;">post-header-line-1</span></blockquote>
<br />
<div>
<ul style="color: #343333;">
<li><span style="font-family: Georgia, Times New Roman, serif;">Paste following code below and save it. </span></li>
</ul>
<blockquote class="tr_bq">
<span style="background-color: #cccccc;"><span style="font-size: small;">&lt;link rel='stylesheet' id='stylesheet-css' href='http://www.mashshare.net/wp-content/themes/inovado/style.css?ver=1' type='text/css' media='all' /&gt; &lt;link rel='stylesheet' id='mashsharer_network_style-css' href='http://www.mashshare.net/wp-content/plugins/mashshare-networks/assets/mash-network.css?ver=3.9.1' type='text/css' media='all' /&gt; &lt;link rel='stylesheet' id='mashsharer_style-css' href='http://www.mashshare.net/wp-content/plugins/mashsharer/assets/mashsharer.css?ver=3.9.1' type='text/css' media='all' /&gt; &lt;script type='text/javascript' src='http://www.mashshare.net/wp-includes/js/jquery/jquery.js?ver=1.11.0'&gt;&lt;/script&gt; &lt;script type='text/javascript' src='http://www.mashshare.net/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.2.1'&gt;&lt;/script&gt; &lt;script type='text/javascript' src='http://www.mashshare.net/wp-content/plugins/contact-form-7/includes/js/jquery.form.min.js?ver=3.50.0-2014.02.05'&gt;&lt;/script&gt; &lt;script type='text/javascript' src='http://www.mashshare.net/wp-content/plugins/mashshare-networks/assets/mash-network.js?ver=1.1'&gt;&lt;/script&gt; &lt;div class=&quot;mashsharer-buttons&quot;&gt; <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='nofollow' target='_blank' title='Share This On Facebook'>Share on Facebook</a> <a class='twitter' expr:href='&quot;https://twitter.com/intent/tweet?url=&quot; + data:post.url + &quot;&amp;text=&quot; + data:post.title' rel='nofollow' target='_blank' title='Tweet This'>Tweet on Twitter</a> &lt;/div&gt; &lt;div class=&quot;onoffswitch&quot;&gt; &lt;input type=&quot;checkbox&quot; name=&quot;onoffswitch&quot; class=&quot;onoffswitch-checkbox&quot; id=&quot;myonoffswitch&quot; checked='true'&gt; &lt;label class=&quot;onoffswitch-label&quot; for=&quot;myonoffswitch&quot;&gt; &lt;div class=&quot;onoffswitch-inner&quot;&gt;&lt;/div&gt; &lt;!--&lt;div class=&quot;onoffswitch-switch&quot;&gt;&lt;/div&gt;--&gt; &lt;/label&gt; &lt;/div&gt; &lt;div class=&quot;mashshare-extra-buttons&quot;&gt;</span></span><br />
<span style="background-color: #cccccc;"><span style="font-size: small;">&lt;link rel='stylesheet' id='stylesheet-css' href='http://www.mashshare.net/wp-content/themes/inovado/style.css?ver=1' type='text/css' media='all' /&gt;</span></span><br />
<span style="background-color: #cccccc;"><span style="font-size: small;">&lt;link rel='stylesheet' id='mashsharer_network_style-css' href='http://www.mashshare.net/wp-content/plugins/mashshare-networks/assets/mash-network.css?ver=3.9.1' type='text/css' media='all' /&gt;</span></span><br />
<span style="background-color: #cccccc;"><span style="font-size: small;">&lt;link rel='stylesheet' id='mashsharer_style-css' href='http://www.mashshare.net/wp-content/plugins/mashsharer/assets/mashsharer.css?ver=3.9.1' type='text/css' media='all' /&gt;</span></span><br />
<span style="background-color: #cccccc;"><span style="font-size: small;">&lt;script type='text/javascript' src='http://www.mashshare.net/wp-includes/js/jquery/jquery.js?ver=1.11.0'&gt;&lt;/script&gt;</span></span><br />
<span style="background-color: #cccccc;"><span style="font-size: small;">&lt;script type='text/javascript' src='http://www.mashshare.net/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.2.1'&gt;&lt;/script&gt;</span></span><br />
<span style="background-color: #cccccc;"><span style="font-size: small;">&lt;script type='text/javascript' src='http://www.mashshare.net/wp-content/plugins/contact-form-7/includes/js/jquery.form.min.js?ver=3.50.0-2014.02.05'&gt;&lt;/script&gt;</span></span><br />
<span style="background-color: #cccccc;"><span style="font-size: small;">&lt;script type='text/javascript' src='http://www.mashshare.net/wp-content/plugins/mashshare-networks/assets/mash-network.js?ver=1.1'&gt;&lt;/script&gt;</span></span><br />
<span style="background-color: #cccccc;"><span style="font-size: small;">&lt;div class=&quot;mashsharer-buttons&quot;&gt;</span></span><br />
<span style="background-color: #cccccc;"><span style="font-size: small;"><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='nofollow' target='_blank' title='Share This On Facebook'>Share on Facebook</a></span></span><br />
<span style="background-color: #cccccc;"><span style="font-size: small;"><a class='twitter' expr:href='&quot;https://twitter.com/intent/tweet?url=&quot; + data:post.url + &quot;&amp;text=&quot; + data:post.title' rel='nofollow' target='_blank' title='Tweet This'>Tweet on Twitter</a></span></span><br />
<span style="background-color: #cccccc;"><span style="font-size: small;">&lt;/div&gt;</span></span><br />
<span style="background-color: #cccccc;"><span style="font-size: small;">&lt;div class=&quot;onoffswitch&quot;&gt;</span></span><br />
<span style="background-color: #cccccc;"><span style="font-size: small;">&lt;input type=&quot;checkbox&quot; name=&quot;onoffswitch&quot; class=&quot;onoffswitch-checkbox&quot; id=&quot;myonoffswitch&quot; checked='true'&gt;</span></span><br />
<span style="background-color: #cccccc;"><span style="font-size: small;">&lt;label class=&quot;onoffswitch-label&quot; for=&quot;myonoffswitch&quot;&gt;</span></span><br />
<span style="background-color: #cccccc;"><span style="font-size: small;">&lt;div class=&quot;onoffswitch-inner&quot;&gt;&lt;/div&gt;</span></span><br />
<span style="background-color: #cccccc;"><span style="font-size: small;">&lt;!--&lt;div class=&quot;onoffswitch-switch&quot;&gt;&lt;/div&gt;--&gt;</span></span><br />
<span style="background-color: #cccccc;"><span style="font-size: small;">&lt;/label&gt;</span></span><br />
<span style="background-color: #cccccc;"><span style="font-size: small;">&lt;/div&gt;</span></span><br />
<span style="background-color: #cccccc;"><span style="font-size: small;">&lt;div class=&quot;mashshare-extra-buttons&quot;&gt;</span></span><br />
<span style="background-color: #cccccc;"><span style="font-size: small;"><div style='padding-top:5px'></span></span><br />
<span style="background-color: #cccccc;"><span style="font-size: small;"><script src='//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-504abce20a0f7fba' type='text/javascript'/></span></span><br />
<span style="background-color: #cccccc;"><span style="font-size: small;"><div class='addthis_sharing_toolbox'/></span></span><br />
<span style="background-color: #cccccc;"><span style="font-size: small;"></div></span></span><br />
<span style="background-color: #cccccc;"><span style="font-size: small;">&lt;/div&gt;</span></span><br />
<span style="background-color: #cccccc;"><span style="font-size: small;">&lt;div style=&quot;clear:both;:&quot;&gt;&lt;/div&gt;&lt;div style=&quot;clear:both;:&quot;&gt;&lt;/div&gt;</span></span></blockquote>
<i>Credit:  Mashable and Mashshare. </i></div>
<h3 style="background-color: teal; border: 3px solid silver;">
<span style="font-family: Georgia,"Times New Roman",serif;"><span style="color: #eeeeee;"> Did You Like It ?</span></span></h3>
<span style="font-family: Georgia, "Times New Roman", serif;">If you like it and it worked for you then please share it with your friends and on social media networks.</span><br />
<br /></div>

Mashashare Style Social Sharing Buttons For Blogger

This is just another social sharing widget for blogger . Simple, elegant and fast loading widget which will enhanced overall look of y...

Responsive Metro Style Social Share Widget for Blogger

<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/AVvXsEgNZlhyphenhyphenmg1PeUYBcmwx1d_7f_PhWIlYCkz4_-SQDq1pbvfdxCGrj7YktDoMSwJGlzPbMBQOEEZkTKEMPE46D5YyOWLgveS10RqS_xardqsCpzSLpFB4VxMcA4MR05D8var4RA_Zkdkdu2s/s1600/Capture.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="44" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNZlhyphenhyphenmg1PeUYBcmwx1d_7f_PhWIlYCkz4_-SQDq1pbvfdxCGrj7YktDoMSwJGlzPbMBQOEEZkTKEMPE46D5YyOWLgveS10RqS_xardqsCpzSLpFB4VxMcA4MR05D8var4RA_Zkdkdu2s/s1600/Capture.PNG" width="640" /></a></div>
<br />
Social shares are really a great way to get more readers and page/post views. There are many <a href="http://www.mybloggingtips.com/2014/07/stylish-social-subscription-widgets-for.html" target="_blank">social subscription widgets</a> out there, but today I am going to share a responsive <a href="http://www.mybloggingtips.com/2014/06/ultimate-collection-of-metro-style.html" target="_blank">metro style social share widget</a> with you. It will increase not only your shares, views but will also look  great on your site.<br />
<br />
<div style="color: #343333; font-family: Verdana;">
<b>You may like it</b>:</div>
<ul>
<li><span style="color: blue; font-family: Verdana;"><b><a href="http://www.mybloggingtips.com/2014/06/ultimate-collection-of-metro-style.html" target="_blank">Ultimate Collection of Metro Style Widgets for Blogger</a></b></span></li>
<li><span style="color: blue; font-family: Verdana;"><b><a href="http://www.mybloggingtips.com/2014/06/pure-metro-style-menu-for-blogger.html" target="_blank">Metro Style Menu for Blogger</a></b></span></li>
</ul>
<h3 style="background-color: teal; border: 3px solid silver;">
<span style="color: #eeeeee;"> Show Me How</span></h3>
<ul style="color: #343333;">
<li><span style="font-family: Georgia, Times New Roman, serif;">Go to <b>Blogger Dashboard > Layout</b></span></li>
<li><span style="font-family: Georgia, Times New Roman, serif;">Click on <b>Add a Gadget</b></span></li>
<li><span style="font-family: Georgia, Times New Roman, serif;">Select <b>HTML/JavaScript</b></span></li>
<li><span style="font-family: Georgia, Times New Roman, serif;">Paste following code and save it.</span></li>
</ul>
<div style="border: 0px; font-family: 'Open Sans', sans-serif; outline: none medium; padding: 10px; vertical-align: baseline;">
<blockquote class="tr_bq">
<span style="background-color: #cccccc;"><style> </span><span style="background-color: #cccccc;">.Mbt-Social-metro {</span><span style="background-color: #cccccc;">    width: 960px;</span><span style="background-color: #cccccc;">    float: left;</span><span style="background-color: #cccccc;">    margin: 0;</span><span style="background-color: #cccccc;">    padding: 1em 0;</span><span style="background-color: #cccccc;">}</span><span style="background-color: #cccccc;">.Mbt-Social-metro ul {</span><span style="background-color: #cccccc;">    margin: 0;</span><span style="background-color: #cccccc;">    padding: 0;</span><span style="background-color: #cccccc;">}</span><span style="background-color: #cccccc;">.Mbt-Social-metro ul li {</span><span style="background-color: #cccccc;">    list-style: none;</span><span style="background-color: #cccccc;">    list-style-type: none;</span><span style="background-color: #cccccc;">    padding: 0;</span><span style="background-color: #cccccc;">    text-transform: none;</span><span style="background-color: #cccccc;">    margin: 0;</span><span style="background-color: #cccccc;">    float: left;</span><span style="background-color: #cccccc;">    display: inline-block;</span><span style="background-color: #cccccc;">    width: 20%;</span><span style="background-color: #cccccc;">}</span><span style="background-color: #cccccc;">.Mbt-Social-metro ul li a {</span><span style="background-color: #cccccc;">    font-size: 80%;</span><span style="background-color: #cccccc;">    color: #fff!important;</span><span style="background-color: #cccccc;">    display: block;</span><span style="background-color: #cccccc;">}</span><span style="background-color: #cccccc;">.Mbt-Social-metro ul li a:hover {</span><span style="background-color: #cccccc;">    color: #000!important;</span><span style="background-color: #cccccc;">    background-color: #999;</span><span style="background-color: #cccccc;">    text-decoration: none;</span><span style="background-color: #cccccc;">}</span><span style="background-color: #cccccc;">idc-scoail ul li a, ul li a:hover {</span><span style="background-color: #cccccc;">    -moz-transition: all 0.3s ease-in-out;</span><span style="background-color: #cccccc;">    transition: all 0.3s ease-in-out;</span><span style="background-color: #cccccc;">    -webkit-transition: all 0.3s ease-in-out;</span><span style="background-color: #cccccc;">}</span><span style="background-color: #cccccc;">.Mbt-Social-metro ul li .rss {</span><span style="background-color: #cccccc;">    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkWrNqc0VAmBtoD7_DEt33fEabik8PeC4lthvMMuPT0MhkULscbrPK9xlZm-1F49vJJCUp1Rjd6UN-q2qp5ME6nqRI9oNuZKmFHuPYZvlQsEucJvxN7Bqnv9GSW3ZIwr44FuR3yYBiEbok/s1600/RSS-1.png") no-repeat scroll 10px center #F87E12;</span><span style="background-color: #cccccc;">    background-size: 20px;</span><span style="background-color: #cccccc;">    padding: 10px 50px;</span><span style="background-color: #cccccc;">}</span><span style="background-color: #cccccc;">.Mbt-Social-metro ul li .twitter {</span><span style="background-color: #cccccc;">    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0135eBmPgPSwqGxjXQS_HeiKgUbEz3ho4qZaHJuvbJ16YsYo9kJlMcixoY2kbAtA-JZ9Crb1NyXfdotR16Hbt8Mnfr6p7nAke_p65qRspFYszZ-PkhVKPuB9DzLEQ0sGqzP3BWHjCFrjc/s1600/Twitter.png") no-repeat scroll 10px center #4CACEE;</span><span style="background-color: #cccccc;">    background-size: 20px;</span><span style="background-color: #cccccc;">    padding: 10px 50px;</span><span style="background-color: #cccccc;">}</span><span style="background-color: #cccccc;">.Mbt-Social-metro ul li .facebook {</span><span style="background-color: #cccccc;">    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiT92I90zSKo1Q0X-Lhyphenhyphenn06dfeCnbEA1EDW78gjvlEvjSipb6PMA4gN9JMzjBv4wp84yOtoSLzfcwaDfGGXDhIHKzwC5fmSsgzmmBUS5RW3Q7QXlFQ-ueIpeshKZHgz4Zwlc-HW0RTXv3M-/s1600/Facebook-1.png") no-repeat scroll 10px center #3B5998;</span><span style="background-color: #cccccc;">    background-size: 20px;</span><span style="background-color: #cccccc;">    padding: 10px 50px;</span><span style="background-color: #cccccc;">}</span><span style="background-color: #cccccc;">.Mbt-Social-metro ul li .google {</span><span style="background-color: #cccccc;">    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7OIt09gOB7sHT_JwE3R1FQs9tr54HJEBuu9L1ozc0bExiZj_8D1YZuYQHM9scR2vDdb6fuy5oycYtFrRv_BaRUglEJ2QMLvLxrnPD_UwuuDTcFki191UvSTeQ0t0J5StvYroEl7tQNxje/s1600/google.png") no-repeat scroll 10px center #D44937;</span><span style="background-color: #cccccc;">    background-size: 20px;</span><span style="background-color: #cccccc;">    padding: 10px 50px;</span><span style="background-color: #cccccc;">}</span><span style="background-color: #cccccc;">.Mbt-Social-metro ul li .linkedin {</span><span style="background-color: #cccccc;">    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl9lQ10b6Zuiiod8MOsqm34RjozKFVcfwS6dSj5Fcr27kcjcdsnnnUPfWxSfdY608UDKevtT9MU7dk0JipTv1sIyOnhUX2012RQ4s6BhlN4DcIAhAWj1LukSaXeRxM2zX3J8I5Hu1PEcl_/s1600/LinkedIn-1.png") no-repeat scroll 10px center #3692C3;</span><span style="background-color: #cccccc;">    background-size: 20px;</span><span style="background-color: #cccccc;">    padding: 10px 50px;</span><span style="background-color: #cccccc;">}</span><span style="background-color: #cccccc;">/* width of 768px */</span><span style="background-color: #cccccc;">@media only screen and (min-width: 768px) and (max-width: 959px) {</span><span style="background-color: #cccccc;">    .Mbt-Social-metro ul li {</span><span style="background-color: #cccccc;">        width: 50%;</span><span style="background-color: #cccccc;">    };</span><span style="background-color: #cccccc;">}</span><span style="background-color: #cccccc;">/* width of 480px */</span><span style="background-color: #cccccc;">@media only screen and (min-width: 480px) and (max-width: 767px) {</span><span style="background-color: #cccccc;">    .Mbt-Social-metro ul li {</span><span style="background-color: #cccccc;">        width: 50%;</span><span style="background-color: #cccccc;">    };</span><span style="background-color: #cccccc;">}</span><span style="background-color: #cccccc;">/* width of 320px */</span><span style="background-color: #cccccc;">@media only screen and (max-width: 480px) {</span><span style="background-color: #cccccc;">    .Mbt-Social-metro ul li {</span><span style="background-color: #cccccc;">        width: 100%;</span><span style="background-color: #cccccc;">    };</span><span style="background-color: #cccccc;">}</span><span style="background-color: #cccccc;"></style></span><span style="background-color: #cccccc;"><div class='Mbt-Social-metro'></span><span style="background-color: #cccccc;"><ul></span><span style="background-color: #cccccc;"><li><a class='rss' href='http://feeds.feedburner.com/<b><span style="color: blue;">mybloggingtips1</span></b>'>Subscribe our Feed</a></li></span><span style="background-color: #cccccc;"><li><a class='twitter' href='https://twitter.com/<span style="color: blue;"><b>mybloggingtips</b></span>'>Follow me on Twitter</a></li></span><span style="background-color: #cccccc;"><li><a class='facebook' href='https://www.facebook.com/<span style="color: blue;"><b>blogsmasala</b></span>'>Find me on Facebook</a></li></span><span style="background-color: #cccccc;"><li><a class='google' href='https://plus.google.com/<b><span style="color: blue;">ID here</span></b>'>Join me on Google+</a></li></span><span style="background-color: #cccccc;"><li><a class='linkedin' href='http://in.linkedin.com/in/<span style="color: blue;"><b>mybloggingtips</b></span>'>Connect with LinkedIn</a></li></span><span style="background-color: #cccccc;"></ul></span><span style="background-color: #cccccc;"></div></span></blockquote>
</div>
<b>You might want to check out: <a href="http://www.mybloggingtips.com/2014/06/best-facebook-like-widgets-for-your-blog.html" target="_blank">Collection of Facebook Like Widgets for Blogger</a> </b><br />
<h3 style="background-color: teal; border: 3px solid silver;">
<span style="color: #eeeeee;"> Customization</span></h3>
Just change the <b><span style="color: blue;">Blue</span></b> color text with your feed Id and other social sites names and you are done!. Please Like and Share it.<br />
<br /></div>

Responsive Metro Style Social Share Widget for Blogger

Social shares are really a great way to get more readers and page/post views. There are many social subscription widgets out there, but...

Simple Style Email Subscription Box for Blogger - WordPress Design

<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/AVvXsEigDI5EX5EgjBanScTVmuiAIQnPdg3EKAPUOVetNTMTvDNH4PLmDgZ0WPZbKFYH2-GkR2RKpsiKDL_bC1-3knCMJYWgqzemMVmM5NZ0h3EPNdsFDTSbEyzeWR9Ik9DPdbv-h765SxxFW0k/s1600/2014-07-21_9-00-21.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigDI5EX5EgjBanScTVmuiAIQnPdg3EKAPUOVetNTMTvDNH4PLmDgZ0WPZbKFYH2-GkR2RKpsiKDL_bC1-3knCMJYWgqzemMVmM5NZ0h3EPNdsFDTSbEyzeWR9Ik9DPdbv-h765SxxFW0k/s1600/2014-07-21_9-00-21.png" width="311" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: left;">
<span style="font-family: Verdana, sans-serif;">Email subscription is a very popular way to subscribe any blog/website and get updates directly in the mailbox, that's why you may always notice that number of feeds subscribers is always more that any other <a href="http://www.mybloggingtips.com/2014/07/social-media-blogging-and-how-to-get.html" target="_blank">social network subscribers</a>. This is an awesome email <a href="http://www.mybloggingtips.com/search/label/Widgets?&max-results=6" target="_blank">subscription widget</a> which can be used to <a href="http://www.mybloggingtips.com/2014/06/add-easily-floating-social-media.html" target="_blank">increase your feedburner subscribers</a> and also makes your blog look professional and smart looking.</span></div>
<span style="font-family: Georgia, Times New Roman, serif;"><br />
</span> <br />
<div>
<div style="color: #343333; font-family: Verdana;">
<b>You may like it</b>:</div>
<ul>
<li><span style="color: blue; font-family: Verdana;"><b><a href="http://www.mybloggingtips.com/2014/07/email-subscription-widget-for-blogger.html" target="_blank">Email Subscription Box with Social Share Buttons</a></b></span></li>
<li><span style="color: #343333; font-family: Verdana;"><a href="http://www.mybloggingtips.com/2014/07/add-subscription-box-with-social-icons.html" target="_blank"><b>Awesome Subscription Widget for Blogger with Share Option</b></a></span></li>
</ul>
</div>
<h3 style="background-color: teal; border: 3px solid silver;">
<span style="color: #eeeeee;"> Show Me How</span></h3>
<ul style="color: #343333;">
<li><span style="font-family: Georgia, Times New Roman, serif;">Go to <b>Blogger Dashboard > Layout</b></span></li>
<li><span style="font-family: Georgia, Times New Roman, serif;">Click on <b>Add a Gadget</b></span></li>
<li><span style="font-family: Georgia, Times New Roman, serif;">Select <b>HTML/JavaScript</b></span></li>
<li><span style="font-family: Georgia, Times New Roman, serif;">Paste following code and save it.</span></li>
</ul>
<blockquote class="tr_bq">
<center><br />
<div align="center" id="truebloggertricks-Subscribe-wrapper"><br />
<div id="ig-subscription-optin" style="border: 3px solid #000000; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55AAEE', endColorstr='#003366',GradientType=0 ); width: 240px;"><br />
<h3 id="truebloggertricks-title-text" style="color: white; font-size: 20px;"><br />
GET FREE EMAIL UPDATES</h3><br />
<div id="truebloggertricks-sub-title-txt" style="color: white; font-size: 14px;"><br />
Subscribe and get valuable content delivered right through your inbox.</div><br />
<br /><br />
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=<span style="color: blue;"><b>mybloggingtips/nJeF</b></span>', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"><br />
<input class="name" id="truebloggertricks_Subscriber_name" name="name" onblur="if(this.value=='')this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value='';" type="text" value="Enter First Name" /><br /><br />
<input class="email" id="truebloggertricks_Subscriber_email" name="from" onblur="if(this.value=='')this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value='';" style="width: 130px;" type="text" value="Enter Email Address" /><br /><br />
<div class="separator" style="clear: both; text-align: center;"><br />
</div><br />
<input name="uri" type="hidden" value="<b><span style="color: blue;">mybloggingtips/nJeF</span></b>" /><input name="loc" type="hidden" value="en_US" /> <input id="truebloggertricks_Submit_Text" style="height: auto; padding: 5px 0;" type="submit" value="Hook Me Up!" /></form><br />
</div><br />
</div><br />
</center><br />
<style>#ig-subscription-optin {margin: 0px;padding: 10px;background: #2A6DA9;<br />
background: -moz-linear-gradient(top, #5AE, #036);background: -webkit-gradient(linear, left top, left bottom, from(#5AE), to(#036));height: auto!important;color: white !important;padding: 20px 15px !important;<br />
text-align: center !important;font-family: Georgia, Times, "Times New Roman", serif !important;margin: 10px;margin: 0px;padding: 10px;<br />
margin: 8px 0 0 !important;line-height: 22px;font-family: Georgia, Times, "Times New Roman", serif;padding: 5px;border: none;}#ig-subscription-optin p {margin: 8px 0 0 !important;line-height: 22px;font-family: Georgia, Times, "Times New Roman", serif;<br />
padding: 5px;border: none;}#ig-subscription-optin input.name {<br />
background: white url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguLyqdjicf0TkheRuRm4xPlAVhESI4jt8g-d7FIsP-sLG6ueJsALo-mtMgR14DaQdBGwVKBp4uuYePBcLwSTioZMiE5SJg_aOGds0ChkhD3UdqTCJ6shaPdXCQhmRqdNAJVlz-coroW75y/s1600/subscribe-name.png) no-repeat center right;}<br />
#ig-subscription-optin input[type="text"] {border: 1px solid #111 !important;<br />
font-size: 15px !important;margin-bottom: 10px !important;padding: 8px 28px 8px 10px !important;width: 80% !important;height: auto !important;}<br />
#ig-subscription-optin input.email {background: white url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1bgyYayNQQtJUUWeA53ZsnxZHPfJCK0p5U_N_RZNgN813bAlHKFagkfqIvaIe6HR7jn4I4-KDkroUKKXqpEkDh5kVu7g46FPjHcGKQ0ZMzCNIKsQmKbI1AzztMaFj93LZaX53EuWRKH4v/s1600/subscribe-email.png) no-repeat center right;}#ig-subscription-optin input {<br />
font-family: Georgia, Times, "Times New Roman", serif;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;box-shadow: 0 2px 2px #111;-moz-box-shadow: 0 2px 2px #111;-webkit-box-shadow: 0 2px 2px #111;margin: 0px;padding: 0px;}#ig-subscription-optin h3 {margin-top: 10px !important;margin-bottom: 8px !important;margin-left: 10px !important;margin-right: 10px !important;<br />
font-weight: bold !important;line-height: 26px !important;letter-spacing: normal;<br />
text-transform: none;text-decoration: none;<br />
text-align: center !important;font-family: Georgia, Times, "Times New Roman", serif;<br />
border: none;padding: 0px !important;float: none;}input:hover[type="submit"] {<br />
background-color: #0094D2;border: 1px solid #0094D2;color: white;text-decoration: none;}input[type="submit"] {background-color: #00A7ED;border: 1px solid #0094D2;<br />
color: white;cursor: pointer;font-family: 'Droid Sans', sans-serif !important;font-size: 13px;font-weight: normal;padding: 5px;text-decoration: none;}input {<br />
color: #333;font-family: 'Droid Sans', sans-serif;}#ig-subscription-optin input[type="submit"] {background: #960E17 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1kF_eu1wT8IG7pBfZ3YkRLv0GQ99-3Z0b4Xu1cjpaDv7vPSQ2POqTAkQEB9Sx4griM6Pa5VweUN2vie-joMRNvN9XSFTEP_-wmOW7fk6tPGxHR3e_RoDqIECtVGttUBXtazS7Ou_1rj11/s1600/subscribe-red.png) repeat-x top;border: 1px solid #111 !important;color: white;cursor: pointer !important;font-size: 18px !important;font-weight: bold !important;<br />
padding: 6px 0 !important;text-shadow: -1px -1px #3A060A !important;width: 90% !important;height: auto !important;line-height: 24px !important;}<br />
#ig-subscription-optin input[type="submit"]:hover {color: #FFA5A5;}</style></blockquote>
<b>You might want to check out: <a href="http://www.mybloggingtips.com/2014/06/best-facebook-like-widgets-for-your-blog.html" target="_blank">Collection of Facebook Like Widgets for Blogger</a> </b><br />
<h3 style="background-color: teal; border: 3px solid silver;">
<span style="color: #eeeeee;"> Customization</span></h3>
Just change the <b><span style="color: blue;">Blue</span></b> color text with your feed Id and you are done!. Please Like and Share it.<br />
<br /></div>

Simple Style Email Subscription Box for Blogger - WordPress Design

Email subscription is a very popular way to subscribe any blog/website and get updates directly in the mailbox, that's why you may...

11 Elements For An Excellent Post - Infrographic

<div dir="ltr" style="text-align: left;" trbidi="on">
<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;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFUOsbUOKIso4T3rz-zIvW_8St4OnxPLg5tMm5f4bftLadNRGoC7dhRHrWijilFZLrThyphenhyphenN6g61wy6rafUKhSNI2lSZs0-819LNufF-rtW6UwCo42WFWMiTPmzWMDFzAxhWhQGB63Yr86M/s1600/Capture.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="546" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFUOsbUOKIso4T3rz-zIvW_8St4OnxPLg5tMm5f4bftLadNRGoC7dhRHrWijilFZLrThyphenhyphenN6g61wy6rafUKhSNI2lSZs0-819LNufF-rtW6UwCo42WFWMiTPmzWMDFzAxhWhQGB63Yr86M/s1600/Capture.PNG" width="640" /></a></div>
<div style="text-align: center;">
<br /></div>
Sometimes it happens that instead of doing every thing but still not getting your posts viral. There can be several reasons but some must have elements are give below which would help you to create a excellent and powerful post. Use following ingredients by copyblogger, while writing your post and you will get more views and build audience.<br />
<br />
<br />
<a href="http://www.copyblogger.com/ingredients/"><img alt="11 Essential Ingredients Every Blog Post Needs [Infographic]" src="http://netdna.copyblogger.com/images/650/essential-blog-post-ingredients-infographic.jpg" title="11 Essential Ingredients Every Blog Post Needs [Infographic]" width="650" /></a></div>
<br />
If you like this infographic then please share it on your social media sites.<br />
<br /></div>

11 Elements For An Excellent Post - Infrographic

Sometimes it happens that instead of doing every thing but still not getting your posts viral. There can be several reasons but so...

Decent Email Subscription Widgets For Blogger

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="tr_bq" dir="ltr" trbidi="on">
<div dir="ltr" trbidi="on">
<div dir="ltr" trbidi="on">
<div style="color: #343333; font-family: Verdana; font-size: 12px;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_WYjSkGWmaY53c7j-zLI3vlzxC7fvg_i8D73cszVgYn18BZ9080OsWY0X_ASpFPd4SufECehGZZJv_UQVhUJo4PblyJ_dkGh1qt-Bt9XX0VMvm9YPVh4lcgEEpDRnbWJwn6TTJAVziS0/s1600/helperblogger.com-blue.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="248" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_WYjSkGWmaY53c7j-zLI3vlzxC7fvg_i8D73cszVgYn18BZ9080OsWY0X_ASpFPd4SufECehGZZJv_UQVhUJo4PblyJ_dkGh1qt-Bt9XX0VMvm9YPVh4lcgEEpDRnbWJwn6TTJAVziS0/s1600/helperblogger.com-blue.png" width="640" /></a></div>
<div style="text-align: center;">
<br /></div>
</div>
<div>
<div style="color: #343333; font-family: Verdana;">
Eye catching and fast loading email subscription widgets are compulsory part of for blogger. It not only gives an option to your readers to subscribe and get all updates free but also gives a professional look. Below are two simple and decent looking email subscription boxes for blogger. </div>
<div style="color: #343333; font-family: Verdana;">
<br /></div>
<div style="color: #343333; font-family: Verdana;">
<b>You may like it</b>:</div>
<ul style="text-align: left;">
<li><span style="color: blue; font-family: Verdana;"><b><a href="http://www.mybloggingtips.com/2014/07/email-subscription-widget-for-blogger.html" target="_blank">Email Subscription Box with Social Share Buttons</a></b></span></li>
<li><span style="color: #343333; font-family: Verdana;"><a href="http://www.mybloggingtips.com/2014/07/add-subscription-box-with-social-icons.html" target="_blank"><b>Awesome Subscription Widget for Blogger with Share Option</b></a></span></li>
</ul>
</div>
<h3 style="background-color: teal; border: 3px solid silver; text-align: left;">
<span style="background-color: teal;"><span style="color: #eeeeee;"> Show Me How</span></span></h3>
<ul style="color: #343333; text-align: left;">
<li><span style="font-family: Georgia, Times New Roman, serif;">Go to <b>Blogger Dashboard > Layout</b></span></li>
<li><span style="font-family: Georgia, Times New Roman, serif;">Click on <b>Add a Gadget</b></span></li>
<li><span style="font-family: Georgia, Times New Roman, serif;">Select <b>HTML/JavaScript</b></span></li>
<li><span style="font-family: Georgia, Times New Roman, serif;">Paste any of the following code and save it.</span></li>
</ul>
<h3 style="background-color: teal; border: 3px solid silver; text-align: left;">
<span style="background-color: teal;"><span style="color: #eeeeee;"> Style - 1</span></span></h3>
<div class="separator" style="clear: both; color: #343333; font-family: Verdana; font-size: 12px; text-align: left;">
<br /></div>
</div>
</div>
<div class="separator" style="clear: both; color: #343333; font-family: Verdana; font-size: 12px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_WYjSkGWmaY53c7j-zLI3vlzxC7fvg_i8D73cszVgYn18BZ9080OsWY0X_ASpFPd4SufECehGZZJv_UQVhUJo4PblyJ_dkGh1qt-Bt9XX0VMvm9YPVh4lcgEEpDRnbWJwn6TTJAVziS0/s1600/helperblogger.com-blue.png" imageanchor="1" style="color: #017db0; margin-left: 1em; margin-right: 1em; outline: 0px;"><img border="0" height="155" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_WYjSkGWmaY53c7j-zLI3vlzxC7fvg_i8D73cszVgYn18BZ9080OsWY0X_ASpFPd4SufECehGZZJv_UQVhUJo4PblyJ_dkGh1qt-Bt9XX0VMvm9YPVh4lcgEEpDRnbWJwn6TTJAVziS0/s1600/helperblogger.com-blue.png" style="border-width: 0px;" width="400" /></a></div>
<div style="color: #343333; font-family: Verdana;">
<br /></div>
<blockquote class="tr_bq" style="font-family: Verdana; font-size: 12px;">
<span style="color: #343333;"><style type="text/css"></span><span style="color: #343333;">#helperblogger-emailbox {</span><span style="color: #343333;">    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_WYjSkGWmaY53c7j-zLI3vlzxC7fvg_i8D73cszVgYn18BZ9080OsWY0X_ASpFPd4SufECehGZZJv_UQVhUJo4PblyJ_dkGh1qt-Bt9XX0VMvm9YPVh4lcgEEpDRnbWJwn6TTJAVziS0/s1600/helperblogger.com-blue.png)no-repeat scroll center center transparent;</span><span style="color: #343333;">    height: 143px;</span><span style="color: #343333;">    width: 368px;</span><span style="color: #343333;">}</span><span style="color: #343333;"> </span><span style="color: #343333;">form#helperblogger-emailform {</span><span style="color: #343333;">    display: block;</span><span style="color: #343333;">    margin: 0;</span><span style="color: #343333;">    padding-left: 42px;</span><span style="color: #343333;">    padding-top: 67px;</span><span style="color: #343333;">}</span><span style="color: #343333;"> </span><span style="color: #343333;">form#helperblogger-emailform #s {</span><span style="color: #343333;">    background: transparent;</span><span style="color: #343333;">    border: none;</span><span style="color: #343333;">    color: #444242;</span><span style="color: #343333;">    font-family: georgia;</span><span style="color: #343333;">    font-size: 15px;</span><span style="color: #343333;">    font-style: italic;</span><span style="color: #343333;">    height: 30px;</span><span style="color: #343333;">    margin-top: -2px;</span><span style="color: #343333;">    padding-left: 2px;</span><span style="color: #343333;">    vertical-align: top;</span><span style="color: #343333;">    width: 227px;</span><span style="color: #343333;">}</span><span style="color: #343333;"> </span><span style="color: #343333;">form#helperblogger-emailform #sbutton {</span><span style="color: #343333;">    background: transparent;</span><span style="color: #343333;">    border: none;</span><span style="color: #343333;">    cursor: pointer;</span><span style="color: #343333;">    height: 30px;</span><span style="color: #343333;">    padding-right: 45px;</span><span style="color: #343333;">}</style><br />
</span><span style="color: #343333;"> </span><span style="color: #343333;"><div id="helperblogger-emailbox"></span><span style="color: #343333;">    <form id="helperblogger-emailform" action="http://feedburner.google.com/fb/a/mailverify"</span><span style="color: #343333;">    method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=</span><span style="color: blue;"><b>mybloggingtip</b></span><span style="color: #343333;">', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">         <input type="hidden" value="</span><span style="color: #343333;">        <input type="hidden" value="</span><b><span style="color: blue;">mybloggingtips</span></b><span style="color: #343333;">" name="uri" />         <input type="text" id="s" name="email" value="Enter Your E-Mail Here"         onfocus='if (this.value == "Enter Your E-Mail Here") {this.value = ""}'         onblur='if (this.value == "") {this.value = "Enter Your E-Mail Here";}'         />         <input type="hidden" name="loc" value="en_US" />         <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton"         />     </form> </div></span><span style="color: #343333;">        <input type="text" id="s" name="email" value="Enter Your E-Mail Here"</span><span style="color: #343333;">        onfocus='if (this.value == "Enter Your E-Mail Here") {this.value = ""}'</span><span style="color: #343333;">        onblur='if (this.value == "") {this.value = "Enter Your E-Mail Here";}'</span><span style="color: #343333;">        /></span><span style="color: #343333;">        <input type="hidden" name="loc" value="en_US" /></span><span style="color: #343333;">        <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton"</span><span style="color: #343333;">        /></span><span style="color: #343333;">    </form></span><span style="color: #343333;"></div></span></blockquote>
</div>
<h3 style="background-color: teal; border: 3px solid silver; text-align: left;">
<span style="color: #eeeeee;"> Style - 2</span></h3>
<br />
<div class="separator" style="clear: both; color: #343333; font-family: Verdana; font-size: 12px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhh6JXHRp0pGfsyzRK0NwXOBQhCFEmcxtdo1E3qowMxeaeJh-xISEkUa-usoCXwmTkGBcuu0LxeL6u5YWOuXq093jRJ4oO1nPcoNKZ7oSWPTNZm6aMZmsZj-OYbk0OWZBoqSku5yRTkHUg/s1600/helperblogger.com-silver.png" imageanchor="1" style="color: #017db0; margin-left: 1em; margin-right: 1em; outline: 0px;"><img border="0" height="155" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhh6JXHRp0pGfsyzRK0NwXOBQhCFEmcxtdo1E3qowMxeaeJh-xISEkUa-usoCXwmTkGBcuu0LxeL6u5YWOuXq093jRJ4oO1nPcoNKZ7oSWPTNZm6aMZmsZj-OYbk0OWZBoqSku5yRTkHUg/s400/helperblogger.com-silver.png" style="border-width: 0px;" width="400" /></a></div>
<br style="color: #343333; font-family: Verdana; font-size: 12px;" />
<blockquote style="color: #343333;">
<style type="text/css"><br />
#helperblogger-emailbox {<br />
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhh6JXHRp0pGfsyzRK0NwXOBQhCFEmcxtdo1E3qowMxeaeJh-xISEkUa-usoCXwmTkGBcuu0LxeL6u5YWOuXq093jRJ4oO1nPcoNKZ7oSWPTNZm6aMZmsZj-OYbk0OWZBoqSku5yRTkHUg/s1600/helperblogger.com-silver.png)no-repeat scroll center center transparent;<br />
height: 143px;<br />
width: 368px;<br />
}<br />
form#helperblogger-emailform {<br />
display: block;<br />
margin: 0;<br />
padding-left: 42px;<br />
padding-top: 67px;<br />
}<br />
form#helperblogger-emailform #s {<br />
background: transparent;<br />
border: none;<br />
color: #444242;<br />
font-family: georgia;<br />
font-size: 15px;<br />
font-style: italic;<br />
height: 30px;<br />
margin-top: -2px;<br />
padding-left: 2px;<br />
vertical-align: top;<br />
width: 227px;<br />
}<br />
form#helperblogger-emailform #sbutton {<br />
background: transparent;<br />
border: none;<br />
cursor: pointer;<br />
height: 30px;<br />
padding-right: 45px;<br />
}</style><br />
<div id="helperblogger-emailbox"><br />
<form id="helperblogger-emailform" action="http://feedburner.google.com/fb/a/mailverify"<br />
method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=<b style="color: black;"><span style="color: blue;">mybloggingtips</span></b>', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><br />
<input type="hidden" value="<b style="color: black;"><span style="color: blue;">mybloggingtips</span></b>" name="uri" /><br />
<input type="text" id="s" name="email" value="Enter Your E-Mail Here"<br />
onfocus='if (this.value == "Enter Your E-Mail Here") {this.value = ""}'<br />
onblur='if (this.value == "") {this.value = "Enter Your E-Mail Here";}'<br />
/><br />
<input type="hidden" name="loc" value="en_US" /><br />
<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton"<br />
/><br />
</form><br />
</div></blockquote>
<h3 style="background-color: teal; border: 3px solid silver; text-align: left;">
<span style="color: #eeeeee;"> Customization</span></h3>
Just change the <b><span style="color: blue;">Blue</span></b> color text with your feed Id and you are done!. Please Like and Share it.<br />
<br /></div>

Decent Email Subscription Widgets For Blogger

Eye catching and fast loading email subscription widgets are compulsory part of for blogger. It not only gives an option to your...

How To Create A Blog at Blogger - Detailed Guide With Pictures

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-YuxyAw01HknZavMyCzgEU_QoNzKrFezGf0GMPet8zc4_Y9IW-wWZyJnMNHd3VF0V4S9vaq1Em6GFPa2WjIeRg_68FTYLgejZ_rw_LqqT-41yX4IBg72jA2YbzQPWqF7cHZLqrLelTF0/s1600/Picture1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="312" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-YuxyAw01HknZavMyCzgEU_QoNzKrFezGf0GMPet8zc4_Y9IW-wWZyJnMNHd3VF0V4S9vaq1Em6GFPa2WjIeRg_68FTYLgejZ_rw_LqqT-41yX4IBg72jA2YbzQPWqF7cHZLqrLelTF0/s1600/Picture1.png" width="640" /></a></div>
<br /></div>
Blogspot is the blogging platform owned by Google. Google offers to create free blog using <a href="http://blogger.com/">blogger.com</a>. There are other famous platforms as well like WordPress but everyone has its own pros and cons. For all those who are new to blogging and want to take a start then blogspot is a good option. Blogspot layout is simple and easy to use. Below are the complete steps on how to create and configure blog. Follow these easy steps and you will be able to start a blog.<br />
<h3 style="background-color: teal; border: 3px solid silver; text-align: left;">
<span style="color: #eeeeee;"> How To ?</span></h3>
If you don't have a gmail account, then create one. For creating a blog, you will need this account.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrubaC_ch4Jq0KgmPgRmFE4CZequ-Os9pk2nRSnHJgaw2n6fhlIBiUmJdOcA5NJORdNN8YeDeghEyOSVwbuBjPV8JsdCleHDcsEzYGCzvPzsSj5Md9Lv4GmqMbbV4DH8UNSguSioCpmKM/s1600/2014-07-21_15-03-44.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrubaC_ch4Jq0KgmPgRmFE4CZequ-Os9pk2nRSnHJgaw2n6fhlIBiUmJdOcA5NJORdNN8YeDeghEyOSVwbuBjPV8JsdCleHDcsEzYGCzvPzsSj5Md9Lv4GmqMbbV4DH8UNSguSioCpmKM/s1600/2014-07-21_15-03-44.png" width="530" /></a></div>
<br />
<ul>
<li>Create a gmail account <a href="http://mail.google.com/" target="_blank">here</a>. </li>
<li>Login to <a href="http://blogger.com/">blogger.com</a>.</li>
<li>Click on New blog button.</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyyoGzCI1-Tq0pFETddVmfmgeu1iQd8zS62DSmi7ksBQga1fy857beZv9o9LezRFWhRc7gIvIYk_iDd1fGZywONv6yZTc_NRO-aWBEYMPPu0IDd6pazYW6asjrHi7qeAnUqrtt2x7lGQI/s1600/2014-07-21_15-20-57.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="258" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyyoGzCI1-Tq0pFETddVmfmgeu1iQd8zS62DSmi7ksBQga1fy857beZv9o9LezRFWhRc7gIvIYk_iDd1fGZywONv6yZTc_NRO-aWBEYMPPu0IDd6pazYW6asjrHi7qeAnUqrtt2x7lGQI/s1600/2014-07-21_15-20-57.png" width="640" /></a></div>
<div style="text-align: center;">
<br /></div>
<ul>
<li>A popup window will appear. Now enter blog title and address.</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtgD05HvuC6PnPEvoi0NjdT19m1KUK6lsk1sX07gIGD6B0ZMvh8MBSJ1EZT660QsFGNR7-B-_d2J2Iurmi9sVGyfZEOobkmLCU2TgTKvwYXDBBOBMQ2t3VsoKwkRpM7VkDxfCmz5fA-fA/s1600/2014-07-21_15-24-22.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="550" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtgD05HvuC6PnPEvoi0NjdT19m1KUK6lsk1sX07gIGD6B0ZMvh8MBSJ1EZT660QsFGNR7-B-_d2J2Iurmi9sVGyfZEOobkmLCU2TgTKvwYXDBBOBMQ2t3VsoKwkRpM7VkDxfCmz5fA-fA/s1600/2014-07-21_15-24-22.png" width="640" /></a></div>
<div style="text-align: center;">
<br /></div>
<ul>
<li>Select a template for you new created blog. You can change and customize template later. Check below "Recommended" section of this tutorial to get best premium templates.</li>
<li>After that you will see that your blog has been created. </li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9DNDkon35Diknbkci1ZBP-_JIJZ4WdZfMUrdPf6DBwIWWf4DWrYucgTzqSaCaeATSlcpYb3Gdfmt_UXc6TrYX-NeL6NX8yt_pXXdRnYPcgBtc4tN6KbjEZHLBqSWuIFrmBuhdnPrkR3I/s1600/2014-07-21_15-27-36.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="80" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9DNDkon35Diknbkci1ZBP-_JIJZ4WdZfMUrdPf6DBwIWWf4DWrYucgTzqSaCaeATSlcpYb3Gdfmt_UXc6TrYX-NeL6NX8yt_pXXdRnYPcgBtc4tN6KbjEZHLBqSWuIFrmBuhdnPrkR3I/s1600/2014-07-21_15-27-36.png" width="640" /></a></div>
<div>
<br /></div>
<ul>
<li>In front of blog, you will see three different buttons.</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGWvxrtczfWTXMfJIKxduNohKuANgRgK41UMTbz3bnFrf3185XPzuqfFJq8xUf-0d_ExQv3C5530FZKLpLywcZ5wNnx2EElk7akYsq7xl9QmeWmjmO4xqCQCoQsMUWyPaYU8euWDGIR9c/s1600/2014-07-21_15-30-14.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="196" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGWvxrtczfWTXMfJIKxduNohKuANgRgK41UMTbz3bnFrf3185XPzuqfFJq8xUf-0d_ExQv3C5530FZKLpLywcZ5wNnx2EElk7akYsq7xl9QmeWmjmO4xqCQCoQsMUWyPaYU8euWDGIR9c/s1600/2014-07-21_15-30-14.png" width="400" /></a></div>
<div>
<br /></div>
<ul>
<li>Click you blog name and now you will see something like below picture.</li>
<li>On left side, you will see a vertical toolbar which consist all customizing option, checking blogs stats and blogs setting. We will explore these Below.</li>
</ul>
<div>
<h3 style="background-color: teal; border: 3px solid silver; text-align: left;">
<span style="color: #eeeeee;"> Creating New Post</span></h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3zpPmRwqqnz1UYIgw_rS0xvvQT5ANlgricRJR3uK0rjlyX0LWRbL6_N5CbucCUCS6m2pv63AM9I93CWTLnlZlqJpmySotZdxXivrIw5qTlobuco8ZAQU4CEGKbmsEMZ_vGu3nFnND8_w/s1600/2014-07-21_15-38-31.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="254" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3zpPmRwqqnz1UYIgw_rS0xvvQT5ANlgricRJR3uK0rjlyX0LWRbL6_N5CbucCUCS6m2pv63AM9I93CWTLnlZlqJpmySotZdxXivrIw5qTlobuco8ZAQU4CEGKbmsEMZ_vGu3nFnND8_w/s1600/2014-07-21_15-38-31.png" width="640" /></a></div>
<div style="text-align: center;">
<br /></div>
Click on the New Post button and then you will see an editor where you write your post. In editor you can insert photos, video, block-quotes. Editor offers you two writing mode: compose and Html. In compose you just write like a text pad or Ms Word document and in Html you can use your html programming skill to make your post colorful in various ways.<br />
<br />
<b>You might like to learn</b>: <span style="color: blue;"><b><a href="http://www.mybloggingtips.com/2014/06/how-to-customize-blockquote-style-in.html" target="_blank">Customize Block-quotes in Blogger</a></b></span><br />
<br />
On the right side, you will have Post Settings. These includes:<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKAPDxaBFXbLTFJj0ZlximO_FD5Cb1n2VjFq9Bv5jSHqf_VGpvxnsiacMC5o0FBHiXaiuP6z3np-JMLeKhUSCoDilqcyNOCGJrvGoBTTbZQhUdIVQRSTJlMyFMFp3rUJIIG54KlsMYThU/s1600/2014-07-21_15-39-13.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKAPDxaBFXbLTFJj0ZlximO_FD5Cb1n2VjFq9Bv5jSHqf_VGpvxnsiacMC5o0FBHiXaiuP6z3np-JMLeKhUSCoDilqcyNOCGJrvGoBTTbZQhUdIVQRSTJlMyFMFp3rUJIIG54KlsMYThU/s1600/2014-07-21_15-39-13.png" /></a></div>
<div style="text-align: center;">
<br /></div>
<ul style="text-align: left;">
<li>Labels - (optional) Name of category under which you want to publish your post</li>
<li>Schedule - To publish you post on a specific time</li>
<li>Links - This is the link of you post. Link is created by default as per post title but you can specify custom link as well.</li>
<li>Location - To show location from where post was published</li>
<li>Search Description - These are the short phrase about your post contents</li>
<li>Options - Contains settings of comment, backlinks etc</li>
</ul>
<div>
Mostly we use only Labels and Search Description settings and rest are good at their default settings.</div>
<div>
<br /></div>
In similar way, you can create a page as well. Under posts and pages you can see all you posts and pages which are published or drafted.<br />
<h3 style="background-color: teal; border: 3px solid silver; text-align: left;">
<span style="color: #eeeeee;"> Comments</span></h3>
Here you will see all comments which are commented on your blogs post. Under comments, you will see published and spam comment.<br />
<h3 style="background-color: teal; border: 3px solid silver; text-align: left;">
<span style="color: #eeeeee;"> Googel+ - Publish Your Blog Posts To Google+ Automatically</span></h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkUrAFPV6I-HHf1ZjjLWY8uKks8B8yTiG0VNFiC2o_mjhgtSVMqVLLqQVJviXFiNZIV9tBUYItkaXwFDizWfixXhBQCT7aAiG2r35LiFUe7xP51ypqyh4XcTPbW6xrbDntkQBbdKQ0Bl8/s1600/2014-07-21_16-01-09.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="246" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkUrAFPV6I-HHf1ZjjLWY8uKks8B8yTiG0VNFiC2o_mjhgtSVMqVLLqQVJviXFiNZIV9tBUYItkaXwFDizWfixXhBQCT7aAiG2r35LiFUe7xP51ypqyh4XcTPbW6xrbDntkQBbdKQ0Bl8/s1600/2014-07-21_16-01-09.png" width="640" /></a></div>
<div style="text-align: center;">
<br /></div>
Blogger provides a great option to publish your posts automatically to your profile or page. You can select to manually publish these posts as well.<br />
<h3 style="background-color: teal; border: 3px solid silver; text-align: left;">
<span style="color: #eeeeee;"> Stats - Blogs Views, Popular Posts, Reffereing Sites</span></h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia9c8xvasWAJ1sq3BTLm9obJcT5T1fRxxhzeZBWpAIoSv6VEi9EQujkKMHOtH3sy_2RKIm88IA6AGJKLqfs11V3Wf6qG488AI3xTvH194nvps4Qb2MpCSIDZIRlhbZo3_D7VhUggnh2HI/s1600/2014-07-21_16-08-36.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="338" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia9c8xvasWAJ1sq3BTLm9obJcT5T1fRxxhzeZBWpAIoSv6VEi9EQujkKMHOtH3sy_2RKIm88IA6AGJKLqfs11V3Wf6qG488AI3xTvH194nvps4Qb2MpCSIDZIRlhbZo3_D7VhUggnh2HI/s1600/2014-07-21_16-08-36.png" width="640" /></a></div>
<div style="text-align: center;">
<br /></div>
In Stats tab, you can check you popular posts, daily and monthly blogs views, reffereing sites and other information about your posts. You can select to view above stats as daily, weekly, monthly and all time.<br />
<h3 style="background-color: teal; border: 3px solid silver; text-align: left;">
<span style="color: #eeeeee;"> Campaigns - Promoting Your Blog</span></h3>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: center;">
 <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFbaq-ULP0JUAjuaqhg7FYqJjLqpwt3qI15sJn2Xb8Mz5EI4OwMGmqsQTmXfEnq1gWsVV5pKPRDzl4uBh_AhRkmIRMu5Tj873VLVjbFBUQ7dVSFzHauQj0CXbHdanareUKaWC1xBTnN4w/s1600/2014-07-21_16-20-14.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" height="398" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFbaq-ULP0JUAjuaqhg7FYqJjLqpwt3qI15sJn2Xb8Mz5EI4OwMGmqsQTmXfEnq1gWsVV5pKPRDzl4uBh_AhRkmIRMu5Tj873VLVjbFBUQ7dVSFzHauQj0CXbHdanareUKaWC1xBTnN4w/s1600/2014-07-21_16-20-14.png" width="640" /></a></div>
<div style="text-align: center;">
<br /></div>
This settings allows you to create your blog ad to grow your audience. You can promote your blog by using this option but it will cost you money.<br />
<h3 style="background-color: teal; border: 3px solid silver; text-align: left;">
<span style="color: #eeeeee;"> Layout - Adding, Editing and Removing Gadgets</span></h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjjJj3avxMOx8sdW9gUFkqdziBrQ9PArKFKuCaFtAMPpjo6tUYbM0hahsOJJzbfz4h3JBRaDfUdwRktKlKCEJjqqDOtLXZbFbj4_VAuTVTFkXuRS4kVaCaViBdWJy4RzKF3Iqh1ths730/s1600/2014-07-21_16-14-55.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="584" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjjJj3avxMOx8sdW9gUFkqdziBrQ9PArKFKuCaFtAMPpjo6tUYbM0hahsOJJzbfz4h3JBRaDfUdwRktKlKCEJjqqDOtLXZbFbj4_VAuTVTFkXuRS4kVaCaViBdWJy4RzKF3Iqh1ths730/s1600/2014-07-21_16-14-55.png" width="640" /></a></div>
<div style="text-align: center;">
<br /></div>
That is the best part of blog and mostly used. Here you can add various cool gadgets, arrange them or remove them. To add a gadget, simply click on Add a gadget and a popup window will appear. Blogger itself offers various gadgets for your common use. Just select any gadget and you are done. Remember to click on 'save arrangement' after add or modifying gadgets.<br />
<br />
<b>Must Have Widgets for Blogger</b>:<br />
<ul style="text-align: left;">
<li><a href="http://www.mybloggingtips.com/2014/06/best-collection-of-customize-cloud.html" target="_blank"><b>Awesome Cloud Label Widgets for Blogger</b></a></li>
<li><a href="http://www.mybloggingtips.com/2014/06/how-to-add-next-previous-numbered.html" target="_blank"><b>Add Pagination to the Blogger Posts</b></a></li>
<li><a href="http://www.mybloggingtips.com/2014/07/stylish-popular-post-widget-for-blogger.html" target="_blank"><b>Popular Posts Widget with Auto Numbering</b></a></li>
<li><a href="http://www.mybloggingtips.com/2014/06/floating-twitter-and-facebook-share.html" target="_blank"><b>Facebook and Twitter Share Widget</b></a></li>
</ul>
<h3 style="background-color: teal; border: 3px solid silver; text-align: left;">
<span style="color: #eeeeee;"> Template - Changing Templates Design and Html</span></h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmxjGy8WS0byap-0qpsIKEnGMSj3yGEwWZFWICRpCW1MyKhlwlUGpCygJHyx1etIltiRs69duyfTuc5ivkmscSxDlP-7E9ovgYc56XAcaWZ6hg0njTdZMd_vLbx_Ak4Ch-tvbkfLGmv7k/s1600/2014-07-21_16-16-31.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="204" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmxjGy8WS0byap-0qpsIKEnGMSj3yGEwWZFWICRpCW1MyKhlwlUGpCygJHyx1etIltiRs69duyfTuc5ivkmscSxDlP-7E9ovgYc56XAcaWZ6hg0njTdZMd_vLbx_Ak4Ch-tvbkfLGmv7k/s1600/2014-07-21_16-16-31.png" width="640" /></a></div>
<div style="text-align: center;">
<br /></div>
This is also a setting which you will use most of the time. Here you will find 'Live on Blog' and 'Mobile' version of your blog. Under 'Live on blog', you will see two button: Customize and Edit Html.<br />
<ul style="text-align: left;">
<li>Customize - Allows you to change blog template layout, width, text color and font.</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUAMvdN4M9B4oJLyimBwCKC_doZeynwCbafusZdxglxop_tc3MwXtasaz0cIQiK3UWMg5aGJ-T-3cJQB5Hx-O8_2DLz9WVlpETsTAjNX072hdC_8WuY1Th7ysLm8JGeUlzIOpaXa2p5no/s1600/2014-07-21_16-18-51.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="134" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUAMvdN4M9B4oJLyimBwCKC_doZeynwCbafusZdxglxop_tc3MwXtasaz0cIQiK3UWMg5aGJ-T-3cJQB5Hx-O8_2DLz9WVlpETsTAjNX072hdC_8WuY1Th7ysLm8JGeUlzIOpaXa2p5no/s1600/2014-07-21_16-18-51.png" width="640" /></a></div>
<div>
<br /></div>
<ul style="text-align: left;">
<li>Edit Html - Allows you to edit html your template as per your need. </li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyFwirZCohvlI5hIbzNNQfX4LCLUGgD5U8OA32rMSCTDawRZ4H2idj4ZpGU34LakXT55IjWIYUTjn8shE5AbfgQbu28qAWRojm-wVjwsJ5hih07einTnFzv6gExQyZbHa-jAz9hGCME0U/s1600/2014-07-21_16-17-14.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="290" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyFwirZCohvlI5hIbzNNQfX4LCLUGgD5U8OA32rMSCTDawRZ4H2idj4ZpGU34LakXT55IjWIYUTjn8shE5AbfgQbu28qAWRojm-wVjwsJ5hih07einTnFzv6gExQyZbHa-jAz9hGCME0U/s1600/2014-07-21_16-17-14.png" width="640" /></a></div>
<div>
<br /></div>
<div>
On right top corner you will see Backup / Restore. Must make a backup before editing html of your template.</div>
<div>
<h3 style="background-color: teal; border: 3px solid silver; text-align: left;">
<span style="color: #eeeeee;"> Settings - Blog Visibility, Description, Import / Export</span></h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIks88NLMXS6rinuUDfTOt_TzVDywXb-a2F0Hi_tPuB5xsXw0SyK1Was38M9E5YfId4Ddd36lH_3MASeXYwXlvcfRH97aG-cfF46ElCSU-_HEmaER0H4ZbWdZA_3J4cVcA87i_KDCx-PY/s1600/2014-07-21_16-35-44.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="432" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIks88NLMXS6rinuUDfTOt_TzVDywXb-a2F0Hi_tPuB5xsXw0SyK1Was38M9E5YfId4Ddd36lH_3MASeXYwXlvcfRH97aG-cfF46ElCSU-_HEmaER0H4ZbWdZA_3J4cVcA87i_KDCx-PY/s1600/2014-07-21_16-35-44.png" width="640" /></a></div>
<div style="text-align: center;">
<br /></div>
Here are the key settings which will make your blog to appear in search results of search engines, present a description about blog. This Setting tab consist of following sub-settings:<br />
<ul style="text-align: left;">
<li>Basic - Important setting under Basic are blog title, Description and Privacy.</li>
<li>Posts and Comments - Allows you to set how many post to appear on home page and comments portion gives option to publish comment with / without approval.</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRqMoa1YmVMsb8ngCWtsRGB5oPDVk6aOLtwOwfyavQr93S2fcwJP8pFUSphsrRydmrKUVslwzk3HJJ_XCLhWaSNQ6aiHNhk_IXtfE1yE9kjJytcYRHASYSNDxnjFjqBFrIqlvQXFo-358/s1600/2014-07-21_17-08-53.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="616" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRqMoa1YmVMsb8ngCWtsRGB5oPDVk6aOLtwOwfyavQr93S2fcwJP8pFUSphsrRydmrKUVslwzk3HJJ_XCLhWaSNQ6aiHNhk_IXtfE1yE9kjJytcYRHASYSNDxnjFjqBFrIqlvQXFo-358/s1600/2014-07-21_17-08-53.png" width="640" /></a></div>
<div>
<br /></div>
<ul style="text-align: left;">
<li>Mobile and Email - Allows to publish posts using mobile and email service</li>
<li>Language and Formatting - Options for changing language, translation and time</li>
<li>Search Preferences -  Here you give meta tags about your blog</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb_NVqCBMtwy7hCcBSrUy3Vr1pVPMtFmBzd-JTJeYb_uWvQWDVcrgvHiDGxWfsVRGpdHNZg8f7THQJDedjPsvJuap3FmXOu9vwy39EWbWSD6ZKuEPpsybT-cz3P1SK7cJcp1Nnhuu8Z5Y/s1600/2014-07-21_17-09-30.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="214" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb_NVqCBMtwy7hCcBSrUy3Vr1pVPMtFmBzd-JTJeYb_uWvQWDVcrgvHiDGxWfsVRGpdHNZg8f7THQJDedjPsvJuap3FmXOu9vwy39EWbWSD6ZKuEPpsybT-cz3P1SK7cJcp1Nnhuu8Z5Y/s1600/2014-07-21_17-09-30.png" width="640" /></a></div>
<div>
<br /></div>
<ul style="text-align: left;">
<li>Others - Important setting here is Import / Export blog. </li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyb-B_-NYvq6FgjqH7g-e23kd6J2o7x9fcolTfKaRbwnlhPeHhz-2jRLZzqAjy6SjsxKZes3jlKQwoOoJaZEJ0U8D3Hmd2Le8pYD3a66v7_9CTNv6b5Zg1IWulh6fuFABbBcs8LSCarSU/s1600/2014-07-21_17-09-54.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="356" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyb-B_-NYvq6FgjqH7g-e23kd6J2o7x9fcolTfKaRbwnlhPeHhz-2jRLZzqAjy6SjsxKZes3jlKQwoOoJaZEJ0U8D3Hmd2Le8pYD3a66v7_9CTNv6b5Zg1IWulh6fuFABbBcs8LSCarSU/s1600/2014-07-21_17-09-54.png" width="640" /></a></div>
<div>
<br /></div>
<div>
Among above options, most important are Basic and Search Preferences, rest are good for at default setting.</div>
<h3 style="background-color: teal; border: 3px solid silver; text-align: left;">
<span style="color: #eeeeee;"> Recommended Templates, Widgets and How To Guides</span></h3>
<ul style="text-align: left;">
<li><a href="http://www.mybloggingtips.com/2014/07/top-10-premium-responsive-blogger.html" target="_blank"><b>Top 10 Premium and Responsive Templates for Blogger</b></a></li>
<li><a href="http://www.mybloggingtips.com/search/label/Widgets?&max-results=6" target="_blank"><b>Best Collection of Facebook Like, custom Labels, Popular Posts and Many other Widgets</b></a></li>
<li><a href="http://www.mybloggingtips.com/2014/07/elements-for-writing-powerful-blog-post.html" target="_blank"><b>6 Elements of a Powerful Post</b></a></li>
<li><a href="http://www.mybloggingtips.com/search/label/SEO?&max-results=6" target="_blank"><b>Easy SEO for Blogger - Best Ways to Get More Views and High Rank</b></a></li>
</ul>
<div>
<h3 style="background-color: teal; border: 3px solid silver; text-align: left;">
<span style="color: #eeeeee;"> Summary</span></h3>
Blogger is a simple, easy to use and effective platform for writing blogs. I hope that this guide will help you to create and configure a blog successfully. If you feel any problem during configuring your template, comment below and I will do my best you help. If you like this post, then please like and <a href="http://www.mybloggingtips.com/2014/07/social-media-blogging-and-how-to-get.html" target="_blank">share it on social media</a>.<br />
<br /></div>
</div>
</div>
</div>

How To Create A Blog at Blogger - Detailed Guide With Pictures

Blogspot is the blogging platform owned by Google. Google offers to create free blog using blogger.com . There are other famous platf...

Windows 8 Style Email Subscription Widget for Blogger With Social Count

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVYGC3oog936KsXZMJC9SenGa-i9v1FECERFTuEgRLoPwP37TGVpctdQ_7iIbyytHbtf626Wp1vThEU2dCHbRi0ltAclQCN1t6dxkzEq7p3uh_eRtOWGGu-17cuLdBRZsJMVk4ub_Z1NQ/s1600/2014-07-21_8-39-42.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="124" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVYGC3oog936KsXZMJC9SenGa-i9v1FECERFTuEgRLoPwP37TGVpctdQ_7iIbyytHbtf626Wp1vThEU2dCHbRi0ltAclQCN1t6dxkzEq7p3uh_eRtOWGGu-17cuLdBRZsJMVk4ub_Z1NQ/s1600/2014-07-21_8-39-42.png" width="640" /></a></div>
<br /></div>
<br />
<b>Recommended for you: <a href="http://www.mybloggingtips.com/2014/07/add-subscription-box-with-social-icons.html" target="_blank">Stylish Email Subscription Box for Blogger</a></b><br />
<h3 style="background-color: teal; border: 3px solid silver;">
<span style="color: #eeeeee;"> Tell Me How?</span></h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_1Ma1aoVu2f2DVFoUGUamuyfc91QyqlveluwTgzDsgjLr8MkbeoHsq0g6Y8nwu_fzHUlIKKrvlp-U55SQvkX3_XcJiAjp0hFfRRgLsZDYwNib14PohDk7rV9-Yd0KHl2XyrOL3lM_1nk/s1600/2014-07-21_7-25-39.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="63" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_1Ma1aoVu2f2DVFoUGUamuyfc91QyqlveluwTgzDsgjLr8MkbeoHsq0g6Y8nwu_fzHUlIKKrvlp-U55SQvkX3_XcJiAjp0hFfRRgLsZDYwNib14PohDk7rV9-Yd0KHl2XyrOL3lM_1nk/s1600/2014-07-21_7-25-39.png" width="400" /></a></div>
<div style="text-align: center;">
<br /></div>
<ul>
<li>Go to your blogger account and select your blog.</li>
<li>Navigate to Template and make a backup of your blog.</li>
<li>Click on Edit html and find below code.</li>
</ul>
<div>
<blockquote class="tr_bq">
<span style="background-color: #cccccc; color: #333333; font-family: Oswald; line-height: 28px;"><div class='post-footer-line post-footer-line-1'></span></blockquote>
</div>
<div>
<ul>
<li>Now copy below code and paste it under above found code.</li>
</ul>
</div>
<blockquote class="tr_bq">
<span style="background-color: #cccccc;"><section class="technopcarea-newsletter"><br /><h2><br />Checking for new posts is time wasting,<br /></h2><br /><div id="form-technopcarea-newsletter"><br /><div class="technopcarea-social facebook"><br /><a href="https://www.facebook.com/<b><span style="color: blue;">blogsmasala</span></b>" target="_blank"><br /><img src="http://i.imgur.com/RbZgdq2.png" /><br /></a><a href=’http://www.<b><span style="color: blue;">mybloggingtips</span></b>.com/’><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgibdqMdU4gx3zkTJ5EHl8M8qVz8CVfvEcPCP_y_eMq17OsW1H-n6f4QFyt_oyapLkHIZHsiFW524WfyBgF3KWzQb3znN7EqIFL2UtElrWdoqGyAY21fz3ePII3nFOcbrWvHluGf6Cyrt4/s1600/1x1juice.png'/></a><br /><iframe allowtransparency="true" class="technopcarea-social-box fb-like" frameborder="0" scrolling="no" src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2F<b><span style="color: blue;">blogsmasala</span></b>&amp;width=90&amp;height=21&amp;colorscheme=light&amp;layout=button_count&amp;action=like&amp;show_faces=false&amp;send=false&amp;appId=519648428126767&amp;locale=en_US" style="border: none; height: 21px; overflow: hidden; width: 90px;"><br /></iframe><br /></div><br /><div class="technopcarea-social twitter"><br /><a href="https://twitter.com/<span style="color: blue;"><b>mybloggingtips1</b></span>" target="_blank"><br /><img src="http://i.imgur.com/0A1kead.png" /><br /></a><br /><iframe allowtransparency="true" class="technopcarea-social-box twitter-follow-button twitter-follow-button" data-twttr-rendered="true" frameborder="0" id="twitter-widget-0" scrolling="no" src="http://platform.twitter.com/widgets/follow_button.1399599786.html#_=1399785529920&amp;id=twitter-widget-0&amp;lang=en&amp;screen_name=TechnoPcArea&amp;show_count=false&amp;show_screen_name=false&amp;size=m" style="height: 20px; width: 60px;" title="Twitter Follow Button"><br /></iframe><br /><script><br />!function(d,s,id){<br />var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?&#39;http&#39;:&#39;https&#39;;<br />if(!d.getElementById(id)){<br />js=d.createElement(s);<br />js.id=id;<br />js.src=p+&#39;://platform.twitter.com/widgets.js&#39;;fjs.parentNode.insertBefore(js,fjs);}}(document, &#39;script&#39;, &#39;twitter-wjs&#39;);<br /></script><br /></div><br /><div class="technopcarea-newsletter-form"><br /><fieldset><br /><h2><br />Get All Such Amazing Articals In Your Inbox.<br /></h2><br /><div class="fields"><br /><form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.openundefined'http://feedburner.google.com/fb/a/mailverify?uri=<span style="color: blue;"><b>mybloggingtips</b></span>', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"><br /><input class="email" id="email" name="email" onblur="ifundefinedthis.value=='')this.value=this.defaultValue;" onfocus="ifundefinedthis.value==this.defaultValue)this.value='';" type="text" value="Enter Your Email here.." /><br /><input name="uri" type="hidden" value="<b><span style="color: blue;">mybloggingtips</span></b>" /><br /><input name="loc" type="hidden" value="en_US" /><br /><input class="subscribe" name="commit" type="submit" value="Subscribe" /><br /></form><br /></div><br /></fieldset><br /></div><br /></div><br /></section><br /><style><br />input { font-family: Open Sans; }<br />h2 {font-family: Open Sans; }<br />.technopcarea-newsletter{text-align:center;margin:20px 0;}<br />.technopcarea-newsletter .technopcarea-social.facebook{background:none repeat scroll 0 0 #3661A0}<br />.technopcarea-newsletter .technopcarea-social{padding-top:20%;width:20%;float:left;position:relative}<br />.technopcarea-newsletter #form-technopcarea-newsletter{display:block;width:90%;max-width:900px;min-width:500px;margin:0 auto}<br />.technopcarea-newsletter:before,.technopcarea-newsletter:after{content:&quot; &quot;;display:table}<br />.technopcarea-newsletter:after{clear:both}<br />.technopcarea-newsletter h2{color:#3B434D;font-family:Sniglet;font-size:1.5em;font-weight:300;width:65%;margin:1em auto}<br />.technopcarea-newsletter .technopcarea-social.twitter{background:none repeat scroll 0 0 #00ACED}<br />.technopcarea-newsletter .technopcarea-social a{display:block;left:30%;position:absolute;top:20%;width:40%}<br />.technopcarea-newsletter .technopcarea-social a img{max-width:100%;width:100%;transition: transform 0.3s ease-out 0s}<br />.technopcarea-newsletter .technopcarea-social a:hover img{transform:scale(1.1)}<br />.technopcarea-newsletter .technopcarea-social .technopcarea-social-box{bottom:20px;left:50%;position:absolute}<br />.technopcarea-newsletter .technopcarea-social .technopcarea-social-box.fb-like{margin-left:-45px}<br />.technopcarea-newsletter .technopcarea-social .technopcarea-social-box.twitter-follow-button{margin-left:-30px}<br />.technopcarea-newsletter .technopcarea-newsletter-form{background:none repeat scroll 0 0 #1E293B;float:left;padding-top:20%;position:relative;width:60%}<br />.technopcarea-newsletter .technopcarea-newsletter-form fieldset{height:37px;left:10%;position:absolute;top:10%;width:80%;border:none}<br />.technopcarea-newsletter .technopcarea-newsletter-form fieldset h2{color:#FFF;font-family:Sniglet;font-weight:300;width:100%;margin:0 0 1.5625em;font-size:16px;}<br />.technopcarea-newsletter .technopcarea-newsletter-form fieldset .fields{position:relative}<br />.fields .email{border-radius:10px 0 0 10px;outline:0 none;width:84%;border:0;left:0;position:absolute;padding:10.5px}<br />.fields .subscribe{background:none repeat scroll 0 0 #F0553B;border:medium none;border-radius:0 10px 10px 0;color:#FFF;right:0;position:absolute;padding:11px;transition:all ease 0.6s;}<br />.fields .subscribe:hover {background: none repeat scroll 0 0 #161616;}<br /></style><br /><script type="text/JavaScript"><br />fontsize = function () {<br />var abtSubs = $(".technopcarea-newsletter #form-technopcarea-newsletter").width() * 0.025; // 10% of container width<br />$(".technopcarea-newsletter .technopcarea-newsletter-form fieldset h2").css('font-size', abtSubs);<br />};<br />$(window).resize(fontsize);<br />$(document).ready(fontsize);<br /></script> </span></blockquote>
<div>
<ul>
<li>Save your template. </li>
</ul>
</div>
<h3 style="background-color: teal; border: 3px solid silver;">
<span style="color: #eeeeee;"> Customization</span></h3>
<ul>
<li>There are chances that you will find more than one instance of above (step 3) of code. Mostly it is 2nd one but check every code until it works for you.</li>
<li>Change the <span style="color: blue;"><b>Blue</b></span> color text with your facebook, twitter and feed burner Id.</li>
<li>You are Done!</li>
</ul>
<br /></div>

Windows 8 Style Email Subscription Widget for Blogger With Social Count

Recommended for you: Stylish Email Subscription Box for Blogger Tell Me How? Go to your blogger account and select your blog...

Email Subscription Widget For Blogger With Social Share Buttons

<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/AVvXsEi6Sju6E6Ay0IgXKHHLFKWRBaBY4cd9v_WNA5WoNCPzIpRAaAOoBpH6UmVacdmRDhvOMKVwuGVBcQmHlrlLNzzNnW7SmRrjqa3Gt8-3l7fg781QhJP140mIEfdlWwc1cxw-HJsHzwiZvpI/s1600/2014-07-21_7-32-55.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="246" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6Sju6E6Ay0IgXKHHLFKWRBaBY4cd9v_WNA5WoNCPzIpRAaAOoBpH6UmVacdmRDhvOMKVwuGVBcQmHlrlLNzzNnW7SmRrjqa3Gt8-3l7fg781QhJP140mIEfdlWwc1cxw-HJsHzwiZvpI/s1600/2014-07-21_7-32-55.png" width="640" /></a></div><div style="text-align: center;"><br />
</div>A simple and good looking blogger email subscription widget is here for you. It is fast loading and will not effect your page loading time and you can use it easily.<br />
<br />
<span style="font-size: large;"><b><a href="http://testblogsforme.blogspot.com/2014/06/facebook.html" target="_blank">Demo</a></b></span><br />
<br />
<b>Recommended for you: <a href="http://www.mybloggingtips.com/2014/07/add-subscription-box-with-social-icons.html" target="_blank">Stylish Email Subscription Box for Blogger</a></b><br />
<h3 style="background-color: teal; border: 3px solid silver; text-align: left;"><span style="color: #eeeeee;"> Tell Me How?</span></h3><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_1Ma1aoVu2f2DVFoUGUamuyfc91QyqlveluwTgzDsgjLr8MkbeoHsq0g6Y8nwu_fzHUlIKKrvlp-U55SQvkX3_XcJiAjp0hFfRRgLsZDYwNib14PohDk7rV9-Yd0KHl2XyrOL3lM_1nk/s1600/2014-07-21_7-25-39.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="63" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_1Ma1aoVu2f2DVFoUGUamuyfc91QyqlveluwTgzDsgjLr8MkbeoHsq0g6Y8nwu_fzHUlIKKrvlp-U55SQvkX3_XcJiAjp0hFfRRgLsZDYwNib14PohDk7rV9-Yd0KHl2XyrOL3lM_1nk/s1600/2014-07-21_7-25-39.png" width="400" /></a></div><div style="text-align: center;"><br />
</div><ul style="text-align: left;"><li>Go to your blogger account and select your blog.</li>
<li>Navigate to Template and make a backup of your blog.</li>
<li>Click on Edit html and find below code.</li>
</ul><div><blockquote class="tr_bq"><span style="background-color: #cccccc; color: #333333; font-family: Oswald; line-height: 28px;"><div class='post-footer-line post-footer-line-1'></span></blockquote></div><div><ul style="text-align: left;"><li>Now copy below code and paste it under above found code.</li>
</ul><div><blockquote class="tr_bq"><span style="background-color: #cccccc;"><br />
<div class='after-post bloggingehow'><br />
<div class='widget enews-widget' id='enews-ext-2'><br />
<div class='widget-wrap'><br />
<div class='enews'><br />
<h4 class='widgettitle'>Subscribe Us!</h4><br />
<p>Subscribe our daily newsletter for Free Updates</p><br />
<form action='http://feedburner.google.com/fb/a/mailverify' id='subscribe' method='post' name='Email Newsletter' onsubmit='window.open( &apos;http://feedburner.google.com/fb/a/mailverify?uri=<b><span style="color: blue;">mybloggingtips/nJeF</span></b>&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'><br />
<label class='screenread' for='subbox'>Enter your email address...</label><br />
  <input id='subbox' name='email' onblur='if ( this.value == &apos;&apos; ) { this.value = &apos;Enter your email address...&apos;; }' onfocus='if ( this.value == &apos;Enter your email address...&apos;) { this.value = &apos;&apos;; }' type='text' value='Enter your email address...'/><br />
  <input name='uri' type='hidden' value='<b><span style="color: blue;">mybloggingtips/nJeF</span></b>'/><br />
  <input name='loc' type='hidden' value='en_US'/><br />
  <input id='subbutton' type='submit' value='Get It'/><br />
</form><br />
</div><br />
</div><br />
</div><br />
<center><br />
  <span class='st_facebook_hcount' displayText='Facebook'/><br />
<span class='st_twitter_hcount' displayText='Tweet'/><br />
<span class='st_sharethis_hcount' displayText='ShareThis'/><br />
</center><br />
  <p style=' line-height:0px; font-size:5px; font-weight:bold; text-align:right;padding-top:0px;'><a class='beh-link-style' href='http://www.mybloggingtips.com'>Get this</a></p><br />
</div><br />
<style><br />
.beh-link-style  {text-decoration:none; color:#242424;}<br />
  .after-post {<br />
    background: url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQYWrN8iuLFvGwPhqUHNLHxrN3GTrErAIrW3bn1UmBrNsXBQYeLleweLRjgqWur1lPch_1QJFAOdHXITPFQ5k6T-QWT86MYSKuQYbpktqtA3Qlf5yiyHCtIBw3LBW6lm_NOCywLKqP3pk/s1600/bg-pattern.png&quot;) repeat scroll 0 0 transparent;<br />
    border: medium double #DDDDDD;<br />
    clear: both;<br />
    color: #FFFFFF;<br />
    margin: 30px 0;<br />
    overflow: hidden;<br />
    padding: 25px;<br />
    text-shadow: 0 1px #111111;<br />
}<br />
.after-post p {<br />
    color: #FFFFFF;<br />
}<br />
.after-post form {<br />
    background: url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhP1rb2A6s7R3Y2RURuwqzXdoUK1hM2Ctc4ivP2HFijiQTAfARFIY5ZhX3ih0YtGHnktLciSNG-Jn7NwG6FPm8MocH0-CRZnoMUMrPP_VFLsjKgBS6Vr_jM5OyjEm0Ze3bEpl6m_qLmF9Y/s1600/arrow.png&quot;) no-repeat scroll 40px 0 transparent;<br />
    display: block;<br />
    padding: 10px 0 10px 120px;<br />
}<br />
  .enews #subbox {<br />
    margin: 5px -7px 0 0;<br />
    padding: 9px 8px;<br />
    width: 70%;<br />
}<br />
<br />
 #subbox input[type=&quot;button&quot;], input[type=&quot;submit&quot;] {<br />
    background: url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWPu9U_O6JpfueAUomy1W46sNVq5hXmza3jBxTUfDZF5G1F0U3QcntlMtK9tBYnbyaMl8eOueaZck54lpTfdAo-zjdNmuhkMkyrD4bTfFI41K8TsRqEc3zUjfzUJQ71axGfhUeHkpmGQk/s1600/gradient.png&quot;) repeat scroll 0 0 transparent;<br />
    border: 1px solid #ED702B;<br />
    color: #FFFFFF;<br />
    cursor: pointer;<br />
    line-height: 19px;<br />
    padding: 8px 10px;<br />
    text-decoration: none;<br />
}<br />
#subbox input[type=&quot;button&quot;]:hover, input[type=&quot;submit&quot;]:hover {<br />
    background: url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWPu9U_O6JpfueAUomy1W46sNVq5hXmza3jBxTUfDZF5G1F0U3QcntlMtK9tBYnbyaMl8eOueaZck54lpTfdAo-zjdNmuhkMkyrD4bTfFI41K8TsRqEc3zUjfzUJQ71axGfhUeHkpmGQk/s1600/gradient.png&quot;) repeat scroll 0 -33px transparent;<br />
    text-decoration: none;<br />
}<br />
<br />
   .bloggingehow h4 {<br />
    font-size: 16px;<br />
   color: #DDDDDD;<br />
    font-size: 20px;<br />
    margin: 0 0 20px;<br />
    padding: 0;<br />
    text-shadow: 0 2px #111111;<br />
}<br />
</style><br />
 <script type='text/javascript'>var switchTo5x=false;</script><br />
<script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/><br />
<script type='text/javascript'>stLight.options({publisher: &quot;ur-88a9f357-eb7f-69fe-f4c5-4fe18ad04bda&quot;, doNotHash: false, doNotCopy: false, hashAddressBar: false});</script><br />
</span></blockquote><ul style="text-align: left;"><li>Save your template. </li>
</ul></div></div><h3 style="background-color: teal; border: 3px solid silver; text-align: left;"><span style="color: #eeeeee;"> Customization</span></h3><ul style="text-align: left;"><li>There are chances that you will find more than one instance of above (step 3) of code. Mostly it is 2nd one but check every code until it works for you.</li>
<li>Change the <span style="color: blue;">Blue</span> color text with your feed burner Id.</li>
<li>If you don't want social Share buttons then remove block of code containing <center>...... </center></li>
<li>You are Done!</li>
</ul></div>

Email Subscription Widget For Blogger With Social Share Buttons

A simple and good looking blogger email subscription widget is here for you. It is fast loading and will not effect your page loading time ...

Stylish Popular Post Widget for Blogger

<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/AVvXsEiiM6QbsVr-xyhP1lkyNL8Uni8I8wfYlUViPraNAh7-O15FtHdJklwAYPTU08JWAZxRWrMkMaTESHEJIlchQVjfJ3ujWrh3eGnFN0gNyksds9zfaB_P7cPMDNNr0Om7-L2mkDzhAMM7rKs/s1600/popular-posts-widget.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiM6QbsVr-xyhP1lkyNL8Uni8I8wfYlUViPraNAh7-O15FtHdJklwAYPTU08JWAZxRWrMkMaTESHEJIlchQVjfJ3ujWrh3eGnFN0gNyksds9zfaB_P7cPMDNNr0Om7-L2mkDzhAMM7rKs/s1600/popular-posts-widget.jpg" width="275" /></a></div>
<div style="text-align: center;">
<br /></div>
A blog without <a href="http://www.mybloggingtips.com/2014/07/colorful-popular-posts-widget-for.html" target="_blank">Popular Post Widget</a> is incomplete. Popular Posts Widget not only gives quick access to most viewed articles but also enhanced your blog overall look as well. So, I am going to share another popular post widget with you. Hope you will like it.<br />
<br />
<b>Recommended</b>: <a href="http://www.mybloggingtips.com/2014/07/auto-numbered-popular-posts-widget-for.html" target="_blank">Auto Numbered Popular Posts Widget For Blogger</a><br />
<h3 style="background-color: teal; border: 3px solid silver; text-align: left;">
<span style="background-color: teal;"><span style="color: #eeeeee;"> How To ?</span></span></h3>
<ul style="text-align: left;">
<li>Go to your Blogger account and login.</li>
<li>Select your blog and then Select Template.</li>
<li>Make a backup of you template by clicking on upper right side of blog on following button</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6DGpaHVfoP8pOFaE3dq8nZnVXMFPI4H1B4QGRcYI7dtXwvgN3mujX947Vl5OahfT5EVhqShgmqlpIoU2cVnBLKNKBVEwWb4ed5QW7HDAQ1X4y7LnzMDl7YrAFF5XI9-4uYdayXn6nkqM/s1600/2014-07-17_15-36-05.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="123" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6DGpaHVfoP8pOFaE3dq8nZnVXMFPI4H1B4QGRcYI7dtXwvgN3mujX947Vl5OahfT5EVhqShgmqlpIoU2cVnBLKNKBVEwWb4ed5QW7HDAQ1X4y7LnzMDl7YrAFF5XI9-4uYdayXn6nkqM/s1600/2014-07-17_15-36-05.png" width="320" /></a></div>
<ul style="text-align: left;">
<li> Now find below code:</li>
</ul>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFNh5g-J2kOWGU9CYcVm2uaV0EqCFui5kI2g9q3r9l4IdPcnVCDesEEezBhTkpO1W-Pr3k_KGZVdmtWyQZbLhWfstaaBi6DIn9WmsjGKqJsflTgf2OFYnEkrzK7WsMYVoJ8XwGD5iSWGo/s1600/2014-07-17_15-36-56.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="71" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFNh5g-J2kOWGU9CYcVm2uaV0EqCFui5kI2g9q3r9l4IdPcnVCDesEEezBhTkpO1W-Pr3k_KGZVdmtWyQZbLhWfstaaBi6DIn9WmsjGKqJsflTgf2OFYnEkrzK7WsMYVoJ8XwGD5iSWGo/s1600/2014-07-17_15-36-56.png" width="320" /></a></div>
<blockquote class="tr_bq" style="clear: both; text-align: left;">
<b style="color: #555555; line-height: 21px; text-align: justify;"><span style="background-color: #cccccc; font-family: Verdana, sans-serif;">]]></b:skin> or </b:skin></span></b></blockquote>
<br />
<ul style="text-align: left;">
<li>Paste the following code above it.</li>
</ul>
<blockquote class="tr_bq">
<span style="background-color: #cccccc;">/*Custom Popular Posts Widget Start*/ </span><span style="background-color: #cccccc;"><span style="font-family: 'Source Sans Pro', Arial, Helvetica, Geneva, sans-serif; font-size: 15px; line-height: 24px; text-align: justify;">#PopularPosts1 ul li a:hover{color:#fff;text-decoration:none}</span></span><span style="background-color: #cccccc;"><span style="font-family: 'Source Sans Pro', Arial, Helvetica, Geneva, sans-serif; font-size: 15px; line-height: 24px; text-align: justify;">#PopularPosts1 ul li a {-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px;  color: #333333; display: block; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; margin: 0px 10px 0px -5px; min-height: 30px; orphans: 2; padding: 0px; text-align: -webkit-auto; text-decoration: none !important; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; }</span></span><span style="background-color: #cccccc;"><span style="font-family: 'Source Sans Pro', Arial, Helvetica, Geneva, sans-serif; font-size: 15px; line-height: 24px; text-align: justify;">#PopularPosts1 ul li .item-thumbnail{float:left;border:0;margin-right:10px;background:transparent;padding:0;width:51px;height:51px}</span></span><span style="background-color: #cccccc;"><span style="font-family: 'Source Sans Pro', Arial, Helvetica, Geneva, sans-serif; font-size: 15px; line-height: 24px; text-align: justify;">#PopularPosts1 ul li:first-child:after,</span></span><span style="background-color: #cccccc;"><span style="font-family: 'Source Sans Pro', Arial, Helvetica, Geneva, sans-serif; font-size: 15px; line-height: 24px; text-align: justify;">#PopularPosts1 ul li:first-child + li:after,</span></span><span style="background-color: #cccccc;"><span style="font-family: 'Source Sans Pro', Arial, Helvetica, Geneva, sans-serif; font-size: 15px; line-height: 24px; text-align: justify;">#PopularPosts1 ul li:first-child + li + li:after,</span></span><span style="background-color: #cccccc;"><span style="font-family: 'Source Sans Pro', Arial, Helvetica, Geneva, sans-serif; font-size: 15px; line-height: 24px; text-align: justify;">#PopularPosts1 ul li:first-child + li + li + li:after,</span></span><span style="background-color: #cccccc;"><span style="font-family: 'Source Sans Pro', Arial, Helvetica, Geneva, sans-serif; font-size: 15px; line-height: 24px; text-align: justify;">#PopularPosts1 ul li:first-child + li + li + li + li:after,</span></span><span style="background-color: #cccccc;"><span style="font-family: 'Source Sans Pro', Arial, Helvetica, Geneva, sans-serif; font-size: 15px; line-height: 24px; text-align: justify;">#PopularPosts1 ul li:first-child + li + li + li + li + li:after,</span></span><span style="background-color: #cccccc;"><span style="font-family: 'Source Sans Pro', Arial, Helvetica, Geneva, sans-serif; font-size: 15px; line-height: 24px; text-align: justify;">#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after,</span></span><span style="background-color: #cccccc;"><span style="font-family: 'Source Sans Pro', Arial, Helvetica, Geneva, sans-serif; font-size: 15px; line-height: 24px; text-align: justify;">#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after,</span></span><span style="background-color: #cccccc;"><span style="font-family: 'Source Sans Pro', Arial, Helvetica, Geneva, sans-serif; font-size: 15px; line-height: 24px; text-align: justify;">#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after,</span></span><span style="background-color: #cccccc;"><span style="font-family: 'Source Sans Pro', Arial, Helvetica, Geneva, sans-serif; font-size: 15px; line-height: 24px; text-align: justify;">#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{position:absolute;top:10px;right:5px;border-radius:50%;border:2px solid #ccc;background:#353535;-webkit-box-shadow:0px 0px 5px #000;-moz-box-shadow: 0px 0px 5px #000;width:30px;height:30px;line-height:1em;text-align:center;font-size:28px;color:#fff}</span></span><span style="background-color: #cccccc;"><span style="font-family: 'Source Sans Pro', Arial, Helvetica, Geneva, sans-serif; font-size: 15px; line-height: 24px; text-align: justify;">#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li {background:#DF01D7;width:90%}</span></span><span style="background-color: #cccccc;"><span style="font-family: 'Source Sans Pro', Arial, Helvetica, Geneva, sans-serif; font-size: 15px; line-height: 24px; text-align: justify;">#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after{content:"8"}</span></span><span style="background-color: #cccccc;"><span style="font-family: 'Source Sans Pro', Arial, Helvetica, Geneva, sans-serif; font-size: 15px; line-height: 24px; text-align: justify;">#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li{background:#B041FF;width:90%}</span></span><span style="background-color: #cccccc;"><span style="font-family: 'Source Sans Pro', Arial, Helvetica, Geneva, sans-serif; font-size: 15px; line-height: 24px; text-align: justify;">#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9"}</span></span><span style="background-color: #cccccc;"><span style="font-family: 'Source Sans Pro', Arial, Helvetica, Geneva, sans-serif; font-size: 15px; line-height: 24px; text-align: justify;">#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li +li{background:#F52887;width:90%}</span></span><span style="background-color: #cccccc;"><span style="font-family: 'Source Sans Pro', Arial, Helvetica, Geneva, sans-serif; font-size: 15px; line-height: 24px; text-align: justify;">#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{content:"10"}</span></span><span style="background-color: #cccccc;"><span style="font-family: 'Source Sans Pro', Arial, Helvetica, Geneva, sans-serif; font-size: 15px; line-height: 24px; text-align: justify;">#PopularPosts1 ul li:first-child + li + li + li + li +li{background:#7ee3c7;width:90%}</span></span><span style="background-color: #cccccc;"><span style="font-family: 'Source Sans Pro', Arial, Helvetica, Geneva, sans-serif; font-size: 15px; line-height: 24px; text-align: justify;">#PopularPosts1 ul li:first-child + li + li + li + li + li:after{content:"6"}</span></span><span style="background-color: #cccccc;"><span style="font-family: 'Source Sans Pro', Arial, Helvetica, Geneva, sans-serif; font-size: 15px; line-height: 24px; text-align: justify;">#PopularPosts1 ul li:first-child + li + li + li + li + li +li{background:#f6993d;width:90%}</span></span><span style="background-color: #cccccc;"><span style="font-family: 'Source Sans Pro', Arial, Helvetica, Geneva, sans-serif; font-size: 15px; line-height: 24px; text-align: justify;">#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:"7"}</span></span><span style="background-color: #cccccc;"><span style="font-family: 'Source Sans Pro', Arial, Helvetica, Geneva, sans-serif; font-size: 15px; line-height: 24px; text-align: justify;">#PopularPosts1 ul li:first-child + li + li + li + li{background:#33c9f7;width:90%}</span></span><span style="background-color: #cccccc;"><span style="font-family: 'Source Sans Pro', Arial, Helvetica, Geneva, sans-serif; font-size: 15px; line-height: 24px; text-align: justify;">#PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5"}</span></span><span style="background-color: #cccccc;"><span style="font-family: 'Source Sans Pro', Arial, Helvetica, Geneva, sans-serif; font-size: 15px; line-height: 24px; text-align: justify;">#PopularPosts1 ul li:first-child + li + li + li{background:#c7f25f;width:90%}</span></span><span style="background-color: #cccccc;"><span style="font-family: 'Source Sans Pro', Arial, Helvetica, Geneva, sans-serif; font-size: 15px; line-height: 24px; text-align: justify;">#PopularPosts1 ul li:first-child + li + li + li:after{content:"4"}</span></span><span style="background-color: #cccccc;"><span style="font-family: 'Source Sans Pro', Arial, Helvetica, Geneva, sans-serif; font-size: 15px; line-height: 24px; text-align: justify;">#PopularPosts1 ul li:first-child + li + li{background:#ffde4c;width:90%}</span></span><span style="background-color: #cccccc;"><span style="font-family: 'Source Sans Pro', Arial, Helvetica, Geneva, sans-serif; font-size: 15px; line-height: 24px; text-align: justify;">#PopularPosts1 ul li:first-child + li + li:after{content:"3"}</span></span><span style="background-color: #cccccc;"><span style="font-family: 'Source Sans Pro', Arial, Helvetica, Geneva, sans-serif; font-size: 15px; line-height: 24px; text-align: justify;">#PopularPosts1 ul li:first-child + li{background:#ff764c; width:90%}</span></span><span style="background-color: #cccccc;"><span style="font-family: 'Source Sans Pro', Arial, Helvetica, Geneva, sans-serif; font-size: 15px; line-height: 24px; text-align: justify;">#PopularPosts1 ul li:first-child + li:after{content:"2"}</span></span><span style="background-color: #cccccc;"><span style="font-family: 'Source Sans Pro', Arial, Helvetica, Geneva, sans-serif; font-size: 15px; line-height: 24px; text-align: justify;">#PopularPosts1 ul li:first-child{background:#ff4c54 ;width:90%}</span></span><span style="background-color: #cccccc;"><span style="font-family: 'Source Sans Pro', Arial, Helvetica, Geneva, sans-serif; font-size: 15px; line-height: 24px; text-align: justify;">#PopularPosts1 ul li:first-child:after{content:"1"}</span></span><span style="background-color: #cccccc;"><span style="font-family: 'Source Sans Pro', Arial, Helvetica, Geneva, sans-serif; font-size: 15px; line-height: 24px; text-align: justify;">#PopularPosts1 ul{margin:0;padding:0px 0;list-style-type:none}</span></span><span style="background-color: #cccccc;"><span style="font-family: 'Source Sans Pro', Arial, Helvetica, Geneva, sans-serif; font-size: 15px; line-height: 24px; text-align: justify;">#PopularPosts1 ul li{position:relative;margin:6px 0;border-radius:25px 0px 25px 0px;border:2px solid #f7f7f7;-webkit-box-shadow:3px 3px 3px #000;-moz-box-shadow: 3px 3px 3px #000;padding:10px;}</span></span><span style="background-color: #cccccc;"><span style="font-family: 'Source Sans Pro', Arial, Helvetica, Geneva, sans-serif; font-size: 15px; line-height: 24px; text-align: justify;">#PopularPosts1 img {</span></span><span style="background-color: #cccccc;"><span style="font-family: 'Source Sans Pro', Arial, Helvetica, Geneva, sans-serif; font-size: 15px; line-height: 24px; text-align: justify;">border-radius:200px;</span></span><span style="background-color: #cccccc;"><span style="font-family: 'Source Sans Pro', Arial, Helvetica, Geneva, sans-serif; font-size: 15px; line-height: 24px; text-align: justify;">width:60px; height:60px;</span></span><span style="background-color: #cccccc;"><span style="font-family: 'Source Sans Pro', Arial, Helvetica, Geneva, sans-serif; font-size: 15px; line-height: 24px; text-align: justify;">margin-left:4px;</span></span><span style="background-color: #cccccc;"><span style="font-family: 'Source Sans Pro', Arial, Helvetica, Geneva, sans-serif; font-size: 15px; line-height: 24px; text-align: justify;">}</span></span><span style="background-color: #cccccc;">/*Custom Popular Posts Widget Start*/ </span></blockquote>
<div>
<ul style="text-align: left;">
<li>Save your template and you are done.</li>
<li>If you already applied some custom Popular Post widget code then remove that</li>
<li>If you don't have any popular post widget on your blog then add one by going to </li>
<ul>
<li>Blogger account >> select your blog.</li>
<li>Move to Layout and click on Add a widget.</li>
<li>Select Html/Java widget.</li>
</ul>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHjjkOkTYna2XtxD4OBgWmvmDNlJOqEBxIjZcDEiRIMKkcepo36cJ8yGHGf02EOljzRzh4siNJbJDLixEbHmL0VYQ2wIg9b6yLoxevV8ATxoVfeZ0CHNkUU0D5Ox7U1MG223rE-3ghpTY/s1600/2014-07-17_15-03-35.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="562" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHjjkOkTYna2XtxD4OBgWmvmDNlJOqEBxIjZcDEiRIMKkcepo36cJ8yGHGf02EOljzRzh4siNJbJDLixEbHmL0VYQ2wIg9b6yLoxevV8ATxoVfeZ0CHNkUU0D5Ox7U1MG223rE-3ghpTY/s1600/2014-07-17_15-03-35.png" width="640" /></a></div>
<div style="text-align: left;">
<b>You might like to check out</b>: <a href="http://www.mybloggingtips.com/2014/07/colorful-popular-posts-widget-for.html" target="_blank">Multi-Color Popular Posts Widget For Blogger</a></div>
<div>
<h3 style="background-color: teal; border: 3px solid silver; text-align: left;">
<span style="color: #eeeeee;"> You Like It ??</span></h3>
If you like this widget then please share it your friends. Your comments and feedback is much appreciated.<br />
<br /></div>
</div>
</div>

Stylish Popular Post Widget for Blogger

A blog without Popular Post Widget is incomplete. Popular Posts Widget not only gives quick access to most viewed articles but also en...