MyBloggingTips

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

Guid To Getting Started With Twitter - Infographic

<div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><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;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_FtcSeBgh29ztPjCEX-UDztsUg5f6E1gWTlmD91cmo4r81_iFioIP62JTNNgf_BfYnKfaDPPdWkCeQMymbakD_t3PLuOkCOah5H1W_qGJxKTd74BsImDOMys_lMK91MfWW9hBqylXHCA/s1600/Picture1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="274" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_FtcSeBgh29ztPjCEX-UDztsUg5f6E1gWTlmD91cmo4r81_iFioIP62JTNNgf_BfYnKfaDPPdWkCeQMymbakD_t3PLuOkCOah5H1W_qGJxKTd74BsImDOMys_lMK91MfWW9hBqylXHCA/s1600/Picture1.png" width="640" /></a></div><div style="text-align: center;"><br />
</div>Twitter is a top social site and popular all around the world. If you are new to twitter and wondering how to get started. Then no worry, here is a infographic by twiend which will help you to get started and explain some very basic and important things.<br />
<br />
<b>Must Read</b>: <b><a href="http://www.mybloggingtips.com/2014/07/social-media-dimensions-cheat-sheet-2014.html" target="_blank">Twitter Dimension Cheatsheat</a> | <a href="http://www.mybloggingtips.com/2014/07/twitter-keyboard-shortcut-keys-2014.html" target="_blank">Twitter Keyboard Shortcut Keys</a></b></div><br />
<a href="http://www.copyblogger.com/ingredients/"><img alt="11 Essential Ingredients Every Blog Post Needs [Infographic]" src="http://twiends.com/images/howtotwitter580.jpg" title="Guid To Getting Started With Twitter - [Infographic]" width="650" /></a></div><br />
<div class="separator" style="clear: both; text-align: center;"></div><br />
</div></div>

Guid To Getting Started With Twitter - Infographic

Twitter is a top social site and popular all around the world. If you are new to twitter and wondering how to get started. Then no worry, h...

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