If you are blogger then this post help you make your blogs more famous.With the help of the Facebook we can help you make promotion of your blog and website. Now you add a Facebook in your blog and website just like given in below image. Whenever any visitor is visited on your blog and website then he will see the face book pop up at his screen. It will increase your Facebook page likes ***
**** By the using of the jquerry you can set the timer. Facebook store all the information and visitor can see the cookies only one time and it will not disturb the visitors. If the visitors open other page or other post Facebook box will not appear again. You can also add about Facebook like box in which date it was appear to yours visitors **
Below are step by step procedure which are as follows.
Below are step by step procedure which are as follows.
In the first steps you have to go the dashboard and go to the Template *
You should make a proper backup of your Template **
*You have to search for </head> after searching and then paste the code above on the </head>**————————————————————————————————————–
<script
src=’https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js’></script><script
src=’http://yourjavascript.com/69231961363/jquery-colorbox-min.js’
type=’text/javascript’/>
<script type=’text/javascript’>
jQuery(document).ready(function(){
if (document.cookie.indexOf('visited=true') == -1) {
var setDays = 1000*60*60*24*7;
var expires = new Date((new Date()).valueOf() + setDays);
document.cookie = "visited=true;expires=" + expires.toUTCString();
$.colorbox({width:"400px",
height:"430px", inline:true,
href:"#facebook-popup"});
}});</script>
src=’https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js’></script><script
src=’http://yourjavascript.com/69231961363/jquery-colorbox-min.js’
type=’text/javascript’/>
<script type=’text/javascript’>
jQuery(document).ready(function(){
if (document.cookie.indexOf('visited=true') == -1) {
var setDays = 1000*60*60*24*7;
var expires = new Date((new Date()).valueOf() + setDays);
document.cookie = "visited=true;expires=" + expires.toUTCString();
$.colorbox({width:"400px",
height:"430px", inline:true,
href:"#facebook-popup"});
}});</script>
————————————————————————————————————————–
*** Suppose your facebook box appears after 7 days then you can change the number of appearing of the Facebook like box you can change it to your desire value **
** You have to click on black arrow to expand the code after search on the </b:skin> and you have to paste the below code </b:skin>
—————————————————————————————————————————
/* 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; -webkit-overflow-scrolling: touch; }
#cboxTitle { margin: 0; } #cboxLoadingOverlay, #cboxLoadingGraphic {
position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer; }
.cboxPhoto { float: left; margin: auto; border: 0; display: block;
max-width: none; -ms-interpolation-mode: bicubic; } .cboxIframe { width:
100%; height: 100%; display: block; border: 0; } #colorbox,
#cboxContent, #cboxLoadedContent { box-sizing: content-box;
-moz-box-sizing: content-box; -webkit-box-sizing: content-box; } /* User
Style: Change the following styles to modify the appearance of
Colorbox. They are ordered and tabbed in a way that represents the
nesting of the generated HTML. */ #cboxOverlay { background: #000; }
#colorbox { outline: 0; } #cboxContent { margin-top: 20px; background:
#000; } .cboxIframe { background: #fff; } #cboxError { padding: 50px;
border: 1px solid #ccc; } #cboxLoadedContent { border: 5px solid
#123D60; background: #fff; box-shadow: 3px 3px 3px #fff; } #cboxTitle {
position: absolute; top: -20px; left: 0; color: #ccc; } #cboxCurrent {
position: absolute; top: -20px; right: 0px; color: #ccc; }
#cboxLoadingGraphic { background:
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSzBBnSoNWobJKDOWAqaHwrKcqRTagHlsj5nAhd8eH6qzgZhVr3AVPaUF625PyRz-K7cycEvjNVhsoXDPnCosNaKh7XW-xCHDdq8A1npqAw_PBk6D7UfGMtZmNvhBLDYRAks4Zyai3M2qs/s32/loading.gif)
no-repeat center center; } /* these elements are buttons, and may need
to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose { border: 0;
padding: 0; margin: 0; overflow: visible; width: auto; background: none;
} /* avoid outlines on :active (mouseclick), but preserve outlines on
:focus (tabbed navigating) */ #cboxPrevious:active, #cboxNext:active,
#cboxSlideshow:active, #cboxClose:active { outline: none; }
#cboxSlideshow { position: absolute; top: -20px; right: 90px; color:
#fff; } #cboxPrevious { position: absolute; top: 50%; left: 5px;
margin-top: -32px; background:
url(https://sites.google.com/site/techprevue/home/controls.png)
no-repeat top left; width: 28px; height: 65px; text-indent: -9999px; }
#cboxPrevious:hover { background-position: bottom left; } #cboxNext {
position: absolute; top: 50%; right: 5px; margin-top: -32px; background:
url(https://sites.google.com/site/techprevue/home/controls.png)
no-repeat top right; width: 28px; height: 65px; text-indent: -9999px; }
#cboxNext:hover { background-position: bottom right; } #cboxClose {
position: absolute; top: 5px; right: 5px; display: block; background:
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBHzZrByEadpluyhpKs0NWVwtprG10aRuqG6Ee0pzT3W2wpzAiz13Kxs6OZOw-wNiWgRCWRtbzR59wPbYvkpP8rNyUvH_GRa7xm6yNlY9fObNFf13AXuqlswwY9_Avex8Rjg4LvDqbafQD/s130/controls.png)
no-repeat top center; width: 38px; height: 19px; text-indent: -9999px; }
#cboxClose:hover { background-position: bottom center; }
—————————————————————————————————————
/* 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; -webkit-overflow-scrolling: touch; }
#cboxTitle { margin: 0; } #cboxLoadingOverlay, #cboxLoadingGraphic {
position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer; }
.cboxPhoto { float: left; margin: auto; border: 0; display: block;
max-width: none; -ms-interpolation-mode: bicubic; } .cboxIframe { width:
100%; height: 100%; display: block; border: 0; } #colorbox,
#cboxContent, #cboxLoadedContent { box-sizing: content-box;
-moz-box-sizing: content-box; -webkit-box-sizing: content-box; } /* User
Style: Change the following styles to modify the appearance of
Colorbox. They are ordered and tabbed in a way that represents the
nesting of the generated HTML. */ #cboxOverlay { background: #000; }
#colorbox { outline: 0; } #cboxContent { margin-top: 20px; background:
#000; } .cboxIframe { background: #fff; } #cboxError { padding: 50px;
border: 1px solid #ccc; } #cboxLoadedContent { border: 5px solid
#123D60; background: #fff; box-shadow: 3px 3px 3px #fff; } #cboxTitle {
position: absolute; top: -20px; left: 0; color: #ccc; } #cboxCurrent {
position: absolute; top: -20px; right: 0px; color: #ccc; }
#cboxLoadingGraphic { background:
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSzBBnSoNWobJKDOWAqaHwrKcqRTagHlsj5nAhd8eH6qzgZhVr3AVPaUF625PyRz-K7cycEvjNVhsoXDPnCosNaKh7XW-xCHDdq8A1npqAw_PBk6D7UfGMtZmNvhBLDYRAks4Zyai3M2qs/s32/loading.gif)
no-repeat center center; } /* these elements are buttons, and may need
to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose { border: 0;
padding: 0; margin: 0; overflow: visible; width: auto; background: none;
} /* avoid outlines on :active (mouseclick), but preserve outlines on
:focus (tabbed navigating) */ #cboxPrevious:active, #cboxNext:active,
#cboxSlideshow:active, #cboxClose:active { outline: none; }
#cboxSlideshow { position: absolute; top: -20px; right: 90px; color:
#fff; } #cboxPrevious { position: absolute; top: 50%; left: 5px;
margin-top: -32px; background:
url(https://sites.google.com/site/techprevue/home/controls.png)
no-repeat top left; width: 28px; height: 65px; text-indent: -9999px; }
#cboxPrevious:hover { background-position: bottom left; } #cboxNext {
position: absolute; top: 50%; right: 5px; margin-top: -32px; background:
url(https://sites.google.com/site/techprevue/home/controls.png)
no-repeat top right; width: 28px; height: 65px; text-indent: -9999px; }
#cboxNext:hover { background-position: bottom right; } #cboxClose {
position: absolute; top: 5px; right: 5px; display: block; background:
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBHzZrByEadpluyhpKs0NWVwtprG10aRuqG6Ee0pzT3W2wpzAiz13Kxs6OZOw-wNiWgRCWRtbzR59wPbYvkpP8rNyUvH_GRa7xm6yNlY9fObNFf13AXuqlswwY9_Avex8Rjg4LvDqbafQD/s130/controls.png)
no-repeat top center; width: 38px; height: 19px; text-indent: -9999px; }
#cboxClose:hover { background-position: bottom center; }
—————————————————————————————————————
** Then you have to search on the </body> and paste the code before </body> tag.**
—————————————————————————————————————————-
<div style=’display:none’>
<div id=’facebook-popup’ style=’background:#fff;position:scroll;z-index:99999;’>
<div
style=’text-align:center;padding-top:15px’> <h3
style=’font-family: 'Source Sans Pro', Sans Serif;
Font-size: 18px; font-weight: 300px; ‘>Receive All Free Updates Via
Facebook.</h3>
<iframe allowtransparency=’true’
frameborder=’0′ scrolling=’no’
src=’//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fblogtech&width=342&height=300&show_faces=true&colorscheme=light&stream=false&show_border=false&header=false&appId=’
<div style=’display:none’>
<div id=’facebook-popup’ style=’background:#fff;position:scroll;z-index:99999;’>
<div
style=’text-align:center;padding-top:15px’> <h3
style=’font-family: 'Source Sans Pro', Sans Serif;
Font-size: 18px; font-weight: 300px; ‘>Receive All Free Updates Via
Facebook.</h3>
<iframe allowtransparency=’true’
frameborder=’0′ scrolling=’no’
src=’//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fblogtech&width=342&height=300&show_faces=true&colorscheme=light&stream=false&show_border=false&header=false&appId=’
style=’border:none; overflow:hidden; width:342px; height:300px;’/>
</div>
</div>
</div>
—————————————————————————————————————————–
</div>
</div>
</div>
—————————————————————————————————————————–
Replace blogtech with your page name.
**Now you can save your template **
**I suggest you to check out this :How To Make Whatsapp Free For Lifetime: 100% Working Methods***
thanks
Please feed back me i will wait for your feed back **
** Hopefully this post help you to make your blog more impressive and attractive
0 comments:
Post a Comment