Welcome To "CoDer..Desire...!!!" !

What You Can Get Here?

We provide the tutorials, guides, articles, tricks and tips about Blogger, Blogging, SEO Tips, Basic Tips For Newbies, Making Money Online, Widgets, Templates and many more resources. All this is just for free! You can Sign Up to get updated for hot topics.

Add Facebook LikeBox inside Jquery Popup in Blogger

Social Media Means a lot now a days. More than that of the content any website the Social media Matter. To share and get popular among their reader you need to have a large no of fans. That value a lot. So This popup appears only once to every new visitor. The ip address of the visitor is stored in browser cookie and as the page loads again the widget wont be called again for the same visitor thus eliminating the chances of bugging regular readers. Because of course it will look weird if the popup appears again and again on every pageview. It will appear both on homepage and sub pages depending which page the visitor is accessing. I have set the cookie refresh time to 30 days, which means that this lightbox will appear again for the same visitor after 30 days. We can easily set the number of days to prompt the visitors about your Facebook Fan page. Lets get straight to the one step installation process.

See the Screen Shot of widget:


How to Add Facebook LikeBox inside Jquery Popup :

I am discussing here steps for blogger but if you know how to deal simple HTML code then you can easily add it to your wordpress blog too.

Step 1 : Go To Blogger Dashboard  Template  Add a  Gadget




Step 2 : Select HTML/javascript Gadget.

Step 3 :  Copy and Paste the following code inside it


<style>
/*
   ColorBox Core Style:
   The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
/*
   User Style:
   Change the following styles to modify the appearance of ColorBox.  They are
   ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;opacity:0.5 !important;}
#colorbox{
        box-shadow:0 0 15px rgba(0,0,0,0.4);
       -moz-box-shadow:0 0 15px rgba(0,0,0,0.4);
        -webkit-box-shadow:0 0 15px rgba(0,0,0,0.4);
       }

#cboxTopLeft{width:14px; height:14px; background:url(http://4.bp.blogspot.com/-_VSGGUcsUPE/TwNIXL6W2qI/AAAAAAAAFwQ/5KR8F-N3Mqk/s1600/controls.png) no-repeat 0 0;}
#cboxTopCenter{height:14px; background:url(http://3.bp.blogspot.com/-dJQm3QEd5Iw/TxohpCter-I/AAAAAAAAF0Q/GRny7olLbv8/s400/border.png) repeat-x top left;}
     #cboxTopRight{width:14px; height:14px; background:url(http://4.bp.blogspot.com/-_VSGGUcsUPE/TwNIXL6W2qI/AAAAAAAAFwQ/5KR8F-N3Mqk/s1600/controls.png) no-repeat -36px 0;}
     #cboxBottomLeft{width:14px; height:43px; background:url(http://4.bp.blogspot.com/-_VSGGUcsUPE/TwNIXL6W2qI/AAAAAAAAFwQ/5KR8F-N3Mqk/s1600/controls.png) no-repeat 0 -32px;}
     #cboxBottomCenter{height:43px; background:url(http://3.bp.blogspot.com/-dJQm3QEd5Iw/TxohpCter-I/AAAAAAAAF0Q/GRny7olLbv8/s400/border.png) repeat-x bottom left;}
     #cboxBottomRight{width:14px; height:43px; background:url(http://4.bp.blogspot.com/-_VSGGUcsUPE/TwNIXL6W2qI/AAAAAAAAFwQ/5KR8F-N3Mqk/s1600/controls.png) no-repeat -36px -32px;}
     #cboxMiddleLeft{width:14px; background:url(http://4.bp.blogspot.com/-_VSGGUcsUPE/TwNIXL6W2qI/AAAAAAAAFwQ/5KR8F-N3Mqk/s1600/controls.png) repeat-y -175px 0;}
     #cboxMiddleRight{width:14px; background:url(http://4.bp.blogspot.com/-_VSGGUcsUPE/TwNIXL6W2qI/AAAAAAAAFwQ/5KR8F-N3Mqk/s1600/controls.png) repeat-y -211px 0;}
     #cboxContent{background:#fff; overflow:visible;}
         #cboxLoadedContent{margin-bottom:5px;}
         #cboxLoadingOverlay{background:url(http://2.bp.blogspot.com/-bMneOFi_UDo/Txohpge3Z9I/AAAAAAAAF0s/AbVgxX9pXtQ/s400/loadingbackground.png) no-repeat center center;}
         #cboxLoadingGraphic{http://3.bp.blogspot.com/-SKktU1-SCCw/TxohpRB19LI/AAAAAAAAF0Y/iwIo3LnjoE0/s400/loading.gif) no-repeat center center;}
         #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
         #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
         #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(http://4.bp.blogspot.com/-_VSGGUcsUPE/TwNIXL6W2qI/AAAAAAAAFwQ/5KR8F-N3Mqk/s1600/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}
         #cboxPrevious{left:0px; background-position: -51px -25px;}
         #cboxPrevious.hover{background-position:-51px 0px;}
         #cboxNext{left:27px; background-position:-75px -25px;}
         #cboxNext.hover{background-position:-75px 0px;}
         #cboxClose{right:0; background-position:-100px -25px;}
         #cboxClose.hover{background-position:-100px 0px;}
         .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
         .cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
         .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
         .cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}
/*-----------------------------------------------------------------------------------*/
/*   Facebook Likebox popup For Blogger
/*-----------------------------------------------------------------------------------*/
#subscribe {
    font: 12px/1.2 Arial,Helvetica,san-serif; color:#666;
}
#subscribe a,
#subscribe a:hover,
#subscribe a:visited {
    text-decoration:none;
}
.box-title {
   color: #F66303;
   font-size: 20px !important;
   font-weight: bold;
   margin: 10px 0;
border:1px solid #ddd;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
box-shadow: 5px 5px 5px #CCCCCC;
padding:10px;
line-height:25px; font-family:arial !important;
}
.box-tagline {
   color: #999;
   margin: 0;
   text-align: center;
}
#subs-container {
    padding: 35px 0 30px 0;
    position: relative;
}
a:link, a:visited {
border:none;
}
.demo {
display:none;
}
</style>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'></script>
<script src="http://mybloggertricks.googlecode.com/files/jquery.colorbox-min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
   if (document.cookie.indexOf('visited=true') == -1) {
       var fifteenDays = 1000*60*60*24*30;
       var expires = new Date((new Date()).valueOf() + fifteenDays);
       document.cookie = "visited=true;expires=" + expires.toUTCString();
   $.colorbox({width:"400px", inline:true, href:"#subscribe"});
       }
});
</script>
    <!-- This contains the hidden content for inline calls -->

        <div style='display:none'>
   <div id='subscribe' style='padding:10px; background:#fff;'>
        <h3 class="box-title">Receive all updates via Facebook. Just Click the Like Button Below<center><p style="line-height:3px;" >▼</p></center></h3>
      <center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/coderdesire&amp;width=300&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23ffffff&amp;stream=false&amp;header=false&amp;height=258" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:258px;" allowtransparency="true"></iframe>
</center>
<p style=" float:right;  margin-right:35px;  font-size:9px;" >Powered By <a style=" font-size:9px; color:#3B78CD; text-decoration:none;" href="http://www.coderdesirelab.blogspot.com">Blogger Widgets</a></p>
</div>
</div>

Step 4 : Make this simple Customization:

Replace coderdesire with your facebook username.


Step 5 : Hit the save button. Drag the widget to anywhere on your right sidebar.

Step 6 : Click the orange save button towards top right.

*Note : Visit your blogs to see it poping up just beautifully. To review the widget just delete your browser cookies and refresh the page to see it appearing again.

Want the widget to appear Repeatedly


If you want to prompt the likebox every time the visitor enters your blog then simply delete this *30 from the code above.


Hope you liked it. Do let me know if you needed more help. Peace and blessings pals! :)




Candice Swanepoel Lingerie | Google Chrome Theme


Theme Name :
Candice Swanepoel Lingerie
Theme author :
Theme Link :
Theme Category :
Abstract Theme
Description :
Candice Swanepoel Lingerie Google Chrome Theme. This theme is verified by Google. And It can be used on Google Chrome Without any Charge. Free to share and Implement on Google Chrome Browsers.
Important Link :


How to Add the Profile Pic in Facebook Chat

Now Facebook has a new feature to its lots of changes to Facebook. In which user can add Faces to chat. Faces means profile pic, similes to the facebook chat. Earlier they introduced the similes which become a big hit.



Now they introduced which can show the real faces of a person in the chat window. Foe this u need to now the person PROFILE ID or USERNAME whose pic you want to add to the chat window.

Follow these Steps to add Faces to Chat Window :
  • Get the User name or Profile ID of the person.
  • Now write in chat [[User Name]] or [[Profile Id]] and then Press Enter.
  • Now see the Magical effect.
In this u can also show the Simile by just writing which simile it is 
for example:
anger  :   [[anger]]
laugh   :   [[laugh]] 
cry      :   [[cry]]
Note: Do not give any space in between" [[ ]] " written content. Example:
[[killer Drummer]]   this is incorrect. 
[[killerDrummer]]   this is correct.
Enjoy This ......and tell your Experience in comment.


iPhone : Nomao free Application to see people naked

Nomao iPhone Free Application for iPhone to see the people nacked. this is feature whixh may be used in both ways in the right as well as the wrong Depends on the intention of the people.its kind of secret gadget you hav with your own ...

a kind of fun


free download the Application here




Kristin Kreuk | Google Chrome Theme


Theme Name :
Kristin Kreuk
Theme author :
Theme Link :
Theme Category :
Abstract Theme
Description :
Kristin Kreuk Google Chrome Theme. This theme is verified by Google. And It can be used on Google Chrome Without any Charge. Free to share and Implement on Google Chrome Browsers.
Important Link :


Megan Fox | Google Chrome Theme


Theme Name :
Megan Fox
Theme author :
Theme Link :
Theme Category :
Abstract Theme
Description :
Megan Fox Google Chrome Theme. This theme is verified by Google. And It can be used on Google Chrome Without any Charge. Free to share and Implement on Google Chrome Browsers.
Important Link :


Joanna Krupa | Google Chrome Theme


Theme Name :
Joanna Krupa
Theme author :
Theme Link :
Theme Category :
Abstract Theme
Description :
Joanna Krupa sexy Google Chrome Theme. This theme is verified by Google. And It can be used on Google Chrome Without any Charge. Free to share and Implement on Google Chrome Browsers.
Important Link :


Resident Evil 5 | Google Chrome Theme


Theme Name :
Resident Evil 5
Theme author :
Theme Link :
Theme Category :
Games Theme, Fantasy Theme
Description :
Resident Evil 5 Google Chrome Theme for Resident Evil 5 Fans . This theme is verified by Google. And It can be used on Google Chrome Without any Charge. Free to share and Implement on Google Chrome Browsers.
Important Link :


  • Home
  • About Us
  • Contact Us
  • Write For Us
  • Disclaimer
  • Sitemap
  • Back To Top