.˛.°★。˛ °.★** *★* *˛.
˛ °_██_*。*./ \ .˛* .˛.*.★*MERRY CHRISTMAS*★ 。*
˛. (´• ̮•)*˛°*/.♫.♫\*˛.* ˛_Π_____. * ˛*
.°( . • . ) ˛°./• '♫ ' •\.˛*./______/~＼*. ˛*.。˛* ˛. *。
*(...'•'.. ) *˛╬╬╬╬╬˛°.｜田田 ｜門｜╬╬╬╬ .
¯˜"*°••°*"˜¯`´¯˜"*°••°*"˜¯`¬´¯˜"*°´¯˜"*°••°*"˜¯`´¯˜"*°•

wish you , your family and friends " MERRY CHRISTMAS." May peace, happiness , success & togetherness surround you & your loved ones the whole year long !!! ♥ ♥ ♥ ♥ ♥ ♥



............°*”˜”*°'╲
........../______ ( '\ .\
......../________)_╲\
.......(__________) (´¯`)
... ....( / ‘ ◕ - ◕ ’ \ )-'˜”˜'
.......{ ( ( ) (_) ( ) ) }
......'{ ; , .")=("-. , ; }
......'{░'- -`- - `- -'░}
...,` ' - .░░░░░ . - '.`,
. /..(........-☀-.......) ..\
.|..(.........-☀-.......) ..'|
.|..(______-☀-_____)...|
{_|████{ S}████|..}
.|...\(░░░░░░░░░)/...|
..\ _/|......../\.......| \_ /
......(░░░░).(░░░░)
.. ....|████|.|████|
. . . _|████|.|████|_
....(█████/...\█████)

!......Merry Christmas........!








            \+/
           +-*-+  ____________________________________________
            /+\    M  E  R  R  Y    C  H  R  I  S  T  M  A  S
             ^    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
           i^^^                                   !!!!!!!!!!!!!!!!!!!!!!!!!!!
           ^()^^i                 &               ((( . *. . * |  . * . * )))
         i^^^^o^^     ___________________________ ((( .  *   . |  * . .*  )))
         ^^*^^^^^^i   H A P P Y  N E W  Y E A R ! (((  .   * * | .  * . * )))
       i^^^o^^^*^^^   ~~~~~~~~~~~~~~~~~~~~~~~~~~~ (((__________|_________ )))
       ^^^^^^^^0^^^^i                             ((( . *  . * |.  *  . * )))
     i^^^*^^^^o^^:)^^      ___________________    ((( .  . *   | . ////// )))
     ^^()^^^^^^^*^^^^^i    |__|____|____|____|    (((   *  * . |* ( @ @ ) )))
   i^^^^^o^^^^^()^^^^^^    |____|____|____|__|    (((  *   . * | . \ o / .)))
   ^^^^^^^^*^^^^^^o^^^^^i  |__|     /     |__|    (((=====================)))
 i^^^^^o^^^^^^^^*^^^^^^^^  |__|    \\\    |__|
 ^^^^*^^^^^()^^^^^^^^o^^^^i|__|   /////   |__|           ><
^^^^^o^^^^^^|^|^^^^0^^^*^^^|__|  \\\\\\   |__|       ###########      ><
  ><     \__|_|__/    ><   |__|  ///////  |__|       ###########   |||||||||
::::::___ \_____/ __%%%%%%_|__|_XXXXXXXX__|__|_ \-/ _###########___|||||||||_
::::::     \___/    %%%%%%  \_______________/  ('.') ###########   |||||||||
                    %%%%%%                   @(m " m)
 <<<:<<<:<<<:<<<:<<<:<<<:<<<:<<<:<<<:<<<:<<<:<<<:<<<:<<<:<<<:<<<:<<<:<<<:<<<

Loading

Read More ->>

Make Navbar Bar with FB Like Button and Google Plus Button

Make a Navbar for blogger with Facebook Like Button and a Google Plus Button. You can also show your Notifications and updates on it.

Live Demo

Follow steps:

1. Go To Blogger > Design > Edit HTML
2. Backup your template
3. Search for this
   

]]></b:skin>

    4.  Just above it paste this code.

/*Navbar*/
#mbt_bar{
background:#0080ff url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_HbqDJuP3HiuK8fS5EqXUZAWGwXdBeTF7h0t0FdOhV1ERCn8L3aqGpkOxZ4ZBox47RyAKza-DYGZR-V91wclwJ7P24DVdcCc_dEDGfYOW1edpZgXCwBuMQwxIq5zSHuDRZYoHRoeIJ8M/s400/stickybar.png') repeat-x;
width:100%;
margin:0 auto;
text-align:center;
padding:3px 0 0 0;
border-bottom: 1px solid #888888;
-moz-box-shadow: #666666 0px 1px 3px;
-webkit-box-shadow: #666666 0px 1px 3px;
box-shadow: #666666 0px 1px 3px;
z-index: 999;
height: 28px; position:fixed;
line-height: 1.85em;
vertical-align: baseline;
letter-spacing: 1px;
color:#fff;
font-size:12px;
font-weight:bold;
font-family: arial,"Helvetica",sans-serif;
}
#mbt_bar a{
text-decoration:underline;
color:#E2E504;
}
#mbt_bar a:hover{
text-decoration:none;
}
#mbt_bar p {margin:0; list-style:none;}
#mbt_bar img {vertical-align: middle;
margin-right: 6px;}

5. Search for </head> and paste this code above it.

<script type='text/javascript'>
//<![CDATA[
var mbt_arr = new Array();
var mbt_clear = new Array();
function mbtFloat(mbt) {
mbt_arr[mbt_arr.length] = this;
var mbtpointer = eval(mbt_arr.length-1);
this.pagetop = 0;
this.cmode = (document.compatMode && document.compatMode!="BackCompat") ? document.documentElement : document.body;
this.mbtsrc = document.all? document.all[mbt] : document.getElementById(mbt);
this.mbtsrc.height = this.mbtsrc.offsetHeight;
this.mbtheight = this.cmode.clientHeight;
this.mbtoffset = mbtGetOffsetY(mbt_arr[mbtpointer]);
var mbtbar = 'mbt_clear['+mbtpointer+'] = setInterval("mbtFloatInit(mbt_arr['+mbtpointer+'])",1);';
mbtbar = mbtbar;
eval(mbtbar);
}
function mbtGetOffsetY(mbt) {
var mtaTotOffset = parseInt(mbt.mbtsrc.offsetTop);
var parentOffset = mbt.mbtsrc.offsetParent;
while ( parentOffset != null ) {
mbtTotOffset += parentOffset.offsetTop;
parentOffset = parentOffset.offsetParent;
}
return mbtTotOffset;
}
function mbtFloatInit(mbt) {
mbt.pagetop = mbt.cmode.scrollTop;
mbt.mbtsrc.style.top = mbt.pagetop - mbt.mbtoffset + "px";
}
function closeTopAds() {
document.getElementById("mbt_bar").style.visibility = "hidden";
}
//]]>
</script>

6.  Search for <body>  and paste this code below it.

<div id='mbt_bar'> <span style='padding-right:5px; float:right'> <img align='absmiddle' border='0' onClick='closeTopAdsundefined);return false;' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5oMjrfa7D7XkPNBsPv7CkZISoRzN4JSGJaamwiBPMJLr6KEiVZihV2YPBmd9GsQYfKSdNrW5ingrjFo2CnfVNrgdRDcypQFyu8QKPKKYJKnXDrWh1hooo2GuBoDlIfovHVW9RqunCCLA/s400/cancel.png' style='cursor:hand;cursor:pointer;'/></span><div style='float:left; padding-left:10px;'>Navbar with social Plugins</div> <div style='float:right; padding-right:0px;'> <p style='font:bold 12px arial; float:left; margin:5px;'>Liked us?</p><iframe allowTransparency='true' frameborder='0' scrolling='no' src='http://www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2FCOMPUTERS.TRICKS&amp;send=false&amp;layout=button_count&amp;width=80&amp; show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21' style='border:none; overflow:hidden; width:80px; height:21px;'/> <g:plusone href='http://www.fblatest.in' size='medium'/> </div> </div>

You can write your message, announcement, anything you like instead of that purple text.

Replace blogger tricks with your Facebook Fan Page Username  and replace our blog link with yours.

     7.  Note: Skip this step if you have already added google+ button somewhere already in your blog.

Paste the following code just below ]]></b:skin>

<script src='http://apis.google.com/js/plusone.js' type='text/javascript'> {lang: &#39;en-US&#39;} </script>

Thanks to :----

Mohammad

For More www.fblatest.in visit here

Loading

Read More ->>