Les nouveautés et Tutoriels de Votre Codeur | SEO | Création de site web | Création de logiciel

Loading...
Seo Master present to you:
facebook pop out likebox
 Here is a Tutorial about how to add a static Pop out Like Box with Cool jQuery hover effect.This a Awesome Blogger Blog Widget that adds a little beauty to your blog.

After installing this Widget a Facebook Logo will appear on the right side of your Blog.When you Mouse over that Logo it Pop out with Smooth jQuery Effect.

Follow the instructions for installing this Widget.
 





View Demo

If you don't interested in Editing HTML,you can use our WIDGET GENERATOR.

Install Facebook Pop Out Like Box Widget

  • Go to Design-> Page Elements
  • Click on Add Gadget
page elements blogger
  • Select HTML/Javascript from it
  • Leave title as blank ,Copy and Paste the below code into the content section.

<script type="text/javascript">
/*<![CDATA[*/
jQuery(document).ready(function() {jQuery(".noopslikebox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);});
/*]]>*/
</script>
<style type="text/css">
.noopslikebox{background: url("http://www.matrixar.com/-Tka_Jf2EbuQ/Tz-PU1EH76I/AAAAAAAAAIQ/8FxGt44NHPo/s1600/fb_static+button.jpg") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 999;position:fixed;right:-250px;top:20%;}
.noopslikebox div{border:none;position:relative;display:block;}
.noopslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 7px;text-align: right;z-index: 999;}
.noopslikebox span a{color: gray;text-decoration:none;}
.noopslikebox span a:hover{text-decoration:underline;}
</style>
<div class="noopslikebox">
    <div>
    <iframe src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/pages/NetOops-Blog/159796530791611&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe>
    </div>
</div>
  • Replace the RED highlighted text with your Facebook page URL.
I hope you'd liked this Article,if so please share, like this. 
2013, By: Seo Master

seo Facebook Static Pop Out Like Box with jQuery Effect for Blogger 2013

Seo Master present to you:
Do you want to create a blog for free on blogger.com? How to make a free blog using Blogger.com. Blogger is most popular free Blogging service owned by Google. If you are to create your own blog on Blogger, Here is a step by step guide to create a free blog.

Follow the instruction given below to make your own blog for free

Step1. Go to Blogger.com and Sign In using your Gmail/Google Account. if you don't have a google account then please first create google account and blogger account.

1. Create Google Account
2. Create Blogger Account

After sign in when you see below screen, click on New Blog button at the left to start to create a new blog.
new blogger account

Step 2. Create a new Blog title and url address
how to create new blogger site


Type in your Blog Title and the blog address you'd like to use, then choose a blog template.

  • If enter you domain side shows "Sorry, this blog address is not available"- that means, the address is used by someone, so you have to pick another address.
  • You can pick any template at this moment, and change it later
  • When blog title and address is Ok, click on Create Blog ! button at the bottom of the page.

Congratulations - Your New Blog is Active!
Your blog is now live and ready for you to start writing content.

In the next lesson we will Learn how to management a blog.

I hope you liked this tutorial, If you still have any issue with creating your own blog on Blogger.com feel free to ask me via comment box below.

Best of Luck for your new blog…Happy Blogging!!
2013, By: Seo Master

seo How to Create a Free Blog on Blogger.com 2013

Seo Master present to you:

Friends, Now i share a USB security program to protect your computer from virus(Pen drive). USB Disk Security is the best software to block threats that can damage your PC or compromise your personal information via USB storage. It is a common source of infection with potentially dangerous content, but a lot of antivirus software can not effectively detect the malicious programs from USB drives. USB Disk Security provides the best protection against any threats when using USB drives.

USB Disk Security full verison with key generator (www.matrixar.com)

 

Download USB Disk Security V6.2.0.125 Full Version With Key Generator: Click here (Alternate Link) OR Click here OR Click here

 

 

Features

  • Block known and unknown threats from removable media.
  • Best solution to protect offline computer.
  • Prevent unauthorized persons from stealing your data.
  • Compatible with other security software.
  • Compatible with all popular Windows platforms.
  • Fastest and lightest security software.
  • Free upgrades.

 

 

 

Are you happy?……. Please leave a comment  below……….. if  links are broken………..

 

2013, By: Seo Master

seo USB Disk Security v6.2.0.125 Full Version With Key Generator 2013

Powered by Blogger.
Design by Dev Nasser