Material Styled Circle Social Bookmarking Icons For Blogger

 Icons Pack Detail!

in this icon pack you can found these icons. 9rules, blogger, blogger2, co.mments, delicious, designfloat, digg, facebook, flicker, flicke2, friend star, furl, google, google2, last.fm, linkedin, mail, mixx, my space, netvibes, newsvine, newsvine2, picasa, pownce, reddit, rss, skype, stumbleupon, technorati, twitter, twitter2, vimeo, wordpress, yahoo, youtube in new style, pintrest, and many more. in my next icons post I am sharing with you more attractive icons, and with editable cdr format. you can edit file any time in Corel Draw if you have a knowledge about working in linework. if you like my post plz leave your comment and share with your friends.


Note:- you can open .cdr only in Corel Draw Newest Version.
You Can also download these icons from download section.

Click here For CDR Icons Download

Click here for png icons Download

Continue Reading →

Beautiful Social Sharing Widget to Blogger Blog

 

 

 

 

 

 

 

Add Beautiful Social Bookmarking Icons

Before Editing Make a Template Backup ( How to make a template backup )
1. Go to your blogger Dashboard>>Template>>Edit Template (do not click on expand widget box)
2. and find these lines..

]]></b:skin>

3. And paste this css code before ]]></b:skin>.

/*----Start BT Social Sharing CSS----*/
.fade img {
filter:Charlie(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
.fade:hover img {
filter:Charlie(opacity=20);
-moz-opacity: 0.20;
opacity: 0.20;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
/*----end BT SocialSharing CSS----*/

4. click on save template.
5. and now click on expand widget box which available on top left corner at the blogger template window.
6. and find these lines.

<data:post.body/>

7. and paste this html code after <data:post.body/>.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<center><span style='color: #000000; font-size: 14px; font-family: Trebuchet MS;'><b>If You Enjoyed This Take 5 Second to Share it.</b></span><br/>
<a class='fade' expr:href='&quot;http://technorati.com/faves?add=&quot; + data:post.url' rel='external nofollow' target='_blank'><img alt='Technorati' height='64px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpJGRymGIhPpGaYFAgXmncOPKyP0XHzzHlEZ22W_0A95nXAUwvFvdGviG-sf30dvev-W6Vo5Hko37YeL-GiIyZRhWca5bJHtzT_3IW5c-1yHwrVBHOn7AIIj1JkLbR2dnmeAnq_QBa3u46/s1600/technorati1.png ' width='64px'/></a>
<!-------DIGG-------->
<a class='fade' expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot;  + data:post.url' rel='external nofollow' target='_blank'><img alt='Digg This' height='80px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPmMTGZflgkM7TLdyr4hhO4OzfpQoid5DE6KTJi8RmkolHNuvpzDxxeLrqdFFFvh5ufIlNk6Jgyxzajfc8Oxg0b1AP6PA_X6ccXyGtUAaosbW2JgmWwyEGJOqk76NFgQwfqioXE-wChjkD/s1600/Digg1.png ' width='80px'/></a>
<!------ Twitter ------>
<a class='fade' expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Twitter' height='100px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQcmLTHDhed8Z7NbyN31IT-la1W0oTaKYqamEb6nLyxs6gS3xLCB_b9EI6ep4al7eLKMUtQpjU4sNDGgcql5goywp0OfzEa-EaELlC3tWWd643UeTZCJtUtJDZgT_ZAGphPq-iW_uY59ur/s1600/Twitter1.png' width='100px'/></a>
<!------Facebook------>
<a class='fade' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Facebook' height='100px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIQNhAorftJuMEOdLLeJThuyiwmyB8CsVgrOnfBM5Tx-vJBquytT6ADqG1cJbJJBJq330nL0heqwOvRHrfmkmZ5YrtJMDr-A7j-Vxzr4xN2_xQtvJNEA6T5XxQxErTNEmu2VcZzw8_Y1N4/s1600/Facebook1.png ' width='100px'/></a>
<!------Reddit------>
<a class='fade' expr:href='&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Stumble' height='80px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj27_soBa4w7s4ZS9nh_HmUotVRK8XzAiGDj2cxkV8T8bqzMpUwoiB9J0EbH-iljW6LEGRjvC5LMAIOWqBOk3mDN5tUwdhRk_NyChHLBtxXkt-8b6gmbbTLyKWIPZyqui9EfPMvyWr3Y-pR/s1600/Reddit1.png' width='80px'/></a>
<!------Stumble------>
<a class='fade' expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Stumble' height='64px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikeUZ9eKTpGPcFAzHmyHzepvcHMSKrTImskjWC6cOQN2CgPgDsNrestC4HGj6wKUA_AdyYxUlEdx05DJk8xLa1pBe6IemEYV3KGXgczP9Rg53p4xr9lH5xkbDGcBC-QXeqH6aqYmxYEQkI/s1600/Stumble1.png' width='64px'/></a>
</center>
</b:if>

and now click on save and see result your blog. Note:- if you want to change text color, font and font size make change in these lines. yellow for text color green for text size and red for font style. and pick color from color code genrator tool.
<span style='color: #000000; font-size: 14px; font-family: Trebuchet MS;'>
if you have any problem leave your comment and qu

Continue Reading →

contact form with spam protection To Blogger Blogs

Create your Kontactr account which is free of cost.

1. Go to Kontactr Website

2. click on signup now button.

3. Fill the required fields. YOUR NAME, USERNAME, YOUR VALID EMAIL, PASSWORD and click on sign up button.
4. when you submit your signup request you need validate your free account before using kontactr contact form.
5. Go to your inbox and verify your ownership of kontactr free account.
6. once you verify your account login with your account and get your free contact form.
Note:- you can create only one contact form for each email account.
7. login with your username and password you can see windows like this. click on customize link and customize your contact form.

8. change colors, Background color, text color, box text color, change these colors with your blogger template color. and get form code below Ajax widget  which I showing above.
and now time to add contact to your blog. go to your blogger dashboard>> pages>> new page and choose black page for text or media.


9. copy the Ajax widget code and paste in blogger html tab. and click on preview if preview is looking good then click on save and enjoy your free contact form.
the details used to submit the contact form will emailed to the address which you used for signup. and kontactr cant save any of your personnel data. and I am very excited with kontactr free simple form offer. thanks for reading our post if you have a any trouble with doing this….
plz leave your comment and below in comment.

Continue Reading →