Y3

Best Flash Online Games

How To Add Scroll Box With Images to Your Blogger

1.Login to your Bogger Dashboard and go to Desing >> & Page Elements.

2.Click on 'Add a Gadget' on the sidebar.

3.Select 'HTML/Javascript' and add the one of code given below

<div style="height: 300px; overflow: scroll; width: 500px;">
<img alt="scroll" border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrzeQSBxVi5wxkJQGoCDJ9eQLnlFqxIbFacmOc_D942s9d5WsxVe2QLKmCpBhT-yDlSh2MzIOVkz56dkHuSNlG4hFR5CkH97M6fnh_PjRR6dG0pYIUVqNGYY7tV8-5saVdrVDTuhy7v-A/" width="500" />

<img alt="scroll" border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaERLLDpIJCT7cyUa5z8sMk_oM4GCPQMQh6VGR9ySQqB56ZurofNxe_lZfajhmhTnraavakBQB9muMxhNm3rJMDeE3-BwIBObBUt7gC8QkgaF_GFvKbDaErrFWbn4GpPCqn0N4D8Hewyw/" width="500" /></div>
</div>

Look at the example below:

4. Now Click on Save "Html Java Script" and You are done..

Posted in: Html codes+Effects,Tools+Plugins

Facebook Like box below posts

Facebook Like Button allows you to provide more Sharing Options to your Readers. Your readers can share your posts on Facebook using the Like Button. Have you added the Like button and still not getting any “Likes”? :(. Ok then we will present the Like button in a much better and elegant way.
Here is a Screenshot of the Facebook Like Box. Isn’t it lovely and more “Likable” than the default Like Button?

The  Facebook Like box also includes a link to  your Facebook Fan Page. This FB Like Box was Designed Styled and coded by Mia of Dezign Matterz .  Thanks to her for designing and styling  this awesome Like Box.

How to install the Facebook Like Box?

1. First Fill in the following Details (Code will be updated with these details)

Width of the Like Box                     (Enter the appropriate width of the FB like box)
Facebook Fan Page / Profile URL

2. Now Login to your Blogger Account and navigate to Design > Edit HTML and check the option which says “Expand Widget Templates”
 
3. Look for  ]]></b:skin> in your template and just above that place the following code (You can use Ctrl +F to find the code).







 

.fb_like_box {
margin-top:10px;
-moz-border-radius:10px 10px 10px 10px;
border-radius:10px;
background-color:#3B5999;
border:3px solid #2B2B2B;
margin-bottom:10px;
padding:10px 7px;
width:540px;
}
.fb_like_top {
overflow:visible;
padding:0;margin:0 0 5px;
width:349px;
height:24px;
background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVrLycj9GTnnDieWQ5YhAlkX8wLv8FxRO-IGJpQywA9RTyme1k1VeR6omspUymDOjfFnXfj79zxc87CZf20TopSSjbR12eq1JnazDrEj11VJPBBerTAh_03IfJKx_scQiTcWGd2g35xE8/") no-repeat scroll left top transparent;
}
.fb_like_button_holder {
-moz-border-radius:10px 10px 10px 10px;
border-radius:10px;
background:none repeat scroll 0 0 #FFFFFF;
padding:12px 12px 0 12px;
width:515px;
height:42px;
}

.fb_like_top a {
height:24px;
width:114px;
background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfB9X93xlA_7mU_dISUjtlshbmpkOjFA5ayKKvjtfknczPEa8slsTdIIcq-U5Xj6a1kxpeexHP7pl7gan-dwbwVm8lvIK_Is_dp1D-fypcbn2HsS6M94dCTkhLU1cKnaJTY9XmflA2Qw/") no-repeat scroll left top transparent;
display:block;
margin-left:425px;
text-indent:-5000px;
}

 




4. Now Look for <data:post.body/> in your template and just below that add the following code.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='fb_like_box'>
<div class='fb_like_top'><a href='' target='_new' title='Become a fan' rel='nofollow'>Become a Fan</a></div>
<div class='fb_like_button_holder'>
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px;height:30px;'/>
</div>
</div>
</b:if>

 

5. Now Save your template and you will see a Facebook Like Box on your post pages.

Posted in: Html codes+Effects,Posts,Share+Socials,Tools+Plugins

Adding floating social media sharing buttons to Blogger

 

What can a social bookmark button do to you blogspot blogger blogs

Many bloggers using blogspot blogging platform recommend to use social bookmark button in our blogs. Reason for this is that social bookmark will help to increase you blog post popularity and traffic to your blog. With a social bookmark button, you give an opportunity to your blog readers to submit your blog posts they like to social bookmark sites. So, social bookmarking also give back links to your blog, a way that can increase traffic to your blog.
Social bookmarking is also a search engine optimization technique. Because social bookmarking creates back links, your blog will be more lovable by search engines. Search engines love blogs that have many back links because it indicates that the blogs is referenced by other external sites.
There are many ways you can use to add social bookmark button to your blogger blogs. By default, blogger template usually come with social bookmark button. But, if your template does not have one, you may instead  want to use a floating bookmark button.

Floating Social Bookmark Button

Floating social bookmark button is a set of social bookmark buttons that float your blogger blog. With a floating social bookmark button, the buttons will always be visible to your blog readers so that the readers can always hit the button any time without the need to do scrolling. They to add this floating social bookmark button to blogger blog is very simple.
See the image of the floating social bookmark button on the right. Or you can see it live in action here

How to Install a floating social bookmark button

Follow these steps to install a floating social bookmark button to your blogger blog

1. Log in to your blogger dashboard
2. Select Design and then Page Element of the blog to which you want a floating social bookmark button
3. Click Add a Gadget and select HTML/JavaScript in the appearing window
4. Copy all code provided below and paste it into content box of your widget. Leave the title box blank
5. Click Save
6. Move the widget to under you post block
7. Save and done.

Check the position of the button set. If is not right you can adjust its position by changing the position properties in the code.

The code

<!-- floating page sharer Start bloggertrickz.co.cc-->
<style>
#pageshare {position:fixed; bottom:15%; margin-left:-333px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff;padding:0 0 2px 0;z-index:10;}
#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}
.fb_share_count_top {width:48px !important;}
.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}
</style>
<div id='pageshare'>
<div class='sbutton' id='fb'>
<a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
</div>
<div class='sbutton' id='rt'>
<script src="http://tweetmeme.com/i/scripts/button.js" type='text/javascript'></script>
</div>
<div class='sbutton' id='su'>
<script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script>
</div>
<div class='sbutton' id='digg'>
<script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script>
<a class="DiggThisButton DiggMedium"></a>
</div>
<div class='sbutton' id='gb'>
<a class='google-buzz-button' data-button-style='normal-count' href='http://www.google.com/buzz/post' title='post on google buzz'>
<script src='http://www.google.com/buzz/api/button.js' type='text/javascript'></script>
</a></div>
<p style="font-family:fantasy, cursive, Serif;font-size:9px; text-align:center;"><blink><a href="http://www.bloggertrickz.co.cc/2011/04/adding-floating-social-media-sharing.html">Get this</a></blink></p>

</div>

<!-- floating page sharer End -->

Posted in: Html codes+Effects,JQuery,Share+Socials,Tools+Plugins,Widgets

How To Add Yahoo! Buzz Button to blogger

Hi! dear visitors. yahoo is the second popular search engine in world. google is the first. yahoo is provide us a cool stuffs like a yahoo mail, yahoo games,auto insurance and more stuffs, so yahoo buzz is a new tool on yahoo. yahoo buzz use for send your blog posts to your yahoo friends using mail. so this is very good gadget for bloggers. so i hope you really like this gadget. please add your comments to this post..thanks for visiting my blog.

Now guys follow the simple steps below to do it:

1.Log in to your dashboard--> Design- -> Edit HTML

2.Click on "Expand Widget Templates"

3.Scroll down to where you see this.

<div class='post-header-line-1'/>

4.Now add below code right after above line.

<div style='float:right;padding:5px;'><script badgetype='square' src='http://d.yimg.com/ds/badge2.js' type='text/javascript'><data:post.url/></script></div> 

5.Now save your template and you are done.

Posted in: Posts,Share+Socials,Widgets

How To Add Snow Effect to blogger

Hey! my all dear friends, here is the cool gadget for like decorate his/her blog. this gadget give us a cool snow. ok. this post i'm explian you how to add cool snow effect to your blogger blog. Here is a simple snow effect widget which you can add to your Blogger. This widget does not use images to generate the snow effect. so do not worry about speed. it's only us javascript. This widget has been tested in both IE and Firefox and also in complex Blogger templates which use many other JavaScripts. Unlike other snow effect scripts, this simple non-image based widget works just fine! please share this post with others.Thank you..

1.Login to your dashboard--> Design- ->Page Elements

2.Click on 'Add a Gadget' on the sidebar.

3.Select 'HTML/Javascript' and add the code given below and click save.

<script src="http://keerthiset2.110mb.com/snow.js" type="text/javascript">
</script>

4.Now refresh your site to see effect.

Posted in: Html codes+Effects,JQuery,Tools+Plugins