Création des Logiciels de gestion d'Entreprise, Création et référencement des sites web, Réseaux et Maintenance, Conception
Création des Logiciels de gestion d'Entreprise, Création et référencement des sites web, Réseaux et Maintenance, Conception
Hi Friend, Now i share a Jquery pop-up Facebook like box for your Blogger. It increase your fan page like and increase your traffic. It is a simple and good widget. You can add this on your blog. I will give a full instruction to install this widget.
Go to your Blogger
<style>#fblikepop { background-color: #fff;
display: none;
position: fixed;
top: 200px;
_position: absolute;
/* hack for IE 6*/
width: 450px;
border: 10px solid #6F6F6F;
z-index: 200;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
margin: 0pt;
padding: 0pt;
color: #333333;
text-align: left;
font-family: arial,sans-serif;
font-size: 13px;
}#fblikepop body {
background: #fff none repeat scroll 0%;
line-height: 1;
margin: 0pt;
height: 100%;
}.fbflush {
cursor: pointer;
font-size: 11px !important;
color: #FFF !important;
text-decoration: none !important;
border: 0 !important;
}
#fblikebg {
display: none;
position: fixed;
_position: absolute;
/* hack for IE 6*/
height: 100%;
width: 100%;
top: 0;
left: 0;
background: #000000;
z-index: 100;
}#fblikepop #closeable {
float: right;
margin: 7px 15px 0 0;
}#fblikepop h1 {
background: #6D84B4 none repeat scroll 0 0;
border-top: 1px solid #3B5998;
border-left: 1px solid #3B5998;
border-right: 1px solid #3B5998;
color: #FFFFFF !important;
font-size: 14px !important;
font-weight: normal !important;
padding: 5px !important;
margin: 0 !important;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif !important;
}#fblikepop #actionHolder {
height: 30px;
overflow: hidden;
}#fblikepop #buttonArea {
background: #F2F2F2;
border-top: 1px solid #CCCCCC;
padding: 10px;
min-height: 50px;
}#fblikepop #buttonArea a {
color: #999999 !important;
text-decoration: none !important;
border: 0 !important;
font-size: 10px !important;
}#fblikepop #buttonArea a:hover {
color: #333 !important;
text-decoration: none !important;
border: 0 !important;
}#fblikepop #popupMessage {
font-size: 12px !important;
font-weight: normal !important;
line-height: 22px;
padding: 8px;
background: #fff !important;
}#fblikepop #counter-display {
float: right;
font-size: 11px !important;
font-weight: normal !important;
margin: 5px 0 0 0;
text-align: right;
line-height: 16px;
}</style>
<script src='http://www.google.com/jsapi'/><script>google.load("jquery", "1");</script>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
kakinetworkdotcom01username="FACEBOOK-PAGE-USERNAME",
kakinetworkdotcom01title="Join Us On Facebook!",
kakinetworkdotcom01skin="04",
kakinetworkdotcom01time="20",
kakinetworkdotcom01wait="0",
kakinetworkdotcom01lang="en"
//]]>
</script>
<script src='https://dl.dropbox.com/s/nar4fbd6pffl0br/facebook-popup%28www.matrixar.com%29.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function(){$().kakinetworkdotcom({ closeable: true });});
//]]>
</script>
Change all RED color with your Facebook fan page username.
Leave a comment…………………… if you like this post……………….
2013, By: Seo MasterFriends, This is a simple and effective widget for your blogger. This Social media sharing widget make with a simple and advanced search box. It make a good feeling to your blogger when peoples visit your blog. It has a simple mouse hover effect. It can add into your blog simply. Follow this post.
Go to your Blogger
/* -------------MASTER HACKS SOCIAL SHARING WIDGET-------------------- */
#search{width:300px; border:1px solid #E0DFD9;background:url(http://www.matrixar.com/-L-6BIGrXfyA/TeDn95a4GxI/AAAAAAAAHLg/z1th8GgWvko/s1600/search-bg.png) left top repeat-x;height:32px;padding:0;text-align:left;overflow:hidden}
#search #s{width:80%; background:none;color:#3F3F3F;border:0;padding:4px;margin:3px 0 0 12px;float:left}
#search .search-image{border:0;vertical-align:top;float:right;margin:8px 4px 0 2px}
#search-wrap{padding:15px 0}
.topsearch #search{margin-top:0;margin-bottom:10px}
.social-connect-widget{background:#FFF;border:1px solid #E7E6DE;padding:10px}
.social-connect-widget:hover{border:1px solid #CBCBC2;background:#F5F4EF}
.social-connect-widget a{text-decoration:none;font-weight:bold;font-family:Arial,Helvetica,Sans-serif;color:#4B4D4E}
.social-connect-widget a:hover{text-decoration:underline;color:#F77C04}
.social-connect-widget img{vertical-align:middle;margin-right:5px}
Edit width:300px, to change the width of your search box
Edit width:80%, to change the search input area.
<div class='topsearch'>
<div class='clerfix' id='search'>
<form action='/search' id='searchform' method='get'>
<input id='s' name='q' onblur='if (this.value == "") {this.value = "Search here...";}' onfocus='if (this.value == "Search here...") {this.value = ""}' type='text' value='Search here...'/>
<input class='search-image' src='http://www.matrixar.com/-4xLRhLRVVkI/TeDn9fTgT3I/AAAAAAAAHLY/5DuGTiOVtj8/s1600/search.png' title='Search' type='image'/>
</form>
</div>
</div>
<div style='clear:both;'/>
<div class="social-connect-widget" style="margin-top:0px;margin-bottom:10px;">
<img alt="rss feed" src="http://www.matrixar.com/-0kKKFqj_U2U/TZ52Sq7wwfI/AAAAAAAAEIQ/mrmCuT1KzjI/s1600/social-connect-rss.png" /><a href="http://feedburner.google.com/fb/a/mailverify?uri=YOUR-RSS-FEED-ID-HERE " target="_blank">Subscribe to our RSS Feeds!</a>
</div>
<div class='social-connect-widget' style='margin-bottom:10px;'>
<a href='http://twitter.com/realcombiz'><img alt='Follow Us on Twitter!' src='http://www.matrixar.com/-vhFL0XMMYLg/TZ52S1xMdpI/AAAAAAAAEIY/uzxm685MciA/s1600/social-connect-twitter.png' title='Follow Us on Twitter!'/></a><a href='http://twitter.com/YOUR-TWITTER-USERNAME-HERE '>Follow Us on Twitter!</a>
</div>
<div class='social-connect-widget' style='margin-bottom:10px;'>
<a href='http://facebook.com/realcombiz'><img alt='Be Our Fan!' src='http://www.matrixar.com/-3tPdbv6JNYA/TZ52SSUbiVI/AAAAAAAAEII/tzPhCV1UIYU/s1600/social-connect-facebook.png' title='Be Our Fan'/></a><a href=' YOUR-FACEBOOK-PAGE-LINK-HERE '>Follow us on Facebook!</a>
</div>
<div style='clear:both;'/>
<div class='addthis_toolbox'>
<div class='custom_images'>
<a class='addthis_button_twitter'><img alt='Twitter' height='32' src='http://www.matrixar.com/--haasmhP25E/TX0BIdW3PYI/AAAAAAAABec/ll0OKqU0z4M/s1600/twitter.png' width='32'/></a>
<a class='addthis_button_delicious'><img alt='Delicious' height='32' src='http://www.matrixar.com/-yL-sR48gGug/TX0A8-6p88I/AAAAAAAABds/_CXWKvVi8LU/s1600/delicious.png' width='32'/></a>
<a class='addthis_button_facebook'><img alt='Facebook' height='32' src='http://www.matrixar.com/-R8SGNJPGg68/TX0A9QHboaI/AAAAAAAABd8/OkHcJttzFr0/s1600/facebook.png' width='32'/></a>
<a class='addthis_button_digg'><img alt='Digg' height='32' src='http://www.matrixar.com/-X9vrqy4kNI4/TX0A9PtQIcI/AAAAAAAABd0/WahU3JI8r3o/s1600/digg.png' width='32'/></a>
<a class='addthis_button_stumbleupon'><img alt='Stumbleupon' height='32' src='http://www.matrixar.com/-iLJQkdXwnpo/TX0BIZ59J_I/AAAAAAAABeU/t367mp0EWJM/s1600/stumbleupon.png' width='32'/></a>
<a class='addthis_button_favorites'><img alt='Favorites' height='32' src='http://www.matrixar.com/-oam0L5GcIQo/TX0A9lXvQwI/AAAAAAAABeE/EPfnCictAv0/s1600/favorites.png' width='32'/></a>
<a class='addthis_button_more'><img alt='More' height='32' src='http://www.matrixar.com/-duuV-meHLMg/TX0BILhZk3I/AAAAAAAABeM/ymXO0WYc80g/s1600/more.png' width='32'/></a>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js' type='text/javascript'/>
</div>
<div style='clear:both;'/>
Change all RED color with your Social media links.
Leave a comment…………………… if you like this post……………….
2013, By: Seo Master