Add Social Bookmarking Running Trucks For Blogger

<div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnCdYDU2-K51c2JXw_rI_RXDUdn628skOYOcFMTOlF1K4L5q157yDxVpd5oY4ePvzhI10KJH43H2Qc_SMURW5tqQbrZrDJog756npv8wNMEAjpMiu075PPHiEsF6RIZiDmqcBaR3vBKdk/s1600/thetricklab.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="145" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnCdYDU2-K51c2JXw_rI_RXDUdn628skOYOcFMTOlF1K4L5q157yDxVpd5oY4ePvzhI10KJH43H2Qc_SMURW5tqQbrZrDJog756npv8wNMEAjpMiu075PPHiEsF6RIZiDmqcBaR3vBKdk/s1600/thetricklab.gif" width="640" /></a></div> <br /> <br /> Today I'm share Social bookmark submitting Widget. Social bookmarking Widget is important for any internet site. And if widget is related animation then it always gives a good impression to any blog as well as your visitor like to play it and so they also also want to view it many times. <br /> <br /> <a href="http://thetricklab.blogspot.com/2014/03/floating-social-media-slide-out-widget.html" target="_blank"><span style="font-size: x-large;">Floating Social Media Slide out Widget For Blogger , Website And wordpress</span></a><br /> <br /> <br /> Add Running Trucks in Blogger.<br /> <br /> <br /> Sign in to Blogger > Dashborad.<br /> Click on drop Menu and choose Layout.<br /> Add a HTML/JavaScript.<br /> Add a new HTML/JavaScript Gadget.<br /> Paste below code inside it.<br /> <br /> <br /> <blockquote class="tr_bq">  <div style="position: fixed; z-index: 65535; left: 0px; bottom: -3px; width:100%;"> <marquee><a href="http://www.facebook.com/<span style="color: red;">computerlatestinformation</span>" target="blank"> <abbr title="Follow us at Facebook"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNk41aF9uwThNXKwSBSI5QUTmgKG1YODgf8codU4r3VfAFxbqZoG0ihinMa9WYKvHMX89KxVtXccNvXPrJoS3D6fwQbcKq7eSHV5wX3hys7dG5o9hHvh15SmZTqMuJr4PZZTTUKyMFgX4/s1600/thetricklab.png" width="120px" height="100px"/> </abbr> </a> <a href="http://feeds.feedburner.com/<span style="color: red;">thetricklab</span>" target="blank"> <abbr title="Subscribe Our Feeds"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6YyekkuJm2hyrGqDKX23vBBXAxvMiv8MVDqt3loDkHqBoNKmAlNhnPY5l1_3zXoz6_slCTcOabMKCfl33qHUTSOJb6hEa8YFlfF0JyboTjTYZEUz3szskVP-naMyZQqNt7duS1rDgpk8/s1600/thetricklab.png" width="120px" height="100px"/> </abbr> </a><a href="http://twitter.com/<span style="color: red;">asadtariq78</span>" target="blank"> <abbr title="Follow Us on Twitter"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghxKjC_r_MAP-GMdA6WUWInS0HjW-zgi-tpatz4_5RRj7Bvsbgai4ZzL420adLU9QELBgr0q3LS1NjPbdmc3QMdHqi5evwi21bUF27LCDodJrH0-MNZfTMOSMFuprkfqRx6mFasICMK9M/s1600/thetricklab.png" width="120px" height="100px"/> </abbr> </a> </marquee></div></blockquote>  Save your Widget.<br /> <br />      Replace it <span style="color: red;">computerlatestinformation</span> with your Facebook Username<br />     Replace it <span style="color: red;">thetricklab</span> with your Feed Burner Username<br />     Replace it <span style="color: red;">asadtariq78</span> with your Twitter Username<br /> <br /> <br /> <br /> <br />

Add Social Bookmarking Running Trucks For Blogger

Today I'm share Social bookmark submitting Widget. Social bookmarking Widget is important for any internet site. And if widget is re...

Read more »

Floating Social Media Slide out Widget For Blogger , Website And wordpress

<div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKXwkIC0GizbhPQF8KW6AXOo3vQGybohrQB9sV9XzVyXDqXjf6X941pIz4XFe1aQrdaRtK8Y3V9c5SUmOTzSQkIxdqhL1DF1crjtuXDQws19GMn_qcY2TVwtNCK-w5g2Ki9Yb1d6QiK-E/s1600/Floating+Social+Media+Slide+out+Widget+For+Blogger.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKXwkIC0GizbhPQF8KW6AXOo3vQGybohrQB9sV9XzVyXDqXjf6X941pIz4XFe1aQrdaRtK8Y3V9c5SUmOTzSQkIxdqhL1DF1crjtuXDQws19GMn_qcY2TVwtNCK-w5g2Ki9Yb1d6QiK-E/s1600/Floating+Social+Media+Slide+out+Widget+For+Blogger.png" /></a></div> Floating social media slide out stick to right site of your blogger. When you mouse over then you will see a slide out option. This widget has created completely with CSS and when you scroll down then the widget will also scroll down up to edge of your footer bar.<br /> <br /> <br />  Go to Blogger<br /> Select your Layout.<br /> Click on "<span style="color: red;">Add a Gadget</span>" then select "<span style="color: red;">HTML/JavaScript</span>"<br /> Now Copy the below code and Paste it in "<span style="color: red;">HTML/JavaScript<span style="color: black;">"</span></span> Gadget.<br /> <br /> <br /> <blockquote class="tr_bq"> <style type='text/css'><br /> .ThetricklabFSS a, .slider-tooltip p{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out}<br /> .slideshow-chunk>div{-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;transition:all .8s ease-in-out}<br /> .thetricklabFSS {height:150px;left:50%;position:fixed;top:200px;width:18px;z-index:5;margin-left:495px}<br /> .thetricklabFSS a{display:block;margin-left:133px;width:19px;height:20px;position:absolute;top:0;right:0;color:#fff!important;text-decoration:none;text-transform:uppercase;font-size:10px;font-weight:700;line-height:20px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiltJGFhofcdUErvOA9RYqCgYELl0BTXD37OvTyiTdGfyEMelKscLZdstKH6EUVDM6h0CzEZ8Fm1wgxNcV108bFUU3pZMH2ZWCoY_u_ofTVeVH8IvuXNnuy5RuvYZKzAa968lmhRf71cNSG/s320/BS+FSS.png) no-repeat;overflow:hidden}<br /> .thetricklabFSS a span{min-width: 152px;padding: 2px;display:block;visibility:hidden;min-width:152px}<br /> .thetricklabFSS a:hover{min-width:133px;padding-left:25px;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out}<br /> .thetricklabFSS a:hover span{visibility:visible;position:absolute;top:0;left:25px}<br /> .thetricklabFSS a.BSfacebook{background-position:3px -15px;top:20px;background-color:#526ca5}<br /> .thetricklabFSS a.BStwitter{background-position:3px -36px;top:40px;background-color:#75ddfe}<br /> .thetricklabFSS a.BSrss{background-position:3px -55px;top:60px;background-color:#f6a858}<br /> .thetricklabFSS a.BSmail{background-position:3px -75px;top:80px;background-color:#c1c1c2}<br /> .thetricklabFSS a.BSfacebook:hover{background-color:#526ca5;background-position:5px -15px}<br /> .thetricklabFSS a.BStwitter:hover{background-color:#75ddfe;background-position:5px -36px}<br /> .thetricklabFSS a.BSmail:hover{background-color:#c1c1c2;background-position:5px -75px}<br /> .thetricklabFSS a.BSrss:hover{background-color:#f6a858;background-position:5px -55px}<br /> .FloatingSocialMediaSlideoutWidgetForBloggerFSS a.BSfacebook:active{background-color:#294a90}<br /> .FloatingSocialMediaSlideoutWidgetForBloggerFSS a.BStwitter:active{background-color:#40b5fe}<br /> .FloatingSocialMediaSlideoutWidgetForBloggerFSS a.BSmail:active{background-color:#909090}.FloatingSocialMediaSlideoutWidgetForBloggerFSS a.BSrss:active{background-color:#f37526}                                                                                                                                  /*widget by www.thetricklab.blogspot.com */<br /> </style><br /> <div class='thetricklabFSS'> <a class='BSfacebook' href='https://www.facebook.com/<span style="color: red;">asadtariq786</span>' onclick='dcsSetVar(&apos;WT.z_iLinks&apos;,&apos;Facebook&apos;,&apos;WT.z_iLinks_actionoffer&apos;,&apos;exnav-soc&apos;,&apos;WT.z_iLinks_targetcampaign&apos;,&apos;src-gs&apos;);' target='_blank' title='Facebook'><span>Join Us on Facebook</span></a> <a class='BStwitter' href='https://twitter.com/<span style="color: red;">asadtariq78' </span>onclick='dcsSetVar(&apos;WT.z_iLinks&apos;,&apos;Twitter&apos;,&apos;WT.z_iLinks_actionoffer&apos;,&apos;exnav-soc&apos;,&apos;WT.z_iLinks_targetcampaign&apos;,&apos;src-gs&apos;);' target='_blank' title='Twitter'><span>Tweet Us On Twitter</span></a> <a class='BSrss' <span style="color: red;">href='/feeds/posts/default</span>' onclick='dcsSetVar(&apos;WT.z_iLinks&apos;,&apos;RSS&apos;,&apos;WT.z_iLinks_actionoffer&apos;,&apos;invite-follow&apos;,&apos;WT.z_iLinks_targetcampaign&apos;,&apos;src-gs&apos;);' target='_blank' title='RSS Feed'><span>Visit Our rss feed</span></a> <a class='BSmail' href='mailto:<span style="color: red;">asadtariq77</span>@gmail.com' onclick='dcsSetVar(&apos;WT.z_iLinks&apos;,&apos;Email&apos;,&apos;WT.z_iLinks_actionoffer&apos;,&apos;invite-email&apos;,&apos;WT.z_iLinks_targetcampaign&apos;,&apos;src-gs&apos;);' target='_blank' title='Email'><span>Newsletter</span></a></div></blockquote> <br />  Replace  <span style="color: red;">asadtariq786</span> with your Facebook name.<br />     Replace  <span style="color: red;">asadtariq78 </span>with your twitter name.<br />     Replace <span style="color: red;">asadtariq77@gmail.com</span> with your email address.

Floating Social Media Slide out Widget For Blogger , Website And wordpress

Floating social media slide out stick to right site of your blogger. When you mouse over then you will see a slide out option. This widget...

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 »