A2z blogger tips: widget

Replace Newer,Older Posts Links With Buttons In Blogger

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="background-color: white; clear: both; color: #555555; font-family: Lora, Arial, Helvetica, Geneva, sans-serif; font-size: 14px; line-height: 24px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX-gC5-X4eEH0rFUunYvFhU4mEzn_5rZmdHIU0VHTGXlsyvuU-I8z8aYnZx7Nkolng0N_G0XlVrugUz_wQzixKLSk3E1mZBl1DwS6Au7i0RN0KynouhItWEP6JvsIGKVM8ywNHFO4Gst6p/s1600/Replace-Older-Newer-Posts-With-Buttons.png" imageanchor="1" style="clear: right; color: #2aa4cf; float: right; margin-bottom: 1em; margin-left: 1em; text-decoration: none;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX-gC5-X4eEH0rFUunYvFhU4mEzn_5rZmdHIU0VHTGXlsyvuU-I8z8aYnZx7Nkolng0N_G0XlVrugUz_wQzixKLSk3E1mZBl1DwS6Au7i0RN0KynouhItWEP6JvsIGKVM8ywNHFO4Gst6p/s1600/Replace-Older-Newer-Posts-With-Buttons.png" style="border: 1px solid rgb(238, 238, 238); padding: 0px;" /></a></div>
<span style="background-color: white; color: #555555; font-family: Lora, Arial, Helvetica, Geneva, sans-serif; font-size: 14px; line-height: 24px;"><br /></span>
<span style="background-color: white; color: #555555; font-family: Lora, Arial, Helvetica, Geneva, sans-serif; font-size: 14px; line-height: 24px;"><br /></span>
<span style="background-color: white; color: #555555; font-family: Lora, Arial, Helvetica, Geneva, sans-serif; font-size: 14px; line-height: 24px;"><br /></span>
<span style="background-color: white; color: #555555; font-family: Lora, Arial, Helvetica, Geneva, sans-serif; font-size: 14px; line-height: 24px;"><br /></span>
<span style="background-color: white; color: #555555; font-family: Lora, Arial, Helvetica, Geneva, sans-serif; font-size: 14px; line-height: 24px;"><br /></span>
<span style="background-color: white; color: #555555; font-family: Lora, Arial, Helvetica, Geneva, sans-serif; font-size: 14px; line-height: 24px;"><br /></span>
<span style="background-color: white; color: #555555; font-family: Lora, Arial, Helvetica, Geneva, sans-serif; font-size: 14px; line-height: 24px;"><br /></span>
<span style="background-color: white; color: #555555; font-family: Lora, Arial, Helvetica, Geneva, sans-serif; font-size: 14px; line-height: 24px;"><br /></span>
<span style="background-color: white; color: #555555; font-family: Lora, Arial, Helvetica, Geneva, sans-serif; font-size: 14px; line-height: 24px;"><br /></span>
<span style="background-color: white; color: #555555; font-family: Lora, Arial, Helvetica, Geneva, sans-serif; font-size: 14px; line-height: 24px;"><br /></span>
<span style="background-color: white; color: #555555; font-family: Lora, Arial, Helvetica, Geneva, sans-serif; font-size: 14px; line-height: 24px;"><br /></span>
<span style="background-color: white; color: #555555; font-family: Lora, Arial, Helvetica, Geneva, sans-serif; font-size: 14px; line-height: 24px;"><br /></span>
<span style="background-color: white; color: #555555; font-family: Lora, Arial, Helvetica, Geneva, sans-serif; font-size: 14px; line-height: 24px;"><br /></span>
<span style="background-color: white; color: #555555; font-family: Lora, Arial, Helvetica, Geneva, sans-serif; font-size: 14px; line-height: 24px;"><br /></span>
<span style="background-color: white; color: #555555; font-family: Lora, Arial, Helvetica, Geneva, sans-serif; font-size: 14px; line-height: 24px;">You may know that default blogger templates are  not much stylish and attractive.In fact,these templates are not made for professional bloggers.You will never get in built professional design and professional features in any default blogger templates.You need to give some part of your time to customize blogger templates design.Today we are also going to share a article about template customization which will helps you in giving professional design to you blogger template.May be you notice that there is Newer Posts,Older Posts and Home link at the bottom of your blogger template.These links are not attractive and fancy.Than why not change these links into stylish fancy buttons to make your blog more attractive.So,today you will know how to change these links to stylish button or images.</span><br />
<span style="background-color: white; color: #555555; font-family: Lora, Arial, Helvetica, Geneva, sans-serif; font-size: 14px; line-height: 24px;"><br /></span>
<h2 style="background-color: white; color: #222222; font-family: oswald; font-size: 25px !important; font-weight: 400 !important; line-height: 40px !important; margin-bottom: 16px; margin-top: 10px; padding-top: 70px;">
How Change Newer,Older Posts And Home Link With Buttons : </h2>
<ul style="background-color: white; color: #555555; font-family: Lora, Arial, Helvetica, Geneva, sans-serif; font-size: 14px; line-height: 24px; list-style: none; margin: 0px 20px 20px 0px; padding-left: 40px;">
<li style="background-attachment: scroll; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6Zwbb0byHE4VBI1UkgnGQJILSJI0L_Q6-Ra_Ia-0du76tAEdv92vEF4Zv_aDEiUh9pi2WqRLEw6k7qB1AaCmmkwZ-B-ejn1bjudjHB7afxQGnELivKe_bx9szQsHliJx3Qmo8aOcKmNg/s400/265.gif); background-position: 0px 4px; background-repeat: no-repeat no-repeat; line-height: 1.4em; margin: 0.3em 0px; padding: 0px 0px 0.8em 20px;">First Go to blogger.com>>Dashboard>>Template>>Edit HTML</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_JYJUJeTARVC-1LBKbucYzUbkFpe4D-_S-Onw1DpMP-gjADDKJiEB3-Ul8HCev0LVp2HqdOtH6DzzLC2Tmii6K9uZrcJvEItVtiBjc6aD6OqY7nt9qwMBkVrV1aoCFfMgaYsTi88eX0U/s1600/a2ZBT.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="219" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_JYJUJeTARVC-1LBKbucYzUbkFpe4D-_S-Onw1DpMP-gjADDKJiEB3-Ul8HCev0LVp2HqdOtH6DzzLC2Tmii6K9uZrcJvEItVtiBjc6aD6OqY7nt9qwMBkVrV1aoCFfMgaYsTi88eX0U/s1600/a2ZBT.png" width="640" /></a></div>
<div>
<span style="color: #555555; font-family: Lora, Arial, Helvetica, Geneva, sans-serif;"><span style="font-size: 14px; line-height: 19.600000381469727px;"><br /></span></span></div>
<div>
<div style="background-color: white; color: #555555; font-family: Lora, Arial, Helvetica, Geneva, sans-serif; font-size: 14px; line-height: 24px;">
<div>
<h4 class="separator" style="clear: both; font-size: 18px; line-height: 1; margin-bottom: 16px; margin-top: 10px;">
To Replace  Home Link With Button : </h4>
<ul style="list-style: none; margin: 0px 20px 20px 0px; padding-left: 40px;">
<li style="background-attachment: scroll; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6Zwbb0byHE4VBI1UkgnGQJILSJI0L_Q6-Ra_Ia-0du76tAEdv92vEF4Zv_aDEiUh9pi2WqRLEw6k7qB1AaCmmkwZ-B-ejn1bjudjHB7afxQGnELivKe_bx9szQsHliJx3Qmo8aOcKmNg/s400/265.gif); background-position: 0px 4px; background-repeat: no-repeat no-repeat; line-height: 1.4em; margin: 0.3em 0px; padding: 0px 0px 0.8em 20px;">Search below code in your blog template using Ctrl+F.</li>
</ul>
</div>
<blockquote class="tr_bq" style="background-color: #444444; background-image: url(http://www.mytricksyard.com/2014/01/Change-Newer-Older-Posts-Link-To-Stylish-Buttons.html#); background-position: 100% 100%; background-repeat: no-repeat no-repeat; border-top-color: rgb(42, 164, 207); border-top-style: solid; border-top-width: 30px; color: white; font-style: italic; margin: 20px; padding: 20px;">
<span class="fullpost"><data:homemsg></data:homemsg></span></blockquote>
<ul style="list-style: none; margin: 0px 20px 20px 0px; padding-left: 40px;">
<li style="background-attachment: scroll; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6Zwbb0byHE4VBI1UkgnGQJILSJI0L_Q6-Ra_Ia-0du76tAEdv92vEF4Zv_aDEiUh9pi2WqRLEw6k7qB1AaCmmkwZ-B-ejn1bjudjHB7afxQGnELivKe_bx9szQsHliJx3Qmo8aOcKmNg/s400/265.gif); background-position: 0px 4px; background-repeat: no-repeat no-repeat; line-height: 1.4em; margin: 0.3em 0px; padding: 0px 0px 0.8em 20px;">Replace it with below code : </li>
</ul>
<blockquote class="tr_bq" style="background-color: #444444; background-image: url(http://www.mytricksyard.com/2014/01/Change-Newer-Older-Posts-Link-To-Stylish-Buttons.html#); background-position: 100% 100%; background-repeat: no-repeat no-repeat; border-top-color: rgb(42, 164, 207); border-top-style: solid; border-top-width: 30px; color: white; font-style: italic; margin: 20px; padding: 20px;">
  <span class="fullpost"><img color:="" red="" src="<b><span style=" />Home_Button_Image_Url</span></blockquote>
</div>
</div>
</div>
"/>Don't forget to to replace <b><span style="color: red;">Home_Button_Image_Url</span></b> with your home image link.If you want to use our blog like home button then Replace <b><span style="color: red;">Home_Button_Image_Url</span></b> with below image code.<br /><blockquote class="tr_bq" style="background-color: #444444; background-image: url(http://www.mytricksyard.com/2014/01/Change-Newer-Older-Posts-Link-To-Stylish-Buttons.html#); background-position: 100% 100%; background-repeat: no-repeat no-repeat; border-top-color: rgb(42, 164, 207); border-top-style: solid; border-top-width: 30px; color: white; font-style: italic; margin: 20px; padding: 20px;">
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivYoeoo9k4RTs_lUy6LVRpAtBpYB4AtROA1drOd9igkH5rnN-H33zJG_n9VvKa5KZvwkTZXahWFn2B-8aXN6Cr8An2fvdryzCeU9cTJC9Wchqi5QV0Z56KHDcskx1a8pRKZr9UcvnUJ1LU/s1600/home.png</blockquote>
<h4 style="font-size: 18px; line-height: 1; margin-bottom: 16px; margin-top: 10px;">
To Replace Older Posts Link With Button : </h4>
<ul style="list-style: none; margin: 0px 20px 20px 0px; padding-left: 40px;">
<li style="background-attachment: scroll; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6Zwbb0byHE4VBI1UkgnGQJILSJI0L_Q6-Ra_Ia-0du76tAEdv92vEF4Zv_aDEiUh9pi2WqRLEw6k7qB1AaCmmkwZ-B-ejn1bjudjHB7afxQGnELivKe_bx9szQsHliJx3Qmo8aOcKmNg/s400/265.gif); background-position: 0px 4px; background-repeat: no-repeat no-repeat; line-height: 1.4em; margin: 0.3em 0px; padding: 0px 0px 0.8em 20px;">Again Search  below code in your blog template.</li>
</ul>
<blockquote class="tr_bq" style="background-color: #444444; background-image: url(http://www.mytricksyard.com/2014/01/Change-Newer-Older-Posts-Link-To-Stylish-Buttons.html#); background-position: 100% 100%; background-repeat: no-repeat no-repeat; border-top-color: rgb(42, 164, 207); border-top-style: solid; border-top-width: 30px; color: white; font-family: Lora, Arial, Helvetica, Geneva, sans-serif; font-size: 14px; font-style: italic; line-height: 24px; margin: 20px; padding: 20px;">
  <span class="fullpost"><data:olderpagetitle></data:olderpagetitle></span></blockquote>
<ul style="background-color: white; color: #555555; font-family: Lora, Arial, Helvetica, Geneva, sans-serif; font-size: 14px; line-height: 24px; list-style: none; margin: 0px 20px 20px 0px; padding-left: 40px;">
<li style="background-attachment: scroll; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6Zwbb0byHE4VBI1UkgnGQJILSJI0L_Q6-Ra_Ia-0du76tAEdv92vEF4Zv_aDEiUh9pi2WqRLEw6k7qB1AaCmmkwZ-B-ejn1bjudjHB7afxQGnELivKe_bx9szQsHliJx3Qmo8aOcKmNg/s400/265.gif); background-position: 0px 4px; background-repeat: no-repeat no-repeat; line-height: 1.4em; margin: 0.3em 0px; padding: 0px 0px 0.8em 20px;">Replace it with below code :</li>
</ul>
<blockquote class="tr_bq" style="background-color: #444444; background-image: url(http://www.mytricksyard.com/2014/01/Change-Newer-Older-Posts-Link-To-Stylish-Buttons.html#); background-position: 100% 100%; background-repeat: no-repeat no-repeat; border-top-color: rgb(42, 164, 207); border-top-style: solid; border-top-width: 30px; color: white; font-family: Lora, Arial, Helvetica, Geneva, sans-serif; font-size: 14px; font-style: italic; line-height: 24px; margin: 20px; padding: 20px;">
<span id="7514346671110994184">     <img color:="" red="" src="<span style=" /><b>Next_Button_Image_Url</b></span>"/> </blockquote>
<span style="background-color: white; color: #555555; font-family: Lora, Arial, Helvetica, Geneva, sans-serif; font-size: 14px; line-height: 24px;">To use next button like our blog replace </span><span style="background-color: white; color: red; font-family: Lora, Arial, Helvetica, Geneva, sans-serif; font-size: 14px; line-height: 24px;"><b>Next_Button_Image_Url </b></span><span style="background-color: white; color: #555555; font-family: Lora, Arial, Helvetica, Geneva, sans-serif; font-size: 14px; line-height: 24px;">with below image url or you can use your own image url.</span><br style="background-color: white; color: #555555; font-family: Lora, Arial, Helvetica, Geneva, sans-serif; font-size: 14px; line-height: 24px;" /><br style="background-color: white; color: #555555; font-family: Lora, Arial, Helvetica, Geneva, sans-serif; font-size: 14px; line-height: 24px;" /><div style="background-color: white; color: #555555; font-family: Lora, Arial, Helvetica, Geneva, sans-serif; font-size: 14px; line-height: 24px;">
<blockquote class="tr_bq" style="background-color: #444444; background-image: url(http://www.mytricksyard.com/2014/01/Change-Newer-Older-Posts-Link-To-Stylish-Buttons.html#); background-position: 100% 100%; background-repeat: no-repeat no-repeat; border-top-color: rgb(42, 164, 207); border-top-style: solid; border-top-width: 30px; color: white; font-style: italic; margin: 20px; padding: 20px;">
<div class="separator" style="clear: both;">
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYN0vbkwk7q4u_nTq7cRxHJha1TqY6aDL2KhQdHUY5ut7AG2Qxy2iIqXLUBupJ-_QpIY3gV4f61nYCUnx0VowOCJck5AqPbFzrBRS20tM4C9ENTkDHYXyWLcC133Q6fkYyu7HohgJT_MXU/s1600/blue_right_arrow.png</div>
</blockquote>
<h4 style="font-size: 18px; line-height: 1; margin-bottom: 16px; margin-top: 10px;">
To Replace Newer Posts Link With Button : </h4>
<ul style="list-style: none; margin: 0px 20px 20px 0px; padding-left: 40px;">
<li style="background-attachment: scroll; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6Zwbb0byHE4VBI1UkgnGQJILSJI0L_Q6-Ra_Ia-0du76tAEdv92vEF4Zv_aDEiUh9pi2WqRLEw6k7qB1AaCmmkwZ-B-ejn1bjudjHB7afxQGnELivKe_bx9szQsHliJx3Qmo8aOcKmNg/s400/265.gif); background-position: 0px 4px; background-repeat: no-repeat no-repeat; line-height: 1.4em; margin: 0.3em 0px; padding: 0px 0px 0.8em 20px;">Then search below code in your template.</li>
</ul>
<blockquote class="tr_bq" style="background-color: #444444; background-image: url(http://www.mytricksyard.com/2014/01/Change-Newer-Older-Posts-Link-To-Stylish-Buttons.html#); background-position: 100% 100%; background-repeat: no-repeat no-repeat; border-top-color: rgb(42, 164, 207); border-top-style: solid; border-top-width: 30px; color: white; font-style: italic; margin: 20px; padding: 20px;">
<span class="fullpost"><data:newerpagetitle></data:newerpagetitle></span></blockquote>
<ul style="list-style: none; margin: 0px 20px 20px 0px; padding-left: 40px;">
<li style="background-attachment: scroll; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6Zwbb0byHE4VBI1UkgnGQJILSJI0L_Q6-Ra_Ia-0du76tAEdv92vEF4Zv_aDEiUh9pi2WqRLEw6k7qB1AaCmmkwZ-B-ejn1bjudjHB7afxQGnELivKe_bx9szQsHliJx3Qmo8aOcKmNg/s400/265.gif); background-position: 0px 4px; background-repeat: no-repeat no-repeat; line-height: 1.4em; margin: 0.3em 0px; padding: 0px 0px 0.8em 20px;">Replace it with below code.</li>
</ul>
<blockquote class="tr_bq" style="background-color: #444444; background-image: url(http://www.mytricksyard.com/2014/01/Change-Newer-Older-Posts-Link-To-Stylish-Buttons.html#); background-position: 100% 100%; background-repeat: no-repeat no-repeat; border-top-color: rgb(42, 164, 207); border-top-style: solid; border-top-width: 30px; color: white; font-style: italic; margin: 20px; padding: 20px;">
  <span id="7514346671110994184"><img color:="" red="" src="<span style=" /><b>Previous_Button_Image_Url</b></span>"/></blockquote>
</div>
To use our blog like previous button replace <span style="color: red;"><b>Previous_Button_Image_Url </b></span>with below image url or use your own image.<br /><br />Now finally click on save template button and view your blog.You have successfully replaced old Newer,Older posts and Home link with Stylish button.If you are facing any problem than ask us below in comments we will surely give you solutions of that problem.And also don't forget to share your thoughts and feedbacks with us in comments.<br /><span style="background-color: white; color: #555555; font-family: Lora, Arial, Helvetica, Geneva, sans-serif; font-size: 14px; line-height: 24px;"><br /></span>
<span style="background-color: white; color: #555555; font-family: Lora, Arial, Helvetica, Geneva, sans-serif; font-size: 14px; line-height: 24px;"><br /></span>

Blogger Blogger Widgets widget Replace Newer,Older Posts Links With Buttons In Blogger

You may know that default blogger templates are not much stylish and attractive.In fact,these templates are not made for professional bloggers.You will never get in built professional design and professional features in any default blogger template…

How to Add a Reddit Button in Blogger Posts

01:32 Unknown 0

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="background-color: white; font-family: lora; font-size: 14px; line-height: 25.200000762939453px;">
<h4 style="color: #464646; font-family: Oswald, Helvetica, Arial; font-size: 18px; font-weight: normal !important; line-height: 30px; list-style: none; margin: 0px 0px 15px; outline: none; padding: 0px;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYK0mFJNs9nGeYmYUri_VsFI3luArL7XviBzJnybG2maRKqoVBqVCS-y_SuWxsKs2vqdbYy30B4opoIc93Qj70qMWct7UBcuWkktLnIK4CzoCb9UWtDAq1P1Dx2G36mzDw5-YUSKcF8vTf/s1600/How-to-Add-a-Reddit-Button-in-Blogger-Posts.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYK0mFJNs9nGeYmYUri_VsFI3luArL7XviBzJnybG2maRKqoVBqVCS-y_SuWxsKs2vqdbYy30B4opoIc93Qj70qMWct7UBcuWkktLnIK4CzoCb9UWtDAq1P1Dx2G36mzDw5-YUSKcF8vTf/s1600/How-to-Add-a-Reddit-Button-in-Blogger-Posts.png" /></a></h4>
<h4 style="color: #464646; font-family: Oswald, Helvetica, Arial; font-size: 18px; font-weight: normal !important; line-height: 30px; list-style: none; margin: 0px 0px 15px; outline: none; padding: 0px;">
<span style="font-family: lora; font-size: 14px; line-height: 25.200000762939453px;"><br /></span></h4>
<h4 style="color: #464646; font-family: Oswald, Helvetica, Arial; font-size: 18px; font-weight: normal !important; line-height: 30px; list-style: none; margin: 0px 0px 15px; outline: none; padding: 0px;">
<span style="font-family: lora; font-size: 14px; line-height: 25.200000762939453px;"><br /></span></h4>
<h4 style="color: #464646; font-family: Oswald, Helvetica, Arial; font-size: 18px; font-weight: normal !important; line-height: 30px; list-style: none; margin: 0px 0px 15px; outline: none; padding: 0px;">
<span style="font-family: lora; font-size: 14px; line-height: 25.200000762939453px;"><br /></span></h4>
<h4 style="color: #464646; font-family: Oswald, Helvetica, Arial; font-size: 18px; font-weight: normal !important; line-height: 30px; list-style: none; margin: 0px 0px 15px; outline: none; padding: 0px;">
<span style="font-family: lora; font-size: 14px; line-height: 25.200000762939453px;"><br /></span></h4>
<h4 style="color: #464646; font-family: Oswald, Helvetica, Arial; font-size: 18px; font-weight: normal !important; line-height: 30px; list-style: none; margin: 0px 0px 15px; outline: none; padding: 0px;">
<span style="font-family: lora; font-size: 14px; line-height: 25.200000762939453px;"><br /></span></h4>
<h4 style="color: #464646; font-family: Oswald, Helvetica, Arial; font-size: 18px; font-weight: normal !important; line-height: 30px; list-style: none; margin: 0px 0px 15px; outline: none; padding: 0px;">
<span style="font-family: lora; font-size: 14px; line-height: 25.200000762939453px;"><br /></span></h4>
<h4 style="color: #464646; font-family: Oswald, Helvetica, Arial; font-size: 18px; font-weight: normal !important; line-height: 30px; list-style: none; margin: 0px 0px 15px; outline: none; padding: 0px;">
<span style="font-family: lora; font-size: 14px; line-height: 25.200000762939453px;"><br /></span></h4>
<h4 style="color: #464646; font-family: Oswald, Helvetica, Arial; font-size: 18px; font-weight: normal !important; line-height: 30px; list-style: none; margin: 0px 0px 15px; outline: none; padding: 0px;">
<span style="font-family: lora; font-size: 14px; line-height: 25.200000762939453px;">While the rest of the other social networking corporations is heading towards a disaster, there is still one company that is achieving the hypes is Reddit. In the past, we have already shown you </span>how to add FaceBook, Twitter and Google+ buttons<span style="font-family: lora; font-size: 14px; line-height: 25.200000762939453px;">. Recently, one of our users asked us that How to add a Reddit button in blogger to gain all potential traffic from it. Your users can upvote your posts to give you a high position on Reddit page, which could help you in getting some targeted </span>traffic especially from the USA<span style="font-family: lora; font-size: 14px; line-height: 25.200000762939453px;">. In this article, we will show you how to add a Reddit button in blogger posts.</span><br style="font-family: lora; font-size: 14px; line-height: 25.200000762939453px;" /><a href="https://www.blogger.com/null" name="more" style="color: #2f6986; font-family: lora; font-size: 14px; line-height: 25.200000762939453px; list-style: none; margin: 0px; outline: none; padding: 0px;"></a><br style="font-family: lora; font-size: 14px; line-height: 25.200000762939453px;" /><span style="font-family: lora; font-size: 14px; line-height: 25.200000762939453px;">The very first thing you need to do is to login into your blogger account. Now go to Template >> Edit HTML >> and search for the </span><b style="font-family: lora; font-size: 14px; line-height: 25.200000762939453px;"><i><data:post .body=""></data:post></i></b><span style="font-family: lora; font-size: 14px; line-height: 25.200000762939453px;"> tag and just above it paste the following piece of coding. (Quick tip: Click anywhere in the Blogger Template Editor, and Press CTRL+F to enable quick search). If you want to place the button below your posts, then paste the following code just below <data:post .body=""> tag</data:post></span></h4>
<h4 style="color: #464646; font-family: Oswald, Helvetica, Arial; font-size: 18px; font-weight: normal !important; line-height: 30px; list-style: none; margin: 0px 0px 15px; outline: none; padding: 0px;">
<b style="font-family: lora; font-size: 14px; line-height: 25.200000762939453px;">Vertical Button:</b></h4>
<h4 style="font-family: Oswald, Helvetica, Arial; font-size: 18px; font-weight: normal !important; line-height: 30px; list-style: none; margin: 0px 0px 15px; outline: none; padding: 0px;">
<span style="color: blue;"><span style="font-family: Consolas, 'Courier New', Monaco, Courier, monospace; font-size: 14px; line-height: 18px;"><script src="http://www.reddit.com/static/button/button3.js" type="text/javascript"></script></span><span style="font-family: lora; font-size: 14px; line-height: 25.200000762939453px;">.</span></span></h4>
<div>
<b style="color: #464646;">Vertical Button (Style 2)</b></div>
<div>
<b style="color: #464646;"><br /></b></div>
<div>
<span style="font-family: Consolas, 'Courier New', Monaco, Courier, monospace; line-height: 18px;"><span style="color: blue;"><script src="http://www.reddit.com/static/button/button2.js" type="text/javascript"></script></span></span></div>
<div>
<span style="font-family: Consolas, 'Courier New', Monaco, Courier, monospace; line-height: 18px;"><span style="color: blue;"><br /></span></span></div>
<div>
<b style="color: #464646;">Horizontal Button:</b></div>
<div>
<b style="color: #464646;"><br /></b></div>
<div>
<span style="font-family: Consolas, 'Courier New', Monaco, Courier, monospace; line-height: 18px;"><span style="color: blue;"><script src="http://www.reddit.com/static/button/button1.js" type="text/javascript"></script></span></span></div>
<div>
<span style="font-family: Consolas, 'Courier New', Monaco, Courier, monospace; line-height: 18px;"><span style="color: blue;"><br /></span></span></div>
<div>
<b style="color: #464646;">Congratulations:</b><span style="color: #464646;"> Once everything is done, save the template by clicking “</span><b style="color: #464646;"><i>Save Template</i></b><span style="color: #464646;">” button. Now go and check your site to see everything is working just fine. If you have followed the steps correctly, you will see the Reddit button working just fine.</span><br style="color: #464646;" /><br style="color: #464646;" /><span style="color: #464646;">That's all folks, we are quite sure this tutorial has helped you in learning how to add a Reddit up-votes button in Blogger posts. You may not find this button on a lot of sites, but if you have a wallpaper or pictorial base site then, this small button could help you to rock your targeted traffic as well as earning. Are you using Reddit button in your site? If yes share, your experience with us.</span></div>
</div>
</div>

Blogger Widgets widget How to Add a Reddit Button in Blogger Posts

While the rest of the other social networking corporations is heading towards a disaster, there is still one company that is achieving the hypes is Reddit. In the past, we have already shown you how to add FaceBook, Twitter and Google+ buttons. Rece…

How to add Number Page Navigation Widget in Blogger

11:38 Unknown 0

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="background-color: white; clear: both; color: #333333; font-family: lora; font-size: 14px; line-height: 25.1875px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHUvQ9uThhA5czi47Krkk3YEbTnjpZvh1e96a8xj81nscma60BKBaYJ3FfA7YJNahqUt6nBMWW1DvzObzsD2UiFUS7KEIMMyVQpU5g9CuNJ86L8KRLMV0bd_LPncb7MSGW5YkNG_9kV3c/s315/Add-page-navigation-widget-in-blogger.jpg" imageanchor="1" style="clear: left; color: #0084ce; float: left; font-family: lora, sans-serif; font-style: italic; font-weight: bold; line-height: 14px; margin: 15px 1em 1em 0px; padding: 3px 7px; text-decoration: none;"><img alt="Number Page Navigation Widget For Blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHUvQ9uThhA5czi47Krkk3YEbTnjpZvh1e96a8xj81nscma60BKBaYJ3FfA7YJNahqUt6nBMWW1DvzObzsD2UiFUS7KEIMMyVQpU5g9CuNJ86L8KRLMV0bd_LPncb7MSGW5YkNG_9kV3c/s315/Add-page-navigation-widget-in-blogger.jpg" style="border-width: 0px; padding: 10px;" title="Number Page Navigation Widget For Blogger"></a></div>
<div style="background-color: white; color: #333333; font-family: lora; font-size: 14px; line-height: 25.1875px; text-align: justify;">
Page Navigation widget is the need of every blogger template. we see that different blogger templates have different styles of  page numbering navigation bar. It commonly appeared below in all posts on the home page of a blog. This widget helps in jumping to previous posts of a blog or <br>
</div></div></div>

widget How to add Number Page Navigation Widget in Blogger

Page Navigation widget is the need of every blogger template. we see that different blogger templates have different styles of page numbering navigation bar. It commonly appeared below in all posts on the home page of a blog. This widget helps in j…

How To Add Skype Contact Widget In Blogger

11:31 Unknown 0

Blogger Widgets widget How To Add Skype Contact Widget In Blogger

All the internet savvy know that Skype is one of the fastest and quick conversion tool ever on the internet. More than ninety five percent people use Skype to communicate with the clients, friends, Relatives and also uses for business purposes. In m…

How to Add Professional Notification Bar in Blogger Blog ?

11:30 Unknown 0

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="background-color: white; clear: both; color: #333333; font-family: lora; font-size: 14px; line-height: 25.1875px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnosw-63KDnbeEro05Euvl6KmEdCK0NFZCn-Sc_2Vq8LNleBBNYipJCh1m_AgXd0wrKvlS5aGNjxSYsrkV_6F9y59CgoStQPYsrwXSr2mN_Alkm7BVnI92vwqUvcMNroMF_CHOL-NevIQ/s1600/blogger-notification-bar.png" imageanchor="1" style="clear: left; color: #0084ce; float: left; font-family: lora, sans-serif; font-style: italic; font-weight: bold; line-height: 14px; margin: 15px 1em 1em 0px; padding: 3px 7px; text-decoration: none;"><img alt="Professional Notification Bar for Blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnosw-63KDnbeEro05Euvl6KmEdCK0NFZCn-Sc_2Vq8LNleBBNYipJCh1m_AgXd0wrKvlS5aGNjxSYsrkV_6F9y59CgoStQPYsrwXSr2mN_Alkm7BVnI92vwqUvcMNroMF_CHOL-NevIQ/s1600/blogger-notification-bar.png" style="border-width: 0px; padding: 10px;" title="Professional Notification Bar for Blogger"></a></div>
<div style="background-color: white; color: #333333; font-family: lora; font-size: 14px; line-height: 25.1875px; text-align: justify;">
Today we are releasing a new fancy style black notification bar for your blogger blog. This notification bar will show your desire post which you want to show up at the top of the blog. However most of bloggers display the hot deals or popular post with the help of this blogger notification. The most big advantage of having notification message at the top of the blog will exist remain even if we grab the mouse down or scrolling up and down. This top righted bar will interact with every page or post. So if you have not yet added a notification bar into blogger then we would recommended to add this simple black color notification bar in your blogger blog. Most of the time i have seen bundles of comments posted by newbies in blogging forum, how could we add a notification message alert bar in blogspot blog. So in today article we will show you, How to add a professional like notification bar in blogger blog. ?<br>
</div></div></div>

Blogger Widgets widget How to Add Professional Notification Bar in Blogger Blog ?

Today we are releasing a new fancy style black notification bar for your blogger blog. This notification bar will show your desire post which you want to show up at the top of the blog. However most of bloggers display the hot deals or popular post …

5 Softwares You Must Have To Become A Better Blogger

04:39 Unknown

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="background-color: white; color: #333333; font-family: 'open sans', sans-serif; font-size: 15px; line-height: 25px; margin: 0px 1em; padding: 0px; text-align: center;">
<img alt="5 softwares you must have to become a better blogger" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjS_jw3qptKl9a1UDIIaXbYdwbSOimMZyXaZx6exn3WNqHcdJs24TCy4boU2WpzlrPg5iKg1uPTEwRlat4R2RIWbUyvL-64HYiqjqjU8fC4CJ8OXkq8js487CPGgGZBt1CWzox6dwOdXaM/s1600/better-blogger.png" style="height: auto; margin: 0px 22.3125px; max-width: 94%; padding: 0px; position: relative;" title="5 softwares you must have to become a better blogger"></div>
<span style="background-color: white; color: #333333; font-family: 'open sans', sans-serif; font-size: 15px; line-height: 25px; text-align: justify;">A bad worker with full equipment still work more productive than a good worker equipped with nothing. If you know how to design your own blogger template but only use some simple software to </span><br>
</div>

Softwere widget 5 Softwares You Must Have To Become A Better Blogger

A bad worker with full equipment still work more productive than a good worker equipped with nothing. If you know how to design your own blogger template but only use some simple software to …

HOW TO CHANGE SELECT TEXT COLOR ON BLOGGER

02:31 Unknown

<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="font-size: large;">How To Change Text Colour On Blog</span><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlzTOegqcktDz0l5JRSvFvOSahVwStXcZEHDAQii_UcbkNI2vjKiDrckWwhHvfURf_S3z0pNNQQ3B5gBS81gMDFQpxb-lCQi7M4hjErGCxnX1ymIesfz-r8Wnp8Hr-zicV3HNahlQj5Dc/s1600/Selected+text+color+change.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="137" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlzTOegqcktDz0l5JRSvFvOSahVwStXcZEHDAQii_UcbkNI2vjKiDrckWwhHvfURf_S3z0pNNQQ3B5gBS81gMDFQpxb-lCQi7M4hjErGCxnX1ymIesfz-r8Wnp8Hr-zicV3HNahlQj5Dc/s320/Selected+text+color+change.png" width="320"></a></div>
<div>
<br style="background-color: white; color: #222222; font-size: 14px; line-height: 22.390625px;"><span style="background-color: white; color: #222222; font-size: 14px; line-height: 22.390625px;">Hello Friends Today I am Gonna Show You How To Change Select Text </span><span class="IL_AD" id="IL_AD4" style="background-attachment: scroll !important; background-color: white; background-image: none !important; background-position: 0% 50%; background-repeat: repeat repeat !important; border-bottom-color: rgb(89, 57, 170) !important; border-bottom-style: solid !important; border-bottom-width: 1px !important; color: rgb(89, 57, 170) !important; cursor: pointer !important; display: inline !important; float: none !important; font-size: 14px; line-height: 22.390625px; padding: 0px 0px 1px !important; position: static; text-decoration: underline !important;">Color Code</span><span style="background-color: white; color: #222222; font-size: 14px; line-height: 22.390625px;"> On Blogger.So Follow My Steps..............................................</span></div></div>

Blogger widget HOW TO CHANGE SELECT TEXT COLOR ON BLOGGER

How To Change Text Colour On Blog Hello Friends Today I am Gonna Show You How To Change Select Text Color Code On Blogger.So Follow My Steps..............................................…

Computer Trick---Simple Steps To make your own Antivirus.

18:39 Unknown

<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="font-size: large;">Simple Steps To Make Your Own Antivirus</span><br>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcO79LfUeHl8J6zY1sZ1wJCzsjxYYQkwk9AvrKwZ7xbsdegljGGmHMpE9q27to3eOr_1rJbDracCWo88JvVt_ggqKbT2zHnd7W4XPfbcrJxcZSPYNxSTpKUr29uEL2T3P7bSXknwkXrDw/s1600/anti+virus.PNG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="174" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcO79LfUeHl8J6zY1sZ1wJCzsjxYYQkwk9AvrKwZ7xbsdegljGGmHMpE9q27to3eOr_1rJbDracCWo88JvVt_ggqKbT2zHnd7W4XPfbcrJxcZSPYNxSTpKUr29uEL2T3P7bSXknwkXrDw/s200/anti+virus.PNG" width="200"></a><span style="background-color: white; color: #111111; font-family: 'Trebuchet MS', sans-serif; font-size: 15px; line-height: 24px;">The main functioning of </span><span class="IL_AD" id="IL_AD4" style="background-attachment: scroll !important; background-color: white; background-image: none !important; background-position: 0% 50%; background-repeat: repeat repeat !important; border-bottom-color: rgb(27, 142, 222) !important; border-bottom-style: dotted !important; border-bottom-width: 1px !important; color: rgb(27, 142, 222) !important; cursor: pointer !important; display: inline !important; float: none !important; font-family: 'Trebuchet MS', sans-serif; font-size: 15px; line-height: 24px; padding: 0px 0px 1px !important; position: static;">Antivirus</span><span style="background-color: white; color: #111111; font-family: 'Trebuchet MS', sans-serif; font-size: 15px; line-height: 24px;"> is to detect and remove  harmful or unwanted files which may slowdown your computer and windows. But if you don't have enough time to </span><span class="IL_AD" id="IL_AD5" style="background-attachment: scroll !important; background-color: white; background-image: none !important; background-position: 0% 50%; background-repeat: repeat repeat !important; border-bottom-color: rgb(27, 142, 222) !important; border-bottom-style: dotted !important; border-bottom-width: 1px !important; color: rgb(27, 142, 222) !important; cursor: pointer !important; display: inline !important; float: none !important; font-family: 'Trebuchet MS', sans-serif; font-size: 15px; line-height: 24px; padding: 0px 0px 1px !important; position: static;">download</span><span style="background-color: white; color: #111111; font-family: 'Trebuchet MS', sans-serif; font-size: 15px; line-height: 24px;">any best </span><span style="background-color: white; color: #111111; font-family: 'Trebuchet MS', sans-serif; font-size: 15px; line-height: 24px;">antivirus</span><span style="background-color: white; color: #111111; font-family: 'Trebuchet MS', sans-serif; font-size: 15px; line-height: 24px;">. Then simply use this trick to make your own </span><span style="background-color: white; color: #111111; font-family: 'Trebuchet MS', sans-serif; font-size: 15px; line-height: 24px;">antivirus</span><span style="background-color: white; color: #111111; font-family: 'Trebuchet MS', sans-serif; font-size: 15px; line-height: 24px;">.</span><br>
</div>

widget Computer Trick---Simple Steps To make your own Antivirus.

Simple Steps To Make Your Own Antivirus The main functioning of Antivirus is to detect and remove harmful or unwanted files which may slowdown your computer and windows. But if you don't have enough time to downloadany best antivirus. Then simply u…

Download Subway Surfer For PC/Laptop - Mac/Windows

18:34 Unknown

<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/AVvXsEi00KeOrXJ7rrxZDdICRQ1Er6CwcghPj3u97uiKe60XlvodTA4LEbyhyvv7lZ9vKDWzDbKZbmh2iHvFYT7NiMY1adDQ-pvlGCgNK-77GeQrj5ukNQyWK-S4FVzFcsND-Cwmsu8up8l76fI/s1600/subway-surfer-title-screen.jpeg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi00KeOrXJ7rrxZDdICRQ1Er6CwcghPj3u97uiKe60XlvodTA4LEbyhyvv7lZ9vKDWzDbKZbmh2iHvFYT7NiMY1adDQ-pvlGCgNK-77GeQrj5ukNQyWK-S4FVzFcsND-Cwmsu8up8l76fI/s1600/subway-surfer-title-screen.jpeg"></a></div>
<div style="background-color: white; color: #111111; font-family: 'Trebuchet MS', sans-serif; font-size: 15px; line-height: 24px; text-align: justify;">
<h2 class="post-title entry-title" style="color: #1950ab; font-size: 22px; line-height: 1.2em; margin: 0px 0px 5px; padding: 4px 0px; text-align: left;">
Download Subway Surfer For PC/Laptop - Mac/Windows</h2>
</div>
<div style="background-color: white; color: #111111; font-family: 'Trebuchet MS', sans-serif; font-size: 15px; line-height: 24px; text-align: justify;">
In these days Subway surfer makes there position as one of the popular and best game. Subway surfers runs on both IOS and Android supported devices. Subway introduce different version based and named on different <span class="IL_AD" id="IL_AD2" style="background-attachment: scroll !important; background-color: transparent !important; background-image: none !important; background-position: 0% 50%; background-repeat: repeat repeat !important; border-bottom-color: rgb(27, 142, 222) !important; border-bottom-style: dotted !important; border-bottom-width: 1px !important; color: rgb(27, 142, 222) !important; cursor: pointer !important; display: inline !important; float: none !important; padding: 0px 0px 1px !important; position: static;">locations</span>. Subway is the only game which we play more and more just collect more <span class="IL_AD" id="IL_AD4" style="background-attachment: scroll !important; background-color: transparent !important; background-image: none !important; background-position: 0% 50%; background-repeat: repeat repeat !important; border-bottom-color: rgb(27, 142, 222) !important; border-bottom-style: dotted !important; border-bottom-width: 1px !important; color: rgb(27, 142, 222) !important; cursor: pointer !important; display: inline !important; float: none !important; padding: 0px 0px 1px !important; position: static;">coins</span>. Subway is little bit similar to Temple Run but graphically it is totally different. But the main problem of this popular game is they do not introduce any official game version for PC or Mac. Those who don't have or don't use IOS or android then they are not to enjoy this game. But don't worry here is solution of your problem and its very much easy. By using this tricks you can install subway surfer on your windows or mac device without any problem and able to play this game. As i already post about <span class="IL_AD" id="IL_AD5" style="background-attachment: scroll !important; background-color: transparent !important; background-image: none !important; background-position: 0% 50%; background-repeat: repeat repeat !important; border-bottom-color: rgb(27, 142, 222) !important; border-bottom-style: dotted !important; border-bottom-width: 1px !important; color: rgb(27, 142, 222) !important; cursor: pointer !important; display: inline !important; float: none !important; padding: 0px 0px 1px !important; position: static;">download</span> <span class="IL_AD" id="IL_AD3" style="background-attachment: scroll !important; background-color: transparent !important; background-image: none !important; background-position: 0% 50%; background-repeat: repeat repeat !important; border-bottom-color: rgb(27, 142, 222) !important; border-bottom-style: dotted !important; border-bottom-width: 1px !important; color: rgb(27, 142, 222) !important; cursor: pointer !important; display: inline !important; float: none !important; padding: 0px 0px 1px !important; position: static;">WhatsApp</span> on Pc which was also famous and popular platform i also recommend you to take look on it</div>
<br>
</div>

Android widget Download Subway Surfer For PC/Laptop - Mac/Windows

Download Subway Surfer For PC/Laptop - Mac/Windows In these days Subway surfer makes there position as one of the popular and best game. Subway surfers runs on both IOS and Android supported devices. Subway introduce different version based and name…