All in One

Live Demo of Pure Professional CSS Live Demo Button

noreply@blogger.com (Hemant Verma) — Thu, 17 Jan 2013 09:26:00 -0800

Demo of Description Coding Background

noreply@blogger.com (Hemant Verma) — Tue, 24 Jul 2012 04:00:00 -0700

Demo of Description Coding Background

.fblatest { font-size: 15px;font-family:
 Courier;font-weight: normal;font-style:italic; background-color: 
#000000; color: #ffffff; width: 90%; margin: 5px 10px; padding: 20px 
20px 20px 20px; border: 2px dotted lightgrey;   transition: 
background-color .777s; -webkit-transition: background-color .777s; 
-moz-transition: background-color .777s; -o-transition: background-color
 .777s; -ms-transition: background-color .777s; } .fblatest:hover { 
background-color: #0c991a ; color: #fff; box-shadow: -1px -1px 12px 2px 
gainsboro; border-radius: 10px; } .fblatest:active { background-color: 
CornflowerBlue ; color: #000; }

<style>
prjue{
position:relative;
bacound:#333
color:white;
font-family:Monaco, Courier, MonoSpace;line-height:1.8;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;font-size:12px;padding:10px;margin:0 0 25px 0;overflow:auto}pre code{padding:0;color:white;background:#333;white-space:pre
}

pre[rel]{pa.kbn.mb,jbbjmbn-top:40px}pre[rel]:after{content:attr(rel);position:absolute;top:0;background:#F3A01E;padding:4px;left:0;right:0;font-size:36px;line-height:0;color:white;font:bold 20px "myriad-pro-1",Verdana;
</style>

uses("Welcome to my site")
</script>
</head>
</html>

Explanation Bar

noreply@blogger.com (Hemant Verma) — Mon, 23 Jul 2012 22:28:00 -0700

1.HTML CSS and Other Coding Background

2.Blackino Pro Blockquote for HTML, CSS Codes

Demo of Three Coloured Coding Background for HTML CSS and Other Codes

noreply@blogger.com (Hemant Verma) — Mon, 23 Jul 2012 07:40:00 -0700

Live Demo of Coding background

How to Use it:-

Move Your Mouse it.
Select the codes and See the effects.

Live Demo of Blackino Blackquote

noreply@blogger.com (Hemant Verma) — Tue, 17 Jul 2012 22:51:00 -0700

Live Demo of Blackino Blackquote

<blockquote style="-webkit-box-shadow: rgb(221, 221, 221) 4px 4px 4px; background-attachment: initial; background-clip: initial; background-color: initial; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEim69e1hDqsKNXbudHFA70XYeVUtqc9DbLLIEjII_UX83OlW2-G5x7xsxQgpKAumR0vdPw56yWh7CZxkIan0K_N_X-sh_xVWpwEq0dk8a4UC3R_4zDR2BD0Uq_QndBAXimkxRi6-VlV5zBz/s320/blockquote+black.jpg); background-origin: initial; background-repeat: repeat repeat; border-bottom-left-radius: 6px 6px; border-bottom-right-radius: 6px 6px; border-left-color: rgb(153, 0, 0); border-left-style: solid; border-left-width: 4px; border-top-left-radius: 6px 6px; border-top-right-radius: 6px 6px; color: #dddddd; font-size: 15px; margin-bottom: 5px; margin-left: 5px; margin-right: 5px; margin-top: 5px; outline-color: initial; outline-style: none; outline-width: medium; padding-bottom: 0px; padding-left: 15px; padding-right: 20px; padding-top: 0px;">

<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><i><b><center><h1>"Blackino Blockquote"</h1></center><br><br>This is a Customize HTML blockquote Example for Blogger and We are very Happy to present it infront of all our readers and visitors. Our team hacked this Pro blockquote for our dear visitors.<br><br><br><br><h3>Thank You Very Much</h3>www.fblatest.in</b></i></span></blockquote>

Live Demo of Black Posting Background CSS Version 2

noreply@blogger.com (Hemant Verma) — Sat, 12 May 2012 04:42:00 -0700

Live Demo

Santa: I found Aladdin's Lamp last week.
Banta: What did you do with it?
Santa: I rubbed it and asked him to increase all wives intelligence by 10 times.
Banta: But things don't seem to have changed with Preeto.
Santa: Let me finish. The ginnie laughed & told me, Multiplication does not apply to Zero. :P
Morbi vestibulum dignissim sapien. Vivamus velit magna, tristique sed, pulvinar id, consequat ut, purus. Aliquam auctor, nunc sed imperdiet ultrices, quam nibh dapibus nibh, vel sodales magna lectus eu dolor. Fusce eget urna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam nulla sem, mattis sit amet, varius a, convallis eu, mi. Suspendisse mollis, felis at dictum luctus, dolor ligula cursus justo, ut blandit justo dui ut quam.

<<<<===== Back to Tutorial

Live Demo of Image Posting Background

noreply@blogger.com (Hemant Verma) — Fri, 11 May 2012 01:57:00 -0700

This is Live Demo of Image Posting Background

Santa: I found Aladdin's Lamp last week.
Banta: What did you do with it?
Santa: I rubbed it and asked him to increase all wives intelligence by 10 times.
Banta: But things don't seem to have changed with Preeto.
Santa: Let me finish. The ginnie laughed & told me, Multiplication does not apply to Zero. :P
Morbi vestibulum dignissim sapien. Vivamus velit magna, tristique sed, pulvinar id, consequat ut,

<<<<==== Back to Tutorial

Live Demo of Color and Image Posting Background

noreply@blogger.com (Hemant Verma) — Fri, 11 May 2012 01:06:00 -0700

This is Live Demo of Colored Posting Background

Santa: I found Aladdin's Lamp last week.
Banta: What did you do with it?
Santa: I rubbed it and asked him to increase all wives intelligence by 10 times.
Banta: But things don't seem to have changed with Preeto.
Santa: Let me finish. The ginnie laughed & told me, Multiplication does not apply to Zero. :P

Morbi vestibulum dignissim sapien. Vivamus velit magna, tristique sed, pulvinar id, consequat ut, purus. Aliquam auctor, nunc sed imperdiet ultrices, quam nibh dapibus nibh, vel sodales magna lectus eu dolor. Fusce eget urna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam nulla sem, mattis sit amet, varius a, convallis eu, mi. Suspendisse mollis, felis at dictum luctus, dolor ligula cursus justo, ut blandit justo dui ut quam.

<<<<==== Back to Tutorial

Live Demo Comparing Table with CSS Facebook Style for Blogger

noreply@blogger.com (Hemant Verma) — Sun, 6 May 2012 23:21:00 -0700

Live Demo Comparing Table with CSS Facebook Style for Blogger

Comparing Table

	Title1	Title2
Category1
Category2
Category3
Category4
Category5

Back to Tutorial

Attractive Pro Subscriber Widget for Blogger

noreply@blogger.com (Hemant Verma) — Fri, 13 Apr 2012 03:48:00 -0700

Live Demo of Attractive Pro Subscriber Widget for Blogger Widget =====>>>>>

<<<<===== Back to Tutorial

Add Cool Animated Flying Stars Widget

noreply@blogger.com (Hemant Verma) — Fri, 30 Mar 2012 06:02:00 -0700

This Widget Is Give You A Cool Look For Your Blogger

After Add This Widget Animated Stars Flying Around In Your Blog/Page

Let's Know How To Add This Widget To Blogger ......!

Paste below codes in Add HTML/JavaScript Widget.

<script type="text/javascript">  

          //Configure below to change URL path to the snow image  

          var snowsrc="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpb2ptXMMhOC1hldw5kvETgipmCuVJn6ekDqqaUSRspAiIL70jmTyJIJZxoJ7qXqFtmPZIAaAieBXZRIKLkytyA7yKxj5Gc2rRn1vk4kYcOS5ywQc__sAQvZAr8Dy-8CNzonXwBTQB387p/s1600/ColoredStars.gif"  

          // Configure below to change number of snow to render  

          var no = 50;  

          // Configure whether snow should disappear after x seconds (0=never):  

          var hidesnowtime = 0;  

          // Configure how much snow should drop down before fading ("windowheight" or "pageheight")  

          var snowdistance = "pageheight";  

        ///////////Stop Config//////////////////////////////////  

          var ie4up = (document.all) ? 1 : 0;  

          var ns6up = (document.getElementById&&!document.all) ? 1 : 0;  

            function iecompattest(){  

            return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body  

            }  

          var dx, xp, yp;    // coordinate and position variables  

          var am, stx, sty;  // amplitude and step variables  

          var i, doc_width = 800, doc_height = 600;  

          if (ns6up) {  

            doc_width = self.innerWidth;  

            doc_height = self.innerHeight;  

          } else if (ie4up) {  

            doc_width = iecompattest().clientWidth;  

            doc_height = iecompattest().clientHeight;  

          }  

          dx = new Array();  

          xp = new Array();  

          yp = new Array();  

          am = new Array();  

          stx = new Array();  

          sty = new Array();  

          snowsrc=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKXdiUjxK2Y_8BCiRFk8V6IVr8BlPQ32B5iLY4OgPWcaXQAf3pnzUJ3qAVoPu-6Kv_IP7m8AKFVuEcRV6EnWVQQdtVFKaSsRGChKT75NSjiM_VhUwU7bMZ22_VmWj-vc8M5ROrAb-Lv54/s400/snow.gif" : snowsrc  

          for (i = 0; i < no; ++ i) {  

            dx[i] = 0;                        // set coordinate variables  

            xp[i] = Math.random()*(doc_width-50);  // set position variables  

            yp[i] = Math.random()*doc_height;  

            am[i] = Math.random()*20;         // set amplitude variables  

            stx[i] = 0.02 + Math.random()/10; // set step variables  

            sty[i] = 0.7 + Math.random();     // set step variables  

                if (ie4up||ns6up) {  

              if (i == 0) {  

                document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://dynamicdrive.com\"><img src='"+snowsrc+"' border=\"0\"><\/a><\/div>");  

              } else {  

                document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\">  

    <img src='"+snowsrc+"' border=\"0\"><\/div>");  

              }  

            }  

          }  

          function snowIE_NS6() {  // IE and NS6 main animation function  

            doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;  

                doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")?  iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight;  

            for (i = 0; i < no; ++ i) {  // iterate for every dot  

              yp[i] += sty[i];  

              if (yp[i] > doc_height-50) {  

                xp[i] = Math.random()*(doc_width-am[i]-30);  

                yp[i] = 0;  

                stx[i] = 0.02 + Math.random()/10;  

                sty[i] = 0.7 + Math.random();  

              }  

              dx[i] += stx[i];  

              document.getElementById("dot"+i).style.top=yp[i]+"px";  

              document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px";  

            }  

            snowtimer=setTimeout("snowIE_NS6()", 10);  

          }  

            function hidesnow(){  

                if (window.snowtimer) clearTimeout(snowtimer)  

                for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden"  

            }  

        if (ie4up||ns6up){  

            snowIE_NS6();  

                if (hidesnowtime>0)  

                setTimeout("hidesnow()", hidesnowtime*1000)  

                }  

    </script>

Changes

50 change numbers, according to urself, it tell us that how many numbers of star we want to show.

noreply@blogger.com (Hemant Verma) — Thu, 29 Mar 2012 06:49:00 -0700

HTML Code Here

noreply@blogger.com (Hemant Verma) — Thu, 29 Mar 2012 05:08:00 -0700

Why do you run after scripts such as jquery while you can use simple CSS and HTML to create beautiful drop down menus for your blog. I already shared a list of 30 Navigation menus and now you need to learn how to create a drop down menu in a navigation. I am sharing a simple code here that can be fully customize to make your preferred changes. So lets get to work!

How To Create a Drop Down Menu?

A drop down menu is needed when you have too much content on your blog or you love keeping things organized. To add a drop down menu to your blogger blogs do this:

Go To Blogger > Design > Page Elements
Select a HTML/JavaScript Widget just under the header and paste the following code inside it,

CODES.............!!!!!

<div id='fbnavbar'>
      <ul id='fbnav'>
        <li>
          <a href='#'>Home</a>
        </li>
        <li>
          <a href='#'>About</a>
       </li>
        <li>
          <a href='#'>Contact</a>
        </li>
<li>
           <a href='#'>Sitemap</a>
            <ul>
                <li><a href='#'>Sub Page #1</a></li>
                <li><a href='#'>Sub Page #2</a></li>
                <li><a href='#'>Sub Page #3</a></li>
              </ul>
        </li>
      </ul>
    </div>

Replace # with your Page Links and the bolded text with relevant page names. The yellow highlighted code is responsible for the drop down menu. You can copy and paste it under any tab you want just before </li>
To add another tab just paste this code above </ul>

<li>
          <a href='#'>Tab Name</a>
        </li>

3. Now Go to Design > Edit HTML
4. Backup your template and search for ,

]]></b:skin>

3. Just above it paste the code below,

/*----- FB Drop Down Menu ----*/

#fbnavbar {
    background: #060505;
    width: 960px;
    color: #FFF;
        margin: 0px;
        padding: 0;
        position: relative;
        border-top:0px solid #960100;
        height:35px;

}

#fbnav {
    margin: 0;
    padding: 0;
}
#fbnav ul {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
}
#fbnav li {
    list-style: none;
    margin: 0;
    padding: 0;
        border-left:1px solid #333;
        border-right:1px solid #333;
        height:35px;
}
#fbnav li a, #fbnav li a:link, #fbnav li a:visited {
    color: #FFF;
    display: block;
   font:normal 12px Helvetica, sans-serif;    margin: 0;
    padding: 9px 12px 10px 12px;
        text-decoration: none;


}
#fbnav li a:hover, #fbnav li a:active {
    background: #BF0100;
    color: #FFF;
    display: block;
    text-decoration: none;
        margin: 0;
    padding: 9px 12px 10px 12px;



}

#fbnav li {
    float: left;
    padding: 0;
}
#fbnav li ul {
    z-index: 9999;
    position: absolute;
    left: -999em;
    height: auto;
    width: 160px;
    margin: 0;
    padding: 0;
}
#fbnav li ul a {
    width: 140px;
}
#fbnav li ul ul {
    margin: -25px 0 0 161px;
}
#fbnav li:hover ul ul, #fbnav li:hover ul ul ul, #fbnav li.sfhover ul ul, #fbnav li.sfhover ul ul ul {
    left: -999em;
}
#fbnav li:hover ul, #fbnav li li:hover ul, #fbnav li li li:hover ul, #fbnav li.sfhover ul, #fbnav li li.sfhover ul, #fbnav li li li.sfhover ul {
    left: auto;
}
#fbnav li:hover, #fbnav li.sfhover {
    position: static;
}

#fbnav li li a, #fbnav li li a:link, #fbnav li li a:visited {
    background: #BF0100;
    width: 120px;
    color: #FFF;
    display: block;
    font:normal 12px Helvetica, sans-serif;
    margin: 0;
    padding: 9px 12px 10px 12px;
        text-decoration: none;
z-index:9999;
border-bottom:1px dotted #333;


}
#fbnav li li a:hover, #fbnavli li a:active {
    background: #060505;
    color: #FFF;
    display: block;     margin: 0;
    padding: 9px 12px 10px 12px;
        text-decoration: none;
}

Make these changes:

Change #060505 to change background color of the Main menu
Change the yellow highlighted text to change font color, size and family
Change #BF0100 to change the background of a tab on mouse hover
Change #BF0100 to change the background color of the drop down menu
Change #060505 to change the background color of drop down menu on mouse hover

4. Save your template and you are done!

Visit your Blogs to see a beautiful Navigation menu just below Header. Have Fun! :)
If you have any questions feel free to post them.

Collection iPhone Top Wallpapers in HD Demo

noreply@blogger.com (Hemant Verma) — Sun, 25 Mar 2012 01:49:00 -0700

These are the some examples of iPhone Wallpapers, Click on Download button on go from here and download 100 HD iPhone Wallpapers.

<<<=== Back to iPhone Wallpapers

Rating Blog With Thumbs Up Widget Demo

noreply@blogger.com (Hemant Verma) — Fri, 23 Mar 2012 04:55:00 -0700

Rating Blog With Thumbs Up Widget Demo

<<<==== Back To Tutorial

Add To Blogger Button Preview

noreply@blogger.com (Hemant Verma) — Sat, 28 Jan 2012 00:48:00 -0800

=========================================================================

Make Text Area Auto Selected on Mouse Hover

noreply@blogger.com (Hemant Verma) — Fri, 20 Jan 2012 00:37:00 -0800

Make Text Area Auto Selected on Mouse Hover

noreply@blogger.com (Hemant Verma) — Wed, 18 Jan 2012 04:23:00 -0800

centricle : encode / decode html entities

Table of Contents

Encode / Decode HTML Entities

noreply@blogger.com (Hemant Verma) — Sat, 24 Dec 2011 03:24:00 -0800

.˛.°★。˛ °.★** *★* *˛.
˛ °_██_*。*./ \ .˛* .˛.*.★*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)
<<<:<<<:<<<:<<<:<<<:<<<:<<<:<<<:<<<:<<<:<<<:<<<:<<<:<<<:<<<:<<<:<<<:<<<:<<<

Make Navbar Bar with FB Like Button and Google Plus Button

noreply@blogger.com (Hemant Verma) — Fri, 23 Dec 2011 04:24:00 -0800

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:

Go To Blogger > Design > Edit HTML
Backup your template
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&send=false&layout=button_count&width=80& show_faces=false&action=like&colorscheme=light&font&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: 'en-US'} </script>

Thanks to :----

Mohammad

For More www.fblatest.in visit here

SharkBreak - Online Aquarium

noreply@blogger.com (Hemant Verma) — Fri, 23 Sep 2011 11:48:00 -0700

SharkBreak is a very good and very funny widget for blogs and websites, and it is designed for giving some funny moments to users and comes out from their busy lifes. It's in HD Quality.

How to use it:

1. Go to Design > Click on Add a Gadget (Where you want to put the Sharks)

2.Paste the Below and Click on Save Button and You have Done

Play With Sharks First Time on Blog

Any Problem, Ask Here

Maukie-The Virtual Cat

noreply@blogger.com (Hemant Verma) — Fri, 23 Sep 2011 11:14:00 -0700

New, Unique and Free Widgets for website & Blog. Animated your Blog and take a Feel of Website.

Maukie is the fiercest cat ever to to terrorize your Mouse Pointer. Move your mouse pointer and cat will follow you. Scratch her head and she will say meow. rub her tummy and she will make sound as PURR and all the way she takes breathing in out continuously and moves her tail.

How to use it:

1. Go to Design > Click on Add a Gadget (Where you want to put Cat)

2. Paste the Below Code and Click on Save button, and You have Done

Enjoy with Cute Catty

Any Problem, Ask here

Download Blogger Templates

noreply@blogger.com (Hemant Verma) — Tue, 20 Sep 2011 01:03:00 -0700

1.BlackHost Template

BlackHost Template is a Tech Blogger Template with a Dark Background and Beautiful Header with White World Map Background

2.Laborista Template

Laborista is a Professional Blogger Template with a Nice Header and Twitter, Facebook button.

With 3 Columns in both the sidebars and 125*125 Ad Place Widget

3.Facebook Template

Facebook Template is totally Based on Facebook Profile look. In addition, Meta Tags are Optimized for You.

4.Google Plus Template

Google Plus Template based on Google's Social Networking Site Google Plus with Same Look and Same Interface, and Automatically Page making Tool

5.Windows 7 Template

Windows 7 is a Operating System Template and very High Tech Template for Blogger. By default the Tab Given there you can Edit these all.

Contact Us

noreply@blogger.com (Hemant Verma) — Fri, 16 Sep 2011 10:14:00 -0700

Regards,

All in One

noreply@blogger.com (Hemant Verma) — Fri, 16 Sep 2011 06:51:00 -0700

Name
Email
Country
Age
Subject
Message

All in One

Live Demo of Pure Professional CSS Live Demo Button

Demo of Description Coding Background

Explanation Bar

Demo of Three Coloured Coding Background for HTML CSS and Other Codes

Live Demo of Blackino Blackquote

Live Demo of Black Posting Background CSS Version 2

Live Demo of Image Posting Background

Live Demo of Color and Image Posting Background

Live Demo Comparing Table with CSS Facebook Style for Blogger

Comparing Table

Back to Tutorial

Attractive Pro Subscriber Widget for Blogger

Add Cool Animated Flying Stars Widget

Paste below codes in Add HTML/JavaScript Widget.

Changes

How To Create a Drop Down Menu?

Collection iPhone Top Wallpapers in HD Demo

Rating Blog With Thumbs Up Widget Demo

<<<==== Back To Tutorial

Add To Blogger Button Preview

Make Text Area Auto Selected on Mouse Hover

Encode / Decode HTML Entities

Make Navbar Bar with FB Like Button and Google Plus Button

]]></b:skin>

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

SharkBreak - Online Aquarium

Maukie-The Virtual Cat

Download Blogger Templates

Contact Us

SHARE

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