Showing posts with label widget. Show all posts
Showing posts with label widget. Show all posts

Saturday, March 4, 2017

Add Animated Flying Twitter Bird Widget to Blogger

Add Animated Flying Twitter Bird Widget to Blogger


Add Animated Flying Twitter Bird Widget to Blogger
Hello readers, adding twitter flying bird in blogger is amazing. It is not just for fun. It is the best widget to sharing your blog by visitors. Each and every visitor who enters into your blog will see the flying bird. More than half of the people try to catch the bird (click on that bird). By clicking the bird they promote your blog in twitter network. So that you will get more visitors from twitter. Before i have share How to Disable Right Click On Blogger For Images. Twitter is one of the top most social networking services which is used by people for community purpose like Facebook. The bird will fly for the movement of cursor which is moved by blog visitors. More than half of the people living in the world having twitter account to index them in society. So that your blog will be promoted by sharing your blog in twitter easily with the help of this flying bird. I have share How to Redirect Blogger to Another Site.
I hope you will like my these articles, also will like this article Add Animated Flying Twitter Bird Widget to Blogger.

Now Lets Start to Add Flying Bird to Blogger.

1. Log in to Blogger Account.
2. Go to Dashboard > Template >TemplateEdit HTMLEdit HTML

3. Copy The Below Widget Code.

<!-- Twitter Bird Widget for Blogger by RexHacker.blogspot.com -->
<script type="text/javascript" src="http://yourjavascript.com/71110244313/suyb-twitter-bird.js">
</script>
<script type="text/javascript">
var twitterAccount = "Rexhacker";
var tweetThisText = " <data:blog.pageTitle/> : <data:blog.url/> ";
tripleflapInit();
</script>
<span style="font-size:11px;position:absolute;"><a title=Blogger Widget by http://Rexhacker.blogspot.com href="http://rexhacker.blogspot.com" target=_blank>Blogger Widgets</a></span>
<!-- Twitter Bird Widget for Blogger by rexhacker.blogspot.com -->


Note: You Can Copy This Code From This Link.
4. Search For </body> Tag And Place Widget Code Just Before It.

5. Change Your Twitter Account User Name.

6. Save Your Template.

7. You Are Done. Thanks.

Available link for download

Read more »

Add Live Chat widget to Blogger

Add Live Chat widget to Blogger


Add Live Chat widget to Blogger
Today in this article we will discuss about an exciting live chat widget by chatroll.  With the help of this widget your blog visitors can chat with each other through a live chat box. It is very helpful in creating small discussions among your blog visitors. Adding this live chat widget to blogger is very easy and is a matter of few minutes.
i hope you will like my this widget also like my old widget sharing. Before i have share  Add Animated Flying Twitter Bird Widget to Blogger and a lot of people like and appreciate and before this tutorial i have share one more great widget for my friends that is Add Cool Jquery  Popup Facebook Like Box to Blogger.
Dont risk the success of your live events. Trust Chatroll to help you reach more people, engage audiences and grow your market.
Friends now we will start to how to Add Live Chat Widget to Blogger.

Part 1: Getting Live chat Widget Code


1. Open Chatroll website and Click on Signup For Free button.

2. At next screen create your new account or login with your facebook account. In my case I use Facebook login Method.

3. Once you logged in your account then Click on Create a New Live Event option.

4. Next page will be your live widget settings page. Enter Name for your widget and click Continue option.

5. Next screen is about platform selection screen. Select Blogger option.

6. Code for your live chat widget will appear. Copy this code and click Continue option.

7. Now Click on Go to Settings Now option.

8. Now a final page will appear which contains your live chat widget settings like color scheme of your widget. Configure your widget here and save the settings by clicking on Save Settings option.

Part 2: Adding Live Chat Widget to Blogger

1. Log in to your blogger account > Dashboard and select your blog.

2. Select LayoutOption and Click on Add a Gadget option.
3. Select HTML/JavaScript widget.

4. In the HTML/JavaScript widget paste the code of the live chat widget which is obtained in the Step 6 in Part 1 of the tutorial.

5. Save the widget and you are Done.

Available link for download

Read more »

Sunday, February 12, 2017

Peeling Stickers Social Media Widget For Blogger

Peeling Stickers Social Media Widget For Blogger


In this post I am  going to  explain you  how to add peeling social media sharing  buttons  for  your blog. This is just widget. You can add  it to your blog easily. I just using CSS with HTML. Check below demo.
You can increase your blog traffic with these sharing buttons. You can change link of these icons/buttons. Before I have share How to Add Animated Sassy Social Bookmark Gadget For Blogger. I hope you will like my these widgets article and also must suggest me for better sharing. Before this sharing I have also share one interesting sharing that is How to Add Live Chat Widget For Blogger.

Now Lets start to Add Peeling Stickers Social Media Widget For Blogger.

See Demo Picture Below.
Peeling Stickers Social Media Buttons Demo









1. Login to Blogger  Layout >> Add Gadgets.

2. Click Add Gadgets and select HTML/Javascript.

3. Now Paste Below Code.

<style>
p#socialicons img { -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
p#socialicons img:hover { -moz-transform: rotate(70deg); -webkit-transform: rotate(70deg); -o-transform: rotate(70deg); -ms-transform: rotate(70deg); transform: rotate(70deg);}
p#socialicons1 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;}
p#socialicons1 img:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg);}
p#socialicons2 img { -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
p#socialicons2 img:hover { -moz-transform: rotate(-360deg); -webkit-transform: rotate(-360deg); -o-transform: rotate(-360deg); -ms-transform: rotate(-360deg); transform: rotate(-360deg);}</style>

<center><p id="socialicons">
<a href="https://www.facebook.com/
RexHacker" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmmyzp52RdL4-dLmNLrvk6cf5zNSMrj88V7GuxAQef76_-qgOkoLLi1rwKd3DGPYuZLIRfEwHxlioQViaH_bawcwL56Kejawy6VtqHiHK6_n7VBHpjCWmjrhjGfuJCjdSfQTTYPJKqBgav/s1600/bloggertrix-facebook.png" /></a>
<a href="https://twitter.com/
RexHacker" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiVNNm8zOLeZDAsXoB-yKkXxpR71lG2rHHXJ0d0VBnx6_xoPhxfvhIiPePtYIkXP6A1qjbCLRHG7lcRYxf4Wcg9YjXEhyphenhyphencPtcKu3CFSPwqwttsS9IY6ZOwCPf3pfaPy1C8ohdBNCWOgUZF/s1600/bloggertrix-twitter.png" /></a>
<a href="http://www.stumbleupon.com/stumbler/
RexHacker" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOQ0SIVYh7_x4cE1EhU0On7fX-511po6saYOrkUqIDA6rkVi6LwojKU5XP98ogwx1Hnb2q-HafJnza0WnTb2PhGX1x-OBSP5yklHUwp2IJCy4FvIuSigtGUQs-317lzejUnwDLMYznl7E6/s1600/bloggertrix-stumbleupon.png" /></a>
<a href="http://feeds.feedburner.com/
RexHacker" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFEhl_gjOgRw5iaxS-sPg_7vBwvbRnKJ5EWEH4MkCX15Gvu8dxncNRS5K_got5bIPMStqENgky73mt_vJQWOvHDM4lxin4uGkTAdkUsmVInSefLnNbhrewW0eRB569JyDaIaM9fd7xObvF/s1600/bloggertrix-rss.png" /></a></p></center>
Note: You Can Copy This Code From This Link.

4. After Paste Above Code.

* Replace RexHacker With your Facebook Username

* Replace RexHacker With your Twitter Username

* Replace RexHacker With your Stumbleupon Username

* Replace RexHacker With your Feedburner Username

5. Now save your HTML/Javascript.

6. You Are Done.

Available link for download

Read more »

Tuesday, January 31, 2017

Weatherlove Widget v2 0 6 2017 Update Version Apk Free Download

Weatherlove Widget v2 0 6 2017 Update Version Apk Free Download


Weatherlove widget apk
  • Weatherlove Widget v2.0.6
  • Size 5.8 MB
  • Requires Android 2.2 and up
DOWNLOAD

Available link for download

Read more »