তোমারই জন্য | ব্লগার টিপ,পিসি টিপস: ব্লগার টিপ

আপনার ব্লগে যুক্ত করে নিন শুভ দীপাবলী ও কালীপূজার প্রীতি শুভেচ্ছা ।

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
 </div>
প্রথমে সবাইকে জানাই  মা দূর্গা যাইবার সাথে সাথে দীপাবলীর আলোতে জগতময় রাঙিয়া উঠুক এই  শুভ দীপাবলী ও কালীপূজার প্রীতি শুভেচ্ছা ও অভিনন্দন  জানাই ৷ 
 
বন্ধুরা সবাই কেমন আছেন ? আশাকরি সবাই ভালো ও সুস্থ আছেন ।  আগে আমি ফ্লাশ প্লেয়ার নিয়ে পোস্ট করে ছিলাম । আবার একটি কালীপূজার শুভেচ্ছা নিয়ে পোস্ট করতে বসলাম । এ ওয়েডগেট টাও ফ্লাশ প্লেয়ার দিয়ে বানান । আশা করি আপনাদের কাজে আসবে ও ভালো লাগবে । আর বেশি কথা না বলে শুরু করা যাক 
 
প্রথমে নিচে ডেমো দেখে নিন  
 
 
<embed align="middle" allowscriptaccess="always" height="103" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="
high" src="https://3113eef6-a-62cb3a1a-s-sites.googlegroups.com/site/tomarijonnocom/home/tomarijonnocom-2/Dipaboli.swf?attachauth=ANoY7cqNc3WI_w1WzR2Wz9qZ9eHwITFU7besd9lwROEzmlKt7KvORknl4ohKVKMxF_0SowY19yciFCWAlrY-IHJs38oD-KRUIqj17Cmv9cxcdnLI0AK3gXDzJsr01YYw0SlYgFvqB5Jzmpp2aiCaQlQ-QoBVSiVvqHLGod2tbYtKjN15NJUvW8yXFs2KlmlI1fVpCGGNPWeYnQv43hFz4pA-bOBg4pXDBKJctuZuX17obwtBUi3OtwnsC_JPp7Cb3KsO1jV2dX4D&attredirects=0" type="application/x-shockwave-flash" width="590"></embed> 
 
একিভাবে এই ওয়েডগেট আপনার ব্লগে যুক্ত করবেন !. 
 
১// আপনার ব্লগ লগ ইন করুন তারপর ড্যাশবোর্ড থেকে Layout এ ক্লিক করুন । 
 
২// এবার Add a gadget এ ক্লিক করুন তাহলে একটি পপ আপ বক্স আসবে সেখান থেকে HTML/Javascript ক্লিক করুন । নীচের চিত্রে দেখুন .. 
 
 
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIa95HwmFkjF62CURvDy7DQ9hA_vvrApMKUAT_8C8k5ErQcjx-g4kJvbSyfSfU-OQ-GeWK2xxE-Ze-iBi_YbvkCcMoY40YmShJ7S_F1Gq65N0L-5Y8woNliWV8axhS-YYu9hnNCfmULbs/s1600/Screenshot_1.png" /> 
 
৩// Title ঘর ফাকা রেখে Content ঘরে নীচের কোড গুল কপি করে পেস্ট করুন । 
 
 
 
<div class="tgbox">
<embed src="https://3113eef6-a-62cb3a1a-s-sites.googlegroups.com/site/tomarijonnocom/home/tomarijonnocom-2/Dipaboli.swf?attachauth=ANoY7cqNc3WI_w1WzR2Wz9qZ9eHwITFU7besd9lwROEzmlKt7KvORknl4ohKVKMxF_0SowY19yciFCWAlrY-IHJs38oD-KRUIqj17Cmv9cxcdnLI0AK3gXDzJsr01YYw0SlYgFvqB5Jzmpp2aiCaQlQ-QoBVSiVvqHLGod2tbYtKjN15NJUvW8yXFs2KlmlI1fVpCGGNPWeYnQv43hFz4pA-bOBg4pXDBKJctuZuX17obwtBUi3OtwnsC_JPp7Cb3KsO1jV2dX4D&attredirects=0" quality=" 
high" allowscriptaccess="always" type="application/x-shockwave-flash" pluginspage= 
"http://www.macromedia.com/go/getflashplayer" align="middle" height="103" width="717"></embed></div>
 
 
 
৪// এবার Save করুন আপনার কাজ শেষ এবার ব্লগে গিয়ে দেখুন । 
 
নোটঃ   উপরে লাল রঙ্গে ঘিরা সংখ্যা আপনি চাইলে সময় বাড়িয়ে কমিয়ে নিতে পারেন 103 আর 717 মুছে সেখানে আপনার পছন্দ মতো সংখ্যা দিতে পারেন । আর উপরের কোড টি আপনার ব্লগে যেকোনো স্থানে পোস্ট করতে পারেন । 
 
 
আমার এই পোস্ট আপনার ভাল বা কাজে আসলে শেয়ার করুন আপনার বন্ধুদের মধ্যে এবং  কমেন্ট করতে ভুলবেন না । 
 
 
তাহলে আজাকের মতো এই পর্যন্ত আবারও দেখা হবে নতুন কিছু নিয়ে ভাল থাকবেন সুস্থ থাকবেন  ধন্যবাদ।</div>

আপনার ব্লগে যুক্ত করে নিন শুভ দীপাবলী ও কালীপূজার প্রীতি শুভেচ্ছা ।

প্রথমে সবাইকে জানাই মা দূর্গা যাইবার সাথে সাথে দীপাবলীর আলোতে জগতময় রাঙিয়া উঠুক এই শুভ দীপাবলী ও কালীপূজার প্রীতি শুভেচ্ছা ও অভিনন্দন...

আরও পড়ুন »

আপনার ব্লগার ব্লগে যুক্ত করে নিন অটো এনিমেশন Latest Posts

<div dir="ltr" style="text-align: left;" trbidi="on">
 
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
বন্ধুরা আশাকরি সবায় ভাল আছেন ও সুস্থ আছেন । আজকে আমি আপনাদের জন্য সুন্দর একটি Latest Posts ওয়েডগেট নিয়ে হাজির হলাম । এই পোস্টে স্টাইল এটাতে কোন ইমেজ শো করবে না এটা লিস্ট আকারে দেখাবে সঙ্গে একটা সুন্দর ইফেক্ট আছে আর সেটা হল এটা অটো এনিমেশন বলতে পারেন । যাই হোক বিস্তারিত নীচে থেকে দেখুন 
 
 
 
 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj60M8pOf70tQe5w0chNjnK-Jxy34R695CwgO9FkE4N1Q7U9wabbfiO0_MNVr1tUGZhe4xJH4LHiKWMdP0W5VXgnGV0SF75Bek5X3EUmVzheUCnih0JLz45O9vRYgX0z81uvXzAafQQ3wI/s1600/blogger+tips.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj60M8pOf70tQe5w0chNjnK-Jxy34R695CwgO9FkE4N1Q7U9wabbfiO0_MNVr1tUGZhe4xJH4LHiKWMdP0W5VXgnGV0SF75Bek5X3EUmVzheUCnih0JLz45O9vRYgX0z81uvXzAafQQ3wI/s1600/blogger+tips.gif" width="276" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
 </div>
<div class="separator" style="clear: both; text-align: center;">
 </div>
<div class="separator" style="clear: both; text-align: left;">
 </div>
<div class="separator" style="clear: both; text-align: left;">
উপরে ডেমো দেখে আশাকরি বুজতে পেরে গেছেন । </div>
<div class="separator" style="clear: both; text-align: left;">
 </div>
<h2 style="clear: both; text-align: left;">
এবার দেখে নিন কি ভাবে যুক্ত করবেন । </h2>
<div class="separator" style="clear: both; text-align: left;">
 </div>
<div class="separator" style="clear: both; text-align: left;">
 </div>
</div>
 
 
১// আপনার ব্লগ লগ ইন করুন তারপর ড্যাশবোর্ড থেকে Layout এ ক্লিক করুন । 
 
২// এবার Add a gadget এ ক্লিক করুন তাহলে একটি পপ আপ বক্স আসবে সেখান থেকে HTML/Javascript ক্লিক করুন । নীচের চিত্রে দেখুন .. 
 
 
 
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIa95HwmFkjF62CURvDy7DQ9hA_vvrApMKUAT_8C8k5ErQcjx-g4kJvbSyfSfU-OQ-GeWK2xxE-Ze-iBi_YbvkCcMoY40YmShJ7S_F1Gq65N0L-5Y8woNliWV8axhS-YYu9hnNCfmULbs/s1600/Screenshot_1.png" /> 
 
 
৩// Title ঘর ফাকা রেখে Content ঘরে নীচের কোড গুল কপি করে পেস্ট করুন । 
 
 
 
<div class="tgbox">
<style> 
.gfg-root { 
width: 100%; 
height : auto; 
position : relative; 
overflow : hidden; 
margin: 0 auto; 
text-align : center; 
font-size: 12px; 
border: 1px solid #DBDBDB; 
} 
.gfg-title { 
font-size: 16px; 
font-weight : bold; 
color : #6B6B6B; 
background:#F3F3F3; 
background-repeat: repeat; 
line-height : 1.4em; 
overflow : hidden; 
white-space : nowrap; 
padding: 5px; 
text-shadow: 0px 2px #fff; 
} 
.gfg-entry { 
background-color: #FFFFFF; 
width : 100%; 
height : 9.2em; 
position : relative; 
overflow : hidden; 
text-align : left; 
margin-top : 3px; 
} 
.gf-title a { 
text-transform: capitalize; 
color: #0000ff; 
font-size: 14px; 
} 
.gfg-subtitle { 
display: none; 
} 
.gfg-list { 
position : relative; 
overflow : hidden; 
text-align : left; 
} 
.gfg-listentry { 
line-height : 1.5em; 
overflow : hidden; 
white-space : nowrap; 
text-overflow : ellipsis; 
padding-left : 15px; 
padding-right : 5px; 
} 
.gfg-listentry-odd { 
background-color : #F3F3F3; 
border-bottom : 1px dotted #CCCCCC; 
padding: 5px; 
} 
.gfg-listentry-even { 
background-color : #F3F3F3; 
border-bottom : 1px dotted #CCCCCC; 
padding: 5px; 
} 
.gfg-listentry-odd a{ 
color: #595959; 
padding: 0 0px 0 10px; 
} 
.gfg-listentry-even a{ 
color: #242424; 
padding: 0 0px 0 10px; 
} 
.gfg-listentry-highlight { 
background: #FFFFFF; 
} 
.gfg-listentry-highlight:before { 
position: absolute; 
left: 0; 
content: '\25BA '; 
font-size: 14px; 
color: #DBDBDB; 
} 
.gfg-listentry-highlight a { 
color: #242424; 
} 
.gfg-root .gfg-entry .gf-result { 
position : relative; 
background-color: #ffffff; 
width : auto; 
height : 100%; 
padding-left : 20px; 
padding-right : 5px; 
} 
.gfg-root .gfg-entry .gf-result .gf-title { 
font-size: 14px; 
line-height : 1.2em; 
overflow : hidden; 
white-space : nowrap; 
text-overflow : ellipsis; 
margin-bottom : 2px; 
margin-top: 5px; 
} 
.gfg-root .gfg-entry .gf-result .gf-snippet { 
height : 3.8em; 
color: #000000; 
margin-top : 3px; 
} 
.clearFloat { 
clear : both;}</style> 
<script src="http://www.google.com/jsapi" type="text/javascript"></script><script src="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.js" type="text/javascript"></script> 
<script type="text/javascript"> 
function showGadget() {var feeds = [{title:'List',url:'http://tomarijonno.blogspot.com/feeds/posts/default?redirect=false&start-index=1&max-results=10'},]; 
new GFdynamicFeedControl(feeds, 'feedGadget',{title: 'Latest Posts', numResults : 10, displayTime : 5000, hoverTime : 500});} google.load("feeds", "1"); 
google.setOnLoadCallback(showGadget); 
</script> 
<div id="feedGadget">Loading...</div></div>
 
 
নোটঃ উপরে হাই লাইট কালার গায়জায় নিজের ব্লগার লিঙ্ক দিন । 
 
৪// এবার Save করুন আপনার কাজ শেষ এবার ব্লগে গিয়ে দেখুন আশা করি করতে পেরেছেন । 
 
কোন আসুবিধা হলে কমেন্ট জানাতে ভুলবেন না আমি হেল্প করার চেস্তা করবো । আমি ব্লগার নিয়ে আরও ভাল ভাল পোস্ট নিয়ে আসব । তাহলে আজকে এই পর্যন্ত ভাল থাকুন সুস্থ  থাকুন ধন্যবাদ । 
 
 </div>
</div>

আপনার ব্লগার ব্লগে যুক্ত করে নিন অটো এনিমেশন Latest Posts

বন্ধুরা আশাকরি সবায় ভাল আছেন ও সুস্থ আছেন । আজকে আমি আপনাদের জন্য সুন্দর একটি Latest Posts ওয়েডগেট নিয়ে হাজির হলাম । এই পোস্টে স্টাইল এট...

আরও পড়ুন »

আপনার ব্লগার ব্লগে যুক্ত করেনিন অসাধারন মাউস ইফেক্ট ।

<div dir="ltr" style="text-align: left;" trbidi="on">
 
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
বন্ধুরা সবাই কেমন আছেন ? আশাকরি সবাই ভালো ও সুস্থ আছেন । আজ আপনাদের সাথে শেয়ার করলাম। এইটা ব্লগার ব্লগে বা ওয়েব সাইট সবক্ষেত্রে ব্যবহার করা যাবে। এটি আপনার মাউসের কার্সরের সাথে  থাকবে ।  এইটা তৈরি করা কোনই কঠিক কিছু না একেবারে সোজা । প্রথমেই নিচের ছবিটি খেয়াল করুন ঠিক এটির মতোই  আপনার ব্লগ  মাউস থেকে ইফেক্ট ঝরে পড়বে  । 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0BYizAIEpB-aeAS7nLk6Y9iQW1EgNOuB82pSbVqpSQl30622uN3iJsmtyCZzjyw3ZmZ5Hfpl8Os-38sJEf5v1sl3EHj3d-ymlU9neJ7atsT_bVvk5Wf29FZxyy_Y5SyOkrk7VqTHzYD-m/s1600/muse.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0BYizAIEpB-aeAS7nLk6Y9iQW1EgNOuB82pSbVqpSQl30622uN3iJsmtyCZzjyw3ZmZ5Hfpl8Os-38sJEf5v1sl3EHj3d-ymlU9neJ7atsT_bVvk5Wf29FZxyy_Y5SyOkrk7VqTHzYD-m/s1600/muse.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
 </div>
<div class="separator" style="clear: both; text-align: center;">
 </div>
 </div>
<div class="message_box announce">
☞   কিভাবে এই ওয়েডগেট আপনার ব্লগে যুক্ত করবেন !.</div>
 
১// আপনার ব্লগ লগ ইন করুন তারপর ড্যাশবোর্ড থেকে Layout এ ক্লিক করুন । 
 
২// এবার Add a gadget এ ক্লিক করুন তাহলে একটি পপ আপ বক্স আসবে সেখান থেকে HTML/Javascript ক্লিক করুন । নীচের চিত্রে দেখুন .. 
 
 
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIa95HwmFkjF62CURvDy7DQ9hA_vvrApMKUAT_8C8k5ErQcjx-g4kJvbSyfSfU-OQ-GeWK2xxE-Ze-iBi_YbvkCcMoY40YmShJ7S_F1Gq65N0L-5Y8woNliWV8axhS-YYu9hnNCfmULbs/s1600/Screenshot_1.png" /> 
 
 
৩// নিচের মতো Title ঘর ফাকা রেখে Content ঘরে নীচের যে কোন কোড গুল কপি করে পেস্ট করুন । 
 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1FpxUrMzESUvYql2FzkoPwwGgAhyphenhyphenz9zBhaNVUGC2_FJj7uCkmYcbqP6t084zwGOcGhsYAVagRKXwneWtH73sRDU48td6HOYe_qEN3XjNc4Ha1QkRWLmUZJzDNWzj2BGI1XvpVM7TxaCtK/s1600/blogger.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1FpxUrMzESUvYql2FzkoPwwGgAhyphenhyphenz9zBhaNVUGC2_FJj7uCkmYcbqP6t084zwGOcGhsYAVagRKXwneWtH73sRDU48td6HOYe_qEN3XjNc4Ha1QkRWLmUZJzDNWzj2BGI1XvpVM7TxaCtK/s1600/blogger.JPG" /></a></div>
 
 
 
☞ ১  
 
<div class="tgbox">
<script type=’text/javascript’> 
 
 
 
//<![CDATA[ 
 
 
 
var rate = 20; 
 
 
 
if (document.getElementById) 
 
window.onerror=new Function("return true") 
 
 
 
var objActive; // The object which event occured in 
 
var act = 0; // Flag during the action 
 
var elmH = 0; // Hue 
 
var elmS = 128; // Saturation 
 
var elmV = 255; // Value 
 
var clrOrg; // A color before the change 
 
var TimerID; // Timer ID 
 
 
 
if (document.all) { 
 
document.onmouseover = doRainbowAnchor; 
 
document.onmouseout = stopRainbowAnchor; 
 
} 
 
else if (document.getElementById) { 
 
document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT); 
 
document.onmouseover = Mozilla_doRainbowAnchor; 
 
document.onmouseout = Mozilla_stopRainbowAnchor; 
 
} 
 
 
 
function doRainbow(obj) 
 
{ 
 
if (act == 0) { 
 
act = 1; 
 
if (obj) 
 
objActive = obj; 
 
else 
 
objActive = event.srcElement; 
 
clrOrg = objActive.style.color; 
 
TimerID = setInterval("ChangeColor()",100); 
 
} 
 
}; 
 
document['write'](‘<a href=”http://24work.blogspot.com/” target=”_blank” title=”Blogger Tips and Tricks”><img src=”https://bitly.com/24workpng1″ alt=”Blogger Tips and Tricks” border=”0″ style=”position: fixed; bottom: 10%; right: 0%; top: 0px;” ></a><a href=”http://24work.blogspot.com/” target=”_blank” title=”Latest Tips For Bloggers”><img src=”https://bitly.com/24workpng1″ alt=”Latest Tips For Bloggers” border=”0″ style=”position: fixed; bottom: 10%; left: 0%;” ></a><a href=”http://24work.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%;” ></a>’); 
 
function stopRainbow() 
 
{ 
 
if (act) { 
 
objActive.style.color = clrOrg; 
 
clearInterval(TimerID); 
 
act = 0; 
 
} 
 
} 
 
 
 
 
 
function doRainbowAnchor() 
 
{ 
 
if (act == 0) { 
 
var obj = event.srcElement; 
 
while (obj.tagName != ‘A’ && obj.tagName != ‘BODY’) { 
 
obj = obj.parentElement; 
 
if (obj.tagName == ‘A’ || obj.tagName == ‘BODY’) 
 
break; 
 
} 
 
 
 
if (obj.tagName == ‘A’ && obj.href != ”) { 
 
objActive = obj; 
 
act = 1; 
 
clrOrg = objActive.style.color; 
 
TimerID = setInterval(“ChangeColor()”,100); 
 
} 
 
} 
 
} 
 
 
 
 
 
function stopRainbowAnchor() 
 
{ 
 
if (act) { 
 
if (objActive.tagName == ‘A’) { 
 
objActive.style.color = clrOrg; 
 
clearInterval(TimerID); 
 
act = 0; 
 
} 
 
} 
 
} 
 
 
 
 
 
function Mozilla_doRainbowAnchor(e) 
 
{ 
 
if (act == 0) { 
 
obj = e.target; 
 
while (obj.nodeName != ‘A’ && obj.nodeName != ‘BODY’) { 
 
obj = obj.parentNode; 
 
if (obj.nodeName == ‘A’ || obj.nodeName == ‘BODY’) 
 
break; 
 
} 
 
 
 
if (obj.nodeName == ‘A’ && obj.href != ”) { 
 
objActive = obj; 
 
act = 1; 
 
clrOrg = obj.style.color; 
 
TimerID = setInterval(“ChangeColor()”,100); 
 
} 
 
} 
 
} 
 
 
 
 
 
function Mozilla_stopRainbowAnchor(e) 
 
{ 
 
if (act) { 
 
if (objActive.nodeName == ‘A’) { 
 
objActive.style.color = clrOrg; 
 
clearInterval(TimerID); 
 
act = 0; 
 
} 
 
} 
 
} 
 
 
 
 
 
function ChangeColor() 
 
{ 
 
objActive.style.color = makeColor(); 
 
} 
 
 
 
 
 
function makeColor() 
 
{ 
 
// Don’t you think Color Gamut to look like Rainbow? 
 
 
 
// HSVtoRGB 
 
if (elmS == 0) { 
 
elmR = elmV; elmG = elmV; elmB = elmV; 
 
} 
 
else { 
 
t1 = elmV; 
 
t2 = (255 – elmS) * elmV / 255; 
 
t3 = elmH % 60; 
 
t3 = (t1 – t2) * t3 / 60; 
 
 
 
if (elmH < 60) { 
 
elmR = t1; elmB = t2; elmG = t2 + t3; 
 
} 
 
else if (elmH < 120) { 
 
elmG = t1; elmB = t2; elmR = t1 – t3; 
 
} 
 
else if (elmH < 180) { 
 
elmG = t1; elmR = t2; elmB = t2 + t3; 
 
} 
 
else if (elmH < 240) { 
 
elmB = t1; elmR = t2; elmG = t1 – t3; 
 
} 
 
else if (elmH < 300) { 
 
elmB = t1; elmG = t2; elmR = t2 + t3; 
 
} 
 
else if (elmH < 360) { 
 
elmR = t1; elmG = t2; elmB = t1 – t3; 
 
} 
 
else { 
 
elmR = 0; elmG = 0; elmB = 0; 
 
} 
 
} 
 
 
 
elmR = Math.floor(elmR).toString(16); 
 
elmG = Math.floor(elmG).toString(16); 
 
elmB = Math.floor(elmB).toString(16); 
 
if (elmR.length == 1) elmR = “0″ + elmR; 
 
if (elmG.length == 1) elmG = “0″ + elmG; 
 
if (elmB.length == 1) elmB = “0″ + elmB; 
 
 
 
elmH = elmH + rate; 
 
if (elmH >= 360) 
 
elmH = 0; 
 
 
 
return ‘#’ + elmR + elmG + elmB; 
 
} 
 
 
 
//]]> 
 
 
 
</script></div>
 
 
☞ ২  
 
<div class="tgbox">
<script type='text/javascript'> 
// <![CDATA[ 
var colour="blue"; 
var sparkles=100; 
 
var x=ox=400; 
var y=oy=300; 
var swide=800; 
var shigh=600; 
var sleft=sdown=0; 
var tiny=new Array(); 
var star=new Array(); 
var starv=new Array(); 
var starx=new Array(); 
var stary=new Array(); 
var tinyx=new Array(); 
var tinyy=new Array(); 
var tinyv=new Array(); 
window.onload=function() { if (document.getElementById) { 
var i, rats, rlef, rdow; 
for (var i=0; i<sparkles; i++) { 
var rats=createDiv(3, 3); 
rats.style.visibility="hidden"; 
document.body.appendChild(tiny[i]=rats); 
starv[i]=0; 
tinyv[i]=0; 
var rats=createDiv(5, 5); 
rats.style.backgroundColor="transparent"; 
rats.style.visibility="hidden"; 
var rlef=createDiv(1, 5); 
var rdow=createDiv(5, 1); 
rats.appendChild(rlef); 
rats.appendChild(rdow); 
rlef.style.top="3px"; 
rlef.style.left="0px"; 
rdow.style.top="0px"; 
rdow.style.left="3px"; 
document.body.appendChild(star[i]=rats); 
} 
set_width(); 
sparkle(); 
}} 
function sparkle() { 
var c; 
if (x!=ox || y!=oy) { 
ox=x; 
oy=y; 
for (c=0; c<sparkles; c++) if (!starv[c]) { 
star[c].style.left=(starx[c]=x)+"px"; 
 
star[c].style.top=(stary[c]=y)+"px"; 
star[c].style.clip="rect(0px, 5px, 5px, 0px)"; 
star[c].style.visibility="visible"; 
starv[c]=50; 
break; 
} 
} 
for (c=0; c<sparkles; c++) { 
if (starv[c]) update_star(c); 
if (tinyv[c]) update_tiny(c); 
} 
setTimeout("sparkle()", 40); 
} 
function update_star(i) { 
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)"; 
if (starv[i]) { 
stary[i]+=1+Math.random()*3; 
if (stary[i]<shigh+sdown) { 
star[i].style.top=stary[i]+"px"; 
starx[i]+=(i%5-2)/5; 
star[i].style.left=starx[i]+"px"; 
} 
else { 
star[i].style.visibility="hidden"; 
starv[i]=0; 
return; 
} 
 
} 
else { 
tinyv[i]=50; 
tiny[i].style.top=(tinyy[i]=stary[i])+"px"; 
tiny[i].style.left=(tinyx[i]=starx[i])+"px"; 
tiny[i].style.width="2px"; 
tiny[i].style.height="2px"; 
star[i].style.visibility="hidden"; 
tiny[i].style.visibility="visible" 
} 
} 
function update_tiny(i) { 
if (--tinyv[i]==25) { 
tiny[i].style.width="1px"; 
tiny[i].style.height="1px"; 
} 
if (tinyv[i]) { 
tinyy[i]+=1+Math.random()*3; 
if (tinyy[i]<shigh+sdown) { 
tiny[i].style.top=tinyy[i]+"px"; 
tinyx[i]+=(i%5-2)/5; 
tiny[i].style.left=tinyx[i]+"px"; 
} 
else { 
 
 
tiny[i].style.visibility="hidden"; 
tinyv[i]=0; 
return; 
} 
} 
else tiny[i].style.visibility="hidden"; 
} 
document.onmousemove=mouse; 
function mouse(e) { 
set_scroll(); 
y=(e)?e.pageY:event.y+sdown; 
x=(e)?e.pageX:event.x+sleft; 
} 
function set_scroll() { 
if (typeof(self.pageYOffset)=="number") { 
sdown=self.pageYOffset; 
sleft=self.pageXOffset; 
} 
else if (document.body.scrollTop || document.body.scrollLeft) { 
sdown=document.body.scrollTop; 
sleft=document.body.scrollLeft; 
} 
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) { 
sleft=document.documentElement.scrollLeft; 
sdown=document.documentElement.scrollTop; 
} 
else { 
sdown=0; 
sleft=0; 
} 
} 
window.onresize=set_width; 
function set_width() { 
if (typeof(self.innerWidth)=="number") { 
swide=self.innerWidth; 
shigh=self.innerHeight; 
} 
else if (document.documentElement && document.documentElement.clientWidth) { 
swide=document.documentElement.clientWidth; 
shigh=document.documentElement.clientHeight; 
} 
else if (document.body.clientWidth) { 
swide=document.body.clientWidth; 
shigh=document.body.clientHeight; 
} 
} 
function createDiv(height, width) { 
var div=document.createElement("div"); 
div.style.position="absolute"; 
div.style.height=height+"px"; 
div.style.width=width+"px"; 
div.style.overflow="hidden"; 
div.style.backgroundColor=colour; 
return (div); 
} 
// ]]> 
</script></div>
 
 
☞ ৩  
 
<div class="tgbox">
<script type='text/javascript'> 
// <! 
 
[CDATA[ 
var colour="blue"; 
var sparkles=100; 
 
var x=ox=400; 
var y=oy=300; 
var swide=800; 
var shigh=600; 
var sleft=sdown=0; 
var tiny=new Array(); 
var star=new Array(); 
var starv=new Array(); 
var starx=new Array(); 
var stary=new Array(); 
var tinyx=new Array(); 
var tinyy=new Array(); 
var tinyv=new Array(); 
window.onload=function() { if (document.getElementById) { 
var i, rats, rlef, rdow; 
for (var i=0; i<sparkles; i++) { 
var rats=createDiv(3, 3); 
rats.style.visibility="hidden"; 
document.body.appendChild(tiny[i]=rats); 
starv[i]=0; 
tinyv[i]=0; 
var rats=createDiv(5, 5); 
rats.style.backgroundColor="transparent"; 
rats.style.visibility="hidden"; 
var rlef=createDiv(1, 5); 
var rdow=createDiv(5, 1); 
rats.appendChild(rlef); 
rats.appendChild(rdow); 
rlef.style.top="3px"; 
rlef.style.left="0px"; 
rdow.style.top="0px"; 
rdow.style.left="3px"; 
document.body.appendChild(star[i]=rats); 
} 
set_width(); 
sparkle(); 
}} 
function sparkle() { 
var c; 
if (x!=ox || y!=oy) { 
ox=x; 
oy=y; 
for (c=0; c<sparkles; c++) if (!starv 
 
) { 
star 
 
.style.left=(starx 
 
=x)+"px"; 
 
 star 
 
.style.top=(stary 
 
=y)+"px"; 
star 
 
.style.clip="rect(0px, 5px, 5px, 0px)"; 
star 
 
.style.visibility="visible"; 
starv 
 
=50; 
break; 
} 
} 
for (c=0; c<sparkles; c++) { 
if (starv 
 
) update_star(c); 
if (tinyv 
 
) update_tiny(c); 
} 
setTimeout("sparkle()", 40); 
} 
function update_star(i) { 
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)"; 
if (starv[i]) { 
stary[i]+=1+Math.random()*3; 
if (stary[i]<shigh+sdown) { 
star[i].style.top=stary[i]+"px"; 
starx[i]+=(i%5-2)/5; 
star[i].style.left=starx[i]+"px"; 
} 
else { 
star[i].style.visibility="hidden"; 
starv[i]=0; 
return; 
} 
 
} 
else { 
tinyv[i]=50; 
tiny[i].style.top=(tinyy[i]=stary[i])+"px"; 
tiny[i].style.left=(tinyx[i]=starx[i])+"px"; 
tiny[i].style.width="2px"; 
tiny[i].style.height="2px"; 
star[i].style.visibility="hidden"; 
tiny[i].style.visibility="visible" 
} 
} 
function update_tiny(i) { 
if (--tinyv[i]==25) { 
tiny[i].style.width="1px"; 
tiny[i].style.height="1px"; 
} 
if (tinyv[i]) { 
tinyy[i]+=1+Math.random()*3; 
if (tinyy[i]<shigh+sdown) { 
tiny[i].style.top=tinyy[i]+"px"; 
tinyx[i]+=(i%5-2)/5; 
tiny[i].style.left=tinyx[i]+"px"; 
} 
else { 
 
 
tiny[i].style.visibility="hidden"; 
tinyv[i]=0; 
return; 
} 
} 
else tiny[i].style.visibility="hidden"; 
} 
document.onmousemove=mouse; 
function mouse(e) { 
set_scroll(); 
y=(e)?e.pageY:event.y+sdown; 
x=(e)?e.pageX:event.x+sleft; 
} 
function set_scroll() { 
if (typeof(self.pageYOffset)=="number") { 
sdown=self.pageYOffset; 
sleft=self.pageXOffset; 
} 
else if (document.body.scrollTop || document.body.scrollLeft) { 
sdown=document.body.scrollTop; 
sleft=document.body.scrollLeft; 
} 
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) { 
sleft=document.documentElement.scrollLeft; 
sdown=document.documentElement.scrollTop; 
} 
else { 
sdown=0; 
sleft=0; 
} 
} 
window.onresize=set_width; 
function set_width() { 
if (typeof(self.innerWidth)=="number") { 
swide=self.innerWidth; 
shigh=self.innerHeight; 
} 
else if (document.documentElement && document.documentElement.clientWidth) { 
swide=document.documentElement.clientWidth; 
shigh=document.documentElement.clientHeight; 
} 
else if (document.body.clientWidth) { 
swide=document.body.clientWidth; 
shigh=document.body.clientHeight; 
} 
} 
function createDiv(height, width) { 
var div=document.createElement("div"); 
div.style.position="absolute"; 
div.style.height=height+"px"; 
div.style.width=width+"px"; 
div.style.overflow="hidden"; 
div.style.backgroundColor=colour; 
return (div); 
} 
// ]]> 
</script></div>
 
 
☞ ৪  
 
<div class="tgbox">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript"> 
// <![CDATA[ 
var colour="cyan"; 
var sparkles=100; 
 
var x=ox=400; 
var y=oy=300; 
var swide=800; 
var shigh=600; 
var sleft=sdown=0; 
var tiny=new Array(); 
var star=new Array(); 
var starv=new Array(); 
var starx=new Array(); 
var stary=new Array(); 
var tinyx=new Array(); 
var tinyy=new Array(); 
var tinyv=new Array(); 
window.onload=function() { if (document.getElementById) { 
var i, rats, rlef, rdow; 
for (var i=0; i<sparkles; i++) { 
var rats=createDiv(3, 3); 
rats.style.visibility="hidden"; 
document.body.appendChild(tiny[i]=rats); 
starv[i]=0; 
tinyv[i]=0; 
var rats=createDiv(5, 5); 
rats.style.backgroundColor="transparent"; 
rats.style.visibility="hidden"; 
var rlef=createDiv(1, 5); 
var rdow=createDiv(5, 1); 
rats.appendChild(rlef); 
rats.appendChild(rdow); 
rlef.style.top="3px"; 
rlef.style.left="0px"; 
rdow.style.top="0px"; 
rdow.style.left="3px"; 
document.body.appendChild(star[i]=rats); 
} 
set_width(); 
sparkle(); 
}} 
function sparkle() { 
var c; 
if (x!=ox || y!=oy) { 
ox=x; 
oy=y; 
for (c=0; c<sparkles; c++) if (!starv[c]) { 
star[c].style.left=(starx[c]=x)+"px"; 
 
star[c].style.top=(stary[c]=y)+"px"; 
star[c].style.clip="rect(0px, 5px, 5px, 0px)"; 
star[c].style.visibility="visible"; 
starv[c]=50; 
break; 
} 
} 
for (c=0; c<sparkles; c++) { 
if (starv[c]) update_star(c); 
if (tinyv[c]) update_tiny(c); 
} 
setTimeout("sparkle()", 40); 
} 
function update_star(i) { 
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)"; 
if (starv[i]) { 
stary[i]+=1+Math.random()*3; 
if (stary[i]<shigh+sdown) { 
star[i].style.top=stary[i]+"px"; 
starx[i]+=(i%5-2)/5; 
star[i].style.left=starx[i]+"px"; 
} 
else { 
star[i].style.visibility="hidden"; 
starv[i]=0; 
return; 
} 
 
} 
else { 
tinyv[i]=50; 
tiny[i].style.top=(tinyy[i]=stary[i])+"px"; 
tiny[i].style.left=(tinyx[i]=starx[i])+"px"; 
tiny[i].style.width="2px"; 
tiny[i].style.height="2px"; 
star[i].style.visibility="hidden"; 
tiny[i].style.visibility="visible" 
} 
} 
function update_tiny(i) { 
if (--tinyv[i]==25) { 
tiny[i].style.width="1px"; 
tiny[i].style.height="1px"; 
} 
if (tinyv[i]) { 
tinyy[i]+=1+Math.random()*3; 
if (tinyy[i]<shigh+sdown) { 
tiny[i].style.top=tinyy[i]+"px"; 
tinyx[i]+=(i%5-2)/5; 
tiny[i].style.left=tinyx[i]+"px"; 
} 
else { 
 
 
tiny[i].style.visibility="hidden"; 
tinyv[i]=0; 
return; 
} 
} 
else tiny[i].style.visibility="hidden"; 
} 
document.onmousemove=mouse; 
function mouse(e) { 
set_scroll(); 
y=(e)?e.pageY:event.y+sdown; 
x=(e)?e.pageX:event.x+sleft; 
} 
function set_scroll() { 
if (typeof(self.pageYOffset)=="number") { 
sdown=self.pageYOffset; 
sleft=self.pageXOffset; 
} 
else if (document.body.scrollTop || document.body.scrollLeft) { 
sdown=document.body.scrollTop; 
sleft=document.body.scrollLeft; 
} 
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) { 
sleft=document.documentElement.scrollLeft; 
sdown=document.documentElement.scrollTop; 
} 
else { 
sdown=0; 
sleft=0; 
} 
} 
window.onresize=set_width; 
function set_width() { 
if (typeof(self.innerWidth)=="number") { 
swide=self.innerWidth; 
shigh=self.innerHeight; 
} 
else if (document.documentElement && document.documentElement.clientWidth) { 
swide=document.documentElement.clientWidth; 
shigh=document.documentElement.clientHeight; 
} 
else if (document.body.clientWidth) { 
swide=document.body.clientWidth; 
shigh=document.body.clientHeight; 
} 
} 
function createDiv(height, width) { 
var div=document.createElement("div"); 
div.style.position="absolute"; 
div.style.height=height+"px"; 
div.style.width=width+"px"; 
div.style.overflow="hidden"; 
div.style.backgroundColor=colour; 
return (div); 
} 
// ]]> 
</script></div>
 
 
☞ ৫  
 
<div class="tgbox">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript"> 
// <![CDATA[ 
var colour="white"; 
var sparkles=100; 
 
var x=ox=400; 
var y=oy=300; 
var swide=800; 
var shigh=600; 
var sleft=sdown=0; 
var tiny=new Array(); 
var star=new Array(); 
var starv=new Array(); 
var starx=new Array(); 
var stary=new Array(); 
var tinyx=new Array(); 
var tinyy=new Array(); 
var tinyv=new Array(); 
window.onload=function() { if (document.getElementById) { 
var i, rats, rlef, rdow; 
for (var i=0; i<sparkles; i++) { 
var rats=createDiv(3, 3); 
rats.style.visibility="hidden"; 
document.body.appendChild(tiny[i]=rats); 
starv[i]=0; 
tinyv[i]=0; 
var rats=createDiv(5, 5); 
rats.style.backgroundColor="transparent"; 
rats.style.visibility="hidden"; 
var rlef=createDiv(1, 5); 
var rdow=createDiv(5, 1); 
rats.appendChild(rlef); 
rats.appendChild(rdow); 
rlef.style.top="3px"; 
rlef.style.left="0px"; 
rdow.style.top="0px"; 
rdow.style.left="3px"; 
document.body.appendChild(star[i]=rats); 
} 
set_width(); 
sparkle(); 
}} 
function sparkle() { 
var c; 
if (x!=ox || y!=oy) { 
ox=x; 
oy=y; 
for (c=0; c<sparkles; c++) if (!starv[c]) { 
star[c].style.left=(starx[c]=x)+"px"; 
 
star[c].style.top=(stary[c]=y)+"px"; 
star[c].style.clip="rect(0px, 5px, 5px, 0px)"; 
star[c].style.visibility="visible"; 
starv[c]=50; 
break; 
} 
} 
for (c=0; c<sparkles; c++) { 
if (starv[c]) update_star(c); 
if (tinyv[c]) update_tiny(c); 
} 
setTimeout("sparkle()", 40); 
} 
function update_star(i) { 
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)"; 
if (starv[i]) { 
stary[i]+=1+Math.random()*3; 
if (stary[i]<shigh+sdown) { 
star[i].style.top=stary[i]+"px"; 
starx[i]+=(i%5-2)/5; 
star[i].style.left=starx[i]+"px"; 
} 
else { 
star[i].style.visibility="hidden"; 
starv[i]=0; 
return; 
} 
 
} 
else { 
tinyv[i]=50; 
tiny[i].style.top=(tinyy[i]=stary[i])+"px"; 
tiny[i].style.left=(tinyx[i]=starx[i])+"px"; 
tiny[i].style.width="2px"; 
tiny[i].style.height="2px"; 
star[i].style.visibility="hidden"; 
tiny[i].style.visibility="visible" 
} 
} 
function update_tiny(i) { 
if (--tinyv[i]==25) { 
tiny[i].style.width="1px"; 
tiny[i].style.height="1px"; 
} 
if (tinyv[i]) { 
tinyy[i]+=1+Math.random()*3; 
if (tinyy[i]<shigh+sdown) { 
tiny[i].style.top=tinyy[i]+"px"; 
tinyx[i]+=(i%5-2)/5; 
tiny[i].style.left=tinyx[i]+"px"; 
} 
else { 
 
 
tiny[i].style.visibility="hidden"; 
tinyv[i]=0; 
return; 
} 
} 
else tiny[i].style.visibility="hidden"; 
} 
document.onmousemove=mouse; 
function mouse(e) { 
set_scroll(); 
y=(e)?e.pageY:event.y+sdown; 
x=(e)?e.pageX:event.x+sleft; 
} 
function set_scroll() { 
if (typeof(self.pageYOffset)=="number") { 
sdown=self.pageYOffset; 
sleft=self.pageXOffset; 
} 
else if (document.body.scrollTop || document.body.scrollLeft) { 
sdown=document.body.scrollTop; 
sleft=document.body.scrollLeft; 
} 
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) { 
sleft=document.documentElement.scrollLeft; 
sdown=document.documentElement.scrollTop; 
} 
else { 
sdown=0; 
sleft=0; 
} 
} 
window.onresize=set_width; 
function set_width() { 
if (typeof(self.innerWidth)=="number") { 
swide=self.innerWidth; 
shigh=self.innerHeight; 
} 
else if (document.documentElement && document.documentElement.clientWidth) { 
swide=document.documentElement.clientWidth; 
shigh=document.documentElement.clientHeight; 
} 
else if (document.body.clientWidth) { 
swide=document.body.clientWidth; 
shigh=document.body.clientHeight; 
} 
} 
function createDiv(height, width) { 
var div=document.createElement("div"); 
div.style.position="absolute"; 
div.style.height=height+"px"; 
div.style.width=width+"px"; 
div.style.overflow="hidden"; 
div.style.backgroundColor=colour; 
return (div); 
} 
// ]]> 
</script></div>
 
 
☞ ৬  
 
<div class="tgbox">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript"> 
// <![CDATA[ 
var colour="yellow"; 
var sparkles=100; 
 
var x=ox=400; 
var y=oy=300; 
var swide=800; 
var shigh=600; 
var sleft=sdown=0; 
var tiny=new Array(); 
var star=new Array(); 
var starv=new Array(); 
var starx=new Array(); 
var stary=new Array(); 
var tinyx=new Array(); 
var tinyy=new Array(); 
var tinyv=new Array(); 
window.onload=function() { if (document.getElementById) { 
var i, rats, rlef, rdow; 
for (var i=0; i<sparkles; i++) { 
var rats=createDiv(3, 3); 
rats.style.visibility="hidden"; 
document.body.appendChild(tiny[i]=rats); 
starv[i]=0; 
tinyv[i]=0; 
var rats=createDiv(5, 5); 
rats.style.backgroundColor="transparent"; 
rats.style.visibility="hidden"; 
var rlef=createDiv(1, 5); 
var rdow=createDiv(5, 1); 
rats.appendChild(rlef); 
rats.appendChild(rdow); 
rlef.style.top="3px"; 
rlef.style.left="0px"; 
rdow.style.top="0px"; 
rdow.style.left="3px"; 
document.body.appendChild(star[i]=rats); 
} 
set_width(); 
sparkle(); 
}} 
function sparkle() { 
var c; 
if (x!=ox || y!=oy) { 
ox=x; 
oy=y; 
for (c=0; c<sparkles; c++) if (!starv[c]) { 
star[c].style.left=(starx[c]=x)+"px"; 
 
star[c].style.top=(stary[c]=y)+"px"; 
star[c].style.clip="rect(0px, 5px, 5px, 0px)"; 
star[c].style.visibility="visible"; 
starv[c]=50; 
break; 
} 
} 
for (c=0; c<sparkles; c++) { 
if (starv[c]) update_star(c); 
if (tinyv[c]) update_tiny(c); 
} 
setTimeout("sparkle()", 40); 
} 
function update_star(i) { 
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)"; 
if (starv[i]) { 
stary[i]+=1+Math.random()*3; 
if (stary[i]<shigh+sdown) { 
star[i].style.top=stary[i]+"px"; 
starx[i]+=(i%5-2)/5; 
star[i].style.left=starx[i]+"px"; 
} 
else { 
star[i].style.visibility="hidden"; 
starv[i]=0; 
return; 
} 
 
} 
else { 
tinyv[i]=50; 
tiny[i].style.top=(tinyy[i]=stary[i])+"px"; 
tiny[i].style.left=(tinyx[i]=starx[i])+"px"; 
tiny[i].style.width="2px"; 
tiny[i].style.height="2px"; 
star[i].style.visibility="hidden"; 
tiny[i].style.visibility="visible" 
} 
} 
function update_tiny(i) { 
if (--tinyv[i]==25) { 
tiny[i].style.width="1px"; 
tiny[i].style.height="1px"; 
} 
if (tinyv[i]) { 
tinyy[i]+=1+Math.random()*3; 
if (tinyy[i]<shigh+sdown) { 
tiny[i].style.top=tinyy[i]+"px"; 
tinyx[i]+=(i%5-2)/5; 
tiny[i].style.left=tinyx[i]+"px"; 
} 
else { 
 
 
tiny[i].style.visibility="hidden"; 
tinyv[i]=0; 
return; 
} 
} 
else tiny[i].style.visibility="hidden"; 
} 
document.onmousemove=mouse; 
function mouse(e) { 
set_scroll(); 
y=(e)?e.pageY:event.y+sdown; 
x=(e)?e.pageX:event.x+sleft; 
} 
function set_scroll() { 
if (typeof(self.pageYOffset)=="number") { 
sdown=self.pageYOffset; 
sleft=self.pageXOffset; 
} 
else if (document.body.scrollTop || document.body.scrollLeft) { 
sdown=document.body.scrollTop; 
sleft=document.body.scrollLeft; 
} 
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) { 
sleft=document.documentElement.scrollLeft; 
sdown=document.documentElement.scrollTop; 
} 
else { 
sdown=0; 
sleft=0; 
} 
} 
window.onresize=set_width; 
function set_width() { 
if (typeof(self.innerWidth)=="number") { 
swide=self.innerWidth; 
shigh=self.innerHeight; 
} 
else if (document.documentElement && document.documentElement.clientWidth) { 
swide=document.documentElement.clientWidth; 
shigh=document.documentElement.clientHeight; 
} 
else if (document.body.clientWidth) { 
swide=document.body.clientWidth; 
shigh=document.body.clientHeight; 
} 
} 
function createDiv(height, width) { 
var div=document.createElement("div"); 
div.style.position="absolute"; 
div.style.height=height+"px"; 
div.style.width=width+"px"; 
div.style.overflow="hidden"; 
div.style.backgroundColor=colour; 
return (div); 
} 
// ]]> 
</script> </div>
 
 
☞ ৭  
 
<div class="tgbox">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript"> 
// <![CDATA[ 
var colour="blue"; 
var sparkles=100; 
 
var x=ox=400; 
var y=oy=300; 
var swide=800; 
var shigh=600; 
var sleft=sdown=0; 
var tiny=new Array(); 
var star=new Array(); 
var starv=new Array(); 
var starx=new Array(); 
var stary=new Array(); 
var tinyx=new Array(); 
var tinyy=new Array(); 
var tinyv=new Array(); 
window.onload=function() { if (document.getElementById) { 
var i, rats, rlef, rdow; 
for (var i=0; i<sparkles; i++) { 
var rats=createDiv(3, 3); 
rats.style.visibility="hidden"; 
document.body.appendChild(tiny[i]=rats); 
starv[i]=0; 
tinyv[i]=0; 
var rats=createDiv(5, 5); 
rats.style.backgroundColor="transparent"; 
rats.style.visibility="hidden"; 
var rlef=createDiv(1, 5); 
var rdow=createDiv(5, 1); 
rats.appendChild(rlef); 
rats.appendChild(rdow); 
rlef.style.top="3px"; 
rlef.style.left="0px"; 
rdow.style.top="0px"; 
rdow.style.left="3px"; 
document.body.appendChild(star[i]=rats); 
} 
set_width(); 
sparkle(); 
}} 
function sparkle() { 
var c; 
if (x!=ox || y!=oy) { 
ox=x; 
oy=y; 
for (c=0; c<sparkles; c++) if (!starv[c]) { 
star[c].style.left=(starx[c]=x)+"px"; 
 
star[c].style.top=(stary[c]=y)+"px"; 
star[c].style.clip="rect(0px, 5px, 5px, 0px)"; 
star[c].style.visibility="visible"; 
starv[c]=50; 
break; 
} 
} 
for (c=0; c<sparkles; c++) { 
if (starv[c]) update_star(c); 
if (tinyv[c]) update_tiny(c); 
} 
setTimeout("sparkle()", 40); 
} 
function update_star(i) { 
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)"; 
if (starv[i]) { 
stary[i]+=1+Math.random()*3; 
if (stary[i]<shigh+sdown) { 
star[i].style.top=stary[i]+"px"; 
starx[i]+=(i%5-2)/5; 
star[i].style.left=starx[i]+"px"; 
} 
else { 
star[i].style.visibility="hidden"; 
starv[i]=0; 
return; 
} 
 
} 
else { 
tinyv[i]=50; 
tiny[i].style.top=(tinyy[i]=stary[i])+"px"; 
tiny[i].style.left=(tinyx[i]=starx[i])+"px"; 
tiny[i].style.width="2px"; 
tiny[i].style.height="2px"; 
star[i].style.visibility="hidden"; 
tiny[i].style.visibility="visible" 
} 
} 
function update_tiny(i) { 
if (--tinyv[i]==25) { 
tiny[i].style.width="1px"; 
tiny[i].style.height="1px"; 
} 
if (tinyv[i]) { 
tinyy[i]+=1+Math.random()*3; 
if (tinyy[i]<shigh+sdown) { 
tiny[i].style.top=tinyy[i]+"px"; 
tinyx[i]+=(i%5-2)/5; 
tiny[i].style.left=tinyx[i]+"px"; 
} 
else { 
 
 
tiny[i].style.visibility="hidden"; 
tinyv[i]=0; 
return; 
} 
} 
else tiny[i].style.visibility="hidden"; 
} 
document.onmousemove=mouse; 
function mouse(e) { 
set_scroll(); 
y=(e)?e.pageY:event.y+sdown; 
x=(e)?e.pageX:event.x+sleft; 
} 
function set_scroll() { 
if (typeof(self.pageYOffset)=="number") { 
sdown=self.pageYOffset; 
sleft=self.pageXOffset; 
} 
else if (document.body.scrollTop || document.body.scrollLeft) { 
sdown=document.body.scrollTop; 
sleft=document.body.scrollLeft; 
} 
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) { 
sleft=document.documentElement.scrollLeft; 
sdown=document.documentElement.scrollTop; 
} 
else { 
sdown=0; 
sleft=0; 
} 
} 
window.onresize=set_width; 
function set_width() { 
if (typeof(self.innerWidth)=="number") { 
swide=self.innerWidth; 
shigh=self.innerHeight; 
} 
else if (document.documentElement && document.documentElement.clientWidth) { 
swide=document.documentElement.clientWidth; 
shigh=document.documentElement.clientHeight; 
} 
else if (document.body.clientWidth) { 
swide=document.body.clientWidth; 
shigh=document.body.clientHeight; 
} 
} 
function createDiv(height, width) { 
var div=document.createElement("div"); 
div.style.position="absolute"; 
div.style.height=height+"px"; 
div.style.width=width+"px"; 
div.style.overflow="hidden"; 
div.style.backgroundColor=colour; 
return (div); 
} 
// ]]> 
</script></div>
 
 
☞ ৮  
 
<div class="tgbox">
<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript"> 
// <![CDATA[ 
var colour="black"; 
var sparkles=100; 
 
var x=ox=400; 
var y=oy=300; 
var swide=800; 
var shigh=600; 
var sleft=sdown=0; 
var tiny=new Array(); 
var star=new Array(); 
var starv=new Array(); 
var starx=new Array(); 
var stary=new Array(); 
var tinyx=new Array(); 
var tinyy=new Array(); 
var tinyv=new Array(); 
window.onload=function() { if (document.getElementById) { 
var i, rats, rlef, rdow; 
for (var i=0; i<sparkles; i++) { 
var rats=createDiv(3, 3); 
rats.style.visibility="hidden"; 
document.body.appendChild(tiny[i]=rats); 
starv[i]=0; 
tinyv[i]=0; 
var rats=createDiv(5, 5); 
rats.style.backgroundColor="transparent"; 
rats.style.visibility="hidden"; 
var rlef=createDiv(1, 5); 
var rdow=createDiv(5, 1); 
rats.appendChild(rlef); 
rats.appendChild(rdow); 
rlef.style.top="3px"; 
rlef.style.left="0px"; 
rdow.style.top="0px"; 
rdow.style.left="3px"; 
document.body.appendChild(star[i]=rats); 
} 
set_width(); 
sparkle(); 
}} 
function sparkle() { 
var c; 
if (x!=ox || y!=oy) { 
ox=x; 
oy=y; 
for (c=0; c<sparkles; c++) if (!starv[c]) { 
star[c].style.left=(starx[c]=x)+"px"; 
 
star[c].style.top=(stary[c]=y)+"px"; 
star[c].style.clip="rect(0px, 5px, 5px, 0px)"; 
star[c].style.visibility="visible"; 
starv[c]=50; 
break; 
} 
} 
for (c=0; c<sparkles; c++) { 
if (starv[c]) update_star(c); 
if (tinyv[c]) update_tiny(c); 
} 
setTimeout("sparkle()", 40); 
} 
function update_star(i) { 
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)"; 
if (starv[i]) { 
stary[i]+=1+Math.random()*3; 
if (stary[i]<shigh+sdown) { 
star[i].style.top=stary[i]+"px"; 
starx[i]+=(i%5-2)/5; 
star[i].style.left=starx[i]+"px"; 
} 
else { 
star[i].style.visibility="hidden"; 
starv[i]=0; 
return; 
} 
 
} 
else { 
tinyv[i]=50; 
tiny[i].style.top=(tinyy[i]=stary[i])+"px"; 
tiny[i].style.left=(tinyx[i]=starx[i])+"px"; 
tiny[i].style.width="2px"; 
tiny[i].style.height="2px"; 
star[i].style.visibility="hidden"; 
tiny[i].style.visibility="visible" 
} 
} 
function update_tiny(i) { 
if (--tinyv[i]==25) { 
tiny[i].style.width="1px"; 
tiny[i].style.height="1px"; 
} 
if (tinyv[i]) { 
tinyy[i]+=1+Math.random()*3; 
if (tinyy[i]<shigh+sdown) { 
tiny[i].style.top=tinyy[i]+"px"; 
tinyx[i]+=(i%5-2)/5; 
tiny[i].style.left=tinyx[i]+"px"; 
} 
else { 
 
 
tiny[i].style.visibility="hidden"; 
tinyv[i]=0; 
return; 
} 
} 
else tiny[i].style.visibility="hidden"; 
} 
document.onmousemove=mouse; 
function mouse(e) { 
set_scroll(); 
y=(e)?e.pageY:event.y+sdown; 
x=(e)?e.pageX:event.x+sleft; 
} 
function set_scroll() { 
if (typeof(self.pageYOffset)=="number") { 
sdown=self.pageYOffset; 
sleft=self.pageXOffset; 
} 
else if (document.body.scrollTop || document.body.scrollLeft) { 
sdown=document.body.scrollTop; 
sleft=document.body.scrollLeft; 
} 
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) { 
sleft=document.documentElement.scrollLeft; 
sdown=document.documentElement.scrollTop; 
} 
else { 
sdown=0; 
sleft=0; 
} 
} 
window.onresize=set_width; 
function set_width() { 
if (typeof(self.innerWidth)=="number") { 
swide=self.innerWidth; 
shigh=self.innerHeight; 
} 
else if (document.documentElement && document.documentElement.clientWidth) { 
swide=document.documentElement.clientWidth; 
shigh=document.documentElement.clientHeight; 
} 
else if (document.body.clientWidth) { 
swide=document.body.clientWidth; 
shigh=document.body.clientHeight; 
} 
} 
function createDiv(height, width) { 
var div=document.createElement("div"); 
div.style.position="absolute"; 
div.style.height=height+"px"; 
div.style.width=width+"px"; 
div.style.overflow="hidden"; 
div.style.backgroundColor=colour; 
return (div); 
} 
// ]]> 
</script></div>
 
 
 
 
৪// এবার  Save করুন আপনার কাজ শেষ এবার ব্লগে গিয়ে দেখুন । 
 
 
☞  আমার এই পোস্ট আপনার ভাল বা কাজে আসলে শেয়ার করুন আপনার বন্ধুদের মধ্যে এবং            কোন আসুবিধা হলে কমেন্ট করবেন আমি সাহায্য করার চেষ্টা করবো । 
 
 
    তাহলে আজাকের মতো এই পর্যন্ত আবারও দেখা হবে নতুন কিছু নিয়ে ভাল থাকবেন সুস্থ   
    থাকবেন  ধন্যবাদ। 
 
 
 </div>
</div>

আপনার ব্লগার ব্লগে যুক্ত করেনিন অসাধারন মাউস ইফেক্ট ।

বন্ধুরা সবাই কেমন আছেন ? আশাকরি সবাই ভালো ও সুস্থ আছেন । আজ আপনাদের সাথে শেয়ার করলাম। এইটা ব্লগার ব্লগে বা ওয়েব সাইট সবক্ষেত্রে ব্যবহার...

আরও পড়ুন »

আপনার ব্লগের ফোটতে Zoom effect দিন ।

<div dir="ltr" style="text-align: left;" trbidi="on">
 
<div class="separator" style="clear: both; text-align: left;">
hello friends আশাকরি সবায় ভালো আছেন সুস্থ আছেন । আজকের টা সিএসএস ৩ (CSS3) স্টাইল দেখাবো কি ভাবে ব্লগে ইমেজ লিঙ্ক কে  Zoom করে দেখাবে । তাছাড়া আমরা ব্লগে পোস্টের সময় অনেক ছোট ইমেজ দিয়ে থাকি । এর মূলত কাজ হল ইমেজ উপর মাউস নিলে ফটো Zoom করে দেখাবে । অন্য উপায়ও আছে কিন্তু আমার কাছে এটা সুবিধাজনক মনে হয় । তাহলে চলুন দেখে নেওয়া যাক । </div>
<div class="separator" style="clear: both; text-align: left;">
 </div>
<div class="separator" style="clear: both; text-align: left;">
 </div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNvBF5yToKfKC5O2RkfNDkcg7VE_haZSdqMXSMIQOQUZ4NKE4xMCQDx3hMvM_7898TcptzoTMxhI41PNTGsn6d-EAE_tFAcp1c-mOT7uEDwQ2ICaJsMofMTeDANWdUfGapye_1mDdM0SQ/s1600/zoom.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="246" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNvBF5yToKfKC5O2RkfNDkcg7VE_haZSdqMXSMIQOQUZ4NKE4xMCQDx3hMvM_7898TcptzoTMxhI41PNTGsn6d-EAE_tFAcp1c-mOT7uEDwQ2ICaJsMofMTeDANWdUfGapye_1mDdM0SQ/s1600/zoom.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
 </div>
<div class="separator" style="clear: both; text-align: center;">
 </div>
<div class="separator" style="clear: both; text-align: left;">
 </div>
 
 
<div style="text-align: center;">
<a class="button blue big" href="http://tomarijonno.blogspot.com/2014/08/borbaad-mp3.html" rel="nofollow" target="_blank">Live Demo</a></div>
 
 
<div class="separator" style="clear: both; text-align: center;">
 </div>
<div class="separator" style="clear: both; text-align: center;">
 </div>
<div class="message_box announce">
কিভাবে এই ওয়েডগেট আপনার ব্লগে যুক্ত করবেন !.</div>
 
 
 
 
<ul style="text-align: left;">
<li>প্রথমে আপনার ব্লগার ব্লগ লগইন করুন ।</li>
</ul>
<ul style="text-align: left;">
<li>ড্যাশবোর্ড থেকে Template → Edit HTML এ ক্লিক করুন ।</li>
</ul>
<ul style="text-align: left;">
<li>এবার আপনার কীবোর্ড এর CTRL+F প্রেস করে নিচের ট্যাগটি খোজ করুন ।</li>
</ul>
 
 
<blockquote class="tr_bq">
]]></b:skin></blockquote>
<div>
 </div>
<ul style="text-align: left;">
<li>উপরের ট্যাগ খুজে পেলে তার ঠিক আগে বা উপরে নিচের সিএসএস কোড গুলো বসিয়ে দিন ।</li>
</ul>
<div>
 
</div>
 
 
<div class="tgbox">
</style><style type="text/css"> 
/*URL: http://tomarijonnor.blogspot.com */ 
.hovergallery img{ 
-webkit-transform:scale(0.8); /*Webkit: Scale down image to 0.8x original size*/ 
-moz-transform:scale(0.8); /*Mozilla scale version*/ 
-o-transform:scale(0.8); /*Opera scale version*/ 
-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/ 
-moz-transition-duration: 0.5s; /*Mozilla duration version*/ 
-o-transition-duration: 0.5s; /*Opera duration version*/ 
} 
 
.hovergallery img:hover{ 
-webkit-transform:scale(1.1); /*Webkit: Scale up image to 1.2x original size*/ 
-moz-transform:scale(1.1); /*Mozilla scale version*/ 
-o-transform:scale(1.1); /*Opera scale version*/ 
opacity: 1; 
} 
</style></div>
 
 
 
 
<ul style="text-align: left;">
<li> এবার Save করুন আপনার কাজ শেষ ।</li>
</ul>
<div>
 </div>
 
 
এবার ব্লগে গিয়ে যখন আপনি এই জুমিং ইফেক্ট যেকোনো পোস্টের যেকোনো ছবিতে করতে চান তখন class="hovergallery" নির্দিষ্ট ছবির <div> ট্যাগে দিতে হবে। 
 
 
 
 
 
<ul style="text-align: left;">
<li>নিচে ভালো করে দেখেনিন ।</li>
</ul>
 
 
<blockquote class="tr_bq">
<a class="hovergallery" href="http://tomarijonno.blogspot.in/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNvBF5yToKfKC5O2RkfNDkcg7VE_haZSdqMXSMIQOQUZ4NKE4xMCQDx3hMvM_7898TcptzoTMxhI41PNTGsn6d-EAE_tFAcp1c-mOT7uEDwQ2ICaJsMofMTeDANWdUfGapye_1mDdM0SQ/s1600/zoom.png"/></blockquote>
 
 
 
 
নোটঃ   উপরে লাল রঙ্গে ঘিরা অংশ নিজের ইচ্ছা মতো লিঙ্ক দিন । আর গোলাপি  রঙ্গে ঘিরা অংশ নিজের ইচ্ছা মতো ফটো দিন । 
 
 
<div>
আমার এই পোস্ট আপনার ভাল বা কাজে আসলে শেয়ার করুন আপনার বন্ধুদের মধ্যে এবং  কমেন্ট করতে ভুলবেন না ।কোন সমস্যা হলে অবশ্যই জানাবেন আমি হেল্প করবো ।  ভালো থাকবেন সুস্থ থাকবেন ধন্যবাদ । 
 
 </div>
</div>

আপনার ব্লগের ফোটতে Zoom effect দিন ।

hello friends আশাকরি সবায় ভালো আছেন সুস্থ আছেন । আজকের টা সিএসএস ৩ (CSS3) স্টাইল দেখাবো কি ভাবে ব্লগে ইমেজ লিঙ্ক কে Zoom করে দেখাবে । তা...

আরও পড়ুন »

আপনার ব্লগে ভিজিট বাড়াতে যোগ করুন online bangla radio

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
বন্ধুরা সবাই কেমন আছেন ? আশাকরি সবাই ভালো ও সুস্থ আছেন । আজ আমি আপনাদের জন্য নিয়ে এলাম সুন্দর একটা ব্লগার টিপস । যার মাধমে আপনারা আপনার ব্লগে বেশি ভিজিট বাড়াতে পারবেন । online bangla radio আমার এই ব্লগে  Live demo দেখতে  পারেন । আর বেশি বলবো না কোড টি পেতে নিচে অনুসরণ করুন । 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhS-GDe19RSvoWsr_JvmsZZB9l14glWSc1gAItAxdUSBt0h2ApKUy2WjHlUjEfEVDyxUwDkxSDs0p-QQK2N3mL5bzczBvoKsF8l1bYoadCEsnXBjQQU6GP8qOXv5Pl1Zd6RwvaZuvxBiMCx/s1600/radio.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="182" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhS-GDe19RSvoWsr_JvmsZZB9l14glWSc1gAItAxdUSBt0h2ApKUy2WjHlUjEfEVDyxUwDkxSDs0p-QQK2N3mL5bzczBvoKsF8l1bYoadCEsnXBjQQU6GP8qOXv5Pl1Zd6RwvaZuvxBiMCx/s1600/radio.png" width="320" /></a></div>
 
 
 </div>
<div class="message_box announce">
☞   কিভাবে এই ওয়েডগেট আপনার ব্লগে যুক্ত করবেন !.</div>
 
১// আপনার ব্লগ লগ ইন করুন তারপর ড্যাশবোর্ড থেকে Layout এ ক্লিক করুন । 
 
২// এবার Add a gadget এ ক্লিক করুন তাহলে একটি পপ আপ বক্স আসবে সেখান থেকে HTML/Javascript ক্লিক করুন । নীচের চিত্রে দেখুন .. 
 
 
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIa95HwmFkjF62CURvDy7DQ9hA_vvrApMKUAT_8C8k5ErQcjx-g4kJvbSyfSfU-OQ-GeWK2xxE-Ze-iBi_YbvkCcMoY40YmShJ7S_F1Gq65N0L-5Y8woNliWV8axhS-YYu9hnNCfmULbs/s1600/Screenshot_1.png" /> 
 
 
৩// Title ঘর ফাকা রেখে Content ঘরে নীচের কোড গুল কপি করে পেস্ট করুন । 
 
 
 
 
<div class="tgbox">
<script language=javascript type="text/javascript" src="https://bdtechzone-dot-com.googlecode.com/files/bangla_OnliNE_radio.js"></script></div>
 
 
 
 
৪// এবার Save করুন আপনার কাজ শেষ এবার ব্লগে গিয়ে দেখুন । 
 
 
☞  আমার এই পোস্ট আপনার ভাল বা কাজে আসলে শেয়ার করুন আপনার বন্ধুদের মধ্যে এবং            কোন আসুবিধা হলে কমেন্ট করবেন আমি সাহায্য করার চেষ্টা করবো । 
 
 
    তাহলে আজাকের মতো এই পর্যন্ত আবারও দেখা হবে নতুন কিছু নিয়ে ভাল থাকবেন সুস্থ   
    থাকবেন  ধন্যবাদ। 
 
 
 </div>

আপনার ব্লগে ভিজিট বাড়াতে যোগ করুন online bangla radio

বন্ধুরা সবাই কেমন আছেন ? আশাকরি সবাই ভালো ও সুস্থ আছেন । আজ আমি আপনাদের জন্য নিয়ে এলাম সুন্দর একটা ব্লগার টিপস । যার মাধমে আপনারা আপনার ব্...

আরও পড়ুন »

আপনার ব্লগে হোম পেজে কি ভাবে বাংলায় লেখক পরিচিতি বক্স যোগ করবেন ।

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
বন্ধুরা সবাই কেমন আছেন ? আশাকরি সবাই ভালো ও সুস্থ আছেন । আজ আমি আপনাদের জন্য নিয়ে এলাম সুন্দর একটা ব্লগার টিপস । কি আপনার ব্লগে হোম পেজে কি ভাবে খুব সহজে বাংলায় লেখক পরিচিতি বক্স যোগ করবেন । প্রায় ব্লগেই এটি দেখা যায়।এর মাধ্যমে লেখকের পরিচিতি তুলে ধরতে পারবেন। 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbXIeRUKr2U83Rvf8T1LHj4XeMSvqMjf77oOg41FQTsHRJEooX3LvLGaFHWqdNLuNw0ShnQyzAftqzVq793QrTSK8C0pfEkMy4criBRj4V991ysUhgVFZ03RkZnFM8kZF36MNh16RpaGrv/s1600/blogger+tilt+image.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbXIeRUKr2U83Rvf8T1LHj4XeMSvqMjf77oOg41FQTsHRJEooX3LvLGaFHWqdNLuNw0ShnQyzAftqzVq793QrTSK8C0pfEkMy4criBRj4V991ysUhgVFZ03RkZnFM8kZF36MNh16RpaGrv/s1600/blogger+tilt+image.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
 </div>
<div class="separator" style="clear: both; text-align: center;">
 </div>
<div class="separator" style="clear: both; text-align: left;">
 </div>
 
 
<h3 class="title">
লেখক</h3>
<div class="widget-content">
 
<style>
}
#bbc:hover
 {
border:2px solid #ccc;
cursor:pointer;
}
.opacity
{
opacity: 0.5;
margin-right: 50px;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-moz-transform: rotate(7deg);
-o-transform: rotate(7deg);
-webkit-transform: rotate(7deg);
-ms-transform: rotate(7deg);
transform: rotate(7deg);
}
.opacity:hover
{
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
-moz-box-shadow: 1px 1px 4px #000;
-webkit-box-shadow: 1px 1px 4px #000;
box-shadow: 1px 1px 4px #000;
}
</style> 
 
 
<style>
#bbc
{
border:2px solid #888; margin:2px 5px 0px 0px; padding:2px;
}
#profileAditya:hover
 {
border:2px solid #ccc;
cursor:pointer;
}
.opacity:hover
 {
opacity: 1;
-moz-box-shadow: 1px 1px 4px #000;
-webkit-box-shadow: 1px 1px 4px #000;
box-shadow: 1px 1px 4px #000;
}
</style> 
<img class="opacity" id="bbc" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbXIeRUKr2U83Rvf8T1LHj4XeMSvqMjf77oOg41FQTsHRJEooX3LvLGaFHWqdNLuNw0ShnQyzAftqzVq793QrTSK8C0pfEkMy4criBRj4V991ysUhgVFZ03RkZnFM8kZF36MNh16RpaGrv/s1600/blogger+tilt+image.png" width="100" /> 
<div style="font-family: Arial Tahoma Verdana; font-size: 14px; margin-top: -110px; padding-left: 120px; text-align: justify;">
Founder & Author: Hello, Friends. আমি নলিন। তোমারি জন্য ব্লগে থেকে আপনাদের স্বাগতম। এখন হতে এই ব্লগে আমাকে নিয়মিত পাবেন। এখানে আমি আমার জানা কিছু টিপস আর পাওয়া কিছু অভিজ্ঞতাগুলো আপনাদের সাথে শেয়ার করব। নিয়মিত এই ব্লগে যোগদিন এবং অন্যদের বলুন এই ব্লগে যোগ দিতে।.....<a href="http://tomarijonno.blogspot.in/" style="color: #5634;" target="_blank">...বিস্তারিত</a></div>
 
 
 
 </div>
উপরের ডেমো দেখে আশাকরি বিসয়টি আপনার কাছে পরিষ্কার হয়েছে । এবার কিভাবে আপনার ব্লগে যুক্ত করবেন নিচের স্টেপ দেখুন ! 
 
 
 
১// আপনার ব্লগ লগ ইন করুন তারপর ড্যাশবোর্ড থেকে Layout এ ক্লিক করুন । 
 
২// এবার Add a gadget এ ক্লিক করুন তাহলে একটি পপ আপ বক্স আসবে সেখান থেকে HTML/Javascript ক্লিক করুন । নীচের চিত্রে দেখুন .. 
 
 
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIa95HwmFkjF62CURvDy7DQ9hA_vvrApMKUAT_8C8k5ErQcjx-g4kJvbSyfSfU-OQ-GeWK2xxE-Ze-iBi_YbvkCcMoY40YmShJ7S_F1Gq65N0L-5Y8woNliWV8axhS-YYu9hnNCfmULbs/s1600/Screenshot_1.png" /> 
 
 
৩// Title ঘর ফাকা রেখে Content ঘরে নীচের কোড গুল কপি করে পেস্ট করুন । 
 
 
 
 
<div class="tgbox">
<h3 class="title">লেখক</h3> 
<div class="widget-content"> 
 
<style> 
} 
#bbc:hover 
 { 
border:2px solid #ccc; 
cursor:pointer; 
} 
.opacity 
{ 
opacity: 0.5; 
margin-right: 50px; 
-moz-transition: all 0.5s ease-out; 
-o-transition: all 0.5s ease-out; 
-webkit-transition: all 0.5s ease-out; 
-ms-transition: all 0.5s ease-out; 
transition: all 0.5s ease-out; 
-moz-transform: rotate(7deg); 
-o-transform: rotate(7deg); 
-webkit-transform: rotate(7deg); 
-ms-transform: rotate(7deg); 
transform: rotate(7deg); 
} 
.opacity:hover 
{ 
-moz-transform: rotate(0deg); 
-o-transform: rotate(0deg); 
-webkit-transform: rotate(0deg); 
-ms-transform: rotate(0deg); 
transform: rotate(0deg); 
-moz-box-shadow: 1px 1px 4px #000; 
-webkit-box-shadow: 1px 1px 4px #000; 
box-shadow: 1px 1px 4px #000; 
} 
</style> 
    
 
<style> 
#bbc 
{ 
border:2px solid #888; margin:2px 5px 0px 0px; padding:2px; 
} 
#profileAditya:hover 
 { 
border:2px solid #ccc; 
cursor:pointer; 
} 
.opacity:hover 
 { 
opacity: 1; 
-moz-box-shadow: 1px 1px 4px #000; 
-webkit-box-shadow: 1px 1px 4px #000; 
box-shadow: 1px 1px 4px #000; 
} 
</style> 
<img class="opacity" id="bbc" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbXIeRUKr2U83Rvf8T1LHj4XeMSvqMjf77oOg41FQTsHRJEooX3LvLGaFHWqdNLuNw0ShnQyzAftqzVq793QrTSK8C0pfEkMy4criBRj4V991ysUhgVFZ03RkZnFM8kZF36MNh16RpaGrv/s1600/blogger+tilt+image.png" width="100" /> 
<div style="font-family: Arial Tahoma Verdana; font-size: 14px; text-align: justify; margin-top:-110px; padding-left:120px;"> 
Founder & Author: Hello, Friends. আমি নলিন। তোমারি জন্য ব্লগে থেকে আপনাদের স্বাগতম। এখন হতে এই ব্লগে আমাকে নিয়মিত পাবেন। এখানে আমি আমার জানা কিছু টিপস আর পাওয়া কিছু অভিজ্ঞতাগুলো আপনাদের সাথে শেয়ার করব। নিয়মিত এই ব্লগে যোগদিন এবং অন্যদের বলুন এই ব্লগে যোগ দিতে।.....<a style="color:#5634;" href="http://tomarijonno.blogspot.in/" target="_blank">...বিস্তারিত</a> 
</div> 
 </div>
 
 
 
৪// এবার Save করুন আপনার কাজ শেষ এবার ব্লগে গিয়ে দেখুন । 
 
নোটঃ   উপরে  রঙ্গে ঘিরা অংশ কিছু পরিবর্তন করেনিন । লাল কালার এর জায়গায় আপনার ছবির লিঙ্ক দিন। নীল কালার এর জায়গায় আপনার নিয়ে লিখুন।অরেঞ্জ কালার এর জায়গায় আপনার নিজের ইচ্ছা মতো লিঙ্ক দিন আর হলুদ কালার এর জায়গায় আপনার নাম দিন ।  
 
 </div>
</div>
আমার এই পোস্ট আপনার ভাল বা কাজে আসলে শেয়ার করুন আপনার বন্ধুদের মধ্যে এবং কোন আসুবিধা হলে কমেন্ট করবেন আমি সাহায্য করার চেষ্টা করবো । 
 
 
তাহলে আজাকের মতো এই পর্যন্ত আবারও দেখা হবে নতুন কিছু নিয়ে ভাল থাকবেন সুস্থ থাকবেন  ধন্যবাদ। 
 
 </div>

আপনার ব্লগে হোম পেজে কি ভাবে বাংলায় লেখক পরিচিতি বক্স যোগ করবেন ।

বন্ধুরা সবাই কেমন আছেন ? আশাকরি সবাই ভালো ও সুস্থ আছেন । আজ আমি আপনাদের জন্য নিয়ে এলাম সুন্দর একটা ব্লগার টিপস । কি আপনার ব্লগে হোম পেজে ...

আরও পড়ুন »

আপনার ব্লগে যুক্ত করে নিন ফ্লাশ প্লেয়ার দিয়ে বানানো শারদীয়া শুভেচ্ছা ।

<div dir="ltr" style="text-align: left;" trbidi="on">
 
<div dir="ltr" style="text-align: left;" trbidi="on">
<div>
প্রথমে জানাই দুর্গা মায়ের আগমনে কাশ ফুলের খেলা ৷ ভালো হোক , সুখের হোক দুর্গা মায়ের পূজা, আমার প্রিয় ব্লগার বন্ধুদের জানাই আগাম শুভ শারদীয়া প্রীতি শুভেচ্ছা ও অভিনন্দন   ৷ </div>
<div>
 </div>
<div>
বন্ধুরা সবাই কেমন আছেন ? আশাকরি সবাই ভালো ও সুস্থ আছেন । আজ আমি আপনাদের জন্য নিয়ে এলাম সুন্দর একটা ব্লগার টিপস  যদিও ব্লগার নিয়ে এটা আমার প্রথম পোস্ট আশা করি আপনাদের কাজে আসবে ও ভালো লাগবে ।  যাই হোক আজ আমি দেখাবো কি ভাবে ব্লগার ভিজিটর দের দুর্গা পূজা আগাম শারদীয়া শুভেচ্ছা জানাবেন । সাথে ঢাকের বাজনা . কাজটি সম্পূর্ণ ফ্লাশ প্লেয়ার দিয়ে বানানো । 
 </div>
<div>
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJkNWN9mebM1NMJGB6d8JcZ91kd6GQl3xX6znDOFm2cOrIjcRBsn1RbgQMrx4IZU28Nc4mp_qQy7sMTrYQkLVbFmOEmWHhLTVHtm1E19Sc7zHSgB1W3_UDnQbp0blGvEsC6vJR-kgnq2o/s1600/tomarijonno.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJkNWN9mebM1NMJGB6d8JcZ91kd6GQl3xX6znDOFm2cOrIjcRBsn1RbgQMrx4IZU28Nc4mp_qQy7sMTrYQkLVbFmOEmWHhLTVHtm1E19Sc7zHSgB1W3_UDnQbp0blGvEsC6vJR-kgnq2o/s1600/tomarijonno.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
 </div>
 
 </div>
<div>
 </div>
<div>
ব্লগে উপরের ডেমো দেখে আশাকরি বিসয়টি আপনার কাছে পরিষ্কার হয়েছে । এবার কিভাবে আপনার ব্লগে যুক্ত করবেন নিচের স্টেপ দেখুন ! 
 
 
<div class="message_box announce">
কিভাবে এই ওয়েডগেট আপনার ব্লগে যুক্ত করবেন !.</div>
 
১// আপনার ব্লগ লগ ইন করুন তারপর ড্যাশবোর্ড থেকে Layout এ ক্লিক করুন । 
 
২// এবার Add a gadget এ ক্লিক করুন তাহলে একটি পপ আপ বক্স আসবে সেখান থেকে HTML/Javascript ক্লিক করুন । নীচের চিত্রে দেখুন .. 
 
 
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIa95HwmFkjF62CURvDy7DQ9hA_vvrApMKUAT_8C8k5ErQcjx-g4kJvbSyfSfU-OQ-GeWK2xxE-Ze-iBi_YbvkCcMoY40YmShJ7S_F1Gq65N0L-5Y8woNliWV8axhS-YYu9hnNCfmULbs/s1600/Screenshot_1.png" /> 
 
 
৩// Title ঘর ফাকা রেখে Content ঘরে নীচের কোড গুল কপি করে পেস্ট করুন । 
 </div>
 
 
 
<div class="tgbox">
<embed src="https://sites.google.com/site/tomarijonnocom/home/tomarijonnocom-2/Durga%20Dhak.swf?attredirects=0" quality=" 
 
high" allowscriptaccess="always" type="application/x-shockwave-flash" pluginspage= 
 
"http://www.macromedia.com/go/getflashplayer" align="middle" height="100" width="600"></embed></div>
 
 
 
 
৪// এবার Save করুন আপনার কাজ শেষ এবার ব্লগে গিয়ে দেখুন । 
 
নোটঃ   উপরে লাল রঙ্গে ঘিরা সংখ্যা আপনি চাইলে সময় বাড়িয়ে কমিয়ে নিতে পারেন 100 আর 600 মুছে সেখানে আপনার পছন্দ মতো সংখ্যা দিতে পারেন । আর উপরের কোড টি আপনার ব্লগে যেকোনো স্থানে পোস্ট করতে পারেন । 
 
 
আমার এই পোস্ট আপনার ভাল বা কাজে আসলে শেয়ার করুন আপনার বন্ধুদের মধ্যে এবং  কমেন্ট করতে ভুলবেন না । 
 
 
তাহলে আজাকের মতো এই পর্যন্ত আবারও দেখা হবে নতুন কিছু নিয়ে ভাল থাকবেন সুস্থ থাকবেন  ধন্যবাদ। 
 
 
 </div>
<div id="author-link">
<a href="https://draft.blogger.com/null"></a></div>
</div>

আপনার ব্লগে যুক্ত করে নিন ফ্লাশ প্লেয়ার দিয়ে বানানো শারদীয়া শুভেচ্ছা ।

প্রথমে জানাই দুর্গা মায়ের আগমনে কাশ ফুলের খেলা ৷ ভালো হোক , সুখের হোক দুর্গা মায়ের পূজা, আমার প্রিয় ব্লগার বন্ধুদের জানাই আগাম শুভ শারদী...

আরও পড়ুন »