Blogger Widget: How to add(setup) twitter follow widget to Blogger

            Blogger Widget: How to add(setup) twitter follow widget to Blogger

Twitter is social networking website which contain good popular people .The twitter is providing api , widgets for blogger to show how many followers you have.Follow the below steps to add followers widget

Facebook like widget for Blogger

1. login to blogger
2.  goto Layout
3. click on add gadget
4.  choose add html/javascript
5. paste the below code

<link href="http://twitter-friends-widget.googlecode.com/svn/v2/dark.css" rel="stylesheet" type="text/css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script src="http://twitter-friends-widget.googlecode.com/files/jquery.twitter-friends-2.0.min.js" type="text/javascript"></script>

<!-- Required HTML -->
<div class="twitter-friends">
   <!-- { 
      username: 'siddhuvydyas'
      ,friends: 1
      ,width:300
      ,users_max:16
      ,users_height:120
      ,user_image:40
      ,user_animate:'width'
      ,tweet:1
      ,tweet_height:60
      ,loop:1
   } -->
   <a class="tfw-info" href="aitamelearning.blogspot.com" target="_blank">Twitter Friends/Followers Widget</a>
</div>

replace red colored word with your twitter username
Feel free to leave comments

Read More

HOW TO add cute twitter bird to blogger or website

hello friends today i posted a good one for all just follow what i explained plz encourage me and fell free to comment
twitter is one of the good social networking website which advertise your site







please follow these steps

1. Go To Blogger > Design > Edit HTML
2. Backup your template
3. Search for </body>
4. And just above it paste the code below

<script src='http://bloggerblogwidgets.googlecode.com/files/way2blogging.org-tripleflap.js' type='text/javascript'> 
</script> 
<script type='text/javascript'> 
var twitterAccount = "MyBloggerTricks"; 
var tweetThisText = " <data:blog.pageTitle/> : <data:blog.url/> "; 
tripleflapInit(); 
</script>

Read More

HOW TO add email subscription to blogger

email subscription to blogger

1. Go to Blogger > Design > Page Element
2. Add a Gadget Below Header 
3. Choose HTML/JavaScript Gadget
4. Paste the Following Code in Gadget

                

<style type="text/css">

#pbt_feature_box{background:#f0f4f4; border-bottom: 1px solid #D4D4D4; padding:10px 15px 0px; height:55px;}

#pbt_sleek-subscribe{display: block; margin:0 auto; } 

.pbt_newsheadline {color:#222; font-size:15px; line-height:50px; float:left; font-weight:bold;}

.pbt_newsheadline span{font-size:38px; color:#444; line-height:14px; font-family: "Droid Sans",arial,sans-serif; font-weight:normal;}

.pbt_newsheadline cite{font-style:normal; color:#f00;}

.pbt_signform{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8vQrzIrpPbN3-RxV2Qrufkh4MR8vaWoEmVpB9MwZzx4NVgMEH79U7V09cAVXVCTtrH7heWRm7_I5sb1iXwcAIqPd9MGXhIDh8r2Q8mhuKmlZUc0KTnLfaaB_jgHk5tIxj1bh7UfNS3HLq/s1600/arrow.jpg') no-repeat;padding:0 0 10px 100px; float:right; }

.pbt_txt2, .pbt_txt2:focus{width:140px; font-size:15px; background:#f7f7f7; color:#004B80; border:1px solid #E36B0A; margin:0 5px; float:left; padding:10px; width:160px; border-radius: 10px;}

.pbt_btn2, .pbt_btn2:focus {background:#E36B0A; margin:0 5px; padding:8px 10px 9px; border:1px solid #AD5513; color:#fff; font-size:15px; border-radius:10px;}

.pbt_btn2:hover{background:#6689b0; }

</style>

<div id='pbt_feature_box'>

<div id='pbt_sleek-subscribe'>

<div class='pbt_newsheadline'><span>Sign up</span> for <cite>FREE</cite> daily Updates.</div>

<form action='http://feedburner.google.com/fb/a/mailverify?uri=probloggingtools' class='pbt_signform' method='post' target='_new'>

<input class='pbt_txt2' name='name' onblur='if (this.value == &#39;&#39;) {this.value = &#39;your name...&#39;;}' onfocus='if (this.value == &#39;your name...&#39;) {this.value = &#39;&#39;;}' value='your name...'/>

<input class='pbt_txt2' name='email' onblur='if (this.value == &#39;&#39;) {this.value = &#39;your email address...&#39;;}' onfocus='if (this.value == &#39;your email address...&#39;) {this.value = &#39;&#39;;}' value='your email address...'/>

<input class='pbt_btn2' type='submit' value='subscribe me!'/>

</form>

</div>

</div>

replace blue color with urs

Read More

HOW TO set Facebook Like widget to blogger

i think you are awaiting for this one because this is attractive one  For this widget you have to only edit your Facebook Page id only. To get this Widget for your blog follows the instruction below..
Facebook Like widget to blogger

1. Go to Blogger > Design > Page Elements
2. Add a Gadget
3. Select "HTML/JavaScript" gadget
4. paste the following code in Gadget                                                                                                              

<iframe src="http://www.connect.facebook.com/widgets/fan.php?channel_url=http://probloggingtools.com/?fbc_channel=2&id=361232753932484&name=PBT&width=297&connections=10&stream=0&logobar=0&css=http://probloggingtools.googlecode.com/files/facebook-like-Box-style.css" height="300" frameborder="0"> </iframe>

Read More