Peeling Stickers Social Media Widget For Blogger

<div dir="ltr" style="text-align: left;" trbidi="on"> <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/AVvXsEj92E51VB6cdEVpAHWVeaFWJyYhNOLobw9Z_ImPticEYKsXh_5KbJoQMJEBv9xFRmOSIvwQfC0QUQZB6AvN51GsM_BMC7N4b2W56HZ7ZnoPFWACfCJZdl1uodGT1pehPwcegaVudFPr67c/s1600/peeling+stickers+social+media+widget+for+blogger_wm.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj92E51VB6cdEVpAHWVeaFWJyYhNOLobw9Z_ImPticEYKsXh_5KbJoQMJEBv9xFRmOSIvwQfC0QUQZB6AvN51GsM_BMC7N4b2W56HZ7ZnoPFWACfCJZdl1uodGT1pehPwcegaVudFPr67c/s1600/peeling+stickers+social+media+widget+for+blogger_wm.jpg" width="320" /></a></div> 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.<br /> You can increase your blog traffic with these sharing buttons. You can change link of these icons/buttons. Before I have share How to <a href="http://adf.ly/iWhZ3" target="_blank">Add Animated Sassy Social Bookmark Gadget For Blogger</a>. 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 <a href="http://adf.ly/iWhtd" target="_blank">How to Add Live Chat Widget For Blogger</a>.<br /> <br /> Now Lets start to <a href="http://adf.ly/iWi8G" target="_blank">Add Peeling Stickers Social Media Widget For Blogger</a>.<br /> <br /> <b><span style="color: blue; font-size: large;">See Demo Picture Below.</span></b><br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEGDKEQ8z6phUhMLGU7cbAf6Gv8Xk85kS-6AImRG8OOR8YSD7YkkHuFYM65zLB4yli7WAJZVcN-kujnDIN2f7GcLR35pa3Vc02NBU-AKeJ0FcTXb8wfwmrAOTSA1CLnEcuFsICA60hhCY/s1600/peeling+stickers+demo.gif" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Peeling Stickers Social Media Buttons Demo" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEGDKEQ8z6phUhMLGU7cbAf6Gv8Xk85kS-6AImRG8OOR8YSD7YkkHuFYM65zLB4yli7WAJZVcN-kujnDIN2f7GcLR35pa3Vc02NBU-AKeJ0FcTXb8wfwmrAOTSA1CLnEcuFsICA60hhCY/s1600/peeling+stickers+demo.gif" title="Peeling Stickers Social Media Buttons Demo" /></a></div> <b><br /></b> <b><br /></b> <b><br /></b> <b><br /></b> <b><br /></b> <b><br /></b> <b><br /></b> <b><br /></b><br /> <b>1.</b> <b><span style="color: blue;">Login</span></b> to Blogger  <b><span style="color: blue;">Layout</span></b> >> <b><span style="color: blue;">Add Gadgets</span></b>.<br /> <br /> <b>2.</b> Click <b><span style="color: blue;">Add Gadgets</span></b> and select <b><span style="color: blue;">HTML/Javascript</span></b>.<br /> <br /> <b>3.</b> Now <b><span style="color: blue;">Paste</span></b> Below <b><span style="color: blue;">Code</span></b>.<br /> <br /> <pre style="background-color: #ebb628; border: 1px solid black; height: 400px; list-style: none; margin-bottom: 10px; outline: 0px; overflow: auto; padding: 0px; vertical-align: baseline;"><span style="font-family: Courier New, monospace;"><span style="line-height: 29.100000381469727px;"><span style="font-size: x-small;"><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/</span><span style="color: blue; font-size: large;">RexHacker</span><span style="font-size: x-small;">" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj23TOqO_FroHHqEQCeoXFWQY4cT3q6OL0nbvQlZjFRW03pIsVqyh9EUPO9Lshwr_mnZzfix8uVDx5zAPmTFOSo7J5aXvRzemq_3JlWhajgA8ZBSn9UyfcjBfm71mFvq6qEkcf0qm_sHM_g/s1600/bloggertrix-facebook.png" /></a> <a href="https://twitter.com/</span><span style="color: cyan; font-size: large;">RexHacker</span><span style="font-size: x-small;">" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqMQqw71aJO28gFBBOZEHkhBRUCq8-ZbcRimkLCKLuNHPL5L1utLU08FpqVWkcEjpQE7sLRlBuIlavg_rW5-HRMOTMuJW3so8Hfk4E0z2Ka5R6MpeBjf3UKcQzNak5ZC8akjuysEpaYabS/s1600/bloggertrix-twitter.png" /></a> <a href="http://www.stumbleupon.com/stumbler/</span><span style="color: magenta; font-size: large;">RexHacker</span><span style="font-size: x-small;">" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqDGx6wvKhJFLQLcHSopdf9chHknfaZWNHHlSQpA1hUc31OXDnf0Gnzk5WKoywAAVT9YwtnsPt-79NGY5lfdr-lhdaEwuSaU3zr1YsuXPs_aNBx87G3R2RBwi8DOt0d5mxBBmjZOT2OM7s/s1600/bloggertrix-stumbleupon.png" /></a> <a href="http://feeds.feedburner.com/</span><span style="color: #3d85c6; font-size: large;">RexHacker</span><span style="font-size: x-small;">" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnMxBFYnrZld5Ckai0HeDQVVrwHqf1-s2ln4OGrH09nsiUutmT7K1-wKLugdGiNgi0tCHxklO4Ig5HcuIAI-ZBTDl2rCJJVbQwTHGNOWjoUAftZCmHcSubRTDSeZynqAHeTlBF7fV8zz0u/s1600/bloggertrix-rss.png" /></a></p></center></span></span></span></pre> <b><span style="color: blue;">Note:</span></b> <span style="background-color: orange;">You Can Copy This Code From This</span> <b><span style="color: blue;"><a href="http://adf.ly/iWc2X" rel="nofollow" target="_blank">Link</a></span></b>.<br /> <b><br /></b> <b>4.</b> After <b><span style="color: blue;">Paste</span></b> Above <b><span style="color: blue;">Code.</span></b><br /> <br /> <b><span style="color: red; font-size: large;">*</span></b> Replace <span style="color: blue;">RexHacker</span> With your Facebook Username<br /> <br /> <b><span style="color: red; font-size: large;">*</span></b> Replace <span style="color: cyan;">RexHacker</span> With your Twitter Username<br /> <br /> <b><span style="color: red; font-size: large;">*</span></b> Replace <span style="color: magenta;">RexHacker</span> With your Stumbleupon Username<br /> <br /> <span style="color: red; font-size: large;"><b>*</b></span> Replace <span style="color: #3d85c6;">RexHacker</span> With your Feedburner Username<br /> <br /> <b>5.</b> <b><span style="color: blue;">Now</span></b> save your <b><span style="color: blue;">HTML/Javascript</span></b>.<br /> <br /> <b>6.</b> You Are <b><span style="color: blue;">Done</span></b>.</div>

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 ca...

Read more »

Animated Sassy Social Bookmark Gadget For Blogger

<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/AVvXsEi0l2e59ZrdMPsM7WIq8k9WSwT0yEIAAxIJduncEdo26E-IRiv-SCh7psqG2NAmJdnE7-XBiInEMIeUm31p8XBXsEU72T4rnc9owgFDPIFyLWca__7iiOEZUbySqnrfmDfQe3GNx_h0WSY/s1600/Animated+Sassy+Social+Bookmark+Gadget_wm.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Animated Sassy Social Bookmark Gadget For Blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0l2e59ZrdMPsM7WIq8k9WSwT0yEIAAxIJduncEdo26E-IRiv-SCh7psqG2NAmJdnE7-XBiInEMIeUm31p8XBXsEU72T4rnc9owgFDPIFyLWca__7iiOEZUbySqnrfmDfQe3GNx_h0WSY/s1600/Animated+Sassy+Social+Bookmark+Gadget_wm.jpg" title="Animated Sassy Social Bookmark Gadget For Blogger" /></a></div> I know how much you all like social bookmarking gadgets and widgets especially unique gadgets that can catch the eye of readers and get them bookmarking your blog.Today I have a very cool social bookmarking gadget with a stylish animated effect.With the Sassy bookmarks gadget a basic share button is placed in the corner of your blog, then on hover 6 icons for the main social bookmarking websites appear in a semicircle.The buttons that appear are for Pinterest, Google+, Facebook, Twitter, Tumblr and Email.Below we have a live demo then check out the tutorial to add the Sassy Bookmarks to Blogger.<br /> Before i have share <a href="http://adf.ly/iWhtd" target="_blank">Add Live Chat Widget to Blogger</a>, i hope you will like this widget for your blogger, and before this i have share one more cool blogger widget for your blog that is <a href="http://adf.ly/iWjHy" target="_blank">How to Add Cool Jquery Popup Facebook Like Box to Blogger</a>. You can also <a href="http://adf.ly/iWjQF" target="_blank">Add Animated Flying Twitter Bird Widget to Blogger</a>.<br /> <br /> Now Lets Start to <a href="http://adf.ly/iWhZ3" target="_blank">Add Animated Sassy Social Bookmark Gadget For Blogger</a>.<br /> <br /> <div class="separator" style="clear: both; text-align: left;"> <a href="http://demo-blog-18.blogspot.com/"><img alt="http://adf.ly/iWjxV" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoZebagmd4FVH2TAGaCMvR9sklKdJfhACrsDFJNF64avx-CzUxtIG8FUsIy40iQaEpqUGNFisyIvvzEzeSYITjpDoYW5PbrBfD9WQ7W4Kq47Xywn6UJH2hK3-ouy8aGmY-8QSYR3F__Yg/s1600/view_demo.gif" title="View Demo" /></a></div> <br /> <b>1.</b> <b><span style="color: blue;">Log in</span></b> to Your Blogger Account And Go to <span style="color: blue;"><b>Dashboard</b></span>.<br /> <br /> <b>2.</b> Choose <span style="color: blue;"><b>Template</b></span> > <span style="color: blue;"><b>Edit HTML</b></span>.<br /> <br /> <b>3.</b> Find The Following <b><span style="color: blue;">Code</span></b> In Your Blogger <span style="color: blue;"><b>Template</b></span>.<br /> <span style="background-color: orange;"><span style="color: red;"><b></body></b></span></span><br /> <br /> <b>4.</b>  <span style="color: blue;"><b>Copy</b></span> And <span style="color: blue;"><b>Paste</b></span> The Following Code Directly <b><span style="color: blue;">Before <span style="background-color: orange;"><span style="color: red;"></body></span></span></span></b> Tag.<br /> <br /> <span style="color: blue;"><span style="font-size: x-small;"><!-- Start Shareaholic Sassy Bookmarks HTML - http://www.rexhacker.blogspot.com --><br /><div class='shr_ss shr_publisher'><br /></div><br /><!-- End Shareaholic Sassy Bookmarks HTML --><br /><!-- Start Shareaholic Sassy Bookmarks settings --><br /><script type='text/javascript'><br />var SHRSS_Settings = {&quot;shr_ss&quot;:{&quot;src&quot;:&quot;//dtym7iokkjlif.cloudfront.net/media/downloads/sassybookmark&quot;,&quot;link&quot;:&quot;&quot;,&quot;service&quot;:&quot;5,7,2,313,38,201,88,74&quot;,&quot;apikey&quot;:&quot;b87f5899d80a5edce8b5e55f58542ef0f&quot;,&quot;localize&quot;:true,&quot;shortener&quot;:&quot;bitly&quot;,&quot;shortener_key&quot;:&quot;&quot;,&quot;designer_toolTips&quot;:true,&quot;tip_bg_color&quot;:&quot;black&quot;,&quot;tip_text_color&quot;:&quot;white&quot;,&quot;viewport&quot;:true,&quot;twitter_template&quot;:&quot;${title} - ${short_link} via @Shareaholic&quot;}};<br /></script><br /><!-- End Shareaholic Sassy Bookmarks settings --><br /><!-- Start Shareaholic Sassy Bookmarks script --><br /><script type='text/javascript'><br />(function() {<br />var sb = document.createElement(&quot;script&quot;); sb.type = &quot;text/javascript&quot;;sb.async = true;<br />sb.src = (&quot;https:&quot; == document.location.protocol ? &quot;https://dtym7iokkjlif.cloudfront.net&quot; : &quot;http://cdn.shareaholic.com&quot;) + &quot;/media/js/jquery.shareaholic-publishers-ss.min.js&quot;;<br />var s = document.getElementsByTagName(&quot;script&quot;)[0]; s.parentNode.insertBefore(sb, s);<br />})();<br /></script><small><a href='http://rexhacker.blogspot.com/search/label/Blogger%20Widget'>Blogger Widgets</a> - <a href='http://rexhacker.blogspot.com/search/label/Blogger%20Template'>Blogger Templates</a></small><br /><br /><!-- End Shareaholic Sassy Bookmarks script --><br /><!-- End Shareaholic Sassy Bookmarks HTML - http://www.rexhacker.blogspot.com --></span></span><br /> <span style="color: blue;"><b>Note:</b></span> <span style="background-color: orange;">You Can Copy This Code From This</span> <a href="http://adf.ly/iWkRf" rel="nofollow" target="_blank"><b><span style="color: blue;">Link</span></b></a>.<br /> <br /> <b>5.</b> <span style="color: blue;"><b>Save</b></span> Your Template And You Are <span style="color: blue;"><b>Done</b></span>.</div>

Animated Sassy Social Bookmark Gadget For Blogger

I know how much you all like social bookmarking gadgets and widgets especially unique gadgets that can catch the eye of readers and get t...

Read more »

Add Live Chat widget to Blogger

<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/AVvXsEi6OKreGotvMKe7t7hHgdIkDxpyV1aw9Wwnd3enQM12bk1q5wt26OsvPcfCZMGAw6dNKIYD4PybMuJRTny9YpP-OjXz3ytnm4HV-fpoLRfquzabS4EVMNW_A359SZNxgsW8arlAckMDsLA/s1600/chatroll+live.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Add Live Chat widget to Blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6OKreGotvMKe7t7hHgdIkDxpyV1aw9Wwnd3enQM12bk1q5wt26OsvPcfCZMGAw6dNKIYD4PybMuJRTny9YpP-OjXz3ytnm4HV-fpoLRfquzabS4EVMNW_A359SZNxgsW8arlAckMDsLA/s1600/chatroll+live.png" title="Add Live Chat widget to Blogger" /></a></div> 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.<br /> i hope you will like my this widget also like my old widget sharing. Before i have share  <a href="http://adf.ly/iWjQF" target="_blank">Add Animated Flying Twitter Bird Widget to Blogger</a> and a lot of people like and appreciate and before this tutorial i have share one more great widget for my friends that is <a href="http://adf.ly/iWjHy" target="_blank">Add Cool Jquery  Popup Facebook Like Box to Blogger</a>.<br /> Don't risk the success of your live events. Trust Chatroll to help you reach more people, engage audiences and grow your market.<br /> Friends now we will start to how to <a href="http://adf.ly/iWhtd" target="_blank">Add Live Chat Widget to Blogger</a>.<br /> <br /> <h3> <span style="color: red;">Part 1:</span> <span style="color: blue;">Getting Live chat Widget Code</span> </h3> <br /> <b>1.</b> Open <span style="color: blue;"><b><a href="http://chatroll.com/" rel="nofollow" target="_blank">Chatroll</a></b></span> website and Click on <span style="color: blue;"><b>Signup For Free</b></span> button.<br /> <br /> <b>2.</b> At next screen create your new account or login with your facebook account. In my case I use <span style="color: blue;"><b>Facebook login Method</b></span>.<br /> <br /> <b>3.</b> Once you logged in your account then Click on <span style="color: blue;"><b>Create a New Live Event</b></span> option.<br /> <br /> <b>4.</b> Next page will be your live widget settings page. <span style="color: blue;"><b>Enter Name</b></span> for your widget and click <span style="color: blue;"><b>Continue</b></span> option.<br /> <br /> <b>5.</b> Next screen is about platform selection screen. Select <span style="color: blue;"><b>Blogger</b></span> option.<br /> <br /> <b>6.</b> Code for your live chat widget will appear. <span style="color: blue;"><b>Copy</b></span> this code and click <span style="color: blue;"><b>Continue</b></span> option.<br /> <br /> <b>7.</b> Now Click on <span style="color: blue;"><b>Go to Settings Now</b></span> option.<br /> <br /> <b>8.</b> Now a final page will appear which contains your live chat widget settings like color scheme of your widget. <b><span style="color: blue;">Configure</span></b> your widget here and save the settings by clicking on <span style="color: blue;"><b>Save Settings</b></span> option.<br /> <br /> <h3> <span style="color: red;">Part 2:</span> <span style="color: blue;">Adding Live Chat Widget to Blogger</span></h3> <div style="text-align: left;"> <b>1.</b> <b><span style="color: blue;">Log in</span></b> to your blogger account > <b><span style="color: blue;">Dashboard</span></b> and select your blog.</div> <div style="text-align: left;"> <br /></div> <div style="text-align: left;"> <b>2.</b> Select <span style="color: blue;"><b>Layout</b></span><span id="goog_763724931"></span><a href="http://s12.postimg.org/suvfoix1l/Layout.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://s12.postimg.org/suvfoix1l/Layout.png" /></a><b>Option and Click on <span style="color: blue;"><b>Add a Gadget</b></span> option.</b></div> <div style="text-align: left;"> <b>3.</b> Select <span style="color: blue;"><b>HTML/JavaScript</b></span> widget.</div> <div style="text-align: left;"> <br /></div> <div style="text-align: left;"> <b>4.</b> In the <span style="color: blue;"><b>HTML/JavaScript</b></span> widget paste the code of the live chat widget which is obtained in the <span style="color: blue;"><b>Step 6</b></span> in <span style="color: blue;"><b>Part 1</b></span> of the tutorial.</div> <div style="text-align: left;"> <br /></div> <div style="text-align: left;"> <b>5.</b> <span style="color: blue;"><b>Save</b></span> the widget and you are <b><span style="color: blue;">Done</span></b>.</div> </div>

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 c...

Read more »

How to Add Cool Jquery Popup Facebook Like Box To Blogger

<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/AVvXsEi8QQb7fI6haZ6AuDirrdAZWqJIHNRBJk-HaO8Zt4VGU7iBWVnMg4SiW7MIXBwEl73Mhd7ewkCRHiwQShRShveXfY2YXMeMpChl8hio877gyolaOQrFlVoPz8apI1pn_feOXu7j1ZwdU8U/s1600/facebook+popup.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Cool Jquery Popup Facebook Like Box To Blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8QQb7fI6haZ6AuDirrdAZWqJIHNRBJk-HaO8Zt4VGU7iBWVnMg4SiW7MIXBwEl73Mhd7ewkCRHiwQShRShveXfY2YXMeMpChl8hio877gyolaOQrFlVoPz8apI1pn_feOXu7j1ZwdU8U/s1600/facebook+popup.png" title="Cool Jquery Popup Facebook Like Box To Blogger" /></a></div> Well here i am making a <a href="http://adf.ly/iWlxm" target="_blank">Facebook</a> like popup box for blogger which is also nice to install.When you install it it and when someone visit you any blog page it will display on the front which ask you to like the page and its very simple and clean. Before i have share <a href="http://adf.ly/iWjQF" target="_blank">Add Animated Flying Twitter Bird Widget to Blogger</a>.<br /> A pretty good way to increase your website Traffic is to generate traffic using Social network, One of best option is Facebook, Insert / <a href="http://adf.ly/iWjHy" target="_blank">Add Facebook pop up like box</a> or widget to your website, its a Jquery widget and these days very popular among <a href="http://adf.ly/iWmRi" target="_blank">blogger gadgets</a>, in previous post i have share very cool and worthy sharing that is <a href="http://adf.ly/iWma4" target="_blank">How to Disable Right Click On Blogger For Images</a>.<br /> I hope you will like my these nice sharing and i will always try my best to share best things with my friends.<br /> <br /> Now Lets Start to Learn  <a href="http://adf.ly/iWjHy" target="_blank">How to Add Cool Jquery Popup Facebook Like Box To Blogger</a>.<br /> <br /> <b>1.</b> Log in to <b><span style="color: blue;">Blogger Account</span></b>.<br /> <br /> <div class="separator" style="clear: both; text-align: left;"> <b>2.</b> Go to <span style="color: blue;"><b>Dashboard</b></span> > <span style="color: blue;"><b>Layout</b></span><a href="http://s16.postimg.org/5lu0i3q0x/Layout.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Layout" border="0" src="http://s16.postimg.org/5lu0i3q0x/Layout.png" title="Layout" /></a></div> .<br /> <br /> <b>3.</b> Click <span style="color: blue;"><b>Add Gadget</b></span> And Select <span style="color: blue;"><b>HTML/Javascript</b></span>.<br /> <br /> <b>4.</b> Paste Below <span style="color: blue;"><b>Code</b></span>.<br /> <br /> <pre style="background-color: #9fc5e8; border: 1px solid black; height: 300px; overflow: auto;"><style>#simplemodal-overlay{background-color:#aaaaaa;cursor:wait;}/* Container */#simplemodal-container{height:360px;width:360px;background-color:#fff;border:5px solid #000000;/*border-radius*/-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;moz-box-shadow: 0 0 5px 5px #222; -webkit-box-shadow: 0 0 5px 5px #222; box-shadow: 0 0 5px 5px #222;} #simplemodal-container a.modalCloseImg{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsRIoqtcSWrfFhwHCx92VRmETvw6_iGQzDk2Jy6FNdpwjpO9uCOfT3lmf2GJq5st1fmtm_s2u2HauOlnjmth6T_5ICmLUC0hJFI7Rn7JNuJZb2M4LD0LIqkhBzVvBBak8HcVtvAyBIwb8/s1600/Close-2-icon.png') no-repeat;width:40px;height:60px;display:inline;z-index:3200;position:absolute;top:-15px;left:350px;cursor:pointer;} #simplemodal-container a.modalCloseImg:hover{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2BHakZG-hKV0XeBjUEZJN0d1D4QWtt6xNXaWjJu1Zc0IRasFj7pnUYwa14271jMSzIMPQfpaOsVX8zk1b0wvipB9rSe6GoJRgbl7ZAT-byZJDAfYG1fQLvarkygbAyWdCNdPYyjYp4ZM/s1600/Close-2-icon+copy.png') no-repeat;width:40px;height:60px;display:inline;z-index:3200;position:absolute;top:-15px;left:350px;cursor:pointer;} #simplemodal-container #basicModalContent{padding:8px;}#btfb{font:12px/1.2 Arial,Helvetica,san-serif;color:#666;}#btfb a,#btfb a:hover,#btfb a:visited{text-decoration:none;} .btbox-title{background:#16b7f4;color:#fff;font-size:20px !important;font-weight:bold;margin:10px 0;border:2px solid #ddd;border: 1px solid #939191;/*border-radius*/-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;/*box-shadow*/-webkit-box-shadow:5px 5px 5px #CCCCCC;-moz-box-shadow:5px 5px 5px #CCCCCC;box-shadow:5px 5px 5px #CCCCCC;padding:10px;line-height:15px;font-family:arial !important;} .btbox-tagline{color:#999;margin:0;text-align:center;}#btsubs-container{padding:35px 0 30px 0;position:relative;}a:link, a:visited{border:none;}.demo{display:none;}</style> <script type="text/javascript" src="http://bloggertrixx.googlecode.com/files/jquery2.js"></script> <script type="text/javascript" src="http://bloggertrixx.googlecode.com/files/jquery.btrix.js"></script> <script type="text/javascript" src="http://bloggertrixx.googlecode.com/files/bloggertrix1.js"></script><div style='display:none'> <div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <div id='exit_content' style='padding:10px;'> <h3 class="btbox-title"> <center>Like Us On Facebook</center> <p style="line-height:3px;margin-top:-10px;" ></p></h3> <center><div class="fb-like-box" data-href="<span style="font-size: large;"><b><span style="color: red;">https://www.facebook.com/RexHacker</span></b></span>" data-width="292" data-show-faces="true" data-stream="false" data-header="false"></div></center><p style=" float:right; margin-right:35px; font-size:9px;" >Powered By <a style=" font-size:5px; color:#3B78CD; text-decoration:none;" href="http://rexhacker.blogspot.com">Blogger widget</a> | </p></div></div> </pre>  <span style="color: blue;"><span style="font-size: large;"><b>Note:</b></span></span> <span style="background-color: orange;">You Can Copy This Code From This</span> <a href="http://adf.ly/iWmr2" rel="nofollow" target="_blank"><span style="color: blue;"><span style="font-size: large;"><b>Link</b></span></span></a>.<br /> <br /> <b>5.</b> <span style="color: blue;"><b>Change</b></span> <b><span style="color: red;">https://www.facebook.com/RexHacker</span></b> With Your <span style="color: blue;"><b>Page URL</b></span>.<br /> <br /> <b>6.</b> <span style="color: blue;"><b>Save</b></span> It And You Are <b><span style="color: blue;">Done</span></b>.</div>

How to Add Cool Jquery Popup Facebook Like Box To Blogger

Well here i am making a Facebook like popup box for blogger which is also nice to install.When you install it it and when someone visit...

Read more »

Add Animated Flying Twitter Bird Widget to Blogger

<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/AVvXsEj4XQ_hqJf4mel3fdMWx2pSmtXEJ4ZuJNdE9Za4q-eWCCxzi-qTB9RlOTSTrS3sv0fdlHjE7R486hoTJ4d-2ObpoSE-HAy9sjRUaV-Okq_F5LEzpANOqtvwdlUod4WOXl4WVuKL-Tx-qMI/s1600/Add-Animated-Flying-Twitter-Bird-Widget-to-Blogger-Blogs-Updated.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Add Animated Flying Twitter Bird Widget to Blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4XQ_hqJf4mel3fdMWx2pSmtXEJ4ZuJNdE9Za4q-eWCCxzi-qTB9RlOTSTrS3sv0fdlHjE7R486hoTJ4d-2ObpoSE-HAy9sjRUaV-Okq_F5LEzpANOqtvwdlUod4WOXl4WVuKL-Tx-qMI/s1600/Add-Animated-Flying-Twitter-Bird-Widget-to-Blogger-Blogs-Updated.jpg" title="Add Animated Flying Twitter Bird Widget to Blogger" /></a></div> Hello readers, <a href="http://adf.ly/iWjQF" target="_blank">adding twitter flying bird</a> 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 <a href="http://adf.ly/iWnRj" target="_blank">twitter network</a>. So that you will get more visitors from twitter. Before i have share <a href="http://adf.ly/iWma4" target="_blank">How to Disable Right Click On Blogger For Images</a>. Twitter is one of the top most social networking services which is used by people for community purpose like <a href="http://adf.ly/iWlxm" target="_blank">Facebook</a>. 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 <a href="http://adf.ly/iWnp6" target="_blank">How to Redirect Blogger to Another Site</a>.<br /> I hope you will like my these articles, also will like this article <a href="http://adf.ly/iWjQF" target="_blank">Add Animated Flying Twitter Bird Widget to Blogger</a>.<br /> <br /> Now Lets Start to <a href="http://adf.ly/iWjQF" target="_blank">Add Flying Bird to Blogger</a>.<br /> <br /> <b>1.</b> Log in to <span style="color: blue;"><b>Blogger Account</b></span>.<br /> <div class="separator" style="clear: both; text-align: left;"> <b>2.</b> Go to <span style="color: blue;"><b>Dashboard</b></span> > <b><span style="color: blue;">Template</span></b> ><img alt="Template" border="0" src="http://s21.postimg.org/am6sx4j0j/Template.png" title="Template" /><span style="color: blue;"><b>Edit HTML</b></span><a href="http://s29.postimg.org/4h5ynqqyr/Edit_html.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Edit HTML" border="0" src="http://s29.postimg.org/4h5ynqqyr/Edit_html.png" title="Edit HTML" /></a></div> <br /> <b>3.</b> Copy The Below <span style="color: blue;"><b>Widget Code</b></span>.<br /> <br /> <span style="color: blue;"><!-- Twitter Bird Widget for Blogger by RexHacker.blogspot.com --><br /><script type="text/javascript" src="http://yourjavascript.com/71110244313/suyb-twitter-bird.js"><br /></script><br /><script type="text/javascript"><br />var twitterAccount = "<b><span style="color: red;">Rexhacker</span></b>";<br />var tweetThisText = " <data:blog.pageTitle/> : <data:blog.url/> ";<br />tripleflapInit();<br /></script><br /><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><br /><!-- Twitter Bird Widget for Blogger by rexhacker.blogspot.com --></span><br /> <br /> <div style="text-align: left;"> <span style="font-size: large;"><span style="color: blue;"><b>Note:</b></span></span> <span style="background-color: orange;">You Can Copy This Code From This</span> <a href="http://adf.ly/iWoKE" rel="nofollow" target="_blank"><span style="font-size: large;"><span style="color: blue;"><b>Link</b></span></span></a>.</div> <b>4.</b> Search For <span style="color: blue;"><b></body></b></span> Tag And Place <span style="color: blue;"><b>Widget Code</b></span> Just <b><span style="color: blue;">Before</span></b> It.<br /> <br /> <b>5.</b> <span style="color: blue;"><b>Change</b></span> Your <span style="color: blue;"><b>Twitter Account</b></span> <span style="color: red;"><b>User Name</b></span>.<br /> <br /> <b>6.</b> Save Your <span style="color: blue;"><b>Template</b></span>.<br /> <br /> <b>7.</b> You Are <span style="color: blue;"><b>Done</b></span>. Thanks.</div>

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 ...

Read more »

How to Disable Right Click On Blogger For Images

<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/AVvXsEjPp0g4032dkwG0CxO3jCTvCt2JRhLlqV8nyMkNAHrHJChLzxj8nyCv5Ipe89gCOJ3zXkMOCAA9ybCimecB2fL9daGLkfQ3SFT20-l3Jft27C-xk45OQNhKP74JlMVii9uHxXY2Ob9Nke8/s1600/disable+right+click+on+blogger+images.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="How to Disable Right Click On Blogger For Images" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPp0g4032dkwG0CxO3jCTvCt2JRhLlqV8nyMkNAHrHJChLzxj8nyCv5Ipe89gCOJ3zXkMOCAA9ybCimecB2fL9daGLkfQ3SFT20-l3Jft27C-xk45OQNhKP74JlMVii9uHxXY2Ob9Nke8/s1600/disable+right+click+on+blogger+images.jpg" title="How to Disable Right Click On Blogger For Images" /></a></div> Have you noticed, that some sites do not allow their visitors using right mouse click while pointer is on the blog area. This option is useful for the site and blog owners, who want to minimize the possibilities of the content direct copying to other posts. Right click on any internet browser is very important element and we must use it when it comes to copy or editing texts and etc. It’s very important when it comes to webmasters too but some people may use it in a bad way, and you may want to make click right disabled on your blog. to protect you text, images links and etc. Before i have share <a href="http://adf.ly/iWnp6" target="_blank">How to Redirect Blogger to Another Site</a> and you can also visit <a href="http://adf.ly/iWpZL" target="_blank">Add Google Translate Gadget to Blogger</a>. I hope you will like these articles & also will like this <a href="http://adf.ly/iWma4" target="_blank">How to Disable Right Click on Blogger For Images</a>.<br /> <br /> <div class="separator" style="clear: both; text-align: left;"> <b>1.</b> Log in to <span style="color: blue;"><b>Blogger</b></span> And Go to <span style="color: blue;"><b>Dashboard</b></span> > <span style="color: blue;"><b>Layout</b></span><a href="http://s21.postimg.org/5zkv8u3oz/Layout.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://s21.postimg.org/5zkv8u3oz/Layout.png" /></a></div> <br /> <b>2. </b>Click <span style="color: blue;"><b>Add Gadget</b></span> And Select <span style="color: blue;"><b>HTML/Javascript</b></span> <br /> <br /> <b>3.</b> Copy Paste Below <span style="color: blue;"><b>Code</b></span>.<br /> <br /> <pre style="border: 1px solid black; height: 100px; overflow: auto;"><script language="JavaScript1.2"> var clickmessage="Right click disabled on images!" function disableclick(e) { if (document.all) { if (event.button==2||event.button==3) { if (event.srcElement.tagName=="IMG"){ alert(clickmessage); return false; } } } else if (document.layers) { if (e.which == 3) { alert(clickmessage); return false; } } else if (document.getElementById){ if (e.which==3&&e.target.tagName=="IMG"){ alert(clickmessage) return false } } } function associateimages(){ for(i=0;i<document.images.length;i++) document.images[i].onmousedown=disableclick; } if (document.all) document.onmousedown=disableclick else if (document.getElementById) document.onmouseup=disableclick else if (document.layers) associateimages() </script></pre>  <span style="background-color: red;"><span style="color: blue;"><b>Note:</b></span> You Can Copy This Code From This <span style="background-color: white;"><a href="http://adf.ly/iWpov" rel="nofollow" target="_blank"><b><span style="font-size: large;">Link</span></b></a>.</span></span><br /> <br /> <b>4.</b> Now Click On <span style="color: blue;"><b>Save</b></span> Button, You Are Done. </div>

How to Disable Right Click On Blogger For Images

Have you noticed, that some sites do not allow their visitors using right mouse click while pointer is on the blog area. This option is ...

Read more »