Helper Blogger

Move your blog from LiveJournal To Blogger

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;">
<img border="0" height="127" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUn_aAWwVYY0rOxABRkr6Y3BBGcYb0DnkB0IhpNXkH77NyjyvWfWGRFLpJmiM165GUUvo7mar1kMgKfiIx4slcVkoj2Z-W0WxVhmzd5Tmms8mtQSIhubIZNzxFLYH4dYVf6EjCASWGzzYz/s320/1.jpg" width="320" /></div>
<br />
<div style="text-align: justify;">
LiveJournal is a great free resource for people who want to keep a log 
or a diary of sorts of theirs online, or share their life experiences 
with their friends and family. It allows people to make posts, and then 
cross-post and share on their social media profiles. Hence, these 
journals have all the markings of a blog. But for people who started off
 with LiveJournal, but aren't satisfied with the limited options it has,
 <a href="http://www.helperbloggers.blogspot.com/" target="_blank">Blogger</a> 
is a great option for them. Blogger is so much more than what 
LiveJournal is. So if you're not satisfied with LiveJournal, you can 
just move your blog from LiveJournal over to Blogger and get much more functionality.</div>
<div style="text-align: justify;">
</div>
<a href="http://www.blogger.com/blogger.g?blogID=5633879042047294684" name="more"></a><br />
<br />
<div style="text-align: justify;">
We recently published a post about transferring your blog from WordPress to Blogger.
 And we shall continue this series with this LiveJournal to Blogger 
conversion. Our dear readers have been demanding a post on conversion 
from Blogger to WordPress, so we will be doing that soon. Stay tuned :)</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
And now, back to the topic at hand.In this post, we will walk you 
through the conversion. We are assuming that you already have a <a href="http://www.livejournal.com/" target="_blank">LiveJournal</a> account, with some content published on it, which you want to transfer.<br />
<br /></div>
<div style="border: 4px dotted red; color: red; font-size: 18px; line-height: 3px; margin: 0px; padding: 11px; text-align: justify; width: 500px;">
Transferring from LiveJournal to Blogger </div>
<br />
<br />
<br />
<div style="text-align: justify;">
First of all, visit this link (<a href="https://livejournal2blogger.appspot.com/" target="_blank">liveJournal2Blogger</a>),
 and log into your LiveJournal account using the form given on the page.
 Unlike WordPress, LiveJournal doesn't provide you with an option to 
export your content. So you need a third-party app to do it for you. And
 this app does just that for you.</div>
<div style="text-align: justify;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="65" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTrDwqYO78X6NBiieTdz3m038Rd_Ht-xv5p9zLhSsjMe5y63EXGJ3n20FcRSLKE8rRTwPFpFbUdrLCGBkXHGVQatO9_nU7vXv7hgSfsEsJYLJZmO_ob69bQgnHktAlUw1AH7WmSKlWWrDq/s400/login.PNG" width="400" /></div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
You will be prompted to save a file on your computer. This is your 
LiveJournal in a Blogger-friendly exported format. We will use this to 
import data into Blogger, so keep it ready at hand.<br />
<br />
<br /></div>
<div style="border: 4px dotted red; color: red; font-size: 18px; line-height: 3px; margin: 0px; padding: 11px; text-align: justify; width: 500px;">
Importing data into Blogger </div>
<br />
<br />
<div style="text-align: justify;">
Now you have the exported file, all you need to do is import this file into Blogger. Log into, or sign up for a <a href="http://blogger.com/" target="_blank">Blogger</a> account, From there, either Create a new blog, or click on an existing blog where you want to publish your LiveJournal content.</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
Once you're logged into a blog's dashboard, Click on the <b>Settings </b>at the bottom of the left side-bar. From the options that pop out, click on <b>Others</b>. Then, on the right, you'll see an option to <b>Import Blog</b>.</div>
<div style="text-align: justify;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="331" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxfHS-XXJBwXjB52fUJn3b9tAPsaNda3q-k_-Ejt2KtOmxhk-wgwyuuX9yYLuQzle7P4kIWMSQRVxXQ4ckSBNLA85n8k99ZhNv4trhjirl0r6iPxYo3utbNIe2_9SnD3OW3bCfAexxDWCk/s400/blogger.PNG" width="400" /></div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
Now, all you need to do is browse to the file you downloaded, and upload
 it here. Follow the simple instructions, and you have a set of posts 
from your LiveJournal account ready to be published!</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
As with the WordPress to Blogger, this conversion has a limitation of 
file sizes for up to 1 MB. But LiveJournal blogs are pretty small, so 
you shouldn't have much of a problem exporting your posts and comments. 
That's all there is to the conversion. You might also like to know about
 Blogger2WordPress.</div>
</div>

Move your blog from LiveJournal To Blogger

LiveJournal is a great free resource for people who want to keep a log or a diary of sorts of theirs online, or share their life exper...

+ Read more »

Creating Customized HTML Text Area Boxes

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<ins style="border: none; display: inline-table; height: 280px; margin: 0; padding: 0; position: relative; visibility: visible; width: 336px;"></ins><div align="justify">
<img align="left" alt="HTML-Text-Boxes" border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMG_bi74VqEwa4LFGb5OLBqZavwunZCCxP0WazKyg9rardvdcZw6qZU54gr3-6pPZBrGKBtqxPDJwdOAJ8fP7tDPEQFfFQhzrgLVnJ0dWiRgG2e6-1gRpJLC7tzGzhcdlD7lBIphDm2AI/?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline; margin-left: 0px; margin-right: 0px;" title="HTML-Text-Boxes" width="241" />
 Its really important to keep everything as attractive as possible while
 writing posts. Text Area boxes are a useful method of showing long 
bunch of text or code on your blog. Just last month I wrote two posts 25 Vertical Navigation Menus and 30 Horizontal Navigation Menus
 where I have used a lot of coding and all those coding were displayed 
inside fully customized text areas that made the post looked clean and 
neat. Text boxes are good only if there length and height is well 
controlled and today with this tutorial we will learn several ways of 
styling our default text areas.</div>
<div align="justify">
Kindly see a demo first,</div>
<span class="fullpost">   </span><br />
<div align="justify">
<span class="fullpost"><br /></span></div>
<span class="fullpost">
</span>
<br />
<center>
<a href="http://helperbloggers.blogspot.com/2012/08/customize-labels-cloud-in-blogger.html" rel="nofollow" target="_blank">Live Demo </a></center>
<span class="fullpost">
</span>
<br />
<div align="center">
<span class="fullpost"><br /></span></div>
<span class="fullpost">
</span>
<br />
<div align="center">
<span class="fullpost"><b><span style="color: #0080ff;">Before</span></b></span></div>
<span class="fullpost">
</span>
<br />
<div align="justify">
<span class="fullpost"><img alt="text-boxes" border="0" height="79" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvjM_cKM-RiBXH_LFwyDdyd_gVxzJNHfVJT6mgyPkNvi_3PlC8QGo-hiTzj8vUiqTaHt6b9buomE-QcW9UN-fpiFuFGnpFKa0zxfpQin5fVlwpckTKOWQPpys5Y5jofoNyR7_JnVdFFmk/?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="text-boxes" width="217" /> </span></div>
<span class="fullpost">
</span>
<br />
<div align="center">
<span class="fullpost"><b><span style="color: #0080ff;">After</span></b></span></div>
<span class="fullpost">
</span>
<br />
<div align="center">
<span class="fullpost"><img alt="text-boxes" border="0" height="71" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbup0wym9_8UsDfiL1DcTFRR1UfwLRAAyngrlwMDLJLvJVr8shyphenhyphenhbYxAuiOdmfAJoP07VCq8NRCy3fwzJI-HG5K1KkgSpYBR-GGUHk_6IkHW_L3oM8umV9b6VbGpQ5_s5OxiLkyNuHUnY/?imgmax=800" style="border-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="text-boxes" width="463" /></span><br />
<span class="fullpost"><br /></span>
<span class="fullpost"><br /></span></div>
<span class="fullpost">
</span></div>
<div style="border: 4px solid red; color: red; font-size: 18px; line-height: 3px; margin: 0px; padding: 11px; text-align: justify; width: 500px;">
How to Customize the Text Area Box? </div>
<br />
<br />
<span class="fullpost"></span><br />
To do this follow the steps below,<br />
<ol>
<li>Go to <a href="http://www.blogger.com/" target="_blank">Blogger</a> > Layout > Edit HTML </li>
<li>Search for </b:skin> </li>
<li>And just above it paste the code below, </li>
</ol>
<br />
<div>
<blockquote class="tr_bq" style="background-image: url(https://sites.google.com/site/0323books0321/coding2.png); background-position: 0% 0%; background-repeat: no-repeat repeat; border-color: rgb(221, 221, 221) rgb(102, 102, 102) rgb(102, 102, 102) rgb(221, 221, 221); border-style: solid; border-width: 1px; margin: 0px 20px; padding: 10px 20px 10px 45px;">
<div style="background-color: white;">
</div>
<span class="fullpost">.hb-textarea {        </span><br />
<span class="fullpost">padding:0;         </span><br />
<span class="fullpost">margin:0;         </span><br />
<span class="fullpost"><b>background: #fff;</b>         </span><br />
<span class="fullpost"><span style="color: green;"><b>width:400px;            </b></span></span><br />
<span class="fullpost"><span style="color: green;"><b>height:40px; </b></span>        </span><br />
<span class="fullpost"><span style="color: blue;"><b>color:#666;</b></span>         </span><br />
<span class="fullpost"><span style="color: purple;"><b>font:12px arial;</b></span>         </span><br />
<span class="fullpost"><span style="color: #0080c0;"><b>border:1px dotted #289728;</b></span> } <br />
      .hb-textarea:hover {        </span><br />
<span class="fullpost"><b>color:#289728;</b>         </span><br />
<span class="fullpost"><span style="color: #0080ff;"><b>border:2px solid #666; </b></span>        </span><br />
<span class="fullpost">}  </span></blockquote>
<br />
<ol>
</ol>
</div>
<span class="fullpost">   4.  Finally save your template!</span><br />
<br />
<div style="border: 4px solid red; color: red; font-size: 18px; line-height: 3px; margin: 0px; padding: 11px; text-align: justify; width: 500px;">
How to show the Stylized Text Area Effect inside Blogger Posts? </div>
<br />
<br />
<span class="fullpost">To display this customized text area you only need to add the following code in the Edit HTML section of your Blogger Editor,</span><br />
<br />
<blockquote class="tr_bq" style="background-image: url(https://sites.google.com/site/0323books0321/coding2.png); background-position: 0% 0%; background-repeat: no-repeat repeat; border-color: rgb(221, 221, 221) rgb(102, 102, 102) rgb(102, 102, 102) rgb(221, 221, 221); border-style: solid; border-width: 1px; margin: 0px 20px; padding: 10px 20px 10px 45px;">
<div style="background-color: white;">
</div>
<span class="fullpost"><textarea class="hb-textarea" readonly="readonly"><b>WRITE-TEXT-HERE</b></textarea></span></blockquote>
<br />
<span class="fullpost">Simply replace <b>WRITE-TEXT-HERE</b> with your text that you want to appear inside a box.</span><br />
<br />
<div style="border: 4px solid red; color: red; font-size: 18px; line-height: 3px; margin: 0px; padding: 11px; text-align: justify; width: 500px;">
How to Customize The CSS of The Text Box? </div>
<br />
<span class="fullpost"></span><br />
If you wish to change the font, color or in 
short the entire look of the text box then you just need to edit the 
following areas in the CSS code above,<br />
    <strong>background: #fff; –> This Changes background color of the text area</strong>       <br /><span style="color: green;"><strong>width:400px; –> This changes width size of box</strong></span><span style="color: green;"><strong>          <br />height:40px;  -> This changes box height</strong></span>       <br /><span style="color: blue;"><strong>color:#666;</strong></span>  -> This changes font color inside text box       <br /><span style="color: purple;"><strong>font:12px arial;</strong></span> –> This changes font size and font family respectively       <br /><span style="color: #0080c0;"><strong>border:1px dotted #289728;</strong></span>
 } –> This changes the border size, style (i.e dotted, solid, dashed)
 and color. Editing it will change the look of the border/outline across
 the text <br />
    .hb-textarea:hover {      <br /><strong>color:#289728; –> This changes font color on mouse hover</strong>       <br /><span style="color: #0080ff;"><strong>border:2px solid #666;  -> This changes border size, style and color on mouse hover</strong></span><br />
    <span style="color: #2c2725;">Now
 Simply edit the above codes as guided and create a perfectly suiting 
Text box for your beloved blogs. I hope it will be as interesting for 
most of you as it seems :> Do not hesitate to ask for any help if 
needed!</span><br />
</div>

Creating Customized HTML Text Area Boxes

Its really important to keep everything as attractive as possible while writing posts. Text Area boxes are a useful method of showing ...

+ Read more »

Professional Templates for Bloggers

Professional Templates for Bloggers

...

+ Read more »

Subscribe Now 3D Images Widget Fully Customized

<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">
Hello friends today I want to share a cool widget with you. This widget 
is already published on NetinfozBlog but my widget is fully customized. 
The main important feature of this widget is it's cool background with 
email subscription option.You know these 3D images are provided by Paul 
Crowe of spiceupyourblog.com. But I had customized them with a cute and 
light look. So why are you waiting get this cool widget ? Get this now !<br />
<br />
I am providing three styles here. The three styles are :<br />
<br />
<br />
<br />
<ul style="text-align: left;">
<li>Luster effect</li>
<li>Shiny Black</li>
<li>Wooden Style</li>
</ul>
<br />
<ul style="text-align: left;">
</ul>
</div>
<div style="border: 4px solid red; color: red; font-size: 18px; line-height: 3px; margin: 0px; padding: 11px; text-align: justify; width: 500px;">
HTML Codes For Each Styles  </div>
<br />
<div style="border: 4px solid red; color: red; font-size: 18px; line-height: 3px; margin: 0px; padding: 11px; text-align: justify; width: 500px;">
Preview :  </div>
<br />
<br />
  <br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghcZUTGZERawvTs_xb5eMKEUNOjUvAj_HlMJIREbJQHb6AoyVtC_1h08Sxv1o2afLhiunbqsOAbqJ1qQqzRxGh5Lyj5qdP__KobcMtM2arJhBqSZLdI6oRS3z5ls_76vef0_2QlfQA_Ec/s1600/wooden+demo.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghcZUTGZERawvTs_xb5eMKEUNOjUvAj_HlMJIREbJQHb6AoyVtC_1h08Sxv1o2afLhiunbqsOAbqJ1qQqzRxGh5Lyj5qdP__KobcMtM2arJhBqSZLdI6oRS3z5ls_76vef0_2QlfQA_Ec/s1600/wooden+demo.jpg" /></a></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/AVvXsEjgGU5-1NQQtfCvsADGn5mkv1MganUsICvfyw2uVtyj_aA-YVYRIf7S2NXKxXyodMPCOhFHZ8gobCXTaEZEaTLQfhgNUbXZKoaMnkDnBS2Z0YIoMVFvM63BZ6uUGhU4V_q9m_CKiYSR-g0/s1600/hp+luster+demo.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgGU5-1NQQtfCvsADGn5mkv1MganUsICvfyw2uVtyj_aA-YVYRIf7S2NXKxXyodMPCOhFHZ8gobCXTaEZEaTLQfhgNUbXZKoaMnkDnBS2Z0YIoMVFvM63BZ6uUGhU4V_q9m_CKiYSR-g0/s1600/hp+luster+demo.jpg" /></a></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/AVvXsEgUzwwnqFXvi0CrYuIuLDgL32dfrfq6UJoQwVvtCLfYCCFnUBNruwtPxlv6ptwVTovKeCXE8n9bj9tbYPKS6qf62A8NVCigXhzpN3W4lSq9_Pb6VuOmD9V_ZAt2F-p3VJPbdnKE3R5mR40/s1600/shiny+black+demo.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUzwwnqFXvi0CrYuIuLDgL32dfrfq6UJoQwVvtCLfYCCFnUBNruwtPxlv6ptwVTovKeCXE8n9bj9tbYPKS6qf62A8NVCigXhzpN3W4lSq9_Pb6VuOmD9V_ZAt2F-p3VJPbdnKE3R5mR40/s1600/shiny+black+demo.jpg" /></a></div>
</div>
<div style="border: 4px solid red; color: red; font-size: 18px; line-height: 3px; margin: 0px; padding: 11px; text-align: justify; width: 500px;">
TIME TO ADD THIS IN BLOGGER </div>
<br />
<br />
<div style="text-align: left;">
</div>
<div style="text-align: left;">
1. Login to your blogger account.</div>
<div style="text-align: left;">
2. Design -> Add a gadget -> And Select HTML/Javascript widget</div>
<div style="text-align: left;">
3. Paste the below code in it and click save.</div>
<div style="text-align: left;">
</div>
<div style="text-align: left;">
For example, If I want to use the shiny black, I will paste its style 
code and the code which I had provided under the heading codes.<br />
<br /></div>
<div style="text-align: left;">
</div>
<div style="border: 4px solid red; color: red; font-size: 18px; line-height: 3px; margin: 0px; padding: 11px; text-align: justify; width: 500px;">
Luster effect </div>
<br />
<div style="border: 4px solid red; color: red; font-size: 18px; line-height: 3px; margin: 0px; padding: 11px; text-align: justify; width: 500px;">
HTML CODE </div>
<br />
<br />
<div>
<blockquote class="tr_bq" style="background-image: url(https://sites.google.com/site/0323books0321/coding2.png); background-position: 0% 0%; background-repeat: no-repeat repeat; border-color: rgb(221, 221, 221) rgb(102, 102, 102) rgb(102, 102, 102) rgb(221, 221, 221); border-style: solid; border-width: 1px; margin: 0px 20px; padding: 10px 20px 10px 45px;">
<div style="background-color: white;">
</div>
#TNTsub{<br />
width:244px;<br />
padding:70px 10px 0px 9px;<br />
background:#000 
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikBh_HWqwi87IjFugOfbh9A8VZ0qxKIyAdmLcq52kk92Jtlz9pntZWMm2JeQnCtWRmNoCB4Fon4RxOhbZ5EJfde7YZRUhUVjuyt-HzQ89tkd6E8sfvU10epwaX6yUBMbwOlzaSseR-R34/s1600/HP-Laptop-Luster.png)no-repeat
 top left;<br />
box-shadow:5px 7px 5px #ddd;<br />
-moz-border-radius:5px;<br />
-webkit-border-radius:5px;<br />
border-radius:20px;<br />
}<br />
p#TNT_socialicons img {<br />
    -moz-transition: all 0.8s ease-in-out; <br />
-webkit-transition: all 0.8s ease-in-out;<br />
    -o-transition: all 0.8s ease-in-out;<br />
    -ms-transition: all 0.8s ease-in-out;<br />
    transition: all 0.8s ease-in-out;<br />
padding-right:10px;<br />
}<br />
p#TNT_socialicons img:hover {<br />
    -moz-transform: rotate(420deg);<br />
    -webkit-transform: rotate(420deg);<br />
    -o-transform: rotate(420deg);<br />
    -ms-transform: rotate(420deg);<br />
    transform: rotate(420deg);<br />
}<br />
TNTform.emailout{<br />
margin:20px;<br />
display:block;<br />
clear:both;<br />
padding:50px;<br />
float:right;<br />
}<br />
.TNTtextbox{<br />
background:#000 
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdU2us3mqdnHhSlZBG8px4BkmBI19kKmQIpi5lVlP7xDB4IsOxtqzu22Tn1bAnuQ0gpztaSzWohTeFxHVPjJ1fcFnCyc1HeV7P2toZ43myv1g_1OOEZ_SsksDlZinQKh0PfLkNaJrrSGnB/s800/wooden-comment-form.gif)
 no-repeat scroll 4px center;<br />
padding:7px 15px 7px 40px;<br />
color:#666;<br />
font-weight:bold;<br />
font-family:Georgia,Times New Roman,Trebuchet MS;<br />
text-decoration:none;<br />
border:1px solid #D3D3D3;<br />
-moz-border-radius: 4px;<br />
-webkit-border-radius: 4px;<br />
border-radius: 5px;<br />
-moz-box-shadow: 1px 1px 2px #CCC inset;<br />
-webkit-box-shadow: 1px 1px 2px #CCC inset;<br />
box-shadow: 1px 1px 2px #CCC inset;<br />
width:145px;<br />
height:20px;<br />
}<br />
.TNTbutton{<br />
color:#666;<br />
font-weight:bold;<br />
text-decoration:none;<br />
padding:6px 15px;<br />
border:3px solid #D3D3D3;<br />
cursor: pointer;<br />
-moz-border-radius: 4px;<br />
-webkit-border-radius: 4px;<br />
-goog-ms-border-radius: 4px;<br />
border-radius: 20px;<br />
background: #fbfbfb;<br />
background: -moz-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);<br />
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f4f4f4));<br />
background: -webkit-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);<br />
background: -o-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);<br />
background: -ms-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);<br />
filter: progid:DXImageTransform.Microsoft.gradient( 
startColorstr=&#39;#FBFBFB&#39;, 
endColorstr=&#39;#F4F4F4&#39;,GradientType=0 );<br />
background: linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);<br />
}<br />
</style></blockquote>
<br />
<br /></div>
<div style="border: 4px solid red; color: red; font-size: 18px; line-height: 3px; margin: 0px; padding: 11px; text-align: justify; width: 500px;">
Shiny Black </div>
<br />
<div style="border: 4px solid red; color: red; font-size: 18px; line-height: 3px; margin: 0px; padding: 11px; text-align: justify; width: 500px;">
HTML CODE </div>
<br />
<br />
<div>
<blockquote class="tr_bq" style="background-image: url(https://sites.google.com/site/0323books0321/coding2.png); background-position: 0% 0%; background-repeat: no-repeat repeat; border-color: rgb(221, 221, 221) rgb(102, 102, 102) rgb(102, 102, 102) rgb(221, 221, 221); border-style: solid; border-width: 1px; margin: 0px 20px; padding: 10px 20px 10px 45px;">
<div style="background-color: white;">
</div>
#TNTsub{<br />
width:280px;<br />
padding:70px 10px 0px 9px;<br />
background:#000 
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2kfm5YaCBVzF6Pq-M831lINJv4xuBIME5lTSgso8_fQHYAg-i43hVIgXNJEH1Et85zbJ4GVYj74bPGTkDa_bPECclFruuj1ilogiMrLgaFAJ5zIEcezIB_ewWTIGn5UCwm6djcnbJ0_s/s1600/ws_Black_Floor_1440x900.jpg)no-repeat
 top left;<br />
box-shadow:5px 7px 5px #ddd;<br />
-moz-border-radius:5px;<br />
-webkit-border-radius:5px;<br />
border-radius:20px;<br />
}<br />
p#TNT_socialicons img {<br />
    -moz-transition: all 0.8s ease-in-out; <br />
-webkit-transition: all 0.8s ease-in-out;<br />
    -o-transition: all 0.8s ease-in-out;<br />
    -ms-transition: all 0.8s ease-in-out;<br />
    transition: all 0.8s ease-in-out;<br />
padding-right:10px;<br />
}<br />
p#TNT_socialicons img:hover {<br />
    -moz-transform: rotate(420deg);<br />
    -webkit-transform: rotate(420deg);<br />
    -o-transform: rotate(420deg);<br />
    -ms-transform: rotate(420deg);<br />
    transform: rotate(420deg);<br />
}<br />
TNTform.emailout{<br />
margin:20px;<br />
display:block;<br />
clear:both;<br />
padding:50px;<br />
float:right;<br />
}<br />
.TNTtextbox{<br />
background:#000 
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdU2us3mqdnHhSlZBG8px4BkmBI19kKmQIpi5lVlP7xDB4IsOxtqzu22Tn1bAnuQ0gpztaSzWohTeFxHVPjJ1fcFnCyc1HeV7P2toZ43myv1g_1OOEZ_SsksDlZinQKh0PfLkNaJrrSGnB/s800/wooden-comment-form.gif)
 no-repeat scroll 4px center;<br />
padding:7px 15px 7px 40px;<br />
color:#666;<br />
font-weight:bold;<br />
font-family:Georgia,Times New Roman,Trebuchet MS;<br />
text-decoration:none;<br />
border:1px solid #D3D3D3;<br />
-moz-border-radius: 4px;<br />
-webkit-border-radius: 4px;<br />
border-radius: 4px;<br />
-moz-box-shadow: 1px 1px 2px #CCC inset;<br />
-webkit-box-shadow: 1px 1px 2px #CCC inset;<br />
box-shadow: 1px 1px 2px #CCC inset;<br />
width:145px;<br />
height:20px;<br />
}<br />
.TNTbutton{<br />
color:#666;<br />
font-weight:bold;<br />
text-decoration:none;<br />
padding:6px 15px;<br />
border:3px solid #D3D3D3;<br />
cursor: pointer;<br />
-moz-border-radius: 4px;<br />
-webkit-border-radius: 4px;<br />
-goog-ms-border-radius: 4px;<br />
border-radius: 20px;<br />
background: #fbfbfb;<br />
background: -moz-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);<br />
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f4f4f4));<br />
background: -webkit-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);<br />
background: -o-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);<br />
background: -ms-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);<br />
filter: progid:DXImageTransform.Microsoft.gradient( 
startColorstr=&#39;#FBFBFB&#39;, 
endColorstr=&#39;#F4F4F4&#39;,GradientType=0 );<br />
background: linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);<br />
}</blockquote>
<br />
<br /></div>
<div style="border: 4px solid red; color: red; font-size: 18px; line-height: 3px; margin: 0px; padding: 11px; text-align: justify; width: 500px;">
Wooden Style  </div>
<br />
<div style="border: 4px solid red; color: red; font-size: 18px; line-height: 3px; margin: 0px; padding: 11px; text-align: justify; width: 500px;">
HTML CODE </div>
<br />
<br />
<div>
<blockquote class="tr_bq" style="background-image: url(https://sites.google.com/site/0323books0321/coding2.png); background-position: 0% 0%; background-repeat: no-repeat repeat; border-color: rgb(221, 221, 221) rgb(102, 102, 102) rgb(102, 102, 102) rgb(221, 221, 221); border-style: solid; border-width: 1px; margin: 0px 20px; padding: 10px 20px 10px 45px;">
<div style="background-color: white;">
</div>
#TNTsub{<br />
width:280px;<br />
padding:70px 10px 0px 9px;<br />
background:#000 
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOUnrsVIikMSJ6bVR4qxKnBXraY_qlOsTR5IWcQqgxQa6f-BGq-T5PHc8Xx5MdgfQh1cHRNE8ZqITkch8bqTvLbLvdZMmrIHMpOWOkXB51SyfjZf58klQHhx1FNOont-CfKg9jwtcJjfU/s1600/4498648030_2e488d4256.jpg)no-repeat
 top left;<br />
box-shadow:5px 7px 5px #ddd;<br />
-moz-border-radius:5px;<br />
-webkit-border-radius:5px;<br />
border-radius:20px;<br />
}<br />
p#TNT_socialicons img {<br />
    -moz-transition: all 0.8s ease-in-out; <br />
-webkit-transition: all 0.8s ease-in-out;<br />
    -o-transition: all 0.8s ease-in-out;<br />
    -ms-transition: all 0.8s ease-in-out;<br />
    transition: all 0.8s ease-in-out;<br />
padding-right:10px;<br />
}<br />
p#TNT_socialicons img:hover {<br />
    -moz-transform: rotate(420deg);<br />
    -webkit-transform: rotate(420deg);<br />
    -o-transform: rotate(420deg);<br />
    -ms-transform: rotate(420deg);<br />
    transform: rotate(420deg);<br />
}<br />
TNTform.emailout{<br />
margin:20px;<br />
display:block;<br />
clear:both;<br />
padding:50px;<br />
float:right;<br />
}<br />
.TNTtextbox{<br />
background:#000 
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdU2us3mqdnHhSlZBG8px4BkmBI19kKmQIpi5lVlP7xDB4IsOxtqzu22Tn1bAnuQ0gpztaSzWohTeFxHVPjJ1fcFnCyc1HeV7P2toZ43myv1g_1OOEZ_SsksDlZinQKh0PfLkNaJrrSGnB/s800/wooden-comment-form.gif)
 no-repeat scroll 4px center;<br />
padding:7px 15px 7px 40px;<br />
color:#666;<br />
font-weight:bold;<br />
font-family:Georgia,Times New Roman,Trebuchet MS;<br />
text-decoration:none;<br />
border:1px solid #D3D3D3;<br />
-moz-border-radius: 4px;<br />
-webkit-border-radius: 4px;<br />
border-radius: 4px;<br />
-moz-box-shadow: 1px 1px 2px #CCC inset;<br />
-webkit-box-shadow: 1px 1px 2px #CCC inset;<br />
box-shadow: 1px 1px 2px #CCC inset;<br />
width:230px;<br />
height:20px;<br />
}<br />
.TNTbutton{<br />
color:#666;<br />
font-weight:bold;<br />
text-decoration:none;<br />
padding:10px 20px;<br />
border:4px solid #D3D3D3;<br />
cursor: pointer;<br />
-moz-border-radius: 4px;<br />
-webkit-border-radius: 4px;<br />
-goog-ms-border-radius: 4px;<br />
border-radius: 20px;<br />
background: #fbfbfb;<br />
background: -moz-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);<br />
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f4f4f4));<br />
background: -webkit-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);<br />
background: -o-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);<br />
background: -ms-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);<br />
filter: progid:DXImageTransform.Microsoft.gradient( 
startColorstr=&#39;#FBFBFB&#39;, 
endColorstr=&#39;#F4F4F4&#39;,GradientType=0 );<br />
background: linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);<br />
}</blockquote>
<br />
<br /></div>
<div style="border: 4px solid red; color: red; font-size: 18px; line-height: 3px; margin: 0px; padding: 11px; text-align: justify; width: 500px;">
CODE </div>
<br />
<br />
<div>
In the above codes, I had provided just the style codes and what you have to do is : </div>
<div>
</div>
<div>
Copy and Paste Any Style code in the widget column and below that paste the code provided after this line. </div>
<div>
</div>
<div>
</div>
<div>
<blockquote class="tr_bq" style="background-image: url(https://sites.google.com/site/0323books0321/coding2.png); background-position: 0% 0%; background-repeat: no-repeat repeat; border-color: rgb(221, 221, 221) rgb(102, 102, 102) rgb(102, 102, 102) rgb(221, 221, 221); border-style: solid; border-width: 1px; margin: 0px 20px; padding: 10px 20px 10px 45px;">
<div style="background-color: white;">
</div>
<div id="TNTsub"><br />
<center><p id="TNT_socialicons"><br />
    <a href="<span style="color: red;"><b>YOUR RSS FEED URL HERE</b></span>"><br />
<img border="0" src=" 
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQpt8IDUfb_iZjx0ZI1_3LEUIvsh9_YGpmqj6RBdQtxLZ0GP0qbiWbMJL0fhwrl-O5fvEvX_GjPayBjQ6PzVSRCKmci_MaMebUIHo60i4E7IQiaz5VcqK1Ht24IUKpiCaT6YvNV-k0sOnS/s1600/RSS-48x48.png
 " /></a><br />
<a href="<span style="color: #b45f06;"><b>YOUR GOOGLE PLUS URL HERE</b></span>"><br />
<img border="0" src=" 
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBDxH9cRCNwtkb7bApadqASb7gAU6QAclcI5VG1CMQzp5zmpauQqaBqM4UAjWfVqIn4spatQ4TiIh3QGPZJBBpM6wgDcYH3ScQalIoK4ojkLbJawGFgVd2ahVvghR0wVnz_OPt3SQ6Bxs/s1600/TNT.png
 " /></a><br />
<a href="<span style="color: #38761d;"><b>YOUR TWITTER URL HERE</b></span>"><br />
<img border="0" src=" 
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnJxkeIwjHIpPk0fM6QSovWQwVYY1L75PxQIW-nSdmMWml9tnSucGBR5Eqw3wj1aqFdb6m0jy-RYc37HG0yg5ZI2k215arw9K8Xm3i39WkM_bXCmvDsS-7WbzReBStFaFSpZcCM4MhJfU/s1600/TNT.png
 " /></a><br />
<a href="<span style="background-color: #134f5c;"><b><span style="color: white;">YOUR FACEBOOK URL HERE</span></b></span>"><br />
<img border="0" src=" 
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidrSuiQQyicSoHKe-JaEvWyCblxOdxf2EnDgWR1WO6GPmfjtF_cKWkEbrbQ3unpWQJ30zsf14ZHldLcMy5TSvh2mx4NCtq2xnyJWeYyfV9NYF6NrpIW8iDWNjOUsuIW4hqF_muEMfJlXg/s1600/TNT.png
 " /></a></p></center><br />
<p style='color:#666;<br />
font-weight:bold;<br />
font-family:Georgia,Times New Roman,Trebuchet MS;'>Enter your Email 
Below To Get Quality Updates Directly Into Your Inbox FREE !!</p><br />
<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=<span style="background-color: #0b5394;"><b><span style="color: white;">YOUR FEEDBURNER ID HERE</span></b></span>&apos;,
 &apos;popupwindow&apos;, 
&apos;scrollbars=yes,width=550,height=550&apos;);return true' 
style='margin: 0pt;' target='popupwindow'><br />
<input name='uri' type='hidden' value='<span style="color: #351c75;"><b>YOUR FEEDBURNER URL HERE</b></span>'/><br />
<center><input name='loc' type='hidden' value='en_US'/><br />
<input class='TNTtextbox' 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'/><br />
<input alt='' class='TNTbutton' title='' type='submit' value='Submit'/><br />
</form><center><br />
<p style='float:upper right; color:#000; font-size:10px;'><a 
href="http://www.tricksandteach.blogspot.com" target="_blank"> Widget
 By </a></p><br />
</div> </blockquote>
</div>
<div>
<br />
<br />
<ol style="text-align: left;">
<li><b><span style="color: red;">YOUR RSS FEED URL HERE -  </span>Replace this with your RSS feed URL.</b></li>
<li> <b style="color: #b45f06;">YOUR GOOGLE PLUS URL HERE -  - </b><b>Replace this with your Google+ URL</b></li>
<li><b><span style="color: #38761d;">YOUR TWITTER URL HERE -  </span>Replace this with your twitter URL.</b></li>
<li><b><span style="background-color: #134f5c; color: white;">YOUR FACEBOOK URL HERE  -</span><span style="background-color: white;"> Replace this with your Facebook </span>URL</b></li>
<li><b><span style="background-color: #0b5394; color: white;">YOUR FEEDBURNER ID HERE</span><span style="background-color: white;"> - Replace this with your feed-burner id.</span></b></li>
<li><b style="color: #351c75;">YOUR FEEDBURNER URL HERE - </b><b>Replace this with your feed URL.</b></li>
</ol>
<br />
I think you all had liked my post and thanks for reading my post.</div>
<div>
</div>
<div>
</div>
<div>
</div>
<div>
</div>
<div>
</div>
<div>
</div>
<div>
<br /></div>
<div>
</div>
</div>

Subscribe Now 3D Images Widget Fully Customized

Hello friends today I want to share a cool widget with you. This widget is already published on NetinfozBlog but my widget is fully cust...

+ Read more »

Spinning Social Icons With CSS3 For Blogger

<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/AVvXsEjQwJUivNgqA_7mR-h5f1yBvFu17ooKrPxt7xeKwPn_WrDlf_1puzG4Dg2U4sha7vXwq_9jsht9UL-Y9GtxKLAGLI3Und44J14FSI1KTAhQqHqKIm7QzTADDmgmSbXVdNRjnIiRkpA4ouo/s1600/spinning-icons-for-blogger.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/AVvXsEjQwJUivNgqA_7mR-h5f1yBvFu17ooKrPxt7xeKwPn_WrDlf_1puzG4Dg2U4sha7vXwq_9jsht9UL-Y9GtxKLAGLI3Und44J14FSI1KTAhQqHqKIm7QzTADDmgmSbXVdNRjnIiRkpA4ouo/s1600/spinning-icons-for-blogger.png" /></a></div>
We always try to make something different which will attract our 
readers/visitors quickly.In today's tutorial we will play with some 
simple CSS3 properties such as <code>-moz-transform</code> and create a 
simple social widget with  CSS3 spinning effect.This widget will surely 
help you to increase number of social subscribers also it will attract 
your readers and grabs visitors attention quickly.On mouse hover they 
spins(rotates) some degrees and when mouse hovers out on it they return 
to their original position,this effect is caused by the CSS3 property 
which I have mentioned above.Now lets go to the tutorial and see how to 
add them into blogger blog.<br />
<br /></div>
<div style="border: 4px solid red; color: red; font-size: 18px; line-height: 3px; margin: 0px; padding: 11px; text-align: justify; width: 500px;">
How To Add Spinning Icons With CSS3 To Blogger?</div>
<br />
<br />
I am giving 3 style of this widget,choose any of them and follow below steps to add it to your blog.<br />
<br />
<br />
<ol style="text-align: left;">
<li>Choose any style below</li>
<li>Copy the code</li>
<li>Replace my usernames with yours</li>
<li>Go to <b>Blogger Dashboard > Layout</b></li>
<li>Click on <b>Add a Gadget</b></li>
<li>Select <b>HTML/JavaScript</b></li>
<li>Paste your code and save it.</li>
</ol>
<br />
<ol style="text-align: left;">
</ol>
</div>
<div style="border: 2px dotted red; color: red; font-size: 18px; line-height: 3px; margin: 0px; padding: 11px; text-align: justify; width: 500px;">
Live Demo</div>
<br />
<br />
<div>
<blockquote class="tr_bq" style="background-image: url(https://sites.google.com/site/0323books0321/coding2.png); background-position: 0% 0%; background-repeat: no-repeat repeat; border-color: rgb(221, 221, 221) rgb(102, 102, 102) rgb(102, 102, 102) rgb(221, 221, 221); border-style: solid; border-width: 1px; margin: 0px 20px; padding: 10px 20px 10px 45px;">
<div style="background-color: white;">
<style>p#hb_socialicons img {
 /* Spinning Social Icons Widget By HelperBloggers */
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
 
p#hb_socialicons img:hover {
    -moz-transform: rotate(120deg);
    -webkit-transform: rotate(120deg);
    -o-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    transform: rotate(120deg);
}
 
/* Spinning Social Icons Widget By HelperBloggers */
</style> 
 
 
 
<center><p id="hb_socialicons">
    <a href="http://www.facebook.com/pages/Helper-Bloggers/166050840164778/">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFYqg8EcJQfm90Wg21QOgIwmQbPcg7hbHJM2b3klAauSyVLcw4Nysqqc0Xxs3VawQRSVhxHpzztJ7cIgqIDvvXFaceDcdxruTlrGR_XFmVvgaSizrkm8lOtL0RqxFXeUqrgXipF18Ngyw/s1600/helperblogger.com-facebook.png" /></a>
    <a href="http://www.twitter.com/helperbloggers/">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-7Ib2i7jDbehoTURffL5BtmuEVscVf2PcQrceE0OJnWGjRA8dc29xAAE5EhQfsKl1w6D9NLJ3PB4VTXVDrIB8DJdsNLKk2tSCnL8JZ5V7la2gmQxOrQ5YV-iT_IYmcsFrMnlGrkJ14gg/s1600/helperblogger.com-twitter.png" /></a>
    <a href="https://plus.google.com/u/0/106851621955005208707">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfZh9b49WWvDTe1HyMiqBl3JEi6kw77SKXjwbWIHop9hmSwM1rqdMWsKAiqFp38759dGfLA7Z1f5BGAqtNGHl73S4BaxMKk0c9Pt2fP-Cztib2o5S8Mpt1GSjvYyYWiJfvI1u_OZU5HTY/s1600/helperblogger.com-google_plus.png" /></a>
    <a href="http://www.feeds.feedburner.com/helperbloggers/">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnAFfLnlyBr5DuyqtKQjeERcHInOXmd_Z3qPcygwriPxUocIyCuyQCb0CGcXtycLrbX87KY4ICIF3zFoZk4pjjVu_GgV6mf4b25RXaXKN3nk_aS236VZBWnP74cUN7Dm2zALwrVHj9Gi8/s1600/helperblogger.com-rss.png" /></a>
    <a href="http://www.youtube.com/101rashid/">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_vF9xIZtqpNViKw2lM33xwUwthoYil7A98SP6ETTlNcWQ0KSSBwjy1Q9ezWaV5yIzOfxbVgDQui7fC4hO1FRSOGreXfVKmbuOkIelufgSfMcnLVoSM_1Klm29Hv5L2zdIJprnfXF5G7o/s1600/helperblogger.com-youtube.png" /></a>
</p></center>

<div>
<blockquote class="tr_bq" style="background-image: url(https://sites.google.com/site/0323books0321/coding2.png); background-position: 0% 0%; background-repeat: no-repeat repeat; border-color: rgb(221, 221, 221) rgb(102, 102, 102) rgb(102, 102, 102) rgb(221, 221, 221); border-style: solid; border-width: 1px; margin: 0px 20px; padding: 10px 20px 10px 45px;">
<div style="background-color: white;">
<style>p#hb_socialicons img {<br />
 /* Spinning Social Icons Widget By HelperBloggers */<br />
    -moz-transition: all 0.4s ease-in-out;<br />
    -webkit-transition: all 0.4s ease-in-out;<br />
    -o-transition: all 0.4s ease-in-out;<br />
    -ms-transition: all 0.4s ease-in-out;<br />
    transition: all 0.4s ease-in-out;<br />
}<br />
<br />
p#hb_socialicons img:hover {<br />
    -moz-transform: rotate(120deg);<br />
    -webkit-transform: rotate(120deg);<br />
    -o-transform: rotate(120deg);<br />
    -ms-transform: rotate(120deg);<br />
    transform: rotate(120deg);<br />
}<br />
<br />
/* Spinning Social Icons Widget By HelperBloggers */<br />
</style> <br />
<br />
<br />
<br />
<center><p id="hb_socialicons"><br />
    <a href="<span style="color: red;">http://www.facebook.com/pages/Helper-Bloggers/166050840164778</span>"><br />
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFYqg8EcJQfm90Wg21QOgIwmQbPcg7hbHJM2b3klAauSyVLcw4Nysqqc0Xxs3VawQRSVhxHpzztJ7cIgqIDvvXFaceDcdxruTlrGR_XFmVvgaSizrkm8lOtL0RqxFXeUqrgXipF18Ngyw/s1600/helperblogger.com-facebook.png" /></a><br />
    <a href="<span style="color: red;">http://www.twitter.com/helperbloggers</span>/"><br />
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-7Ib2i7jDbehoTURffL5BtmuEVscVf2PcQrceE0OJnWGjRA8dc29xAAE5EhQfsKl1w6D9NLJ3PB4VTXVDrIB8DJdsNLKk2tSCnL8JZ5V7la2gmQxOrQ5YV-iT_IYmcsFrMnlGrkJ14gg/s1600/helperblogger.com-twitter.png" /></a><br />
    <a href="<span style="color: red;">https://plus.google.com/u/0/106851621955005208707</span>"><br />
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfZh9b49WWvDTe1HyMiqBl3JEi6kw77SKXjwbWIHop9hmSwM1rqdMWsKAiqFp38759dGfLA7Z1f5BGAqtNGHl73S4BaxMKk0c9Pt2fP-Cztib2o5S8Mpt1GSjvYyYWiJfvI1u_OZU5HTY/s1600/helperblogger.com-google_plus.png" /></a><br />
    <a href="<span style="color: red;">http://www.feeds.feedburner.com/helperbloggers</span>/"><br />
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnAFfLnlyBr5DuyqtKQjeERcHInOXmd_Z3qPcygwriPxUocIyCuyQCb0CGcXtycLrbX87KY4ICIF3zFoZk4pjjVu_GgV6mf4b25RXaXKN3nk_aS236VZBWnP74cUN7Dm2zALwrVHj9Gi8/s1600/helperblogger.com-rss.png" /></a><br />
    <a href="<span style="color: red;">http://www.youtube.com/101rashid</span>/"><br />
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_vF9xIZtqpNViKw2lM33xwUwthoYil7A98SP6ETTlNcWQ0KSSBwjy1Q9ezWaV5yIzOfxbVgDQui7fC4hO1FRSOGreXfVKmbuOkIelufgSfMcnLVoSM_1Klm29Hv5L2zdIJprnfXF5G7o/s1600/helperblogger.com-youtube.png" /></a><br />
</p></center> 
</div>
</blockquote>
</div>
<br />
<br />
<b>Now replace highlighted lines with your social profile URL.</b><br />
<br />
Finally save your widget and you are done :)<br />
<br /></div>

Spinning Social Icons With CSS3 For Blogger

We always try to make something different which will attract our readers/visitors quickly.In today's tutorial we will play with so...

+ Read more »