Add A Horizontal Ribbon Menu With Hover Effect

<div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTAkKd62d81ZiWXMTgP43uPcYV9dAqbrfsLHdmqKvGw_fhmBaag7wJXr_KR1liTu_Y1lxoKb2U1ozbU2hAG01jZPTYscUTH20kZDrsMEElEdy1mYg15RpoaOmfsSudwOANA2enDApvYI0/s1600/thetricklab.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="94" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTAkKd62d81ZiWXMTgP43uPcYV9dAqbrfsLHdmqKvGw_fhmBaag7wJXr_KR1liTu_Y1lxoKb2U1ozbU2hAG01jZPTYscUTH20kZDrsMEElEdy1mYg15RpoaOmfsSudwOANA2enDApvYI0/s1600/thetricklab.png" width="640" /></a></div> Hello Friends. Today we are going to publish about a horizontal ribbon menu with hover effect.<br /> Horizontal menu are the most necessary part of our blog.Now a days every bloggers are wanting to make his blog looks professional and for those bloggers this menu is better. This horizontal ribbon menu is created by fully CSS3 without using JavaScript and no any images uses so this menu is not effecting in your blog speed.It's hover effect is cool. <br /> <br /> Add It On Your Blog<br /> <br /> <br />     Log In To Blogger.com<br />     Select To Layout And Add A Gadget<br />     Select HTML/JavaScript And Paste It Inside The Box.<br /> <br /> <a href="http://thetricklab-demo.blogspot.com/2014/02/add-horizontal-ribbon-menu-with-hover.html">Live Demo  </a><br /> <br /> <blockquote class="tr_bq"> <style><br /><br />.thetricklab-ribmenu span {<br />    background:#A81B6A;<br />    display:inline-block;<br />    font-family:verdana;<br /><br />    line-height:3em;<br />    padding:0 1em;<br />    margin-top:0.5em;<br />    position:relative;<br />      -webkit-transition: background-color 0.2s, margin-top 0.2s;  /* Saf3.2+, Chrome */<br />    -moz-transition: background-color 0.2s, margin-top 0.2s;  /* FF4+ */<br />    -ms-transition: background-color 0.2s, margin-top 0.2s;  /* IE10 */<br />    -o-transition: background-color 0.2s, margin-top 0.2s;  /* Opera 10.5+ */<br />    transition: background-color 0.2s, margin-top 0.2s;<br />}<br />.thetricklab-ribmenu a:hover span {<br />    background:#FFD204;<br />    margin-top:0;<br /><br />}<br />.TechBlogGuide-ribmenu span:before {<br />    content: "";<br />    position:absolute;<br />    top:3em;<br />    left:0;<br />    border-right:0.5em solid #9B8651;<br />    border-bottom:0.5em solid #fff;<br />}<br /><br />.thetricklab-ribmenu span:after {<br />    content: "";<br />    position:absolute;<br />    top:3em;<br />    right:0;<br />    border-left:0.5em solid #9B8651;<br />    border-bottom:0.5em solid #fff;<br />}<br />.thetricklab-ribmenu a:link, .thetricklab-ribmenu a:visited {<br />    color:#000;<br />    text-decoration:none;<br />    float:left;<br />    height:3.5em;<br />    overflow:hidden;<br />}<br />.thetricklab-ribmenu:after, .thetricklab-ribmenu:before {<br />    margin-top:0.5em;<br />    content: "";<br />    float:left;<br />   border: 1.5em solid #A81B6A;<br />}<br />.thetricklab-ribmenu:after {<br />    border-right-color:transparent;<br />}<br /><br />.thetricklab-ribmenu:before {<br />    border-left-color:transparent;<br />}<br /></style><br /><br /><div class='thetricklab-ribmenu'><br />    <a href='<span style="color: red;">#</span>'><span>Home</span></a><br />    <a href='#'><span>thetricklab</span></a><br />    <a href='#'><span>Tricks</span></a><br />    <a href='#'><span>jQuery</span></a><br />    <a href='#'><span>CSS</span></a><br />  <br /></div>  </blockquote> <br /> <br /> <br />    Replace All The "<span style="color: red;">#</span>" With Your Own Blog Link.<br />    Now Save It And Enjoy<br /> <br />

Add A Horizontal Ribbon Menu With Hover Effect

Hello Friends. Today we are going to publish about a horizontal ribbon menu with hover effect. Horizontal menu are the most necessary par...

Read more »

How To Add Flipper Sharing Widget Below Every Post In Blogger

<div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6W4Q2qBwjqtw3a-L6AoVu9TV-2UReVrozh0yB3jce6kLMSKysnBn1gjejzacgVDacFWz9WJyWhElf2umP6kr30WagTeixc43F5jllc8AM9Zng-Jmjmfj2RUED0JD2yWU1BZQN0afcraw/s1600/tricklab.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="64" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6W4Q2qBwjqtw3a-L6AoVu9TV-2UReVrozh0yB3jce6kLMSKysnBn1gjejzacgVDacFWz9WJyWhElf2umP6kr30WagTeixc43F5jllc8AM9Zng-Jmjmfj2RUED0JD2yWU1BZQN0afcraw/s1600/tricklab.gif" width="320" /></a></div> <br /> <br /> Today i am going to share about how to add flipper sharing widget below every post in your blogger and website. This widget make your  backlinks for sites and  increase your traffic free<br /> <br />  How To Add Flipper Sharing Widget Below Every Post In Blogger<br /><br />    Go To Blogger<br />     Design > <span style="color: red;">Edit Html</span><br /><br />    Find <span style="color: red;"><data:post.body/></span> Using CTRL+F<br /> <br /> <br /> Copy the code below and paste it just after <span style="color: red;"><data:post.body/> </span>tag.<br /> <br /> <br /> <br /> <blockquote class="tr_bq"> <style><br /><br />        /*--------Thetricklab Flipper Sharing Widget ------*/<br /><br />        .flipper a {<br /><br />        display:block;<br /><br />        height:48px;<br /><br />        width:48px;<br /><br />        padding:0 4px;<br /><br />        float:left;<br /><br />        background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6ZKkPqQkSy6fgqSKz2cm3VJcQUfa7fYc5A7XznIpq7oqXkq4nFP1TMjuTIOGOjKRgPig5uFvrOQlFdcYdrbkz_wDG2in3XfamdU03iGtx7ErkK7ri00FJ2fms_OvFC4QWvntOQgxtEyI/s1600/tricklab.png) no-repeat;<br /><br />        -webkit-transition: ease-in 0.15s all; <br /><br />        -moz-transition: ease-in 0.15s all; <br /><br />        -o-transition: ease-in 0.15s all; <br /><br />        -ms-transition: ease-in 0.15s all; <br /><br />        transition: ease-in 0.15s all;<br /><br />        cursor:pointer;<br /><br />        }<br /><br /><br />        .flipper a.googleplus {<br /><br />        background-position: 0px -348px;<br /><br />        }<br /><br />        .flipper a.googleplus:hover {<br /><br />        background-position: 0px -406px;<br /><br />        }<br /><br /><br />        .flipper a.pinterest {<br /><br />        background-position: 0px -464px;<br /><br />        }<br /><br />        .flipper a.pinterest:hover {<br /><br />        background-position: 0px -522px;<br /><br />        }<br /><br /><br />        .flipper a.delicious {<br /><br />        background-position: 0px 0px;<br /><br />        }<br /><br />        .flipper a.delicious:hover {<br /><br />        background-position: 0px -58px;<br /><br />        }<br /><br />        .flipper a.digg {<br /><br />        background-position: 0px -116px;<br /><br />        }<br /><br />        .flipper a.digg:hover {<br /><br />        background-position: 0px -174px;<br /><br />        }<br /><br />        .flipper a.stumbleupon {<br /><br />        background-position: 0px -812px;<br /><br />        }<br /><br />        .flipper a.stumbleupon:hover {<br /><br />        background-position: 0px -870px;<br /><br />        }<br /><br />        .flipper a.technorati {<br /><br />        background-position: 0px -928px;<br /><br />        }<br /><br />        .flipper a.technorati:hover {<br /><br />        background-position: 0px -406px;<br /><br />        }<br /><br />        .flipper a.twitter {<br /><br />        background-position: 0px -928px;<br /><br />        }<br /><br />        .flipper a.twitter:hover {<br /><br />        background-position: 0px -986px;<br /><br />        }<br /><br />        .flipper a.facebook {<br /><br />        background-position: 0px -232px;<br /><br />        }<br /><br />        .flipper a.facebook:hover {<br /><br />        background-position: 0px -290px;<br /><br />        }<br /><br />        .flipper a.reddit {<br /><br />        background-position: 0px -580px;<br /><br />        }<br /><br />        .flipper a.reddit:hover {<br /><br />        background-position: 0px -638px;<br /><br />        }<br /><br />        .flipper a.rss {<br /><br />        background-position: 0px -696px;<br /><br />        }<br /><br />        .flipper a.rss:hover {<br /><br />        background-position: 0px -754px;<br /><br />        }<br /><br /><br />        .Pleaseshare{<br /><br />        margin:10px 0px;<br /><br />        color:#333333;<br /><br />        font-weight:bold;<br /><br />        font-size:20px;<br /><br />        font-family:sans-serif;<br /><br />        }<br /><br />        </style><br /><br /><br />        <div class='flipper'><br /><br />        <b:if cond='data:blog.pageType == &quot;item&quot;'><br /><br />        <div class="Pleaseshare"><br /><br />        Please Share it! :) </div><br /><br /><br />        <!--Google Plus--><br /><br />        <a class='googleplus' expr:href='&quot;http://plus.google.com/share?url=&quot; + data:post.url' rel='external nofollow' target='_blank' title='+1 it :&gt;'/><br /><br /><br />        <!--Facebook--><br /><br />        <a class='facebook' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='external nofollow' target='_blank' title='Share this on Facebook :&gt;'/><br /><br /><br />        <!-- Twitter --><br /><br />        <a class='twitter' expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank' title='Tweet this :&gt;'/><br /><br /><br />        <!-- Pinterest --><br /><br />        <a class='pinterest'  href="http://pinterest.com/" rel='external nofollow' target='_blank' title='Pin it :&gt;'/><br /><br /><br />        <!-- Delicious --><br /><br />        <a class='delicious' expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank' title='Add this to Delicious :&gt;'/><br /><br /><br />        <!--DIGG--><br /><br />        <a class='digg' expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot;  + data:post.url' rel='external nofollow' target='_blank' title='Digg this :&gt;'/><br /><br />        <!--Stumble--><br /><br />        <a class='stumbleupon' expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank' title='Stumble this :&gt;'/><br /><br /><br />        <!-- Reddit --><br /><br />        <a class='reddit' expr:href='&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank' title='Add this to Reddit :&gt;'/><br /><br />        <!--RSS --><br /><br />        <a class='rss' expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' title='Bookmark plz :&gt;'/><br /><br />        </b:if></div><br /><br />        <div style="clear:both"/></blockquote> <br /> <br /> Then save your template and enjoy :)

How To Add Flipper Sharing Widget Below Every Post In Blogger

Today i am going to share about how to add flipper sharing widget below every post in your blogger and website. This widget make your  b...

Read more »

How To Add Animated Google Plus Follower Box Widget In Blogger And website

<br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoJHdW3g8Uk_1AHi_44i4kyRdKtXwP7CVO1exsVUsHCMIQVFvPB_Y_SxqoxzBMsWKYL70gi74uM0DWIGZ2aO4PWhCR8NYEw_aQsMAIJjf6NHwzIa0jJL-MY9tbok4CFqToSUU8r5oVIcA/s1600/How+To+Add+Animated+Google+Plus+Follower+Box+Widget+In+Blogger+And+website.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="153" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoJHdW3g8Uk_1AHi_44i4kyRdKtXwP7CVO1exsVUsHCMIQVFvPB_Y_SxqoxzBMsWKYL70gi74uM0DWIGZ2aO4PWhCR8NYEw_aQsMAIJjf6NHwzIa0jJL-MY9tbok4CFqToSUU8r5oVIcA/s1600/How+To+Add+Animated+Google+Plus+Follower+Box+Widget+In+Blogger+And+website.png" width="320" /></a></div> <br /> Google Plus follower box is essential to increase your Googleebook fan bo fan like Facx. However Google has already introduced this widget for blogger. So I just modified the original traditional widget with little spice.  <br /> <br /> So let's start<br /> <br /> Go to Blogger<br /> <br /> Selecet Layout<br /> <br /> Click on "<span style="color: red;">Add a Gadget</span>" then<br />  select "<span style="color: red;">HTML/JavaScript</span>" Gadget.<br /> <br /> Now Copy the below code and Paste it in "<span style="color: red;">HTML/JavaScript</span>" Gadget.<br /> <br /> <br /> <span style="font-size: x-large;"><b>Live Demo </b></span> <br /> <br /> <br /> <br /> <style> .bloggerspiceGplus{ margin: 10px auto; background-color: #FEFEFE; width: 260px; padding: 10px 0 10px 10px; height: 255px; overflow: hidden; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; border: 10px solid #E50913; } .bloggerspiceGplus:hover { border: 10px solid #A0060E; background-color: #E50913; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } // Google Plus Widget by www.thetricklab.blogspot.com // </style> <br /> <div class="bloggerspiceGplus"> <div class="g-plus" data-action="followers" data-height="290" data-href="https://plus.google.com/117382748404876103459" data-source="blogger:blog:followers" data-width="280"> </div> </div> <br /> <br /> <br /> <br /> <blockquote class="tr_bq"> <br /> <style><br /> .bloggerspiceGplus{<br />     margin: 10px auto;<br />     background-color: #FEFEFE;<br />     width: 260px;<br />     padding: 10px 0 10px 10px;<br />     height: 255px;<br />     overflow: hidden;<br />     -webkit-transition: all 0.5s ease-in-out;<br />     -moz-transition: all 0.5s ease-in-out;<br />     -ms-transition: all 0.5s ease-in-out;<br />     -o-transition: all 0.5s ease-in-out;<br />     transition: all 0.5s ease-in-out;<br />     border: 10px solid #E50913;<br /> }<br /> .bloggerspiceGplus:hover {<br />     border: 10px solid #A0060E;<br />     background-color: #E50913;<br />     -webkit-transition: all 0.5s ease-in-out;<br />     -moz-transition: all 0.5s ease-in-out;<br />     -ms-transition: all 0.5s ease-in-out;<br />     -o-transition: all 0.5s ease-in-out;<br />     transition: all 0.5s ease-in-out;<br /> }<br /> // Google Plus Widget by www.thetricklab.blogspot.com //<br /> </style><br /> <div class="bloggerspiceGplus"><br /> <div class="g-plus" data-action="followers" data-height="290" data-href="https://plus.google.com/<span style="color: red;">117382748404876103459</span>" data-source="blogger:blog:followers" data-width="280"></div><br /> </div></blockquote> <br /> <br /> Alter <span style="color: red;">117382748404876103459</span> with your Google Plus ID 

How To Add Animated Google Plus Follower Box Widget In Blogger And website

Google Plus follower box is essential to increase your Googleebook fan bo fan like Facx. However Google has already introduced this widg...

Read more »

Float AdSense And Other Ads On Left And Right Side Of Your Blog And Website

Hi Friends Today I am going to share, how to use 160px X 600Px Adsense ads which can be float right or left side of your blog and website.  Not only Adsense ads can be float but you can use any affiliates ads to make float. <br /> <br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqLHf37MnSr-A-PkxwyDOamvabltj-P00fmnmoepl9a2vI7WaVTP875X3MD-rVhbbvquI7TKASZzBM6jdVGSljqzNluO8aaxZC-ILFuMCWarqa23xIcxJGmJMEhiDFlmyOHDSGUR7lJgc/s1600/Float+AdSense+And+Other+Ads+On+Left+And+Right+Side+Of+Your+Blog+And+Website.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqLHf37MnSr-A-PkxwyDOamvabltj-P00fmnmoepl9a2vI7WaVTP875X3MD-rVhbbvquI7TKASZzBM6jdVGSljqzNluO8aaxZC-ILFuMCWarqa23xIcxJGmJMEhiDFlmyOHDSGUR7lJgc/s1600/Float+AdSense+And+Other+Ads+On+Left+And+Right+Side+Of+Your+Blog+And+Website.jpg" width="160" /></a></div> Go to Blogger.com > <span style="color: red;">Dashboard</span><br /><br />Select Layout tab.<br /><br />Click on "Add a Gadget" then select "<span style="color: red;">HTML/JavaScript</span>" Gadget.<br /><br />Now Copy the below code and Paste it in "<span style="color: red;">HTML/JavaScript</span>" Gadget.<br /> <br /> <br /> <blockquote>     <style><br />    #thetricklabflotads {<br />    height:30px;<br />    width:auto;<br />    background: #333333 url('..');<br />    background-repeat:repeat-x;<br />    text-align:left;<br />    padding-top:4px;<br />    }<br />    #bsadsbase{<br />    height:600;<br />    margin:0auto;<br />    <span style="color: red;">width:180px;</span><br />    background:#fff;<br />    border-bottom:2px #333333 solid;<br />    border-right:2px #333333 solid;<br />    border-left:2px #333333 solid;<br />    text-align:center;<br />    padding:4px;<br />    }<br />    #bsadsheadline{<br />    opacity:1.0;<br />    height:auto;<br />    width:auto;<br />    position:fixed;<br />    top:65px;<br />   <span style="color: red;"> left</span>:10px;<br />    border-bottom:1px #005094 solid;<br />    border-bottom:0px blue solid;<br />    color:#333;<br />    padding:0px;<br />    z-index:1001;<br />    font-size:13px;}<br />    </style><br />    <script type="text/javascript"><br />    function getValue()<br />    {<br />    document.getElementById("bsadsheadline").style.display = 'none';<br />    }<br />    </script><br />    <div id="bsadsheadline"><br />    <div id="thetricklabflotads"><br />    <span style="color:#fff;font-size:13px;font-weight:bold;text-shadow:black 0.1em 0.1em 0.1em"></span><br />    <span style="color:#fff;font-size:13px;font-weight:bold;text-shadow:black 0.1em 0.1em 0.1em;float:right;padding-top:3px;padding-right:10px"><a href="http://www.thetricklab.blogspot.com" target="_blank" onclick="getValue()">close(x)</a></span><br />    </div><br />    <div id="bsadsbase"><br />    <h3></h3><br />    <p align="left"><h3></h3></p><br />    <p>                                                                                                                         <br />  <span style="color: red;">  Ads code here</span>    <br/></p></div></div></blockquote> <br />  Replace "<span style="color: red;">Ads code here</span>" with your AdSense or others ads code.<br /><br />    Change <span style="color: red;">180px</span> to increase or decrease wide<br /><br />    Change <span style="color: red;">Left</span> with right to float right side of your blog.<br /> <br />

Float AdSense And Other Ads On Left And Right Side Of Your Blog And Website

Hi Friends Today I am going to share, how to use 160px X 600Px Adsense ads which can be float right or left side of your blog and website.  ...

Read more »

Popup Facebook Like, Adsense Ad, Twitter follow, Email Subscribe Box Widget For Blogger

<div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicXeGOKNziMvnV-LpFhcNo9-RVlMRcqKyAK7GAhgmklY45JgLCSqu9Qt8zOjU9m7vunq5F4naFNiI0X0pcjOvxVBfUxmECquPkaKcisdNB3Mi0RzXfbfyyTW1H2lis7-pFQlkxoQwSi4c/s1600/Popup+Facebook+Like,+Twitter+follow,+Email+Subscribe+Box+Widget+For+Blogger.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><br /></a></div> Today i am going to share that how to use Scrolling Popup Facebook Like, Adsense Ad, Twitter follow, Email Subscribe Box  Widget for Blogger and this widget will increase your facebook like, twitter follow, subscribe for  your blog and increase your traffic.too<br />  its is very powerful Widgets <br /> <br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicXeGOKNziMvnV-LpFhcNo9-RVlMRcqKyAK7GAhgmklY45JgLCSqu9Qt8zOjU9m7vunq5F4naFNiI0X0pcjOvxVBfUxmECquPkaKcisdNB3Mi0RzXfbfyyTW1H2lis7-pFQlkxoQwSi4c/s1600/Popup+Facebook+Like,+Twitter+follow,+Email+Subscribe+Box+Widget+For+Blogger.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicXeGOKNziMvnV-LpFhcNo9-RVlMRcqKyAK7GAhgmklY45JgLCSqu9Qt8zOjU9m7vunq5F4naFNiI0X0pcjOvxVBfUxmECquPkaKcisdNB3Mi0RzXfbfyyTW1H2lis7-pFQlkxoQwSi4c/s1600/Popup+Facebook+Like,+Twitter+follow,+Email+Subscribe+Box+Widget+For+Blogger.jpg" width="400" /></a></div> <br /> Go to your Blogger ><span style="color: red;"> Dashboard</span><br /> <br /> Select Layout tab.<br /> <br /> Click on "<span style="color: red;">Add a Gadget</span>" then select "<span style="color: red;">HTML/JavaScript</span>" Gadget.<br /> <br />  Now Copy the below code and paste it in <span style="color: red;">"HTML/JavaScript</span>" Gadget and Save it.<br /> <br /> <br /> <blockquote class="tr_bq"> <style type='text/css'><br /> #bloggerspiceFBpop {<br /> position:fixed !important;<br /> position:absolute;<br /> top:-1000px;<br /> left:50%;<br /> margin:0px 0px 0px -182px;<br /> width:300px;<br /> height:auto;<br /> padding:16px;<br /> background:#FEFEFE;font:normal Dosis, Georgia, Serif;<br /> color:#111;<br /> border:2px solid #333;<br /> -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);<br /> -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);<br /> box-shadow:0px 1px 2px rgba(0,0,0,0.4);<br /> -webkit-border-radius:10px;<br /> -moz-border-radius:10px;<br /> border-radius:10px;<br /> }<br /> #bloggerspiceFBpop a.bsclose {<br /> position:absolute;<br /> top:-10px;<br /> right:-10px;<br /> background:#fff;<br /> font:bold 16px Arial, Sans-Serif;<br /> text-decoration:none;<br /> line-height:22px;<br /> width:22px;<br /> text-align:center;<br /> color:#000000;<br /> border:2px solid #333;<br /> -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);<br /> -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);<br /> box-shadow:0px 1px 2px rgba(0,0,0,0.4);<br /> -webkit-border-radius:22px;<br /> -moz-border-radius:22px;<br /> border-radius:25px;<br /> cursor:pointer;<br /> }<br /> </style><br />  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script><br /> <script type='text/javascript'><br /> $(window).bind("load", function() {<br /> // Animate Top<br /> $('#bloggerspiceFBpop').animate({top:"50px"}, 1000);<br /> // Widget by www.thetricklab.blogspot.com<br /> $('a.bsclose').click(function() {<br /> $(this).parent().fadeOut();<br /> return false;<br /> });<br /> });<br /> </script><br /> <div id='bloggerspiceFBpop'><br /> <!-- Widget by www.thetrikclab.blogspot.com Start --><br /> <center><b><a class="BloggerSpice">Don't Forget To Join With Our Community</a></b></center><br /> <center><br /> <b><span style="color: red;">Add Your Code</span></b><br /> </center><br /> <!-- Widget by www.thetricklab.blogspot.com End --><br /> <a class='bsclose' href='#'>&times;</a><br /> <center style="float:right; margin-right:10px;"><span style="font-size:xx-small; color:#000; text-decoration:none;">+Get this at</span></center></div><a target='_blank' style="font-size:xx-small; color:#3B78CD; text-decoration:none;" href="http://thetricklab.blogspot.com/2014/02/popup-facebook-like-adsense-ad-twitter.html">The Trick Lab</a></center><br /> </div> </blockquote> <br />  Change <b><span style="color: red;">Add Your Code</span></b> with your code

Popup Facebook Like, Adsense Ad, Twitter follow, Email Subscribe Box Widget For Blogger

Today i am going to share that how to use Scrolling Popup Facebook Like, Adsense Ad, Twitter follow, Email Subscribe Box  Widget for Blogg...

Read more »

How To Add Color Gamut To Blog Links For Rainbow Effect

I am going to share how to add rainbow effect on blog or web links but the main concept is to add rainbow effect  which use  different color gamut. Its not actually rainbow because it shows only 4 to 5 color instead 7. Rainbow effect make your blog little attractive that can convert a dull or text base blog.<br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDmggdfmjsFvezU6LXi9F4dQ_VM7BeeSZCresqHUpAXS6IHjQkc8Hd0ikeM3nZZwVqNJChyphenhyphenoiE-mWr5fF7BgHzycQHeBBI-sddiVJU3sCw33fcmpFQ49UfyQm7TqKyyUQA0fKbB08GNe4/s1600/ok.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="304" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDmggdfmjsFvezU6LXi9F4dQ_VM7BeeSZCresqHUpAXS6IHjQkc8Hd0ikeM3nZZwVqNJChyphenhyphenoiE-mWr5fF7BgHzycQHeBBI-sddiVJU3sCw33fcmpFQ49UfyQm7TqKyyUQA0fKbB08GNe4/s1600/ok.jpg" width="640" /></a></div> <br /> Go to blogger.com Template<br /> <br /> Now find <span style="color: red;">]]></b:skin></span> by Pressing<br /> <br /> <br /> <kbd style="border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; border: 1px solid gray; box-shadow: rgb(238, 238, 238) 1px 0px 1px 0px, rgb(204, 204, 204) 0px 2px 0px 2px, rgb(68, 68, 68) 0px 2px 0px 3px; font-size: 1.2em; margin: 2px 3px; padding: 1px 5px;">Ctrl + F</kbd> <br /> <br /> <br /> And Paste the below code after/below <b><span style="color: red;">]]></b:skin></span></b><br /> <br /> <br /> <blockquote class="tr_bq"> <script type='text/javascript'><br /> //<![CDATA[<br /> var rate = 5;<br /> if (document.getElementById)<br /> window.onerror=new Function("return true")<br /> var objActive;<br /> var act = 0;<br /> var elmH = 0;<br /> var elmS = 128;<br /> var elmV = 255;<br /> var clrOrg;<br /> var TimerID;<br /> if (document.all) {<br /> document.onmouseover = doRainbowAnchor;<br /> document.onmouseout = stopRainbowAnchor;<br /> }<br /> else if (document.getElementById) {<br /> document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);<br /> document.onmouseover = Mozilla_doRainbowAnchor;<br /> document.onmouseout = Mozilla_stopRainbowAnchor;<br /> }<br /> function doRainbow(obj)<br /> {<br /> if (act == 0) {<br /> act = 1;<br /> if (obj)<br /> objActive = obj;<br /> else<br /> objActive = event.srcElement;<br /> clrOrg = objActive.style.color;<br /> TimerID = setInterval("ChangeColor()",100);<br /> }<br /> }<br /> function stopRainbow()<br /> {<br /> if (act) {<br /> objActive.style.color = clrOrg;<br /> clearInterval(TimerID);<br /> act = 0;<br /> }<br /> }<br /> function doRainbowAnchor()<br /> {<br /> if (act == 0) {<br /> var obj = event.srcElement;<br /> while (obj.tagName != 'A' && obj.tagName != 'BODY') {<br /> obj = obj.parentElement;<br /> if (obj.tagName == 'A' || obj.tagName == 'BODY')<br /> break;<br /> }<br /> if (obj.tagName == 'A' && obj.href != '') {<br /> objActive = obj;<br /> act = 1;<br /> clrOrg = objActive.style.color;<br /> TimerID = setInterval("ChangeColor()",100);<br /> }<br /> }<br /> }<br /> function stopRainbowAnchor()<br /> {<br /> if (act) {<br /> if (objActive.tagName == 'A') {<br /> objActive.style.color = clrOrg;<br /> clearInterval(TimerID);<br /> act = 0;<br /> }<br /> }<br /> }<br /> function Mozilla_doRainbowAnchor(e)<br /> {<br /> if (act == 0) {<br /> obj = e.target;<br /> while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {<br /> obj = obj.parentNode;<br /> if (obj.nodeName == 'A' || obj.nodeName == 'BODY')<br /> break;<br /> }<br /> if (obj.nodeName == 'A' && obj.href != '') {<br /> objActive = obj;<br /> act = 1;<br /> clrOrg = obj.style.color;<br /> TimerID = setInterval("ChangeColor()",100);<br /> }<br /> }<br /> }<br /> function Mozilla_stopRainbowAnchor(e)<br /> {<br /> if (act) {<br /> if (objActive.nodeName == 'A') {<br /> objActive.style.color = clrOrg;<br /> clearInterval(TimerID);<br /> act = 0;<br /> }<br /> }<br /> }<br /> function ChangeColor()<br /> {<br /> objActive.style.color = makeColor();<br /> }<br /> function makeColor()<br /> {<br /> // Rainbow widget by www.thetricklab.blogspot.com//<br /> if (elmS == 0) {<br /> elmR = elmV; elmG = elmV; elmB = elmV;<br /> }<br /> else {<br /> t1 = elmV;<br /> t2 = (255 - elmS) * elmV / 255;<br /> t3 = elmH % 60;<br /> t3 = (t1 - t2) * t3 / 60;<br /> if (elmH < 60) {<br /> elmR = t1; elmB = t2; elmG = t2 + t3;<br /> }<br /> else if (elmH < 120) {<br /> elmG = t1; elmB = t2; elmR = t1 - t3;<br /> }<br /> else if (elmH < 180) {<br /> elmG = t1; elmR = t2; elmB = t2 + t3;<br /> }<br /> else if (elmH < 240) {<br /> elmB = t1; elmR = t2; elmG = t1 - t3;<br /> }<br /> else if (elmH < 300) {<br /> elmB = t1; elmG = t2; elmR = t2 + t3;<br /> }<br /> else if (elmH < 360) {<br /> elmR = t1; elmG = t2; elmB = t1 - t3;<br /> }<br /> else {<br /> elmR = 0; elmG = 0; elmB = 0;<br /> }<br /> }<br /> elmR = Math.floor(elmR).toString(16);<br /> elmG = Math.floor(elmG).toString(16);<br /> elmB = Math.floor(elmB).toString(16);<br /> if (elmR.length == 1) elmR = "0" + elmR;<br /> if (elmG.length == 1) elmG = "0" + elmG;<br /> if (elmB.length == 1) elmB = "0" + elmB;<br /> elmH = elmH + rate;<br /> if (elmH >= 360)<br /> elmH = 0;<br /> return '#' + elmR + elmG + elmB;<br /> }<br /> //]]><br /> </script> </blockquote> <br />  Now save your template and enjoy.

How To Add Color Gamut To Blog Links For Rainbow Effect

I am going to share how to add rainbow effect on blog or web links but the main concept is to add rainbow effect  which use  different color...

Read more »

How To Add Facebook Like and Send Button In Blogger And Website

<div class="separator" style="clear: both; text-align: center;"> </div> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgumybsGLdih4JI_qFgF-srHhflp08b7xNLEuVz36VZtqZau8UlWbDXeA8iFNBfbRjGYcTMkufrVtI6sS1AoUGvAA39IRWS0tBFkA5Jg6BVlQEVCvZu5qOydi6k86OGolnXAy1zeRemkKk/s1600/Like+and+send+buttons.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgumybsGLdih4JI_qFgF-srHhflp08b7xNLEuVz36VZtqZau8UlWbDXeA8iFNBfbRjGYcTMkufrVtI6sS1AoUGvAA39IRWS0tBFkA5Jg6BVlQEVCvZu5qOydi6k86OGolnXAy1zeRemkKk/s1600/Like+and+send+buttons.png" /></a></div> <div class="separator" style="clear: both; text-align: center;"> </div> <br /> Hello Friends Today i am going how to  Facebook like and share button for blogger and website.<br /> Share button is very important any  blogger and website. its increase blog traffic.<br /> <br /> <br /> <ol> <li>Go to <span style="color: red;">Blogger.com</span></li> <li>Select blog</li> <li>Edit HTML</li> </ol> <br /> Note Backup your template<br /> <br /> Search for (ctrl+f)<br /> <br /> <blockquote class="tr_bq"> <data:post.body/></blockquote> <br /> Paste the following code just below <span style="color: red;"><data:post.body/> </span><br /> <br /> <br /> <blockquote class="tr_bq"> <div id="fb-root"></div><script src="https://docs.google.com/file/d/0B0-0Xqug-nT8c1FGY1BCQk55WGc/edit?usp=sharing"></script><fb:like href="" send="true" layout="button_count" width="450" show_faces="false" font=""></fb:like> </blockquote> <br /> <br />  Save your template and enjoy

How To Add Facebook Like and Send Button In Blogger And Website

Hello Friends Today i am going how to  Facebook like and share button for blogger and website. Share button is very important any  ...

Read more »

How To Add Eye Catching Blockquote With Hover Effects In Your Blog And website

<div style="text-align: left;"> Today i am going to share Blockquote for blogger and website.  Created Simple Css Codes For a Blockquote. This Blockquote Highlighter Is quite Nice And Eye-Catching.</div> <div style="text-align: left;"> <br /></div> <div style="text-align: left;"> <br /></div> <div class="separator" style="clear: both; text-align: left;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcDnzaCBUo9v3VfIthye_N6LCyNkBVDgDbA9PRAupPIrYTlOovruqEb0ajsJuL89A-94ikad9sxepZIn-01Lbkhco11PnFgAQiI8ZZPMz4gDnv3KgORJ8FUWX-CdFK9K6zAtew0MpU4Z0/s1600/How+To+Add+Eye+Catching+Blockquote+With+Hover+Effects+In+Your+Blog+And+website.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="How To Add Eye Catching Blockquote With Hover Effects In Your Blog And website " border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcDnzaCBUo9v3VfIthye_N6LCyNkBVDgDbA9PRAupPIrYTlOovruqEb0ajsJuL89A-94ikad9sxepZIn-01Lbkhco11PnFgAQiI8ZZPMz4gDnv3KgORJ8FUWX-CdFK9K6zAtew0MpU4Z0/s1600/How+To+Add+Eye+Catching+Blockquote+With+Hover+Effects+In+Your+Blog+And+website.png" title="How To Add Eye Catching Blockquote With Hover Effects In Your Blog And website " width="400" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEYpZRYV-KG63VI3FrVUYmbtvOqdSFqNpf-Dy2aEY_Qo1qn6tCfMvz-EYm1fV3m1i9bAx2YatZOB8EujT12F1OJC7Xj1kEbzZoCOmJgXMxvXiXfIPgfMoZV1_qxFhYTtumWIAlC8TvOQ0/s1600/How+To+Add+Eye+Catching+Blockquote+With+Hover+Effects+In+Your+Blog+And+website.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="322" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEYpZRYV-KG63VI3FrVUYmbtvOqdSFqNpf-Dy2aEY_Qo1qn6tCfMvz-EYm1fV3m1i9bAx2YatZOB8EujT12F1OJC7Xj1kEbzZoCOmJgXMxvXiXfIPgfMoZV1_qxFhYTtumWIAlC8TvOQ0/s1600/How+To+Add+Eye+Catching+Blockquote+With+Hover+Effects+In+Your+Blog+And+website.png" width="400" /> </a></div> <div class="separator" style="clear: both; text-align: left;"> <br /></div> <div class="separator" style="clear: both; text-align: left;"> <br /></div> <div class="separator" style="clear: both; text-align: left;"> <br /></div> <div class="separator" style="clear: both; text-align: left;"> How to add CSS Style Sheet in Blogger Template:</div>   Go to <b>Blogger</b><br />   select  <b>Template</b><br />   EDIT HTML<br /> <br /> And now Search For <span style="color: red;">]]></b:skin></span><br /> With CTRL+F<br /> <br />   After you find<span style="color: red;"> ]]></b:skin></span> just above it paste the following coding <br /> <div class="separator" style="clear: both; text-align: left;"> <br /></div> <div class="separator" style="clear: both; text-align: left;"> <span style="color: red;"><a href="http://thetricklab-demo.blogspot.com/2014/02/how-ro-add-eye-catching-blockquote-with.html"><i><b><span style="font-size: x-large;">Live Demo</span></b></i></a></span></div> <div class="separator" style="clear: both; text-align: left;"> <br /></div> <div class="separator" style="clear: both; text-align: left;"> <br /></div> <div style="text-align: left;"> <blockquote class="tr_bq"> <div class="separator" style="clear: both;"> /*****************************************</div> Thetricklab.blogspot.com blockquote<br /> ******************************************/<br /> .post blockquote<br /> {<br /> font-size: 15px;font-family: Verdana;font-weight: normal;font-style:italic;<br /> background-color: #F2F1F1;<br /> color: #000;<br /> margin: 5px 10px;<br /> padding: 20px 20px 20px 20px;<br /> border: 2px dotted lightgrey;<br /> border-radius: 10px;<br /> box-shadow: -1px -1px 12px 2px gainsboro;<br /> transition: background-color .777s;<br /> -webkit-transition: background-color .777s;<br /> -moz-transition: background-color .777s;<br /> -o-transition: background-color .777s;<br /> -ms-transition: background-color .777s;<br /> }<br /> .post blockquote:hover<br /> {<br /> background-color: darkgreen ;<br /> color: #fff;<br /> }<br /> .post blockquote:active<br /> {<br /> background-color: CornflowerBlue ;<br /> color: #000;<br /> }  <br /> <div class="separator" style="clear: both;"> <br /></div> </blockquote> <br /> <br /> Save your Template and enjoy  </div>

How To Add Eye Catching Blockquote With Hover Effects In Your Blog And website

Today i am going to share Blockquote for blogger and website.  Created Simple Css Codes For a Blockquote. This Blockquote Highlighter Is qu...

Read more »

Add Facebook Send Button For Blogger And Website

Today i am going to share how you can add Facebook send button. Facebook Send button helps people to share interesting stuff with all their friends, This wedgie increase your traffic and make back link.<br /> <br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgq26T9m_Wq2fRPQKwPoA69Ia4IACM2IbQA0XxNEYEawq4o85Gg2SJI-hOHBEets6XBsA5sINYT_AyKzrJTd2e-AlUefOuxFyVhGAwYyP1_UL1gUpoSicySazKoR9e9CINWJj5U4EpHej4/s1600/Like+and+send+buttons.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgq26T9m_Wq2fRPQKwPoA69Ia4IACM2IbQA0XxNEYEawq4o85Gg2SJI-hOHBEets6XBsA5sINYT_AyKzrJTd2e-AlUefOuxFyVhGAwYyP1_UL1gUpoSicySazKoR9e9CINWJj5U4EpHej4/s1600/Like+and+send+buttons.png" /></a></div> <br /> <br /> <div class="separator" style="clear: both; text-align: center;"> </div> How To Add Facebook Send Button In Blogger and website.<br /> <br /> <br /> <ul> <li>    Go To Blogger > Design > Edit HTML</li> <li>    Search for <span style="color: red;"><data:post.body></span></li> </ul> <br /> Pastt the code below just above<span style="color: red;"> <data:post.body></span><br /> <br /> <br /> <blockquote class="tr_bq"> <div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:send href="" font="verdana"></fb:send></blockquote> <br />  save it and enjoy 

Add Facebook Send Button For Blogger And Website

Today i am going to share how you can add Facebook send button. Facebook Send button helps people to share interesting stuff with all their ...

Read more »

IP Address Finder Widget

<div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLTRuEyjZlRqe3d32-209Zd4MZMSSCRCd5aKD-zdWMsnHpAKtcjEowLlpIOVGzfi0L1LO3DKWA5bUJY_7mNKOKVmMWiak1EbQzIy0HP4_24msM2NxOXCsPwzHhwYFDGYobMVxdc8LQxmU/s1600/Untitled-1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLTRuEyjZlRqe3d32-209Zd4MZMSSCRCd5aKD-zdWMsnHpAKtcjEowLlpIOVGzfi0L1LO3DKWA5bUJY_7mNKOKVmMWiak1EbQzIy0HP4_24msM2NxOXCsPwzHhwYFDGYobMVxdc8LQxmU/s1600/Untitled-1.jpg" /></a></div> <div class="separator" style="clear: both; text-align: center;"> <br /></div> <br /> <div class="separator" style="clear: both; text-align: center;"> </div> <br /> Today i am going to share IP Address finder. Just copy the HTML source code shown below and put it on your website and blogger. This service is  free for personal use.<br /> <br /> <ul> <li>Go to your Blogger > Dashboard</li> <li>Select Layout tab.</li> <li>Click on "Add a Gadget" then select "HTML/JavaScript" Gadget.</li> </ul> <br />  Now Copy the below code and paste it in "HTML/JavaScript" Gadget and Save it.<br /> <br /> <br /> <a href="http://thetricklab.blogspot.com/2013/06/ip-address-finder-widget.html"><img alt="IP" border="0" height="125" src="http://www.wieistmeineip.de/ip-address?size=125x125" width="125" /></a> <br /> <blockquote class="tr_bq"> <a href="http://thetricklab.blogspot.com/2013/06/ip-address-finder-widget.html"><img src="http://www.wieistmeineip.de/ip-address?size=125x125" border="0" width="125" height="125" alt="IP" /></a> </blockquote> <br /> <br /> <a href="http://thetricklab.blogspot.com/2013/06/ip-address-finder-widget.html"><img alt="IP" border="0" height="60" src="http://www.wieistmeineip.de/ip-address/?size=468x60" width="468" /> </a><br /> <br /> <blockquote class="tr_bq"> <a href="http://thetricklab.blogspot.com/2013/06/ip-address-finder-widget.html"><img src="http://www.wieistmeineip.de/ip-address/?size=468x60" border="0" width="468" height="60" alt="IP" /></a>  </blockquote>

IP Address Finder Widget

Today i am going to share IP Address finder. Just copy the HTML source code shown below and put it on your website and blogger. This...

Read more »

How to Make VPN Connection on Windows 7 And 8 Free

<div style="text-align: center;"> </div> Hi Friends Today i am going to share How to Make VPN Connection on Windows 7 And 8.1<br /> <br /> <div style="text-align: center;"> <br /> so lest start<br /> <br /> 1st Create a New Text Document and name it as VPN.pbk</div> <div style="text-align: center;"> <br /></div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnm_RX8_igjRVDwyxv55NjCWmd15rJrFu-Vld82nqGe0d8gNgjiAhvRV6FBnqN09ARIofnTWRfwYyPk_sMXtkOz_bxRYUkHuWw4U-sY2dxiiS1pqlHCQGPc93GgjGMMIKlH4GYoxITZk8/s1600/1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><br /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnm_RX8_igjRVDwyxv55NjCWmd15rJrFu-Vld82nqGe0d8gNgjiAhvRV6FBnqN09ARIofnTWRfwYyPk_sMXtkOz_bxRYUkHuWw4U-sY2dxiiS1pqlHCQGPc93GgjGMMIKlH4GYoxITZk8/s1600/1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="How to Make VPN Connection on Windows 7 And 8" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnm_RX8_igjRVDwyxv55NjCWmd15rJrFu-Vld82nqGe0d8gNgjiAhvRV6FBnqN09ARIofnTWRfwYyPk_sMXtkOz_bxRYUkHuWw4U-sY2dxiiS1pqlHCQGPc93GgjGMMIKlH4GYoxITZk8/s1600/1.jpg" title="How to Make VPN Connection on Windows 7 And 8" /></a></div> <div style="text-align: center;"> <br /></div> <div style="text-align: center;"> Double click VPN.pbk file and create a new VPN connection</div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnm_RX8_igjRVDwyxv55NjCWmd15rJrFu-Vld82nqGe0d8gNgjiAhvRV6FBnqN09ARIofnTWRfwYyPk_sMXtkOz_bxRYUkHuWw4U-sY2dxiiS1pqlHCQGPc93GgjGMMIKlH4GYoxITZk8/s1600/1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><br /></a></div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi02EUxBO7uSTml8-CL10jis83t8kOPkj2Qbs358rXggvsbfQieAIbhQjIobbIe4r6QL7YdpbKjRTF99kiXmciPi7vskGXzcFfP8uanRe04B1VpURAFqGZMJNcjxBNZL_eoXhKy8gQkcsU/s1600/How+to+Make+VPN+Connection+on+Windows+7+And+8.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="How to Make VPN Connection on Windows 7 And 8" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi02EUxBO7uSTml8-CL10jis83t8kOPkj2Qbs358rXggvsbfQieAIbhQjIobbIe4r6QL7YdpbKjRTF99kiXmciPi7vskGXzcFfP8uanRe04B1VpURAFqGZMJNcjxBNZL_eoXhKy8gQkcsU/s1600/How+to+Make+VPN+Connection+on+Windows+7+And+8.jpg" title="How to Make VPN Connection on Windows 7 And 8" /></a></div> <div style="text-align: center;"> click workplace network </div> <div style="text-align: center;"> <br /></div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgouj9GaGgm8m3Pv7mebvjzOY9qDeLzDwOSKM3-PlSUZ5loJXODefsfDcy_5OiM1ZDHKfd7AR1ez1H0ta-p-InnB8Q7C16U-_0OwEF4oRogWWM_g1hI8yhwF_EQrBgZAodV7_SuHqI2dGk/s1600/How+to+Make+VPN+Connection+on+Windows+7+And+8.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="How to Make VPN Connection on Windows 7 And 8" border="0" height="289" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgouj9GaGgm8m3Pv7mebvjzOY9qDeLzDwOSKM3-PlSUZ5loJXODefsfDcy_5OiM1ZDHKfd7AR1ez1H0ta-p-InnB8Q7C16U-_0OwEF4oRogWWM_g1hI8yhwF_EQrBgZAodV7_SuHqI2dGk/s1600/How+to+Make+VPN+Connection+on+Windows+7+And+8.jpg" title="How to Make VPN Connection on Windows 7 And 8" width="400" /> </a></div> <div class="separator" style="clear: both; text-align: center;"> <br /></div> <div class="separator" style="clear: both; text-align: center;"> <br /></div> <div class="separator" style="clear: both; text-align: center;"> <br /></div> <div class="separator" style="clear: both; text-align: center;">  Enter VPN hostname, username and password.</div> <br /> <br /> <br /> some username or password <br /> <br /> Free VPN Canada VPN<br /> PPTP Server: cavpn.ufreevpn.com<br /> Username: ufreevpn.com<br /> Password: free<br /> <br />  USA VPN<br /> PPTP Server:   usvpn.ufreevpn.com<br /> Username:   ufreevpn.com<br /> Password:   free<br /> <br /> <br />  UK VPN<br /> PPTP Server:   ukvpn.ufreevpn.com<br /> Username:   ufreevpn.com<br /> Password:   free <br /> <div class="separator" style="clear: both; text-align: center;"> <br /></div> <div class="separator" style="clear: both; text-align: center;"> <br /></div> <div class="separator" style="clear: both; text-align: center;"> <br /></div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKzxLe4CyFoyAZrvqhQFKY5u-8MC4WKir-7kXHU0gC_o-F2EPKSc1cnkmtnTiSZek5jeirBtX1XJpyCAOP3QMDxl-hrC54opaRe6sSWh_QvQZGsHIuZarpN2VNwYHUtk1sKPo2EJNSmPo/s1600/How+to+Make+VPN+Connection+on+Windows+7+And+8.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="How to Make VPN Connection on Windows 7 And 8" border="0" height="232" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKzxLe4CyFoyAZrvqhQFKY5u-8MC4WKir-7kXHU0gC_o-F2EPKSc1cnkmtnTiSZek5jeirBtX1XJpyCAOP3QMDxl-hrC54opaRe6sSWh_QvQZGsHIuZarpN2VNwYHUtk1sKPo2EJNSmPo/s1600/How+to+Make+VPN+Connection+on+Windows+7+And+8.jpg" title="How to Make VPN Connection on Windows 7 And 8" width="320" /></a></div> <div style="text-align: center;"> Connect to a VPN and enjoy </div> <div style="text-align: center;"> <br /></div> <div style="text-align: center;"> <br /></div> <div style="text-align: center;"> <br /></div>

How to Make VPN Connection on Windows 7 And 8 Free

Hi Friends Today i am going to share How to Make VPN Connection on Windows 7 And 8.1 so lest start 1st Create a New Text Document an...

Read more »