Showing posts with label Widget. Show all posts
Showing posts with label Widget. Show all posts

আপনার ব্লগার এর মাউস পয়েন্টার কে দিন একটি অসাধারণ এফেক্ট !!

Posted on 3:05 PMby with No comments
আপনি হয়ত লক্ষ্য করেছেন যে আমার এই ব্লগে মাউসের পয়েন্টারে একটা এফেক্ট দেওয়া আছে। আপনি চাইলে আপনার সাইটেও এমন করতে পারেন। এজন্য...


প্রথমে Layout>Add A Gadget এ যান।
তারপর HTML/JAVASCRIPT সিলেক্ট করুন এবং নিচের কোডগুলো কপি করে পেস্ট করুন ঃ

<!--This code is taken from http://sfingx.blogspot.com/--><script type="text/javascript" src="http://dl.dropboxusercontent.com/s/h1r7eja05mksfdg/02_cornflower_blue_151b8d_24work.blogspot.com.js"></script><a href="http://livemecca.blogspot.com/" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://livebloggertricks.blogspot.com/" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a>





এবার সেভ বাটনে ক্লিক করুন।
কোনো সমস্যা হলে কমেন্ট করুন।

Add A Floating Shearing Widget In Your Blogspot Blog

Posted on 9:17 PMby with 1 comment
Hello visitors !! Want a cool floating shearing widget ??? If you want, read this post and get it for your blog.
Go to Desing >Add A HTML/Javascript widget.
Now copy this code bellow and paste it there.







<style>
/*-------24 Tutorial Floating Sharing Widget------------*/
#floatdiv {
  position:fixed;
bottom:15%;
margin-left:-70px;
z-index:10;
float:left;
padding-bottom:2px;
}
#mbtsidebar {
        background:#fff;
        border-top:1px solid #ddd;
        border-left:1px solid #ddd;
        border-bottom:1px solid #ddd;
        border-radius:5px;
       -moz-border-radius:5px;
       -webkit-border-radius:5px;
        padding-left:5px;
        width:60px;
        margin:0 0 0 5px;
}
.fb_share_count_top {width:52px !important;}
.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:52px !important; -moz-border-radius:3px;/*bs-fsmsb*/-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="floatdiv">
<div id="mbtsidebar">
    <table cellpadding="1px" cellspacing="0">

    <tr>
    <td style="padding:5px 0px 0px 0;">
<a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="mybloggertricks">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
    </td>
    </tr>
    <tr>
    <td style="padding:5px 0 2px 0;">
    <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>
    </td>
    </tr>
    <tr>
    <td style=" padding:5px 0px 0px 0px;">
<script src='http://apis.google.com/js/plusone.js' type='text/javascript'> {lang: &#39;en-US&#39;} </script>
<g:plusone size="Tall" expr:href="data:post.url">
    </g:plusone></td>
    </tr>
    <tr>
    <td>
<p style=" line-height:0px; font-size:10px; font-weight:bold; text-align:center;"><a style="color:#D3D3D3;" href="http://24tutorial.blogspot.com/2012/01/add-floating-shearing-widget-in-your.html">Get it !!</a></p>
    </td>
    </tr>
    </table>
</div>
</div>



Now click on the Save button and drag it just bellow the posts body .
Now save your template.

Costomization

You can change the widget background.
To change the background color you need to change the color code of  background:#fff;  

To align the widget more towords the left and right change this value  margin-left:-70px;

Add Falling Snow , Leaves On Your Blogspot Blog

Posted on 6:42 PMby with No comments
Have you seen my falling leaves on my blogspot blog. Today I will share it with you.

Subject 1 : Snow :-
First logged on your blog and go to Desing and add a HTML/JavaScript gadget.
Now copy the code bellow and paste it in the gadget.

<script language="JavaScript" src="http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/falling_snowflakes.js">
</script>

Now click on the save button.
You will see some falling snow on your blogspot blog.


Subject 2 : Leaves :-
Like before first logged on your blog and go to Desing and add a HTML/JavaScript gadget.
Now copy the code bellow and paste it in the gadget.

<script language="JavaScript" src="http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/falling_leaves.js">
</script>

Now click on the save button.
You will see some falling snow on your blogspot blog.

 Snow Image :  

 


Leaves Image :




So, don't be late.
Add any subject on your blogspot blog.

How To Add A Twitter Bird In Your Blogspot Blog

Posted on 7:59 PMby with No comments







I have a twitter bird in this blog. Today I will show you how to add a flying twitter bird in your blogspot blog.
Your bird will be like this :









Lets start.

First Design >Edit HTML , prees Ctrl + F and find the code bellow :
</body>
Now copy this code bellow and paste it before the code you have found (</body>)

<script src='http://bloggerblogwidgets.googlecode.com/files/way2blogging.org-tripleflap.js' type='text/javascript'>
</script>
<script type='text/javascript'>
var twitterAccount = &quot;YOUR TWITTER USERNAME&quot;;
var tweetThisText = &quot; <data:blog.pageTitle/> : <data:blog.url/> &quot;;
tripleflapInit();
</script>

Wait don't save your tamplate before preview. After preview save your tamplate.
You will see a flying twitter bird in your blogspot blog.

How to set up a side menu on your blog

Posted on 4:11 PMby with No comments



Now I will show you how to set up a side bar on your blog. It's very easy.
For this sing in your blog and go to design and Add Gadget >HTML/Javascript
Now copy the code below and paste it to your gadget.













<script src="http://sites.google.com/site/banglahacks/shrd/prototype.js" type="text/javascript"></script>
<script src="http://sites.google.com/site/banglahacks/shrd/effects.js" type="text/javascript"></script>
<script src="http://sites.google.com/site/banglahacks/shrd/side-bar.js" type="text/javascript"></script>
<style>
body{
font-size:75%;
}
a{
outline: none;
}
a:active{
outline: none;
}
#sideBar{
text-align:left;
}
#sideBar h2{
color:#F0FFFF;
font-size:110%;
font-family:arial;
margin:10px 10px 10px 10px;
font-weight:bold !important;
}
#sideBar h2 span{
font-size:125%;
font-weight:normal !important;
}
#sideBar ul{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#sideBar li{
margin:0px 5px 5px 10px;
padding: 0 0 0 10px;
list-style-type:none;
display:block;
background-color:#DA1074;
width:177px;
color:#FFFFFF;
}
#sideBar li a{
width:100%;
}
#sideBar li a:link,
#sideBar li a:visited{
color:#FFFFFF;
font-family:verdana;
font-size:100%;
text-decoration:none;
display:block;
margin:0px 0px 0px 0px;
padding:0 0 0 20px;
width:100%;
}
#sideBar li a:hover{
color:#FFFF00;
text-decoration:underline;
}
#sideBar{
position: fixed;
width: auto;
height: auto;
top: 140px;
left:0px;
background-image:url(http:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgAuk5iEkPHYpnccnGkTkiQwqn9hdHH0AeRCt-GzRON09ZukAT21E_JvLlfvtMMIPeBQnMKsDw4J-38hgnZMO4yQaje49fTRb_hljdogVXkieHXq5rAAew4H5FNwDvRcaTjnKTH3Dy7ymj/s320/left.collapse.border.gif);
background-position:top right;
background-repeat:repeat-y;
}
#sideBarTab{
float:left;
height:137px;
width:28px;
}
#sideBarTab img{
border:0px solid #FFFFFF;
}
#sideBarContents{
float:left;
overflow:hidden !important;
width:200px;
height:320px;
}
#sideBarContentsInner{
width:200px;
}</style>
<div id="sideBar">
<div id="sideBarContents" style="display:none;">
<div id="sideBarContentsInner">
<h2>Left<span>Menu</span></h2>
<ul>
<li><a href="#">Link One</a></li>
<li><a href="#">Link Two</a></li>
<li><a href="#">Link Three</a></li>
<li><a href="#">Link Four</a></li>
</ul>
</div> </div>
<a id="sideBarTab" href="#"><img alt="sideBar" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilPdL1lIlqEI_DTd7h0JbcRDVTldJa3xMqjDOP4E6jA4eFBNvcF_wEU3qPzcRu1xkqSvT2bsx87N3zw7OtH7Pn6HH_kxBnrOdE3rgEGsCfsz_qC-LsjodLHKfQv5fnnRJwZhEVvV1A5Vd5/s320/sidebarcollapse.gif" title="sideBar" /></a>
</div>



Costomization :

Link : Here I use four link. If you want you can use five or ten link .

Align : I use left align for the side menu. You can use right.


Thank you for read the full post . ☺☺☺☺






from : http://techtunes.com.bd/


 






Subscribe to: Posts (Atom)
BTCClicks.com 9Earn Bitcoin)