Showing posts with label Blogging. Show all posts
Showing posts with label Blogging. 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/


 






Set Up A Visitor Monitor On Your Blogspot Blog

Posted on 3:44 PMby with No comments

You can see a visitor monitor on my blog . You can set a visitor monitor on your blog too. It' very easy and simple.
So, let's start.
First of all you need to go Desing >Edit HTML
Now press Ctrl + F and find this code :
</body>
Now copy the code bellow and paste it before the </body> code.

                        I mean :
 



<script type="text/javascript" src="http://radarurl.com/js/radarurl_widget.js"></script><script type="text/javascript">radarurl_call_radar_widgetv2({edition:"Dynamic",location:"rightcenter"})</script><noscript><a href="http://radarurl.com/">website tracker widget</a></noscript>


Now save your template and you will see a visitor monitor on your blog .  ☺☺☺☺

Thanks you for read this post .

Set "Read More" Link On Your Blog (It' very simple)

Posted on 3:30 PMby with No comments



Hii everyone !
How are you ?
I'm fine. Now I will show you how to set a "read more" link on your blog.
It's very easy and simple. So, let's start.

First go to Desing > Edit HTML And mark the "Expand Widget Templates" button.



















Now press Ctrl+F and find    </head>
After found it, paste this code before it :
 I mean here :










<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script> 
 


Now press Ctrl + F again and find

<data:post.body/>

After found, replace it with the code bellow :


<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'>»»  read more</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/>
</b:if>





Now save your template. You will see a " Read more » " link on your posts.




Thank you to read the post . ☺☺☺

Set Up A Clock In Your Blogspot Blog

Posted on 7:13 PMby with No comments
 



You can set up a clock on your blog . For this reason you need to follow these steps bellow :


First of all add a  HTML or JavaScript gadget on your blog .
Now copy the code bellow and paste it in the gadget  and save.



<script src="http://www.clocklink.com/embed.js"></script><script type="text/javascript" language="JavaScript">obj=new Object;obj.clockfile="8005-gray.swf";obj.TimeZone="Bangladesh_Dhaka";obj.width=150;obj.height=150;obj.wmode="transparent";showClock(obj);</script>


After save refresh your blog and enjoy a clock on your blogspot blog.
You can also use it on your webpage.

To select your clock go to http://www.clock.com.
Subscribe to: Posts (Atom)
BTCClicks.com 9Earn Bitcoin)