Social Media Trick Game

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

19:10 AdSense, Blogger Widgets, FAcebook Widget No comments

Hi Friends 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
its is very powerful.

Go to your Blogger > Dashboard

Select Layout tab.

Click on "Add a Gadget" then select "HTML/JavaScript" Gadget.

Now Copy the below code and paste it in "HTML/JavaScript" Gadget and Save it.

<style type='text/css'>
#bloggerspiceFBpop {
position:fixed !important;
position:absolute;
top:-1000px;
left:50%;
margin:0px 0px 0px -182px;
width:300px;
height:auto;
padding:16px;
background:#FEFEFE;font:normal Dosis, Georgia, Serif;
color:#111;
border:2px solid #333;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
#bloggerspiceFBpop a.bsclose {
position:absolute;
top:-10px;
right:-10px;
background:#fff;
font:bold 16px Arial, Sans-Serif;
text-decoration:none;
line-height:22px;
width:22px;
text-align:center;
color:#000000;
border:2px solid #333;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:22px;
-moz-border-radius:22px;
border-radius:25px;
cursor:pointer;
}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script type='text/javascript'>
$(window).bind("load", function() {
// Animate Top
$('#bloggerspiceFBpop').animate({top:"50px"}, 1000);
// Widget by www.tricksteacher.blogspot.com
$('a.bsclose').click(function() {
$(this).parent().fadeOut();
return false;
});
});
</script>
<div id='bloggerspiceFBpop'>

<center><b><a class="BloggerSpice">Don't Forget To Join With Our Community</a></b></center>
<center>
Add Your Code
</center>

<a class='bsclose' href='#'>×</a>
<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://tricksteacher.blogspot.com/2013/06/popup-facebook-like-adsense-ad-twitter.html">Blogger Spice</a></center>
</div>

Change Add Your Code with your code

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

04:40 AdSense, Blogger Tricks, Tricks And Tips No comments

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.

Go to Blogger.com > Dashboard

Select Layout tab.

Click on "Add a Gadget" then select "HTML/JavaScript" Gadget.

Now Copy the below code and Paste it in "HTML/JavaScript" Gadget.

    <style>
    #tricksteacherflotads {
    height:30px;
    width:auto;
    background: #333333 url('..');
    background-repeat:repeat-x;
    text-align:left;
    padding-top:4px;
    }
    #bsadsbase{
    height:600;
    margin:0auto;
    width:180px;
    background:#fff;
    border-bottom:2px #333333 solid;
    border-right:2px #333333 solid;
    border-left:2px #333333 solid;
    text-align:center;
    padding:4px;
    }
    #bsadsheadline{
    opacity:1.0;
    height:auto;
    width:auto;
    position:fixed;
    top:65px;
    left:10px;
    border-bottom:1px #005094 solid;
    border-bottom:0px blue solid;
    color:#333;
    padding:0px;
    z-index:1001;
    font-size:13px;}
    </style>
    <script type="text/javascript">
    function getValue()
    {
    document.getElementById("bsadsheadline").style.display = 'none';
    }
    </script>
    <div id="bsadsheadline">
    <div id="tricksteacherflotads">
    <span style="color:#fff;font-size:13px;font-weight:bold;text-shadow:black 0.1em 0.1em 0.1em"></span>
    <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.tricksteacher.blogspot.com" target="_blank" onclick="getValue()">close(x)</a></span>
    </div>
    <div id="bsadsbase">
    <h3></h3>
    <p align="left"><h3></h3></p>
    <p>
    Ads code here    <br/></p></div></div>

    Replace "Ads code here" with your AdSense or others ads code.

    Change 180px to increase or decrease wide

    Change Left with right to float right side of your blog.

How To Add Flipper Sharing Widget Below Every Post In Blogger

20:17 Blogger Widgets, Share Box No comments

Hi Friends , 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.

How To Add Flipper Sharing Widget Below Every Post In Blogger

Go To Blogger.com > Design > Edit Html

Find <data:post.body/> Using

CTRL+F

Copy the code below and paste it just after <data:post.body/> tag.

<style>

        /*--------TricksTeacher Flipper Sharing Widget ------*/

        .flipper a {

        display:block;

        height:48px;

        width:48px;

        padding:0 4px;

        float:left;

        background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAJLNFui31YHQTExxivlEq7jl_sZwEtH0UcDrMTXIL1M2MkE-RRKmgGpU1UNDFjcAqR1l9XyHdz8d8hzRTrOMbjpYtu8uqj8nrwbpHGyw4yertv0wC00gLwnG5CQyqAvlBoGFRbT9_hZeF/s1600/tricksteacher.png) no-repeat;

        -webkit-transition: ease-in 0.15s all;

        -moz-transition: ease-in 0.15s all;

        -o-transition: ease-in 0.15s all;

        -ms-transition: ease-in 0.15s all;

        transition: ease-in 0.15s all;

        cursor:pointer;

        }

        .flipper a.googleplus {

        background-position: 0px -348px;

        }

        .flipper a.googleplus:hover {

        background-position: 0px -406px;

        }

        .flipper a.pinterest {

        background-position: 0px -464px;

        }

        .flipper a.pinterest:hover {

        background-position: 0px -522px;

        }

        .flipper a.delicious {

        background-position: 0px 0px;

        }

        .flipper a.delicious:hover {

        background-position: 0px -58px;

        }

        .flipper a.digg {

        background-position: 0px -116px;

        }

        .flipper a.digg:hover {

        background-position: 0px -174px;

        }

        .flipper a.stumbleupon {

        background-position: 0px -812px;

        }

        .flipper a.stumbleupon:hover {

        background-position: 0px -870px;

        }

        .flipper a.technorati {

        background-position: 0px -928px;

        }

        .flipper a.technorati:hover {

        background-position: 0px -406px;

        }

        .flipper a.twitter {

        background-position: 0px -928px;

        }

        .flipper a.twitter:hover {

        background-position: 0px -986px;

        }

        .flipper a.facebook {

        background-position: 0px -232px;

        }

        .flipper a.facebook:hover {

        background-position: 0px -290px;

        }

        .flipper a.reddit {

        background-position: 0px -580px;

        }

        .flipper a.reddit:hover {

        background-position: 0px -638px;

        }

        .flipper a.rss {

        background-position: 0px -696px;

        }

        .flipper a.rss:hover {

        background-position: 0px -754px;

        }

        .Pleaseshare{

        margin:10px 0px;

        color:#333333;

        font-weight:bold;

        font-size:20px;

        font-family:sans-serif;

        }

        </style>

        <div class='flipper'>

        <b:if cond='data:blog.pageType == "item"'>

        <div class="Pleaseshare">

        Please Share it! :) </div>

        

        <a class='googleplus' expr:href='"http://plus.google.com/share?url=" + data:post.url' rel='external nofollow' target='_blank' title='+1 it :>'/>

        

        <a class='facebook' expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&t=" + data:post.title' rel='external nofollow' target='_blank' title='Share this on Facebook :>'/>

        

        <a class='twitter' expr:href='"http://twitthis.com/twit?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank' title='Tweet this :>'/>

        

        <a class='pinterest' href="http://pinterest.com/" rel='external nofollow' target='_blank' title='Pin it :>'/>

        

        <a class='delicious' expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank' title='Add this to Delicious :>'/>

        

        <a class='digg' expr:href='"http://digg.com/submit?phase=2&url=" + data:post.url' rel='external nofollow' target='_blank' title='Digg this :>'/>

        

        <a class='stumbleupon' expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank' title='Stumble this :>'/>

        

        <a class='reddit' expr:href='"http://reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank' title='Add this to Reddit :>'/>

        

        <a class='rss' expr:href='data:blog.homepageUrl + "feeds/posts/default"' title='Bookmark plz :>'/>

        </b:if></div>

        <div style="clear:both"/>

Then save it and enjoy :)

Add A Horizontal Ribbon Menu With Hover Effect

20:18 Blogger Widgets, CSS No comments

Hello Friends. Today we are going to publish about a horizontal ribbon menu with hover effect.
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.

Add It On Your Blog

    Log In To Blogger.com
    Select To Layout And Add A Gadget
    Select HTML/JavaScript And Paste It Inside The Box.

Live Demo

<style>

.TricksTeacher-ribmenu span {
    background:#A81B6A;
    display:inline-block;
    font-family:verdana;

    line-height:3em;
    padding:0 1em;
    margin-top:0.5em;
    position:relative;
      -webkit-transition: background-color 0.2s, margin-top 0.2s; /* Saf3.2+, Chrome */
    -moz-transition: background-color 0.2s, margin-top 0.2s; /* FF4+ */
    -ms-transition: background-color 0.2s, margin-top 0.2s; /* IE10 */
    -o-transition: background-color 0.2s, margin-top 0.2s; /* Opera 10.5+ */
    transition: background-color 0.2s, margin-top 0.2s;
}
.TricksTeacher-ribmenu a:hover span {
    background:#FFD204;
    margin-top:0;

}
.TechBlogGuide-ribmenu span:before {
    content: "";
    position:absolute;
    top:3em;
    left:0;
    border-right:0.5em solid #9B8651;
    border-bottom:0.5em solid #fff;
}

.TricksTeacher-ribmenu span:after {
    content: "";
    position:absolute;
    top:3em;
    right:0;
    border-left:0.5em solid #9B8651;
    border-bottom:0.5em solid #fff;
}
.TricksTeacher-ribmenu a:link, .TricksTeacher-ribmenu a:visited {
    color:#000;
    text-decoration:none;
    float:left;
    height:3.5em;
    overflow:hidden;
}
.TricksTeacher-ribmenu:after, .TricksTeacher-ribmenu:before {
    margin-top:0.5em;
    content: "";
    float:left;
   border: 1.5em solid #A81B6A;
}
.TricksTeacher-ribmenu:after {
    border-right-color:transparent;
}

.TricksTeacher-ribmenu:before {
    border-left-color:transparent;
}
</style>

<div class='TricksTeacher-ribmenu'>
    <a href='#'><span>Home</span></a>
    <a href='#'><span>TricksTeacher</span></a>
    <a href='#'><span>Tricks</span></a>
    <a href='#'><span>jQuery</span></a>
    <a href='#'><span>CSS</span></a>

</div>

Replace All The "#" With Your Own Blog Link.
Now Save It And Enjoy

Add 8 Cool Dancing Twitter Bird On Your Blog And Website

20:11 Blogger Widgets, Twitter Widgets No comments

Today i am going to share about adding cool dancing twitter bird on your blog and 8 different style. twitter widgets which help to increase your blog traffic via twitter

�Go To Blogger Dashboard
�Select Layouts
�Add A Gadget
�Select HTML/JAVASCRIPT

And Past The Below Code

<object type="application/x-shockwave-flash" data="http://www.twpics.com/BUTTON3/twitbutton.swf" width="100" height="100"><param name="movie" value="http://www.twpics.com/BUTTON3/twitbutton.swf"></param><param name="allowscriptaccess" value="always"></param><param name="menu" value="false"></param><param name="wmode" value="transparent"></param><param name="flashvars" value="username=asadtariq77"></param><a href="http://tricksteacher.blogspot.com" title="http://tricksteacher.blogspot.com">http://tricksteacher.blogspot.com</a><embed src="http://www.twpics.com/BUTTON3/twitbutton.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="100" height="100" menu="false" wmode="transparent" flashvars="username=asadtariq77"></embed></object>

<object data="http://www.twpics.com/BUTTON6/twitbutton.swf" height="80" type="application/x-shockwave-flash" width="180"><param name="movie" value="http://www.twpics.com/BUTTON6/twitbutton.swf"></param>
<param name="allowscriptaccess" value="always"></param>
<param name="menu" value="false"></param>
<param name="wmode" value="transparent"></param>
<param name="flashvars" value="username=asadtariq77"></param>
<a href="http://tricksteacher.blogspot.com/" title="tricks teacher">online slots</a><embed src="http://www.twpics.com/BUTTON6/twitbutton.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="180" height="80" menu="false" wmode="transparent" flashvars="username=asadtariq77"></embed></object>

<object type="application/x-shockwave-flash" data="http://www.twpics.com/BUTTON0/twitbutton.swf" width="100" height="80"><param name="movie" value="http://www.twpics.com/BUTTON0/twitbutton.swf"></param><param name="allowscriptaccess" value="always"></param><param name="menu" value="false"></param><param name="wmode" value="transparent"></param><param name="flashvars" value="username=asadtariq77"></param><a href="http://tricksteacher.blogspot.com/" title="tricksreacher">mobile casino</a><embed src="http://www.twpics.com/BUTTON0/twitbutton.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="100" height="80" menu="false" wmode="transparent" flashvars="username=asadtariq77"></embed></object>

<object type="application/x-shockwave-flash" data="http://www.twpics.com/BUTTON7/twitbutton.swf" width="180" height="200"><param name="movie" value="http://www.twpics.com/BUTTON7/twitbutton.swf"></param><param name="allowscriptaccess" value="always"></param><param name="menu" value="false"></param><param name="wmode" value="transparent"></param><param name="flashvars" value="username=asadtariq77"></param><a href="http://tricksteacher.blogspot.com/" title="ts=tricks">tricks</a><embed src="http://www.twpics.com/BUTTON7/twitbutton.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="180" height="200" menu="false" wmode="transparent" flashvars="username=asadtariq77"></embed></object>

<object type="application/x-shockwave-flash" data="http://www.twpics.com/BUTTON8/twitbutton.swf" width="200" height="200"><param name="movie" value="http://www.twpics.com/BUTTON8/twitbutton.swf"></param><param name="allowscriptaccess" value="always"></param><param name="menu" value="false"></param><param name="wmode" value="transparent"></param><param name="flashvars" value="username=asadtariq77"></param><a href="http://tricksteacher.blogspot.com" title="tricks">mobile gambling</a><embed src="http://www.twpics.com/BUTTON8/twitbutton.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="200" height="200" menu="false" wmode="transparent" flashvars="username=asadtariq77"></embed></object>

<object type="application/x-shockwave-flash" data="http://www.twpics.com/BUTTON12/twitbutton.swf" width="182" height="202"><param name="movie" value="http://www.twpics.com/BUTTON12/twitbutton.swf"></param><param name="allowscriptaccess" value="always"></param><param name="menu" value="false"></param><param name="wmode" value="transparent"></param><param name="flashvars" value="username=asadtariq77"></param><a href="http://tricksteacher.blogspot.com" title="tricks">online casino Canada</a><embed src="http://www.twpics.com/BUTTON12/twitbutton.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="182" height="202" menu="false" wmode="transparent" flashvars="username=asadtariq77"></embed></object>

<object type="application/x-shockwave-flash" data="http://www.twpics.com/BUTTON13/twitbutton.swf" width="109" height="102"><param name="movie" value="http://www.twpics.com/BUTTON13/twitbutton.swf"></param><param name="allowscriptaccess" value="always"></param><param name="menu" value="false"></param><param name="wmode" value="transparent"></param><param name="flashvars" value="username=asadtariq77"></param><a href=http://tricksteacher.blogspot.com" title="tricks">tricks</a><embed src="http://www.twpics.com/BUTTON13/twitbutton.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="109" height="102" menu="false" wmode="transparent" flashvars="username=asadtariq77"></embed></object>

<object data="http://www.twpics.com/BUTTON2/twitbutton.swf" height="90" type="application/x-shockwave-flash" width="180"><param name="movie" value="http://www.twpics.com/BUTTON2/twitbutton.swf"></param>
<param name="allowscriptaccess" value="always"></param>
<param name="menu" value="false"></param>
<param name="wmode" value="transparent"></param>
<param name="flashvars" value="username=asadtariq77"></param>
<a href="http://tricksteacher.blogspot.com/" title="tricksteacher">tricksteacher</a><embed src="http://www.twpics.com/BUTTON2/twitbutton.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="180" height="90" menu="false" wmode="transparent" flashvars="username=asadtariq77"></embed></object>

Replace Asadtariq77 with your twitter username.

Complete List Of Facebook Shortcuts

20:30 Facebook Tricks No comments

Today i am going to tell you some tips and tricks about Facebook which made it more interesting. Some shortcuts and tips are posted below

`Alt`+ `m`Or`Shift`+ `Alt`+ `m` New Message

`Alt`+ `0`Or `Shift`+ `Alt`+ `0` Help Center

`Alt`+ `1`Or`Shift`+ `Alt`+ `1` Home Page

`Alt`+ `2` Or `Shift`+ `Alt`+ `2` Profile Page

`Alt`+ `3` Or `Shift`+ `Alt`+ `3` Manage Friend List

`Alt`+ `4` Or `Shift`+ `Alt`+ `4` Message List

`Alt`+ `5` Or `Shift`+ `Alt`+ `5` Notification Page

`Alt`+ `6` Or `Shift`+ `Alt`+ `6` Account Settings

`Alt`+ `7` Or `Shift`+ `Alt`+ `7` Privacy Settings

`Alt`+ `8` Or `Shift`+ `Alt`+ `8` Facebook Fan Page

`Alt`+ `9` Or `Shift`+ `Alt`+ `9` Facebook Terms

`Alt`+ `?` Or `Shift`+ `Alt`+ `?` Search Box

Social Media Trick Game

Unordered List

This is default featured slide 1 title

This is default featured slide 2 title

This is default featured slide 3 title

This is default featured slide 4 title

This is default featured slide 5 title

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

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

How To Add Flipper Sharing Widget Below Every Post In Blogger

Add A Horizontal Ribbon Menu With Hover Effect

Add 8 Cool Dancing Twitter Bird On Your Blog And Website

Complete List Of Facebook Shortcuts

Labels

Blog Archive

Ordered List

Blogger templates

Blogger news

Blogroll

About