Showing posts with label ওয়েব ডিজাইন. Show all posts
Showing posts with label ওয়েব ডিজাইন. Show all posts

Saturday, August 25, 2012

আপনার blogspot সাইট কে সাজান নিজের মত করে(পর্বঃ১৪)|আপনার ব্লগে যুক্ত করুন স্ট্যাইলিস সাবস্কিপশান বক্স।

3 comments

সবাই সালাম নিবেন।কেমন আছেন সব blogger ভাই?আজকে আপনাদের জন্য স্ট্যাইলিস সাবস্কিপশান বক্স এর কোড দিবো।যাতে আপনাদের ব্লগকে আরো সুন্দর কর সাজাতে পারেন।

যেভাবে ব্যাবহার করবেনঃ
Go to Blogger Dashboard-->Layout -->
এর পর HTML/Javascript এ যান।এর পর নিচের বক্স গুলির নিচের কোড গুলি ব্যাবহার করুন।ব্যাস এবার দেখুন।

ডেমো দেখতে এখানে ক্লিক করুন












প্রতিটা কোডের ভিতরে দুই জায়গায় RIYADH HOSSEN এর জায়গায় আপনার feed url টি দিন।ব্যাস হয়ে গেল।
ভালো লাগলে আমার ব্লগ থেকে ঘুরে আসতে পারেন।সবাই ভালো থাকবেন।
Read More...

Wednesday, August 15, 2012

আপনার blogspot সাইট কে সাজান নিজের মত করে(পর্বঃ১৩)|আপনার ব্লগে যুক্ত করুন HTML সার্চ বক্স।

2 comments
আসসালামু আলাইকুম।ব্লগার ভাইয়েরা কেমন আছেন?অনেকদিন টিউন করা হয়নি তাই ক্ষমাপ্রার্থী।ইনশাআল্লাহ,প্রতিদিন টিউন করার চেষ্টা করবো।আজকে আমি আপনাদের সাথে যে বিষয়টি শেয়ার করবো তা হচ্চেঃ HTML search BOX


HTML SEARCH BOX

HTML SEARCH BOXএর কাজ কি?

আমাদের ব্লগের টেম্পলেট এর সাথে যে সার্চ বক্স তা java script.
এই সার্চ বক্স দিয়ে সব ফাইল তথ্য পাওয়া জায়না।তাই এই সার্চ বক্সের গুরুত্ব সর্বত্র অপরিসীম।যাদের ব্লগের লেবেল বা সার্চ বক্স এ সব পোস্ট পাওয়া যায়না তারা এটি ব্যাবহার করবেন।
এচাড়াও এটি ব্যাবহারে আপনার ব্লগের সুন্দর্য্য বৃদ্ধি হবে।

যেভাবে ব্যাবহার করবেনঃ

ব্লগার ডট.কম এ গিয়ে আপনার একাউন্ট লগিন দিন।এর পর ডিজাইনে ক্লিক করে Add a gadgets এ ক্লিক করে এই কোড টি বসান।
ব্যাস কাজ শেষ।
ডেমো দেখতে এখানে click করুন।
কোনো সমস্যা হলে কমেন্ট করবেন।
ভালো লাগরে আমার blog থেকে ঘুরে আসার আমন্তর্ণ রইল।সবাই ভালো থাকবেন।আল্লাহ হাফেজ।
Read More...

Friday, August 10, 2012

3xp1r3 Cyber Army

Leave a Comment





-= [Hacked By rEd X - 3xp1r3 Cyber Army] =-











3xp1r3 Cyber Army




-=[ HACKED By rEd X ]=-






--\\\\\\\\\\\\\\\\\\\\\\\\\\\\\-_-////////////////////////////--



w3 ar3 Bangladeshi UnderGround Hacker : 3xp1r3 Cyber Army




Greetz :
All Members of 3xp1r3 Cyber Army


DaRkNeSs Is My Life ! 3xp1r3 Is My Group ! Hacking Is My Heart ! DefaceMent Is My Hobby !!


red-x

Contact:
red-x@hackermail.com

...::Special Greetz::...
.:: x3o-1337 | Damage_3xp1r3 | 3xp1r3-n0pm | s1r-3xp1r3 | Mr.3xp1r3 | _sYs_ | JRH | 3xp1r3-61 | rEd X | 3xp1r3_$tAr | Dr3@m3r~1986 | _S1BAL_ | Ajob_3xp1r3 | 3xp1r3-L4zy M1nd | 3xp1r3-v1Ru$ | 3xp1r3-SQL | 3xp1r3-t3rr0r | 3xp1r3-Ethical-BD HaXor | r00t_3xp1r3 ::.
And
All MuSliM HACKERS




© rEd X - 3xp1r3 Cyber Army



Read More...

Saturday, July 7, 2012

আপনার blogspot সাইট কে সাজান নিজের মত করে(পর্বঃ১২)|আপনার ব্লগে যুক্ত করুন সর্বোচ্চ মন্তব্য কারীর তালিকা।

1 comment

আসসালামু আলাইকুম।কেমন আছেন আপনারা?অনেক দিন পর পোস্ট দিতে বসলাম।আজকে আমি আপনার শিখাবো কিভাবে আপনাদের ব্লগে সর্বোচ্চ মন্তব্য কারীর সংখ্যার তালিকা যুক্ত করবেন।

কিছু শর্তাবলিঃ
1.আমাদের যাদের ব্লগস্পট ব্লগ আছে তাদের ব্লগে এই টপ কমেন্টার গেজেট টি যুক্ত করতে পারবেন।
2.আপনার ব্লগে কমপক্ষে 5 ব্যাক্তির মন্তব্য থাকতে হবে।

যারা এই উইজেট টি ব্লগে যুক্ত করতে ছানা তারা এখানে Demo দেখুন।

কি ভাবে এটি আপনার ব্লগৈ যুক্ত করবেন?:::
প্রথমে ব্লগার.কম এ গিয়ে ডাসবোর্ড এ যান।এর পর ডিজাইন থেকে Add Html/Javascript এ যান।
তার পর পেজটি আসবে সেখানে শিরোনাম এ "সর্বোচ্চ কমেন্ট দাতা" লিখুন এর পর কোড এর ঘরে এই code টি দিন এবার এটি সেভ করুন।


code
<style type="text/css"> .top-commenter-line {margin: 3px 0;} .top-commenter-line .profile-name- link {padding-left:0;} .top-commenter-avatar {vertical- align:middle;} </style> <script type="text/javascript"> // // Top Commentators gadget with avatars, by MS-potilas 2012. // Gets a list of top commentators from all comments, or specified number of days in the past. // See http:// yabtb.blogspot.com/2012/05/top- commenters-gadget-with- avatars.html // // CONFIG: var maxTopCommenters = 5; // how big a list of top commentators var minComments = 1; // how many comments must top commentator have at least var numDays = 0; // from how many days (ex. 30), or 0 from "all the time" var excludeMe = true; // true: exclude my own comments var excludeUsers = ["Anonymous", "someotherusertoexclude"]; // exclude these usernames var maxUserNameLength = 42; // 0: don't cut, >4: cut usernames // var txtTopLine = '<b>[#].</b> [image] [user] ([count])'; var txtNoTopCommenters = 'No top commentators at this time.'; var txtAnonymous = ''; // empty, or Anonymous user name localized if you want to localize // var sizeAvatar = 16; var cropAvatar = true; // var urlNoAvatar = "http:// lh4.googleusercontent.com/-069mnq7DV_g/ TvgRrBI_JaI/AAAAAAAAAic/ Iot55vywnYw/s"+sizeAvatar+"/ avatar_blue_m_96.png"; // http:// www.blogger.com/img/ avatar_blue_m_96.png resizeable var urlAnoAvatar = 'http:// www.gravatar.com/ avatar/00000000000000000000000000000000? d=mm&s=' + sizeAvatar; var urlMyProfile = ''; // set if you have no profile gadget on page var urlMyAvatar = ''; // can be empty (then it is fetched) or url to image // config end // for old IEs & IE modes: if(!Array.indexOf) { Array.prototype.indexOf=function (obj) { for(var i=0;i<this.length;i++) if(this [i]==obj) return i; return -1; }} function replaceTopCmtVars(text, item, position) { if(!item || !item.author) return text; var author = item.author; var authorUri = ""; if(author.uri && author.uri.$t != "") authorUri = author.uri.$t; var avaimg = urlAnoAvatar; var bloggerprofile = "http:// www.blogger.com/profile/"; if(author.gd$image && author.gd $image.src && authorUri.substr (0,bloggerprofile.length) == bloggerprofile) avaimg = author.gd$image.src; else { var parseurl = document.createElement('a'); if(authorUri != "") { parseurl.href = authorUri; avaimg = 'http://www.google.com/ s2/favicons?domain=' + parseurl.hostname; } } if(urlMyProfile != "" && authorUri == urlMyProfile && urlMyAvatar != "") avaimg = urlMyAvatar; if(avaimg == "http:// img2.blogblog.com/img/b16- rounded.gif" && urlNoAvatar != "") avaimg = urlNoAvatar; var newsize="s"+sizeAvatar; avaimg = avaimg.replace(/\/s\d\d+-c \//, "/"+newsize+"-c/"); if(cropAvatar) newsize+="-c"; avaimg = avaimg.replace(/\/s\d\d+(- c){0,1}\//, "/"+newsize+"/"); var authorName = author.name.$t; if(authorName == 'Anonymous' && txtAnonymous != '' && avaimg == urlAnoAvatar) authorName = txtAnonymous; var imgcode = '<img class="top- commenter-avatar" height="'+sizeAvatar+'" width="'+sizeAvatar+'" title="'+authorName+'" src="'+avaimg+'" />'; if(authorUri!="") imgcode = '<a href="'+authorUri+'">'+imgcode+'</ a>'; if(maxUserNameLength > 3 && authorName.length > maxUserNameLength) authorName = authorName.substr(0, maxUserNameLength-3) + "..."; var authorcode = authorName; if(authorUri!="") authorcode = '<a class="profile-name-link" href="'+authorUri+'">'+authorcode +'</a>'; text = text.replace('[user]', authorcode); text = text.replace('[image]', imgcode); text = text.replace('[#]', position); text = text.replace('[count]', item.count); return text; } var topcommenters = {}; var ndxbase = 1; function showTopCommenters(json) { var one_day=1000*60*60*24; var today = new Date(); if(urlMyProfile == "") { var elements = document.getElementsByTagName ("*"); var expr = /(^| )profile-link( |$)/; for(var i=0 ; i<elements.length ; i++) if(expr.test(elements[i].className)) { urlMyProfile = elements[i].href; break; } } for(var i = 0 ; i < json.feed.entry.length ; i++ ) { var entry = json.feed.entry[i]; if(numDays > 0) { var datePart = entry.published. $t.match(/\d+/g); // assume ISO 8601 var cmtDate = new Date(datePart [0],datePart[1]-1,datePart[2],datePart [3],datePart[4],datePart[5]); //Calculate difference btw the two dates, and convert to days var days = Math.ceil((today.getTime()- cmtDate.getTime())/(one_day)); if(days > numDays) break; } var authorUri = ""; if(entry.author[0].uri && entry.author [0].uri.$t != "") authorUri = entry.author[0].uri.$t; if(excludeMe && authorUri != "" && authorUri == urlMyProfile) continue; var authorName = entry.author [0].name.$t; if(excludeUsers.indexOf (authorName) != -1) continue; var hash=entry.author[0].name.$t + "-" + authorUri; if(topcommenters[hash]) topcommenters[hash].count++; else { var commenter = new Object(); commenter.author = entry.author[0]; commenter.count = 1; topcommenters[hash] = commenter; } } if(json.feed.entry.length == 200) { ndxbase += 200; document.write('<script type="text/ javascript" src="http://'+window.location.hostname +'/feeds/comments/default? redirect=false&max- results=200&start-index='+ndxbase +'&alt=json-in- script&callback=showTopCommenters"></'+'script>'); return; } // convert object to array of tuples var tuplear = []; for(var key in topcommenters) tuplear.push([key, topcommenters [key]]); tuplear.sort(function(a, b) { if(b[1].count-a[1].count) return b[1].count-a[1].count; return (a[1].author.name. $t.toLowerCase() < b[1].author.name. $t.toLowerCase()) ? -1 : 1; }); // list top topcommenters: var realcount = 0; for(var i = 0; i < maxTopCommenters && i < tuplear.length ; i++) { var item = tuplear[i][1]; if(item.count < minComments) break; document.write('<di'+'v class="top- commenter-line">'); document.write(replaceTopCmtVars (txtTopLine, item, realcount+1)); document.write('</d'+'iv>'); realcount++; } if(!realcount) document.write (txtNoTopCommenters); } document.write('<script type="text/ javascript" src="http://'+window.location.hostname +'/feeds/comments/default? redirect=false&max- results=200&alt=json-in- script&callback=showTopCommenters"></'+'script>'); </script> <a href="http:// riyadhhossen.blogspot.com/">©by</ a>

বা
http://btips.tk/Top-comenter.js এই লিইনক এ গিয়ে কোডটি কপি করে লাগাতে পারেন।

সবাই ভালো থাকবেন।
Read More...

Friday, June 29, 2012

আপনার blogspot সাইট কে সাজান নিজের মত করে(পর্বঃ১১)|আপনার ব্লগে যুক্ত করুন ভিন্ন রকম Social Icons

Leave a Comment

আসসালামু আলাইকুম।কেমন আছেন আপনারা?আশা করি সবাই ভালো আছেন।
আমরা যারা কাস্টম থিম বা ব্লগার এর থিম ব্যাবহার করি...সাধারণত তাদের ব্লগে Follow us on

বাটন গুলি থাকেনা।আমি আজকে আপনাদের দেখাবো কিভাবে আপনার ব্লগে এই বাটন গুলি যুক্ত করবেন।

1. Go To Blogger > Layout > Edit HTML
2. Search For ]]>
3. And paste the code below just above ]]>(আপনারা যাতে সহজে বুঝেন এই জন্য ইংরেজি ব্যাবহার করেছি)

/* Social Widget by RIYADH HOSSEN*/
#subscribe2 { background:#f3f3f3; border: 1px solid #ECEDE8; font-size: 90%; margin: 0 0 15px 0; padding: 7px 5px 3px 5px; width: 288px; } .subscribe-icons2 { margin: 0 auto; width: 286px; background: #f7f7f7; } .subscribe-icons2 li { -moz-border- radius:6px; display: inline; float: left; font-size: 11px; margin: 0 2px 10px 2px; width: 52px; text-align: center; } .subscribe-icons2 a { color: #444 !important; display: block; padding: 56px 0 2px; -moz-transition: all .2s ease-out; -webkit-transition: all .2s ease-out; } .subscribe-icons2 a:hover { -moz- border-radius:6px; -moz-box-shadow: 0 2px 4px hsla (0,0%,0%,.35); -webkit-box-shadow: 0 2px 4px hsla (0,0%,0%,.35); color: #369 !important; text-decoration: none; } .subscribe-icons2 .subscribe-youtube a { background: url(http:// karrersimpson.com/obituaries/ tomchuk-helen-1575/ icon64_googleplus.png) center top no-repeat; } .subscribe-icons2 .subscribe-twitter a { background: url(http:// karrersimpson.com/obituaries/ tomchuk-helen-1575/ icon64_twittert.png) center top no- repeat; } .subscribe-icons2 .subscribe- facebook a { background: url(http:// karrersimpson.com/obituaries/ tomchuk-helen-1575/ icon64_facebook.png) center top no- repeat; } .subscribe-icons2 .subscribe-rss a { background: url(http:// karrersimpson.com/obituaries/ tomchuk-helen-1575/ icon64_rss.png) center top no-repeat; } .subscribe-icons2 .subscribe-email a { background: url (http://1.bp.blogspot.com/- ee20tH09o24/Ty1cavc7UtI/ AAAAAAAAAVQ/0wIS7Fgjs_k/s320/ gmail-email%2B21.png) center top no-repeat; }

এর পর ...
1. Go To Blogger > Design 2. Click choose a gadget 3. Select HTML/javascript widget
4. Paste the following code inside it

<div class='subscribe2'> <ul> <li><a target="_blank" rel="nofollow" href="your google+ profile url">Google +</a></li> <li><a target="_blank" rel="nofollow" href="your twitter user name">Twitter</a></li> <li><a target="_blank" rel="nofollow" href="your facebook user name">Facebook</a></li> <li><a target="_blank" rel="nofollow" href="your feed url">RSS</a></li> <li><a target="_blank" rel="nofollow" href="your emil"> Email</a></li> </ul> <!--end .subscribe-icons--> <div/> </div>

your google+ profile urlএর স্থলে আপনার গুগল+ প্রোপাইল এর নাম দিবেন।
your twitter user name এর স্থলে আপনার টুইটার ইউজার নাম দিবেন।
your facebook user name
এর স্থলে আপনার ফেসবুক ইউজার নেম দিবেন।
your feed url
এর স্থলে আপনার ফিড url টা দিন।
your emilএর স্থলে আপনার ইমেল দিন।



কোনো সমস্যা হলে মন্তব্যের মধ্য বলবেন।সবাই ভালো থাকবেন।আল্লাহ হাফেজ।
Read More...

Thursday, June 28, 2012

আপনার blogspot সাইট কে সাজান নিজের মত করে(পর্বঃ১০)|আপনার ব্লগে যুক্ত করুন Recent Comments Widget

Leave a Comment

আসসালামু আলাইকুম। কেমন আছেন আপনারা?
আশাকরি সৃর্ষ্টিকর্তার রহমতে সবাই ভালো আছেন।আজকে আমরা যে বিষয় নিয়ে আলোছনা করব তা হচ্চে।...কি ভাবে আমাদের ব্লগে Recent Comments Widget বসাবো।

Recent Comments Widget টা দুই ধরণে বসানো যায়।যে পদ্ধতিটা সহজ আমি আপনাদের ওই পদ্ধতিটা দেখাবো।এর আগে দেখতে হবে আপনার ব্লগে কি কোন কমেন্ট আছে?

যেভাবে Recent Comments Widget টি আপনার ব্লগে স্থাপন করবেন::
প্রথমে (এই লিইনক এ যান।
এর পর একটা পেজ দেখতে পাবেন...
এবার Blog url: http:// এর পরে যে বক্স দেখবেন এখানে আপনার ব্লগের নাম দিন।
এরপর...Number of comments: Show comment date: Show posttitle: Summary size: characters এগুলি নিজের ইচ্চা মত সেট করুন।এবার Add To Blogger বাটনে ক্লিক করুন।widgets টি সেভ করুন।

এবার দেখুন।
কোনো সমস্যা হলে কমেন্ট করবেন।
সবাই ভালো থাকবেন।আল্লাহ হাফেজ।
Read More...

Saturday, June 23, 2012

আপনার blogspot সাইট কে সাজান নিজের মত করে(পর্বঃ০৯)|আপনার ব্লগে যুক্ত করুন সুন্দর একটি Subscription বক্স

6 comments



আসসালামু আলাইকুম।কেমন আছেন আপনারা।আজকে আমি আপনাদের জটিল একটা Subscription বক্স কিভাবে আপনার ব্লগে যুক্ত করবেন তা শিখাবো।


»»Subscription বক্স কি?
সাবসক্রিপসান বক্স হচ্চে ... আপনার বল্গে যারা নিয়মিত পাঠক তারা কোনো সমস্যার কারণে আপনার ব্লগে আসতে পারছেনা।তারা এই বক্স এ তাদের ইমেল এড্রেস দিয়ে সাবসক্রাইব করলে তার ইমেলে নতুন পোস্ট চলে যাবে।অর্থাত্‍,সে আপনার ব্লগের নতুন পোস্ট করা লিইনকটি পেয়ে যাবে।
এতে আপনার ব্লগ পাঠকদের সুবিদা হবে।এবং,ব্লগে নিয়মিত পাঠক আসবে।

যে ভাবে এটি ব্যাবহার করবেনঃ
প্রথমে ব্লগার.কম এ যান।এর পর ডাসবোর্ড থেকে ডিজাইনে এ যান।তার পর Page Elements এ যান।।
Add A Gadget যে খানে লেখা তাতে ক্লিক করুন।এর পর HTML/ Javascript এ ক্লিক করুন।নিচের কোডটি রাখুন।এবার সেভ করুন।

<style> .abt-email{ background:url(https:// lh3.googleusercontent.com/-3mMr7bVkJEA/ T2mKAcZEBkI/AAAAAAAAAZI/ IWMC_nG_foU/h120/service- email.jpg) no-repeat -8px 10px ; width:240px; padding:10px 0 0 65px; float:left; font-size:1.2em; font-weight:bold; margin:0 0 10px 0; color:#0084CE; box-shadow: 1px 1px 5px 1px #eee; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; } .abt-emailsubmit{ background:#9B9895; cursor:pointer; color:#fff; border:none; padding:4.4px; text-shadow:0 -1px 1px rgba (0,0,0,0.25); -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; font:12px sans-serif; box- shadow:inset 4px 4px 3px rgba (0,0,0,0.1); } .abt-emailsubmit:hover{ background:#0084CE; box- shadow:inset 8px 8px 6px rgba (0,0,0,0.1); } .textarea{background: #fff ! important;box-shadow:inset 4px 4px 3px rgba(0,0,0,0.1); border: 1px solid #d2d2d2; padding: 0px 8px 0px 8px; color: #888; font-size: 12px; height: 25px; width: 165px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin:0px; } </style> <div class='abt-email'> Subscribe via Email <form action="http:// feedburner.google.com/fb/a/ mailverify" id="feedform" method="post" target="popupwindow" onsubmit="window.open('your blog feed url', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"> <input gtbfieldid="3" class="textarea" name="email" onblur="if (this.value == "") {this.value = "Enter email address here";}" onfocus="if (this.value == "Enter email address here") {this.value = "";}" value="Enter email address here" type="text" /> <input type="hidden" value="your blog name.ex (RIYADHHOSSEN)" name="uri"/><input type="hidden" name="loc" value="en_US"/> <input class="abt-emailsubmit" value="Submit" type="submit" /> </form> </div>


your blog name.ex(RIYADHHOSSEN)এখানে আপনার ব্লগ এর নাম লিখুন।
your blog feed urlএখানে আপনার ফিড url দিন।ব্যাস এবার দেখুন।
সবাই ভালো থাকবেন।আল্লাহ হাফেজ।
Read More...

Thursday, June 21, 2012

আপনার blogspot সাইট কে সাজান নিজের মত করে(পর্বঃ০৮)|আপনার ব্লগের কমেন্ট বক্স এর রূপ পরিবর্তন করুন।

3 comments


আসসালামু আলাইকুম।কেমন আছেন আপনারা?আশাকরি সৃর্ষ্টি কর্তার রহমতে ভালো আছেন।আজকে আমি আপনাদের দেখাবো কিভাবে আপনার ব্লগার এর কমেন্ট এর ঘরটি পরিবর্তন করুন Disqus এর কমেন্ট বক্স দ্বারা।


Disqusকি?


Disqusহচ্চে Social কমেন্ট সিস্টেম।
যার দ্বারা আপনি একসাথে সবগুলি Social প্রোপাইল দ্বারা কমেন্ট করতে পারবেন।পৃথিবীর প্রায় 57% মানুষ এই Disqus টা ব্যাবহার করে।

Disqusকি কি সাইটে ব্যাবহার উপযোগি?

Disqusএর কমেন্ট সিস্টমকে আপনি ব্লগার,ওয়ার্ডপ্রেস,ধুরপাল,টাইপেড,জুমলা...ইত্যাদি।অর্থাত্‍,যে সব সাইট দিয়ে ব্লগিং করা যায়,ওই সব সাইটে Disqus ব্যাবহার করা যায়।

Disqusকেন ব্যাবহার করবেন?

এক কথায় Disqus আপনার ব্লগের সোন্দর্য্য রক্ষা করে।
এবং,এটির কমেন্ট সিস্টমটা খুব সুক্ষ্য।

Disqus কমেন্ট সিস্টেম এর সুবিদা কি কি?

Disqus কমেন্ট সিস্টেম এর দ্বারা আপনি শুধু নাম ও ইমেল এর দিয়ে কমেন্ট করতে পারবেন।এচাড়াও ফেসবুক,টুইটার,গুগল প্লাস...ইত্যাদি দ্বারা কমেন্ট করা যায়।

কি ভাবে আপনার ব্লগে Disqus এর কমেন্ট বক্স বসাবেনঃ


প্রথমে এইখানে ক্লিক করে সাইন আপ করে নিন।






এরপর,
এই রকম একটা পেজ আসবে

ওখান থেকে ব্লগর চিহু স্থানে ক্লিক করুন।এর পর যা যা আসবে সব সঠিক তথ্য দিয়ে এটি পূরণ করবেন।এবার এই রকম একটা বাটন আসবে

এখানে ক্লিক করে এটি ব্লগারে সংযুক্ত করুন।এবার আপনার যে কোন পোস্ট দেখুন আপনার ব্লগে গিয়ে।কি?Disqus বাটন টা যুক্ত হয়েছে?যুক্ত হলে এই বার Disqus.com এ গিয়ে এডমিন এ ক্লিক করুন।এর পর TOOL এ ক্লিক করুন।

এবার সঠিক ভাবে এটি পূরণ করুন।
.
.
(enjoy)
কোনো সমস্যা হলে কমেন্ট করবেন।
সবাই ভাল থাকবেন...আল্লাহ হাফেজ।
Read More...

Wednesday, June 20, 2012

আপনার blogspot সাইট কে সাজান নিজের মত করে(পর্বঃ০৭)|আপনার ব্লগে যুক্ত করুন জটিল সব সার্চ বক্স।

5 comments


আসসালামু আলাইকুম।কেমন আছেন আপনারা?আমরা যারা ব্লগারে কাস্টম থিম বা ব্লগ থিম ব্যাবহার করি,আমাদের ব্লগে যদি জটিল একটা সার্চ বক্স বসাই তবে কেমন হয়?একটা কথা যাদের ব্লগে থিম এর সাথে সার্চ বক্স আছে ইচ্চা করলে তারাও ব্যাবহার করতে পারেন।
আসুন তাহলে দেখে নেই কিভাবে ব্লগারে সার্চ বক্স বসায়।

প্রথমে আপনাকে blogger.com এ গিয়ে সাইন ইন করতে হবে।এর পর ডাস বোর্ড এ যান।
ডাসবোর্ড এ গিয়ে ডিজাইনে ক্লিক করুন।এর পর Page Elements/পৃষ্ঠা উপাদানগুলি এ যান।
এবার Add a Gadgetলেখা স্থানে ক্লিক করুন।
এর পর HTML/JavaScript সিলেক্ট করুন।
এবার আপনার কাংখিত কোড টি এখানে বসাবেন।

সার্চ বক্স কোডঃ

(এখানে যে ইমেজ গুলি দেখতে পাচ্চেন ইমেজে ক্লিক করুন,ডাওনলোড করতে পারবেন পচন্দের কোড।এই কোড থেকে লেখা গুলি কপি করে ব্লগার কোড ঘরে রাখবেন।এর পর সেভ করবেন ব্যাস।











সবাই ভাল থাকবেন। কোন সমস্যা হলে কমেন্ট করবেন।আল্লাহ হাফেজ।
Read More...

Tuesday, June 19, 2012

আপনার blogspot সাইট কে সাজান নিজের মত করে(পর্বঃ০৬)|আপনার ব্লগে যুক্ত করুন অ্যানিমেটেড শেয়ার বাটন।

1 comment
আসসালামু আলাইকুম।কেমন আছেন আপনারা?আজকে আমি আপনাদের দেখাবো কি ভাবে আপনাদের ব্লগে অ্যানিমেটেড শেয়ার বাটন যুক্ত করবেন।


যেভাবে আপনার ব্লগে অ্যানিমেটেড শেয়ার বাটন যুক্ত করবেনঃ

প্রথমে ব্লগার ডট কম এ গিয়ে লগ ইন করুন।
ডাসবোর্ড এ যান।ডাসবোর্ড থেকে ডিজাইনে ক্লিক করুন।
ডিজাইন থেকে HTML সম্পাদনএ যান।
তার পর HTML BOX এ নিছের লেখাটি খুজুন।

উপরের লেখাটি খুজে পেলে।এই লেখার পরেএই কোডটিযুক্ত করুন।এবার ট্যাম্পলেট টি সেভ করুন।
ব্যাস হয়ে গেল।
বিঃদ্রঃএই কোডটিকে আপনি WIDGETSহিসেবেও ব্যাবহার করতে পারবেন।WIDGETS(উইজিট) লাগানোটা আমরা সবাই পারি।তবুও যারা নতুন তাদের বলছি,আপনার ব্লগ ডাসবোর্ড থেকে ডিজাইনে যান।এই বার যে পেজটি এসেছে তা দেখুন.......লেখা আছে......Add a Gatgets......এ ক্লিক করুন।এর পর যে পেজটি আসবে সেখান থেকে (HTML/JAVASCRIPT) এ ক্লিক করবেন।
এর পর কোড বসাইবেন।
সবাই ভাল থাকবেন।আল্লাহ হাফেজ।
Read More...

Monday, June 18, 2012

আপনার blogspot সাইট কে সাজান নিজের মত করে(পর্বঃ০৫)|আপনার ব্লগে GOOGLE+ এর শেয়ার বাটন যুক্ত করুন।

Leave a Comment


আসসালামু আলাইকুম।কেমন আছেন আপনারা?গত দুই দিন আমার এলাকায় বিদ্যুত্‍ নেই।তাই পোস্ট দেওয়া হয়নি।
আমি আজকে আপনাদের GOOGLE+ শেয়ার বাটন কিভাবে আপনার ব্লগে লাগাবেন তা দেখাবো।

প্রথমে Blogger Dashboard এ জান।এর পর ডিজাইন এ জান।HTML সম্পাদনায় যান।এখন HTML কোডটি edite করুন।
এর পর এই ইমেজে যে লেখাটি তা সার্চ করুন।

কি?পেয়েগেছেন?যদি পেয়ে যান তাহলে নিছের কোডটি বসান।(ওই লেখাটির পর যেটা আপপনি সার্চ দিয়ে বের করেছেন)
Download
আবার এই লেখাটি সার্চ করুন(ইমেজ এ লেখা আছে)।

এই লেখাটির পর আপনার পচন্দ মত একটা শেয়ার বাটন এর কোড লাগিয়ে নিন।

Medium

Download

Large

Download

Vertical

Download

এবার আপনার HTML টি সেভ করুন।
কোনো সমস্যা হলে কমেন্ট করবেন।
আল্লাহ হাফেজ।
Read More...

Friday, June 15, 2012

আপনার blogspot সাইট কে সাজান নিজের মত করে(পর্বঃ০৪)|আপনার ব্লগের মোট পোস্ট ও মন্তব্যের সংখ্যা প্রকাশ করুন।

Leave a Comment
আসসালামু আলাইকুম।কেমন আছেন ব্লগার ভাইয়েরা?
আজ আমি আপনাদের সাথে জটিল একটি উইজেট(wedgets)এর কোড দিবো।
উইজেট টি দ্বারা আপনার ব্লগের মোট পোস্ট কতটি এবং মোট মন্তব্যের সংখ্য কতটি তা প্রকাশ করতে পারবেন।
এই জন্য যা করতে হবে....
এই খান থেকেফাইলটি ডাওনলোড করুন।
এখন blogger.com এ গিয়ে লগ ইন করুন।এরপর ডাসবোর্ড থেকে ডিজাইনে প্রবেশ করুন।পৃর্ষ্ঠা উপাদান গুলি এ জান....
Add a gedgets...এ ক্লিক করুন।

HTML/JavaScript এ জান।এবার ডাউনলোড করা .txt ফাইল থেকে কোড গুলি HTML/JavaScript এ রাখুন।
লক্ষ্য করুনঃএই কোড টার ভিতরে দুই স্থানে Your-Blog-Url.blogspot.com এই লেখাটি রয়েছে সেই স্থানে আপনার ব্লগের Url টি দিন।
শিরোনাম দিবেন এই ভাবে
"ব্লগ পরিসংখ্যান"
এবার কোডটি সেভ করুন।
এখানেই কাজ শেষ।
.
কোনো সমস্যা হলে কমেন্ট করবেন।
আল্লাহ হাফেজ।
Read More...

Thursday, June 14, 2012

আপনার blogspot সাইট কে সাজান নিজের মত করে(পর্বঃ০৩)|ব্লগস্পট পোস্টের শেষে ফেসবুক লাইক ও টুইটার টুইট বাটন যুক্ত করুন।

3 comments

আসসালামু আলাইকুম।কেমন আছেন আপনারা?
আমাদের ব্লগস্পট ব্লগে পোস্টের শেষে শেয়ার করার জন্য কিচু অপশান থাকে।
আসুন আজকে আমরা আমাদের পোস্টের শেষে ফেসবুক লাইক ও টুইটার টুইট বাটন যুক্ত করি।
পূর্ব রূপ দেখতেএইখানেক্লিক করুন।
আসুন এবার কাজে নেমে পড়ি।

যেভাবে শুরু করবেনঃ
প্রথমেএখানেক্লিক ক সাইন আপ করুন।

এর পরএই লিইনক এ যান।

এই ইমেজটির পাশের বৃত্তটি বরাট করুন।
এর পর এই ছবিটি লক্ষ করুনঃ

Get AddThis for এর নিচে অনেক গুলি অপশন রয়েছে।আপনি এখান থেকে blogger এর বাম পাশের বৃত্তটি ভরাট করুন।
এবার এই লেখা(Install AddThis in Blogger)টির নিচে Install Blogger Widget এ ক্লিক করুন।এবার আপনার ব্লগে widget টি সেভ করুন।

আশা করি পারবেন।
কোন জায়গায় অসুবিদে হলে কমেন্ট করবেন।
সবাই ভাল থাকবেন।
আল্লাহ হাফেজ।
Read More...

আপনার blogspot সাইট কে সাজান নিজের মত করে(পর্বঃ০২)|পোস্টের শেষে Read more যুক্ত করুন।

8 comments

আসসালামু আলাইকুম।কেমন আছেন আপনারা?
আজ আমরা জানব কিভাবে ব্লগস্পট পোস্টের শেষে Read more যুক্ত করবো।
আমি আপনাদের যে পদ্ধতিতে ওই read more টা যুক্ত করবো তা একদম সহজ।
p1
তাহলে চলুন আমাদের ব্লগের পোস্ট এ read more যুক্ত করি।

প্রথমেএই খানথেকে একটা .zip ফাইল ডাওনলোড করুন।
এই জিপ ফাইলটার ভিতরে কিচু .txt ফাইল আছে।

যে ভাবে কাজ শুরু করবেনঃ
blogger.com এ গিয়ে লগিন দিন।
এর পর ডাসবোর্ড এ জান।
ডাসবোর্ড এ গিয়ে ডিজাইন এ ক্লিক করুন।এর পর HTML সম্পাদনা এ জান।
নিচের ছবিটি লক্ষ্য করুন।
p2
এখন ডাউনলোড করা .zip ফাইল থেকে search1.txt ফাইল থেকে লেখা গুলি সার্চ করুন।
সার্চকৃত লেখাটি পেয়ে গেলে ওই .zip ফাইল থেকে Search1+code.txt এই ফাইলটির লেখা গুলি বসান।
এখন,
পূনরায় আবার ওই .zip ফাইল থেকে Search2.txt ও Search2+code.txt উপরের নিয়মে ব্যাবহার করবেন।
ব্যাস এখন থেকে আপনার ব্লগে প্রতিটি পোস্টের শেষে read more লেখা থাকবে।

যারা এর পূর্ব রুপ দেখতে চানএই খানেক্লিক করুন।
সবাই ভাল থাকবেন।
আল্লাহ হাফেজ।
""বুজতে অসুবিদে হলে কমেন্ট এ জানাবেন""
Read More...

Wednesday, June 13, 2012

আপনার blogspot সাইট কে সাজান নিজের মত করে(পর্বঃ০১)|খুব সহজে তৈরি করুন Custom Page***

7 comments


আসসালামু আলাইকুম।কেমন আছেন সকল ভিজিটর ও লেখক ভাইয়েরা?


আজ আমি আপনাদের দেখাবো কিভাবে নিজের ব্লগে একটা কাস্টম পেজ লাগাবেন?
আমাদের যাদের ব্লগস্পট সাইট আছে তাদের সাইটে।পেজ নাম্বার থাকেনা...
older postলেখা থাকে।
আসুন ,যেভাবে কাস্টম পেজ যুক্ত করবেন।



প্রথমেblogger.comএ গিয়ে লগ ইন দিন।
এর পর ডাসবোর্ড এ যান।
ডিজাইনে যান।এর পর HTML সম্পাদনা এ যান।
উইজিট টেম্পলেটগুলি বিস্তৃত করুনএর ঘরে টিক চিহু দিন।|
এর পর এই লেখাটি সার্চ করুন
*লেখাটি পেয়ে গেলে নিচের কোডটি তার সাথে সংযুক্ত করেন।


Download code
5এর স্থলে আপনার ইচ্চ মত সংখ্যা দিন।
অর্থাত্‍,আপনার পেজ এ কতটি পর্যন্ত নাম্বার দিবেন।
ব্যাস হয়ে গেল।
সবাই ভাল থাকবেন।
কোন সমস্যা হলে কমেন্ট করবেন।
আল্লাহ হাফিজ।
Read More...