Free Download Full Version Software

Awesome Recent Comments Widget 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/AVvXsEjdO2XtUrz48Lt2Rr_t0__lZC647wd-Tn1GSLAAi3jIWOaiO987U5Qt7XB9vPk29XySLkAhfA1sw3qg4CnO-C6qXEdst2UcyPQVDvhQ_vruNjk7GBfMaGg3VW9BAu18hGxx5RehuehgodI/s1600/Recent-Comments-Widget-Blogger.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdO2XtUrz48Lt2Rr_t0__lZC647wd-Tn1GSLAAi3jIWOaiO987U5Qt7XB9vPk29XySLkAhfA1sw3qg4CnO-C6qXEdst2UcyPQVDvhQ_vruNjk7GBfMaGg3VW9BAu18hGxx5RehuehgodI/s1600/Recent-Comments-Widget-Blogger.jpg" /></a></div>
Recent Comments Widget can be used to display the latest Comments in the blog. Comments are the best way to make a good contact with your blog visitors and followers. By default Blogger added commenting System to Blogger blogs. Recent Comments Widget will inspire your blog visitors to post a comment on your Blog. Before i have share <a href="http://rexhacker.blogspot.com/2014/03/peeling-stickers-social-media-widget.html" target="_blank">Peeling Stickers Social Media Widget For Blogger</a> i hope you will like my this post and also will like my all old posts also. 
Before this i have share about <a href="http://rexhacker.blogspot.com/2014/03/animated-sassy-social-bookmark-gadget.html" target="_blank">Animated Sassy Social Bookmark Gadget For Blogger</a>. 
 
There are many changes made to Blogger Commenting System. At earlier time the basic commenting System was used then it changed to Threaded Comments (Others can reply to one comment), it can be change back to basic blogger Commenting System. All Blogger blogs are using Threaded Comments System. Now another type of commenting System was introduced in Blogger Blogs, Google+ commenting System. 
The Recent Comments Widget also inspire your blog visitors to post a comment. Your visitors may be interested to see their names in other blogs. If their comment is good ,it will catch other visitors eyes and they also may have wish to do comment. 
The Recent Comment Widget shows the Commentators name with Profile link followed by the Post name and followed by their Comment. This Widget can be added to Sidebar or Footer or anywhere which catches the visitors eyes. This Widget was coded using JavaScript and you can also change the style of Widget according to your template. 
Now Lets Start to <a href="http://rexhacker.blogspot.com/2014/04/awesome-recent-comments-widget-for.html" target="_blank">Add Awesome Recent Comments Widget For Blogger</a> 
 
<ul style="text-align: left;">
<li>Sign In to Blogger Dashboard</li>
<li>Select Layout --> Click on Add a Gadget</li>
<li>Take HTML/Javascript from the list</li>
<li>Give the Title and Copy the below code to it and Save</li>
</ul>
 
<ul style="background-color: white; font-family: Cuprum; font-size: 15px; line-height: 21.559999465942383px; margin: 0.5em 0px; padding: 0px 2.5em;">
</ul>
<div>
<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;"><script style=text/javascript src="http://netoopscodes.googlecode.com/svn/branches/Js files/recent_comments_netoopsblog_min.js"></script><script style=text/javascript >var a_rc=5;var m_rc=false;var n_rc=true;var o_rc=100;</script><script src=http://netoopsblog.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments ></script>
<a style="display:none" href=http://rexhacker.blogspot.com>Recent Comments Widget</a><style type=text/css>
.rcw-comments a {text-transform: capitalize;}
.rcw-comments {border-bottom: 1px solid #666; padding-top: 6px!important; padding-bottom: 6px!important;}

</style></pre>
Note: You Can Copy This Code From This <a href="http://pastebin.com/dg1qtk0F" target="_blank">Link</a>. 
 </div>
<div>
 
<ul style="text-align: left;">
<li>Change the RED highlighted with your blog name</li>
</ul>
If you want different Styles for this Widget, Please visit again I will post soon.</div>
<div>
 
<ul style="text-align: left;">
<li>Go to Layout --> Click on Add a Gadget</li>
<li>Select Feed from the list and give the following URL</li>
</ul>
</div>
<div>
<blockquote class="tr_bq">
http://rexhacker.blogspot.com/feeds/comments/default</blockquote>
<ul style="text-align: left;">
<li>Change the RED marked portion with your Blog URL </li>
</ul>
 
<ul style="background-color: white; font-family: Cuprum; font-size: 15px; line-height: 21.559999465942383px; margin: 0.5em 0px; padding: 0px 2.5em;">
</ul>
A Window will appear and shows demo,there are some options, you can select the options for adding comment date, commenter name Etc. 
Using this method you have only limited options. 
 
<ul style="text-align: left;">
<li>Click Save</li>
<li>Congratulations you have Done.</li>
</ul>
 
</div>
</div>

Awesome Recent Comments Widget For Blogger

Recent Comments Widget can be used to display the latest Comments in the blog. Comments are the best way to make a good contact with your...

12:06:00 AM

Pakistani Hacker Arrested For Hacking Into Telecom Companies Database

Pakistani Hacker Arrested For Hacking Into Telecom Companies Database

Today Federal Investigation Agency ( FIA ) has arrested a Pakistani hacker who was involved in hacking of different Telecom companies d...

6:39:00 PM

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. 
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>. 
 
Now Lets start to <a href="http://adf.ly/iWi8G" target="_blank">Add Peeling Stickers Social Media Widget For Blogger</a>. 
 
See Demo Picture Below. 
<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>
 
 
 
 
 
 
 
 
1. Login to Blogger  Layout >> Add Gadgets. 
 
2. Click Add Gadgets and select HTML/Javascript. 
 
3. Now Paste Below Code. 
 
<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;"><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>
<a href="https://www.facebook.com/RexHacker" 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/RexHacker" 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/RexHacker" 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/RexHacker" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnMxBFYnrZld5Ckai0HeDQVVrwHqf1-s2ln4OGrH09nsiUutmT7K1-wKLugdGiNgi0tCHxklO4Ig5HcuIAI-ZBTDl2rCJJVbQwTHGNOWjoUAftZCmHcSubRTDSeZynqAHeTlBF7fV8zz0u/s1600/bloggertrix-rss.png" /></a></center></pre>
Note: You Can Copy This Code From This <a href="http://adf.ly/iWc2X" rel="nofollow" target="_blank">Link</a>. 
 
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.</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...

12:46:00 PM

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. 
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>. 
 
Now Lets Start to <a href="http://adf.ly/iWhZ3" target="_blank">Add Animated Sassy Social Bookmark Gadget For Blogger</a>. 
 
<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>
 
1. Log in to Your Blogger Account And Go to Dashboard. 
 
2. Choose Template > Edit HTML. 
 
3. Find The Following Code In Your Blogger Template. 
</body> 
 
4.  Copy And Paste The Following Code Directly Before </body> Tag. 
 
 <div class='shr_ss shr_publisher'> </div>   <script type='text/javascript'> 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;}}; </script>   <script type='text/javascript'> (function() { var sb = document.createElement(&quot;script&quot;); sb.type = &quot;text/javascript&quot;;sb.async = true; 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;; var s = document.getElementsByTagName(&quot;script&quot;)[0]; s.parentNode.insertBefore(sb, s); })(); </script><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>   
Note: You Can Copy This Code From This <a href="http://adf.ly/iWkRf" rel="nofollow" target="_blank">Link</a>. 
 
5. Save Your Template And You Are Done.</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...

9:40:00 PM

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. 
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>. 
Don't 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 <a href="http://adf.ly/iWhtd" target="_blank">Add Live Chat Widget to Blogger</a>. 
 
<h3>
Part 1: Getting Live chat Widget Code </h3>
 
1. Open <a href="http://chatroll.com/" rel="nofollow" target="_blank">Chatroll</a> 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. 
 
<h3>
Part 2: Adding Live Chat Widget to Blogger</h3>
<div style="text-align: left;">
1. Log in to your blogger account > Dashboard and select your blog.</div>
<div style="text-align: left;">
 </div>
<div style="text-align: left;">
2. Select Layout<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>Option and Click on Add a Gadget option.</div>
<div style="text-align: left;">
3. Select HTML/JavaScript widget.</div>
<div style="text-align: left;">
 </div>
<div style="text-align: left;">
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.</div>
<div style="text-align: left;">
 </div>
<div style="text-align: left;">
5. Save the widget and you are Done.</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...

11:25:00 AM

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>. 
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>. 
I hope you will like my these nice sharing and i will always try my best to share best things with my friends. 
 
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>. 
 
1. Log in to Blogger Account. 
 
<div class="separator" style="clear: both; text-align: left;">
2. Go to Dashboard > Layout<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>
. 
 
3. Click Add Gadget And Select HTML/Javascript. 
 
4. Paste Below Code. 
 
<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>
</h3>
<center><div class="fb-like-box" 
data-href="https://www.facebook.com/RexHacker" 
data-width="292" data-show-faces="true" data-stream="false" data-header="false"></div></center>Powered By <a style=" font-size:5px; color:#3B78CD; text-decoration:none;" href="http://rexhacker.blogspot.com">Blogger widget</a> | </div></div>
</pre>
 Note: You Can Copy This Code From This <a href="http://adf.ly/iWmr2" rel="nofollow" target="_blank">Link</a>. 
 
5. Change https://www.facebook.com/RexHacker With Your Page URL. 
 
6. Save It And You Are Done.</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...

11:55:00 PM

Subscribe to: Comments ( Atom )

Awesome Recent Comments Widget For Blogger

Pakistani Hacker Arrested For Hacking Into Telecom Companies Database

Peeling Stickers Social Media Widget For Blogger

Animated Sassy Social Bookmark Gadget For Blogger

Add Live Chat widget to Blogger

How to Add Cool Jquery Popup Facebook Like Box To Blogger

Popular Posts

Comments

Archive