This is default featured slide 1 title

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. blogger theme by BTemplates4u.com.

This is default featured slide 2 title

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. blogger theme by BTemplates4u.com.

This is default featured slide 3 title

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. blogger theme by BTemplates4u.com.

This is default featured slide 4 title

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. blogger theme by BTemplates4u.com.

This is default featured slide 5 title

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. blogger theme by BTemplates4u.com.

Thursday, November 15, 2012

How to Add Circle Image Thumbnail Recent Comments Widget to Blogger?

10:42 AM  ,   4 comments


Recent-Comment-Widget

Recent comments widget is a famous blogger widget among the bloggers.  The Recent Comments Widget for Blogger displays recent blog comments on your sidebar, showing a snippet of comment. If you want to encourage your readers in leaving comments on your blog, this is a widget you shouldn't miss.

So today in this post, I am going to tell you how to add stylish recent comment widget with circle image thumbnail on it.

Read More
Read more »

Add Customized Spinning Hover Effect Lable Widget

9:29 AM  ,   No comments

customize-lable-widget
Labels helps bloggers to categorize their blog posts. So label is a popular and useful widget to bloggers. Ordinary label widget has two styles. They are List and Cloud. Today we are going to customize our ordinary label widget.

DEMO

Steps:

  •  Go to Blogger Dashboard >> Layout.
  • Click 'Add a Gadget'
  • Select Labels.
  • Do changes as bellow.


  • Click Save.
  • Now Go to 'Template'.
  • Backup Your Template.
  • Click 'Edit HTML'
  • Press Ctrl + F and search the code shown below.

  
]]></b:skin>

  • Past the bellow code just above ]]></b:skin>
Code:
.list-label-widget-content ul{ list-style-type:none; padding-left:0px !important; display:inline-block !important;}.list-label-widget-content li { display:inline-block; }
.list-label-widget-content li a {color: #777;font: 9px verdana;text-transform: uppercase;transition: border-color .218s;background:#f4f4f4;background: -webkit-gradient(linear, 0% 40%, 0% 70%, from(#F5F5F5), to(#F1F1F1));display: inline-block;text-shadow: 0 1px 0#fff;-webkit-transition: border-color .218s;-moz-transition: border .218s;-o-transition: border-color .218s;transition: border-color .218s;background:#f3f3f3;background: -webkit-gradient(linear, 0% 40%, 0% 70%, from(#F5F5F5), to(#F1F1F1));background: -moz-linear-gradient(linear, 0% 40%, 0% 70%, from(#F5F5F5), to(#F1F1F1));border: solid 1px#ccc;border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;margin: 0 4px 4px 0;padding: 3px 5px;text-decoration: none;}
.list-label-widget-content li a:hover {color: #333;border-color: #999;border:1px solid #6BB5FF;
text-decoration: none;
-moz-transition: all 0.5s ease-out; 
-o-transition: all 0.5s ease-out; 
-webkit-transition: all 0.5s ease-out; 
-ms-transition: all 0.5s ease-out; 
transition: all 0.5s ease-out;
-moz-transform:rotate(-350deg); 
-o-transform: rotate(-350deg); 
-webkit-transform: rotate(-350deg); 
-ms-transform: rotate(-350deg); 
transform: rotate(-350deg);}

  • Click Save Template.
That's it. See the effects. Hope you enjoy this post. If any questions, feel free to ask.



Read More

Costomize Feedburner Buzzboost Widget

7:04 AM  ,   No comments











We use Feedburner buzzboost widget to display recent posts of our blog. Ordinary buzzboost widget comes with default bullet list. In this post I am going to show you how to customize your buzzboost widget.
DEMO

How to customize Buzzboost widget?

  • Go to Blogger Dashboard ---> Layout
  • Find your Feedburner Buzzboost widget.
  • Copy the bellow piece of code and past it above your buzzboost HTML code.
Code;
<style>
.feedburnerFeedBlock ul li {background: #C0C0C0;
list-style-type: none;
margin:0 0 5px 0px;
padding:5px 5px 5px 20px !important;
-webkit-transition:all 0.1s ease;-moz-transition:all 0.1s ease;-o-transition:all 0.1s ease;border: 0 none !important;
-webkit-border-top-left-radius:20px;
-webkit-border-top-right-radius:20px;
-webkit-border-bottom-right-radius:20px;
-webkit-border-bottom-left-radius:20px;
-moz-border-radius-topleft:20px;
-moz-border-radius-topright:20px;
-moz-border-radius-bottomright:20px;
-moz-border-radius-bottomleft:20px;
border-top-left-radius:20px;
border-top-right-radius:20px;
border-bottom-right-radius:20px;
border-bottom-left-radius:20px;
}
.feedburnerFeedBlock ul li:hover {background: #808080;
 -webkit-border-top-left-radius:27px;-webkit-border-bottom-right-radius:27px;-moz-border-radius-topleft:27px;-moz-border-radius-bottomright:27px;border-top-left-radius:27px;border-bottom-right-radius:27px;
}
.feedburnerFeedBlock ul li a{
color:#000000;
text-decoration:none;
}
.feedburnerFeedBlock ul li a:hover{
color:#fff;
text-decoration:none;
}
#creditfooter{
display:none;
}
</style>

That's it. Hope you like this post. If any questions, feel free to ask.

Read More

Wednesday, November 14, 2012

Awesome Social Media Widget with Rss Feed Subscribe box. 3 various styles.

8:59 AM     No comments





Hello readers. In this post I am going to share you an awesome social media widget. This widget has already published on some other blogging resources. But I have made some cool changes and going to share you in few styles.

 You can find our other widgets by clicking here.

DEMO

How to add this:
  • Login  to your Blogger Account.
  • Select Layout
  • Click 'Add a Gadget/Widget'
  • Select HTML/JavaScript.
  • Copy and Past any Code of below.
  • Make necessary changes. Such as Facebook URL, Twitter username etc..
  • Click OK.

Style 01 ( Drink Can Style )















Code;
<style>
#socialnbtricks{
width:244px;
padding:10px 10px 0px 9px;
background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLMmQGQoeUYy4ZeuygvGaqiot25jNu_ppBDH57LIk6TCOJm8rN9EPCDhTK-ZsAL9SnoxgnclUY03-N9wyrnZDX1rnoHeU_XUSKAXU4uLCFztKmWo7kZ1iCLHAX9gaMcCDfiF7cQY33guQ/s1600/HP-Laptop-Luster.png)no-repeat top left;
box-shadow:5px 7px 5px #ddd;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:20px;}
p#socialnbtricksp img {
    -moz-transition: all 0.8s ease-in-out; 
-webkit-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
padding-right:10px;}
p#socialnbtricksp img:hover {
    -moz-transform: rotate(420deg);
    -webkit-transform: rotate(420deg);
    -o-transform: rotate(420deg);
    -ms-transform: rotate(420deg);
    transform: rotate(420deg);}
bloggertricksform.emailout{
margin:20px;
display:block;
clear:both;
padding:50px;
float:right;
}
.bloggertrickstxt{
font-size:16px;
color:#666;
font-weight:bold;
font-family:Georgia,Times New Roman,Trebuchet MS;
text-decoration:none;
border:1px solid #D3D3D3;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 1px 1px 2px #CCC inset;
-webkit-box-shadow: 1px 1px 2px #CCC inset;
box-shadow: 1px 1px 2px #CCC inset;
width:240px;
height:30px;
}
.bloggertricksbtn{
color:#666;
font-weight:bold;
text-decoration:none;
padding:10px 20px;
border:4px solid #D3D3D3;
cursor: pointer;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-goog-ms-border-radius: 4px;
border-radius: 20px;
background: #fbfbfb;
background: -moz-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f4f4f4));
background: -webkit-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
background: -o-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
background: -ms-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=&#39;#FBFBFB&#39;, endColorstr=&#39;#F4F4F4&#39;,GradientType=0 );
background: linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
}
</style>
<br />
<div id="socialnbtricks">
<center><p id="socialnbtricksp">
<a href="YOUR RSS FEED URL HERE">
<img border="0" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaGiB2Y-ZCTvjxpDLCPhDXHexcJ9KhUAudM-ZQt5sj9sQHLPZ5_uvM7M1hTuqIQXnJKujtwUR_92eYHfcNbcgm3K3MgMJqHnFHRfAevX01KgdVBzRcSqmvRI76KzGWfOT0w4YlGfpeXLD4/s1600/1352904711_icontexto-drink-web20-rss.png " /></a>
<a href="YOUR GOOGLE PLUS URL HERE">
<img border="0" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJIINARgHqB2mdEeZ3Mb9BMLkJsTGVt5ZX6pryNHiIZ_MZzs12WbrgusNPsnbTHqVPn0vcOKGn1nxF0NeRLcf50MXuv-zybl55uqAl3-JuGX9YL8LfKYIrQTBowGmurS2fEDZNEfOBuT7G/s1600/1352904644_icontexto-drink-web20-google.png " /></a>
<a href="YOUR TWITTER URL HERE">
<img border="0" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkQI3epkfKOPiZswdaIqFzM6KOkz2AisE_YoN1NkkhQBI16E7CvYuJHqHYfvsRqcC0XJKh8Q9hj55lwtBq80Ing9Nw7JjFpIBG05rXiXHLn89WTM66Rvv11EtTcT8AemSw7mFaJKhZG8gT/s1600/1352904695_icontexto-drink-web20-twitter.png " /></a>
<a href="YOUR FACEBOOK URL HERE">
<img border="0" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOTYLe2Pm0fKT4sDbbV5jvuH17Mw2tXslbRJSTLavo8UGIT7FyGEKmemx2oBRFhftL9h8m2DikyjPNIwZENvD4NyTtbit_3DS16wu7kc9DQywHtEBBdQ6U-ZTFrSUmPrMUy3FSv0IWGgrz/s1600/1352904680_icontexto-drink-web20-facebook.png " /></a></p></center>
<p style='color:#666;
font-weight:bold;
font-family:Georgia,Times New Roman,Trebuchet MS;'>Get Quality Updates Into Your Inbox FREE !!</p>
<form action='http://feedburner.google.com/fb/a/mailverify' class='emailout' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=YOUR FEEDBURNER ID HERE&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=550&apos;);return true' style='margin: 0pt;' target='popupwindow'>
<input name='uri' type='hidden' value='YOUR FEEDBURNER URL HERE'/>
<center><input name='loc' type='hidden' value='en_US'/>
<input class='bloggertrickstxt' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Enter your Email&quot;;}' onfocus='if (this.value == &quot;Enter your Email&quot;) {this.value = &quot;&quot;}' type='text' value='Enter your Email'/>
<input alt='' class='bloggertricksbtn' title='' type='submit' value='Submit'/>
</form><center>
</div><div><a style=" font-size:9px; color:#3B78CD; text-decoration:none;"href="http://goo.gl/XML9O"> Get This</a></div>

Style 02. (3d Cube)














Code;

<style>#socialnbtricks{
width:244px;
padding:10px 10px 0px 9px;
background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLMmQGQoeUYy4ZeuygvGaqiot25jNu_ppBDH57LIk6TCOJm8rN9EPCDhTK-ZsAL9SnoxgnclUY03-N9wyrnZDX1rnoHeU_XUSKAXU4uLCFztKmWo7kZ1iCLHAX9gaMcCDfiF7cQY33guQ/s1600/HP-Laptop-Luster.png)no-repeat top left;
box-shadow:5px 7px 5px #ddd;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:20px;}
p#socialnbtricksp img {
    -moz-transition: all 0.8s ease-in-out; 
-webkit-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
padding-right:10px;}
p#socialnbtricksp img:hover {
    -moz-transform: rotate(420deg);
    -webkit-transform: rotate(420deg);
    -o-transform: rotate(420deg);
    -ms-transform: rotate(420deg);
    transform: rotate(420deg);}
bloggertricksform.emailout{
margin:20px;
display:block;
clear:both;
padding:50px;
float:right;
}
.bloggertrickstxt{
font-size:16px;
color:#666;
font-weight:bold;
font-family:Georgia,Times New Roman,Trebuchet MS;
text-decoration:none;
border:1px solid #D3D3D3;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 1px 1px 2px #CCC inset;
-webkit-box-shadow: 1px 1px 2px #CCC inset;
box-shadow: 1px 1px 2px #CCC inset;
width:240px;
height:30px;
}
.bloggertricksbtn{
color:#666;
font-weight:bold;
text-decoration:none;
padding:10px 20px;
border:4px solid #D3D3D3;
cursor: pointer;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-goog-ms-border-radius: 4px;
border-radius: 20px;
background: #fbfbfb;
background: -moz-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f4f4f4));
background: -webkit-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
background: -o-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
background: -ms-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=&#39;#FBFBFB&#39;, endColorstr=&#39;#F4F4F4&#39;,GradientType=0 );
background: linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
}
</style>
<br />
<div id="socialnbtricks">
<center><p id="socialnbtricksp">
<a href="YOUR RSS FEED URL HERE">
<img border="0" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiM-THlmUwLDfsgO2sEcT_6UMZkB2HOlPHeC-2e827GXLsxLQQsyS9y4nGxX8uee2QmlqnrqkZl_kks3LT0e6jCLSWMGJPcGUUE02NpyWYgMh1b3yBIsLkgAg2xEJhFz3avm9NwQhY3C7Ye/s1600/RSS-48x48.png " /></a>
<a href="YOUR GOOGLE PLUS URL HERE">
<img border="0" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIMjQN4pYLawQjDiw_E5M9NRY5tW8QftslPn_RtypyI51utjj31OMFTYwWG82-wGKH0qhfX5WU1QwgmojY5mqNKtcN_LlTyodwYjrBSK2jEvnhG6S7CJfJ2r_geLwzYr590kRbstukvIU/s1600/TNT.png " /></a>
<a href="YOUR TWITTER URL HERE">
<img border="0" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhRIG2HtUuMqsAkobvQajMMNHup-IU8w-KVY-hdS3MlJV39hRo5DBwYfJJ5-SqYxfikozsSAYQJxUZ9lGpOZFOtyIKa1dbXkHgx4z7zsiMq-GpdqVP3jiVqNIImcf0TgmkePGeW-2R0wE/s1600/TNT.png" /></a>
<a href="YOUR FACEBOOK URL HERE">
<img border="0" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjn-io7ObU0RroZfmQJAgee962NEmCRt3vm6tre9FF3fp-pbK2XqO-k9nEyq5IsGvKuIZPYG5BWNXKY8oQEyTopNJPJ63WKf-EIb8hIO-TotDL3f5sa2g87qYKHQnrVBWTfl4yNo3oFmp8/s1600/TNT.png " /></a></p></center>
<p style='color:#666;
font-weight:bold;
font-family:Georgia,Times New Roman,Trebuchet MS;'>Get Quality Updates Into Your Inbox FREE !!</p>
<form action='http://feedburner.google.com/fb/a/mailverify' class='emailout' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=YOUR FEEDBURNER ID HERE&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=550&apos;);return true' style='margin: 0pt;' target='popupwindow'>
<input name='uri' type='hidden' value='YOUR FEEDBURNER URL HERE'/>
<center><input name='loc' type='hidden' value='en_US'/>
<input class='bloggertrickstxt' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Enter your Email&quot;;}' onfocus='if (this.value == &quot;Enter your Email&quot;) {this.value = &quot;&quot;}' type='text' value='Enter your Email'/>
<input alt='' class='bloggertricksbtn' title='' type='submit' value='Submit'/>
</form><center>
</div><div><a style=" font-size:9px; color:#3B78CD; text-decoration:none;"href="http://goo.gl/XML9O"> Get This</a></div>


Style 03. (User Effect)

 

Code;


<style>#socialnbtricks{
width:244px;
padding:10px 10px 0px 9px;
background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLMmQGQoeUYy4ZeuygvGaqiot25jNu_ppBDH57LIk6TCOJm8rN9EPCDhTK-ZsAL9SnoxgnclUY03-N9wyrnZDX1rnoHeU_XUSKAXU4uLCFztKmWo7kZ1iCLHAX9gaMcCDfiF7cQY33guQ/s1600/HP-Laptop-Luster.png)no-repeat top left;
box-shadow:5px 7px 5px #ddd;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:20px;}
p#socialnbtricksp img {
    -moz-transition: all 0.8s ease-in-out; 
-webkit-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
padding-right:10px;}
p#socialnbtricksp img:hover {
    -moz-transform: rotate(420deg);
    -webkit-transform: rotate(420deg);
    -o-transform: rotate(420deg);
    -ms-transform: rotate(420deg);
    transform: rotate(420deg);}
bloggertricksform.emailout{
margin:20px;
display:block;
clear:both;
padding:50px;
float:right;
}
.bloggertrickstxt{
font-size:16px;
color:#666;
font-weight:bold;
font-family:Georgia,Times New Roman,Trebuchet MS;
text-decoration:none;
border:1px solid #D3D3D3;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 1px 1px 2px #CCC inset;
-webkit-box-shadow: 1px 1px 2px #CCC inset;
box-shadow: 1px 1px 2px #CCC inset;
width:240px;
height:30px;
}
.bloggertricksbtn{
color:#666;
font-weight:bold;
text-decoration:none;
padding:10px 20px;
border:4px solid #D3D3D3;
cursor: pointer;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-goog-ms-border-radius: 4px;
border-radius: 20px;
background: #fbfbfb;
background: -moz-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f4f4f4));
background: -webkit-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
background: -o-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
background: -ms-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=&#39;#FBFBFB&#39;, endColorstr=&#39;#F4F4F4&#39;,GradientType=0 );
background: linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
}
</style>
<br />
<div id="socialnbtricks">
<center><p id="socialnbtricksp">
<a href="YOUR RSS FEED URL HERE">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhidcrcXfck6ZTSdhYUCqWZl2mVdLK7S5XecLqDpSAnWYNYBsqMLTz-qAnasLaUb7eyFEVwvzhV-VzwUbmcxF0BZS1mdIc1PKL6hVfEFiwM2oZkNhmBas8Zlt6tuWMb8kfy7UMcN_t3AnJF/s1600/1352911677_icontexto-user-web20-rss.png" /></a>
<a href="YOUR GOOGLE PLUS URL HERE">
<img border="0" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLPsii-7tuY4CC7IOisJILo3QuBNr7breyWFa-4q9HS2M9WUmHRe92yx-5EsiXOKDemY0wLlKvDTXbTKucuGNTVFgY6fwjPTemFz1Yb-9gEE7sZk3Nh3NSMzhNJLDuIryYgEmk12Dir6ic/s1600/1352911661_icontexto-user-web20-google.png" /></a>
<a href="YOUR TWITTER URL HERE">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR5qWiwwGaGkJypxQ_t2jJbwX_KYItwb-tvkZIEyldpGorEziTF1kG0U6Xv2-5s8cGuDxRvsplR5aa64ZA7WCqMpREu_kEi5xEckcfHEp2Up6rf9m-L-DR1GhdHqVu4CCDazmk9dW9e39A/s1600/1352911630_icontexto-user-web20-twitter.png" /></a>
<a href="YOUR FACEBOOK URL HERE">
<img border="0" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifdlXfUWlCFNBX_o9lvHQOPEf-BAkih9gXQIIH5D47bdrL2Yc9DXX5YLSsXtL5vfE_N8RkjolYL1Qw4EFXztHVmWUiWmI9enpaIdfk-VDYpc1Pe6cp0JjMlvfPwstgLp4x9ml7iO8f-_Gg/s1600/1352911605_icontexto-user-web20-facebook.png" /></a></p></center>
<p style='color:#666;
font-weight:bold;
font-family:Georgia,Times New Roman,Trebuchet MS;'>Get Quality Updates Into Your Inbox FREE !!</p>
<form action='http://feedburner.google.com/fb/a/mailverify' class='emailout' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=YOUR FEEDBURNER ID HERE&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=550&apos;);return true' style='margin: 0pt;' target='popupwindow'>
<input name='uri' type='hidden' value='YOUR FEEDBURNER URL HERE'/>
<center><input name='loc' type='hidden' value='en_US'/>
<input class='bloggertrickstxt' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Enter your Email&quot;;}' onfocus='if (this.value == &quot;Enter your Email&quot;) {this.value = &quot;&quot;}' type='text' value='Enter your Email'/>
<input alt='' class='bloggertricksbtn' title='' type='submit' value='Submit'/>
</form><center>
</div><div><a style=" font-size:9px; color:#3B78CD; text-decoration:none;"href="http://goo.gl/XML9O"> Get This</a></div>


That's it. If you have any questions, feel free to ask.

Read More

Sunday, July 1, 2012

How To Make Images SEO Friendly On Blogger?

11:29 PM     No comments

Make Images SEO Friendly



We add lots of images to our blog post to make our blog post reader friendly. But we have make the images SEO friendly too.  A big part of blog traffic depends on image search. Search robots can not read images. So we have to tag them.

Follow these simple steps every time you post an image on your blog and I'm sure your blog will rank better than it did before.

Read More
Read more »

Thursday, February 16, 2012

RSS, Facebook, Twitter Subscription widget for blogger

2:34 AM     1 comment



This is the first blogger widget from me. Do you want add a RSS, Facebook, Twitter subscription widget to your blog. Then you will find how to do this on this tutorial.

You can see a picture at the left side. That is how the widget appears.

So how to do this? Simply follow my steps.


Read More
Read more »

Monday, February 13, 2012

Great Color Chart! Best ever!

4:10 AM     No comments

  I gave you HTML Color Code Generator before. Some times you want be able to find the exact color on that. So I decided to give you a bigger color code chart.  You can find a lot of colors on this chart.  And the color code is also provided.

Read More
Read more »

Hex Color Code Generator

3:57 AM     No comments


      We do not use default blogger templates. There are thousands of blogger templates on the net. So we just search blogger template, download and use on our blogs. But when you need to edit your template as you want, you need to know the color codes. You will find several color codes on your template. ( ex: #FFFFFF , #000000 ) There are thousands of colors. And there is no chance to remember all the color codes.

Read More
Read more »

HTML Encorder

12:01 AM     1 comment


This is the first tool that I am giving to you. Why do you need this tool. When you writing tutorials or sometimes when you want to ask question by commenting you need to post HTML/JavaScript codes. Some times you will face this problem.

If you want to type,

Read More
Read more »