APK Post 24

Unknown 0 বাশ Monday 18 January 2016

বাশ খাইলাম ডোমেইন টা হা হা হা হা রাইলাম

বিস্তারিত..

গ্রিনস লাকি ডে

Tahmid Hasan 1 টেমপ্লেট Sunday 17 January 2016

<div class="post-body entry-content" id="post-body-5165028049733869658" itemprop="description articleBody">
<div dir="ltr" style="text-align: left;">
<div style="text-align: center;">
আসসালামু আলাইকুম।</div>
<div style="text-align: center;">
টেমপ্লেট
 ডিজাইনার হওয়ার শখ ছিলো এবং আছে। কিন্তু এখনো কিছুই শিখতে পারিনি। তাই 
অন্যের টেমপ্লেট কাস্টমাইজেশন করে কুল লুক দেওয়ার চেষ্টা করছি। আমার এক 
ফ্রেন্ড তুরাবি আর আমি একত্রে এটা এডিট করেছি। এর আগে প্রথম ভার্সন রিলিজ 
দিয়েছিলাম। এখন আরো সুবিধা যোগ করে ভার্সন ১.২ রিলিজ করছি। আগের ডিজাইনের 
সমস্যার কারণে লেআউটে প্রব্লেম ছিলো। সেগুলো ঠিক করা হয়েছে। আরো সুন্দর 
করতে লেখকের ছবিতে নতুন ইফেক্ট দেওয়া হয়েছে।</div>
<div style="text-align: center;">
মোঃ
 ফজলে রাব্বী ভাই বাংলাদেশের একজন বিখ্যাত ব্লগার। তার তৈরি করা বেশ কিছু 
চমৎকার টেমপ্লেটের একটি ইয়েলোউইশ। টেমপ্লেটটি একদম ফ্রি। টেমপ্লেটটির 
লাইসেন্স হলো: This free Blogger template is licensed under the Creative 
Commons Attribution 3.0 License, which permits both personal and 
commercial use.<br /> However, to satisfy the 'attribution' clause of the 
license, you are required to keep the footer links intact which provides
 due credit to its authors. For more specific details about the license,
 you may visit the URL: <a href="http://creativecommons.org/licenses/by/3.0/" rel="nofollow">http://creativecommons.org/licenses/by/3.0/</a></div>
<div style="text-align: center;">
অর্থাৎ,
 ব্যক্তিগত এবং ব্যাবসায়িকভাবে টেমপ্লেটি ব্যবহারযোগ্য। শুধু ফুটার 
ক্রেডিটের লিংক রেখে দিতে হবে। তাই আমি টেমপ্লেটটিকে একটু কাস্টমাইজ করলাম।</div>
<div style="text-align: center;">
এক নজরে-<br /> বেজ থিম: ইয়েলোউইশ<br /> থিমের নাম: গ্রিনস লাকি ডে<br /> ভার্সন: ১.২<br /> ভাষা: বাংলা<br /> বেজ থিম ডিজাইনার: মোঃ ফজলে রাব্বী<br /> থিম ডিজাইনার: তাহমিদ হাসান মুত্তাকী এবং তাওসিফ তুরাবি</div>
<h3 style="text-align: center;">
ফিচার</h3>
<div style="text-align: center;">
নতুন সার্চ বক্স: সার্চ বক্স পুরো পাল্টে গ্রাডিয়েন্ট করা হয়েছে।</div>
<div style="text-align: center;">
<img alt="" class="  wp-image-406797 aligncenter" height="272" src="http://s.techtunes.com.bd/tDrive/tuner/greenranzer/406791/Untitled.png" width="493" /></div>
<div style="text-align: center;">
নতুন ফন্ট: ফন্ট হিসেবে আছে সিয়াম রূপালি</div>
<div style="text-align: center;">
বাংলা ভাষা: Read More, Latest Post সহ টেক্সটগুলো ট্রান্সলেট করা</div>
<div style="text-align: center;">
রেসপোন্সিভ ডিজাইনে পরিবর্তন: আরো রেসপোন্সিভ করা হয়েছে। এখন আর ১০০% ভিউয়ে সমস্যা নেই।</div>
<div style="text-align: center;">
<img alt="" class="alignnone size-full wp-image-406799" height="262" src="http://s.techtunes.com.bd/tDrive/tuner/greenranzer/406791/Untitled1.png" width="700" /> গ্রাডিয়েন্ট: বিভিন্ন জায়গায় আছে গ্রাডিয়েন্ট। মেনু, পেজ নাম্বার, রিড মোর ইত্যাতি গ্রাডিয়েন্ট করা হয়েছে।</div>
<div style="text-align: center;">
নতুন রং: সবুজকেন্দ্রিক রং ব্যবহৃত হয়েছে।</div>
<div style="text-align: center;">
অওদর ফটো: প্রতিটি টিউনে অওদর ফটো যোগ করা হয়েছে। অর্থাৎ, লেখকের ছবি।</div>
<div style="text-align: center;">
<img alt="" class="alignnone size-full wp-image-406803" height="262" src="http://s.techtunes.com.bd/tDrive/tuner/greenranzer/406791/Untitled2.png" width="700" /></div>
<div style="text-align: center;">
সিম্পল এডমিন প্যানেল: লগইন অবস্থায় কেবল এডমিনরা এই প্যানেল দেখতে পাবে</div>
<div style="text-align: center;">
লেখকের
 প্রোফাইল: লেখার নিচে আপনার সম্পর্কে তথ্য শো করবে। আপনার তথ্য হালনাগাদ 
করতে গুগল+ এ গিয়ে আপনার স্টোরি ও ট্যাগলাইন আপডেট করুন এবং পাবলিক করে 
দিন।</div>
<div style="text-align: center;">
<img alt="" border="0" height="241" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgm-sslTZKIDymSkqaBRKSTsyy1sf7j1jwdgSiLFggeGFrShx2vzxuSzPfE1iJ7ptdXyps32ZWXL8ysUQAqy3kNwDRCCM0sKc08kSBSSBH1hZI_MfQ92rU7ABTOWKF6wa89uoLBs5SlPL8/s640/Untitled.png" width="640" /></div>
<div style="text-align: center;">
ডেমো: <a href="http://yellowish-bsdesign.blogspot.com/">ইয়েলো উইশ</a>,  <a href="http://www.grplusbd.cf/">গ্রিনস লাকি ডে</a></div>
<h2 style="text-align: center;">
<a href="http://www.datafilehost.com/d/bf57dc3b">ডাউনলোড</a></h2>
<div style="text-align: center;">
ইন্সটল করবেন যেভাবে-</div>
<div style="text-align: center;">
১। ব্লগের ড্যাশবোর্ড থেকে টেমপ্লেটে যান।</div>
<div style="text-align: center;">
২। Backup/Restore এ ক্লিক করুন।</div>
<div style="text-align: center;">
৩। টেমপ্লেটটি আপলোড করুন।</div>
<div style="text-align: center;">
৫। কোন এরর দেখাতে পারে। সমস্যা নাই। আপলোড হয়ে গেছে।</div>
<div style="text-align: center;">
গ্যাজেট যুক্ত করবেন যেভাবে-</div>
<h3 style="text-align: center;">
রিসেন্ট কমেন্ট গ্যজেট</h3>
<div style="text-align: center;">
১. লেআউটে যান।<br /> ২. কমেন্ট উইজেটে যান এবং এডিট  বাটনে ক্লিক করুন।<br /> ৩. নিচের কোডটি পেস্ট করে সেভ করুন-</div>
<blockquote class="tr_bq">
<a name="comment-box"></a><br /> <style type="text/css"><br /> .rc{padding-left:24px; padding-top: 6px;}<br /> .rc a:hover {color: #F3903E;text-decoration: none;}<br /> .rc-ico{margin-left:-20px;margin-top:4px;float:left; margin-right:3px}<br />
 .rc-ico img {margin-top: -2px;margin-right:5px; border: 2px solid 
#fff;-webkit-border-radius: 100px;-moz-border-radius: 
100px;border-radius: 100px;-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 
.4);-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .4);box-shadow: 0 1px 2px 
rgba(0, 0, 0, .4);<br /> -webkit-transition: all 1s ease-in-out;<br /> -moz-transition: all 1s ease-in-out;<br /> -o-transition: all 1s ease-in-out;<br /> -ms-transition: all 1s ease-in-out; }<br /> .rc-ico img:hover {-webkit-transform: rotate(360deg);<br /> -moz-transform: rotate(360deg);<br /> -o-transform: rotate(360deg);<br /> -ms-transform: rotate(360deg);}<br /> .rc-header{font-size: 13px;}<br /> .rc-header a{}<br /> .rc-body{font-style: italic; font-size:11px;padding: 0px 4px 1px 10px;border: 1px solid transparent;}<br /> .rc-footer{font-size:11px; float: right;}<br /> </style><br /> <script type="text/javascript"><br /> var numRecentComments = 5;<br /> var maxCommentChars = 67;<br /> var trueAvatars = true;<br /> var urlMyAvatar = '';<br /> var urlMyProfile = '';<br /> var cropAvatar = true;<br /> var sizeAvatar = 30;<br />
 var urlNoAvatar = 
"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4PyNR5rlpsKNC3HUn_bT-z0p1rU0de6j7G0hC-G9RRL3TbFZfBRJvme8nNklqzzYqZNe2tCa6IsA7a2VF2mOcNhyphenhyphen_xg_DBvSKVO0-eHc8v4Ipcwd2xB9o0OG1aCiPDhQD9tygE5VMppJo/"+sizeAvatar+"/anonymous-Icon.jpg";<br /> var urlAnoAvatar = 'http://www.gravatar.com/avatar/00000000000000000000000000000000?d=mm&s=' + sizeAvatar;<br /> var txtMore = '';<br /> var txtWrote = 'commented:';<br /> var txtAnonymous = '';<br /> var maxResultsComments = "";<br /> var numPerPost = 2;<br /> var maxPostTitleChars = 40;<br /> var getTitles = true;<br /> var maxResultsPosts = "";<br /> var txtTooltip = '[user] on &quot;[title]&quot; - [date MM-dd-yyyy hh:mm]';<br /> var urlToTitle = {};<br /> function replaceVars(text, user, title, date) {<br /> text = text.replace('[user]', user);<br /> text = text.replace('[date]', date.toLocaleDateString());<br /> text = text.replace('[datetime]', date.toLocaleString());<br /> text = text.replace('[time]', date.toLocaleTimeString());<br /> text = text.replace('[title]', title.replace(/\"/g,'&quot;'));<br /> var i = text.indexOf("[date ");<br /> if(i > -1) {<br /> var format = /\[date\s+(.+?)\]/.exec(text)[1];<br /> if(format != '') {<br /> var txtDate = format.replace(/yyyy/i, date.getFullYear());<br /> txtDate = txtDate.replace(/yy/i, date.getFullYear().toString().slice(-2));<br /> txtDate = txtDate.replace("MM", String("0"+(date.getMonth()+1)).slice(-2));<br /> txtDate = txtDate.replace("mm", String("0"+date.getMinutes()).slice(-2));<br /> txtDate = txtDate.replace("ss", String("0"+date.getSeconds()).slice(-2));<br /> txtDate = txtDate.replace("dd", String("0"+date.getDate()).slice(-2));<br /> //or: txtDate = txtDate.replace("dd", date.getDate());<br /> txtDate = txtDate.replace("hh", String("0"+date.getHours()).slice(-2));<br /> //or: txtDate = txtDate.replace("hh", date.getHours());<br /> text = text.replace(/\[date\s+(.+?)\]/, txtDate)<br /> }<br /> }<br /> return text;<br /> }<br /> if(urlMyProfile == "") {<br /> var elements = document.getElementsByTagName("*");<br /> var expr = /(^|)profile-link(|$)/;<br /> for(var i=0 ; i<elements.length ; i++)<br /> if(expr.test(elements[i].className)) {<br /> urlMyProfile = elements[i].href;<br /> break;<br /> }<br /> }<br /> function getPostUrlsForComments(json) {<br /> for(var i = 0 ; i < json.feed.entry.length ; i++) {<br /> var entry = json.feed.entry[i];<br /> for (var k = 0; k < entry.link.length; k++) {<br /> if (entry.link[k].rel == 'alternate') {<br /> href = entry.link[k].href;<br /> break;<br /> }<br /> }<br /> urlToTitle[href] = entry.title.$t;<br /> }<br /> }<br /> function showRecentComments(json) {<br /> var postHandled = {};<br /> var j = 0;<br /> if(numPerPost) {<br /> while(numPerPost < numRecentComments) {<br /> for(var i = 0 ; i < json.feed.entry.length ; i++) {<br /> var entry = json.feed.entry[i]; if(entry.author[0].name.$t=="Blogger User") continue;<br /> if(entry["thr$in-reply-to"]) {<br /> if(!postHandled[entry["thr$in-reply-to"].href])<br /> postHandled[entry["thr$in-reply-to"].href] = 1;<br /> else<br /> postHandled[entry["thr$in-reply-to"].href]++;<br /> if(postHandled[entry["thr$in-reply-to"].href] <= numPerPost)<br /> j++;<br /> }<br /> }<br /> if(j >= numRecentComments)<br /> break;<br /> numPerPost++;<br /> j = 0;<br /> postHandled = {};<br /> }<br /> if(numRecentComments == numPerPost)<br /> numPerPost = 0;<br /> }<br /> postHandled = {};<br /> j = 0;<br /> for(var i = 0 ; j < numRecentComments && i < json.feed.entry.length ; i++) {<br /> var entry = json.feed.entry[i]; if(entry.author[0].name.$t=="Blogger User") continue;<br />
 if(numPerPost && postHandled[entry["thr$in-reply-to"].href] 
&& postHandled[entry["thr$in-reply-to"].href] >= numPerPost)<br /> continue;<br /> if(entry["thr$in-reply-to"]) {<br /> if(!postHandled[entry["thr$in-reply-to"].href])<br /> postHandled[entry["thr$in-reply-to"].href] = 1;<br /> else<br /> postHandled[entry["thr$in-reply-to"].href]++;<br /> j++;<br /> var href='';<br /> for (var k = 0; k < entry.link.length; k++) {<br /> if (entry.link[k].rel == 'alternate') {<br /> href = entry.link[k].href;<br /> break;<br /> }<br /> }<br /> if(href=='') {j--; continue; }<br /> var hrefPost = href.split("?")[0];<br /> var comment = "";<br /> if("content" in entry) comment = entry.content.$t;<br /> else comment = entry.summary.$t;<br /> comment = comment.replace(/<br[^>]*>/ig, " ");<br /> comment = comment.replace(/<\S[^>]*>/g, "");<br /> var postTitle="-";<br /> if(urlToTitle[hrefPost]) postTitle=urlToTitle[hrefPost];<br /> else {<br /> if(hrefPost.match(/\/([^/]*)\.html/)) postTitle = hrefPost.match(/\/([^/]*)\.html/)[1].replace(/_\d{2}$/, "");<br /> postTitle = postTitle.replace(/-/g," ");<br /> postTitle = postTitle[0].toUpperCase() + postTitle.slice(1);<br /> }<br /> if(maxPostTitleChars && postTitle.length > maxPostTitleChars) {<br /> postTitle = postTitle.substring(0, maxPostTitleChars);<br /> var indexBreak = postTitle.lastIndexOf(" ");<br /> postTitle = postTitle.substring(0, indexBreak) + "...";<br /> }<br />
var authorName = entry.author[0].name.$t;<br /> var authorUri = "";<br /> if(entry.author[0].uri && entry.author[0].uri.$t != "")<br /> authorUri = entry.author[0].uri.$t;<br /> var avaimg = urlAnoAvatar;<br /> var bloggerprofile = "http://www.blogger.com/profile/";<br />
 if(trueAvatars && entry.author[0].gd$image && 
entry.author[0].gd$image.src && 
authorUri.substr(0,bloggerprofile.length) == bloggerprofile)<br /> avaimg = entry.author[0].gd$image.src;<br /> else {<br /> var parseurl = document.createElement('a');<br /> if(authorUri != "") {<br /> parseurl.href = authorUri;<br /> avaimg = 'http://www.google.com/s2/favicons?domain=' + parseurl.hostname;<br /> }<br /> }<br /> if(urlMyProfile != "" && authorUri == urlMyProfile && urlMyAvatar != "")<br /> avaimg = urlMyAvatar;<br /> if(avaimg == "http://img2.blogblog.com/img/b16-rounded.gif" && urlNoAvatar != "")<br /> avaimg = urlNoAvatar;<br /> var newsize="s"+sizeAvatar;<br /> avaimg = avaimg.replace(/\/s\d\d+-c\//, "/"+newsize+"-c/");<br /> if(cropAvatar) newsize+="-c";<br /> avaimg = avaimg.replace(/\/s\d\d+(-c){0,1}\//, "/"+newsize+"/");<br /> if(authorName == 'Anonymous' && txtAnonymous != '' && avaimg == urlAnoAvatar)<br /> authorName = txtAnonymous;<br /> var imgcode = '<img height="'+sizeAvatar+'" width="'+sizeAvatar+'" title="'+authorName+'" src="'+avaimg+'" />';<br /> if (authorUri!="") imgcode = '<a href="'+authorUri+'">'+imgcode+'</a>';<br /> var clsAdmin = "";<br /> if(urlMyProfile != "" && authorUri == urlMyProfile)<br /> clsAdmin = " rc-admin";<br /> var datePart = entry.published.$t.match(/\d+/g); // assume ISO 8601<br /> var cmtDate = new Date(datePart[0],datePart[1]-1,datePart[2],datePart[3],datePart[4],datePart[5]);<br />
var txtHeader = txtWrote;<br /> if(txtWrote.indexOf('[')==-1)<br /> txtHeader = authorName + ' ' + txtWrote;<br /> else<br /> txtHeader = replaceVars(txtHeader, authorName, postTitle, cmtDate);<br />
var tooltip = replaceVars(txtTooltip, authorName, postTitle, cmtDate);<br /> if(!/#/.test(href)) href += "#comments";<br /> document.write('<div title="'+tooltip+'" class="rc'+clsAdmin+'">');<br />
 document.write('<div title="'+tooltip+'" 
class="rc-header'+clsAdmin+'"><div title="'+tooltip+'" 
class="rc-ico'+clsAdmin+'">'+imgcode+'</div><a 
title="'+tooltip+'" href="' + href + '">' + txtHeader + ' 
</a></div>');<br /> if(comment.length < maxCommentChars)<br /> document.write('<div title="'+tooltip+'" class="rc-body'+clsAdmin+'">' + comment + '</div>');<br /> else {<br /> comment = comment.substring(0, maxCommentChars);<br /> var indexBreak = comment.lastIndexOf(" ");<br /> comment = comment.substring(0, indexBreak);<br /> document.write('<div title="'+tooltip+'" class="rc-body'+clsAdmin+'">' + comment + '...</div>');<br /> if(txtMore != "") {<br /> var moretext = replaceVars(txtMore, authorName, postTitle, cmtDate);<br />
 document.write('<div title="'+tooltip+'" 
class="rc-footer'+clsAdmin+'"><a title="'+tooltip+'" href="' + 
href + '">' + moretext + '</a></div>');<br /> }<br /> }<br /> document.write('<div style="clear:both;"></div></div>');<br /> }<br /> }<br /> }<br /> if(getTitles)<br />
 document.write('<script type="text/javascript" 
src="http://'+window.location.hostname+'/feeds/posts/summary?redirect=false'+maxResultsPosts+'&alt=json-in-script&callback=getPostUrlsForComments"></'+'script>');<br />
 document.write('<script type="text/javascript" 
src="http://'+window.location.hostname+'/feeds/comments/default?redirect=false'+maxResultsComments+'&alt=json-in-script&callback=showRecentComments"></'+'script>');<br /> </script></blockquote>
<h3 style="text-align: center;">
এডমিন প্যানেল</h3>
<div style="text-align: center;">
১. লেআউটে যান।<br /> ২. HTML/JavaScript উইজেটে যান এবং এডিট  বাটনে ক্লিক করুন।<br /> ৩. নিচের কোডটি পেস্ট করুন।</div>
<blockquote class="tr_bq">
<span
 class="item-control blog-admin"><div dir="ltr" style="text-align:
 center;" 
trbidi="on"><b><h4>স্বাগতম!</h4></b><a 
href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNSlZpQWRpkq_WcBLMedY5Wj3LzLfnGTnrpqgPr4NGln9xEpgNDu-6cK313dKHuU8bc0N9wieb2H_xi-FqbmcHeTc59rHLVFzfN-b0882ynryQ7sfiDtOL6iTopEkM5jrC9v9aPukheD8/s1600/New+Bitmap+Image+%25284%2529.jpeg"
 imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img
 border="0" height="128" 
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNSlZpQWRpkq_WcBLMedY5Wj3LzLfnGTnrpqgPr4NGln9xEpgNDu-6cK313dKHuU8bc0N9wieb2H_xi-FqbmcHeTc59rHLVFzfN-b0882ynryQ7sfiDtOL6iTopEkM5jrC9v9aPukheD8/s1600/New+Bitmap+Image+%25284%2529.jpeg"
 width="124" / /></a><div style="text-align: center;"> 
<a 
href="https://www.blogger.com/blogger.g?blogID=XXXX#editor/src=header">নতুন
 টিউন</a><br /><a 
href="https://www.blogger.com/blogger.g?blogID=XXXX#allposts">সকল 
টিউন</a><br /></div><a 
href="https://www.blogger.com/blogger.g?blogID=XXXX#basicsettings">সেটিংস</a><br
 /><div style="text-align: center;"><a 
href="http://www.blogger.com/logout.g">লগ আউট</a> 
</div><br /></div></span></blockquote>
<div style="text-align: center;">
৪. এবার লাল রঙের XXXX লেখাগুলো আপনার ব্লগ আইডি দিয়ে বদলে দিন।</div>
<h3 style="text-align: center;">
ব্লগ আইডি জানার নিয়ম</h3>
<div style="text-align: center;">
১. লেআউটে বা ড্যাশবোর্ডের যেকোন স্থানে যান।<br /> ২. লিংকটি লক্ষ্য করুন। সেখানে দেখবেন blogID=10101010101010# এরকম একটা কোড আছে।<br /> ৩. এই সংখ্যাগুলোই আপনার ব্লগ আইডি।</div>
<h3 style="text-align: center;">
মেনু এডিট করবেন যেভাবে-</h3>
<h4 style="text-align: center;">
টপ মেনু</h4>
<div style="text-align: center;">
১. আপনার ব্লগের টেমপ্লেট > Edit HTML এ যান।<br /> ২. সার্চ দিন- <ul class='bs-menu' id='topmenunav'><br /> ৩. এবার নিচের এই কোডগুলো এডিট করুন-<br /> <li><a href='#'>Menu 1</a></li><br /> <li><a href='#'>Menu 2</a></li><br /> <li><a href='#'>Menu 3</a></li><br /> <li><a href='#'>Menu 4</a></li><br /> <li><a href='#'>Menu 5</a></li><br /> ৪. # এর জায়গায় লিংক এবং Menu 1.....5 লেখা গুলো কি শো করবে তা লিখে বদলে দিন।</div>
<h4 style="text-align: center;">
মেন মেনু</h4>
<div style="text-align: center;">
১. আপনার ব্লগের টেমপ্লেট > Edit HTML এ যান।<br /> ২. সার্চ দিন- <ul class='bs-menu' id='menunav'><br /> ৩. এবার নিচের এই কোডগুলো এডিট করুন-<br /> <li><a href='#'>Menu 1</a></li><br />  <li><a href='#'>Menu 2</a><ul><br /><li><a href='#'>Sub Menu 1</a></li><br /><li><a href='#'>Sub Menu 2</a></li><br /><li><a href='#'>Sub Menu 3</a></li><br />    </ul></li><br /><li><a href='#'>Menu 3</a></li><br /><li><a href='#'>Menu 4</a></li><br /><li><a href='#'>Menu 5</a></li><br /></ul></div>
<div style="text-align: center;">
 ৪. # এর জায়গায় লিংক এবং Menu 1.....5 লেখা গুলো কি শো করবে তা লিখে বদলে দিন।<br /> ধন্যবাদ।</div>
</div>
</div>
</div>

গ্রিনস লাকি ডে

আসসালামু আলাইকুম। টেমপ্লেট ডিজাইনার হওয়ার শখ ছিলো এবং আছে। কিন্তু এখনো কিছুই শিখতে পারিনি। তাই অন্যের টেমপ্লেট কাস্টমাইজেশন করে ...

বিস্তারিত..

এই শীতকালের সেরা উপহার: বরফের মত ঠান্ডা

Tahmid Hasan 0 টেমপ্লেট

<div dir="ltr" style="text-align: left;" trbidi="on">
আসসালামু আলাইকুম।<br />
বরফের মত ঠান্ডা হলো আমার আর তুরাবির ডিজাইন করা আরো একটি টেমপ্লেট। মজার 
বিষয় হলো দুপুর সাড়ে বারোটায় এটার কাজ শুরু করে দুপুর দেড়টায় কাজ শেষ! এটা 
শুধু <a href="http://blog.grplusbd.com/2016/01/blog-post_78.html">প্রকৃতির কাছাকাছি</a>
 টেমপ্লেটের রং পরিবর্তন করেই তৈরি। এই টেমপ্লেটের দুটি অতিরিক্ত এডসহ ফ্রি
 ভার্সনের পাশাপাশি পেইড ভার্সনও আছে, যার মূল্য ১০০ টাকা। দুঃখজনকভাবে 
যেহেতু এটা বেজ টেমপ্লেটের উপর ভিত্তি করে তৈরি সেহেতু লাইসেন্স অনুযায়ী 
পেইড ভার্সনেও ফুটার ক্রেডিট থাকবে। পেইড ভার্সনটি আমাদের সাপোর্ট করতে 
চাইলে প্লিজ ক্রয় করবেন।<br />
<br />
স্পষ্ট করে বলি, টেমপ্লেটটি কিভাবে তৈরি করেছি যে একঘন্টা লেগেছে। আসলে 
সময়টা একঘন্টা না, এক বছরেরও বেশি। আমরা প্রথমে ইয়েলোউইশ টেমপ্লেট নিয়ে কাজ
 করেছি নিজেদের ব্লগে। নিজেদের প্রয়োজনের জন্যই আস্তে আস্তে একে সুন্দর 
করেছি, নতুন নতুন ফিচার যোগ করেছি। প্রথমে গ্রিনস লাকি ডে বের করি। এরপর 
রিলিজ দিই স্বাধীনতার রং। তারপর আরো নতুন অনেক ফিচার যোগ করি পরের ভার্সনে,
 কোল্ড এজ আইস। সেই ফিচারগুলো সহ বের করি স্বাধীনতার রঙয়ের নতুন ভার্সন। 
তাই আজ এই টেমপ্লেটে বানাতে কোন সময়ই লাগেনি, অথচ এটা এক বছরের বেশি সময় 
ধরে তৈরি হয়েছে।<br />
<br />
সুন্দর এই টেমপ্লেটটিতে একটা পেইড টেমপ্লেটের সব ফিচারই আছে। নির্দিধায় 
বলতে পারি টেমপ্লেটটা সুন্দর লাগবেই। এই টেমপ্লেটটা খুব চমৎকার। 
ডকুমেন্টেশন সহজ। লেআউটও সুবিধাজনক।<br />
টেমপ্লেট ডিজাইনার হওয়ার শখ ছিলো এবং আছে। কিন্তু এখনো কিছুই শিখতে 
পারিনি। তাই অন্যের টেমপ্লেট কাস্টমাইজেশন করে কুল লুক দেওয়ার চেষ্টা করছি।
 আমার এক ফ্রেন্ড তুরাবি আর আমি একত্রে এটা এডিট করেছি।<br />
মোঃ ফজলে 
রাব্বী ভাই বাংলাদেশের একজন বিখ্যাত ব্লগার। আমি তার অনেক ভক্ত। তার তৈরি করা বেশ কিছু চমৎকার 
টেমপ্লেটের একটি ইয়েলোউইশ। টেমপ্লেটটি একদম ফ্রি। টেমপ্লেটটির লাইসেন্স 
হলো: This free Blogger template is licensed under the Creative Commons 
Attribution 3.0 License, which permits both personal and commercial use.<br />
However, to satisfy the 'attribution' clause of the license, you are 
required to keep the footer links intact which provides due credit to 
its authors. For more specific details about the license, you may visit 
the URL: <a href="http://creativecommons.org/licenses/by/3.0/" rel="nofollow">http://creativecommons.org/licenses/by/3.0/</a><br />
অর্থাৎ,
 ব্যক্তিগত এবং ব্যাবসায়িকভাবে টেমপ্লেটি ব্যবহারযোগ্য। শুধু ফুটার 
ক্রেডিটের লিংক রেখে দিতে হবে। তাই আমি টেমপ্লেটটিকে একটু কাস্টমাইজ করলাম।
টেমপ্লেটটি ফ্রি 
নয়। তবে ফ্রি ভার্সনও আছে। আমাদের সাপোর্ট করতে পেইড ভার্সন কিনতে পারেন। 
মূল্য ১০০ টাকা মাত্র। উল্লেখ্য যে ফুটার ক্রেডিট পেইড ভার্সনেও থাকবে। 
শুধু আমাদের দুইটি বিজ্ঞাপন থাকবে না। পেইড ভার্সন শুধুমাত্র আমাদের 
সাপোর্ট করার জন্যই কিনবেন।<br />
এক নজরে-<br />
বেজ থিম: ইয়েলোউইশ<br />
থিমের নাম: বরফের মত ঠান্ডা<br />
ভার্সন: ৩<br />
ভাষা: বাংলা<br />
বেজ থিম ডিজাইনার: মোঃ ফজলে রাব্বী<br />
থিম ডিজাইনার: তাহমিদ হাসান মুত্তাকী এবং তাওসিফ তুরাবি<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhH6SCXV580cbvW9q97xLHY-L4LWCAZmTqVWxESmzISLkPtdzD4fkbEbfmD76dPSPZnCUzmX5MWDzgY-UXJSkQIpFPkFy6V9bxh0Lh2JZlliHJtYkRCJAazDafp5cXYEfEZXv6mW3klUA8/s1600/Untitled.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhH6SCXV580cbvW9q97xLHY-L4LWCAZmTqVWxESmzISLkPtdzD4fkbEbfmD76dPSPZnCUzmX5MWDzgY-UXJSkQIpFPkFy6V9bxh0Lh2JZlliHJtYkRCJAazDafp5cXYEfEZXv6mW3klUA8/s320/Untitled.png" width="320" /></a></div>
<br />
<br />
<h3 style="text-align: center;">
ফিচার </h3>
<div style="text-align: left;">
রেসপোন্সিভ ডিজাইন: ডিজাইনটা একেবারেই রেসপোন্সিভ। ইয়েলোউইশের রেসপোন্সিভ 
ডিজাইনে কিছু ক্রুটি ছিলো। মানে ৮০% থেকে ১০০% জুমে একটু সমস্যা হতো 
গ্যাজেট গুলোতে। এরকম বেশ কিছু সমস্যা সমাধান করে একটি অসাধারণ রেসপোন্সিভ 
ডিজাইন দেওয়া হয়েছে।</div>
<div style="text-align: left;">
গ্রাডিয়েন্ট: অসাধারণভাবে গ্রাডিয়েন্টের ব্যবহার করা হয়েছে। মেনু, পেজ নাম্বার, রিড মোর ইত্যাতি গ্রাডিয়েন্ট করা হয়েছে।</div>
নতুন রং: সুন্দর করে রাঙানো হয়েছে এই টেমপ্লেট<br />
অথর ফটো: প্রতিটি পোস্টে অথর ফটো যোগ করা হয়েছে। অর্থাৎ, লেখকের ছবি।<br />
সিম্পল এডমিন প্যানেল: লগইন অবস্থায় কেবল এডমিনরা এই প্যানেল দেখতে পাবে।<br />
লেখকের
 প্রোফাইল: লেখার নিচে আপনার সম্পর্কে তথ্য শো করবে। আপনার তথ্য হালনাগাদ 
করতে গুগল+ এ গিয়ে আপনার স্টোরি ও ট্যাগলাইন আপডেট করুন এবং পাবলিক করে 
দিন। নিচের চিত্রের পদ্ধতি অণুসরণ করে আপনি এটি করতে পারবেন।<br />
<img alt="" border="0" height="241" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgm-sslTZKIDymSkqaBRKSTsyy1sf7j1jwdgSiLFggeGFrShx2vzxuSzPfE1iJ7ptdXyps32ZWXL8ysUQAqy3kNwDRCCM0sKc08kSBSSBH1hZI_MfQ92rU7ABTOWKF6wa89uoLBs5SlPL8/s640/Untitled.png" width="640" /> <br />
আরো অনেক ফিচার আছে। অসাধারণ সব ফিচার আপনি পাবেন এই টেমপ্লেটে।<br />
<br />
<h3 style="text-align: center;">
ডেমো</h3>
<h4 style="text-align: center;">
<a href="http://yellowish-bsdesign.blogspot.com/">ইয়েলো উইশ</a>, <a href="http://coldsice.blogspot.com/">বরফের মত ঠান্ডা</a></h4>
<div style="text-align: left;">
আশা করা যায় টেমপ্লেটটি আপনার ভালো লেগেছে </div>
<h2 style="text-align: center;">
<a href="http://www.datafilehost.com/d/e6ee8aad">ফ্রি ভার্সন ডাউনলোড</a></h2>
<h2 style="text-align: center;">
<a href="http://blog.grplusbd.com/p/blog-page_44.html" target="_blank">পেইড ভার্সন কিনুন: ১০০ টাকা মাত্র</a></h2>
<h2 style="text-align: center;">
</h2>
<h3 style="text-align: center;">
ইন্সটল ও ডকুমেন্টেশন</h3>
ইন্সটল করবেন যেভাবে-<br />
১। ব্লগের ড্যাশবোর্ড থেকে টেমপ্লেটে যান।<br />
২। Edit HTML এ ক্লিক করুন।<br />
৩। ডাউনলোড করা টেমপ্লেটটির কোড কপি করে পেস্ট করুন।<br />
<h3 style="text-align: center;">
গ্যাজেট যুক্ত করবেন যেভাবে-</h3>
<h4 style="text-align: left;">
রিসেন্ট কমেন্ট গ্যজেট</h4>
<h4 style="text-align: left;">
 <div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVyNdMmTkA1-Y1UByXKLWkFqu98SJt8LldTDXTXzNJX7oltCHzFB1QQaDtlLew_ST0Xl2a7rqicQZGkM_5gXkPEj5L18OcWXk1ctrJSEtoD10x3ZurK28UGahlfg-zttYoKOj3zJwfMM8/s1600/Untitled1.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVyNdMmTkA1-Y1UByXKLWkFqu98SJt8LldTDXTXzNJX7oltCHzFB1QQaDtlLew_ST0Xl2a7rqicQZGkM_5gXkPEj5L18OcWXk1ctrJSEtoD10x3ZurK28UGahlfg-zttYoKOj3zJwfMM8/s1600/Untitled1.png" /></a></div>
</h4>
১. লেআউটে যান।<br />
২. মন্তব্য উইজেটে যান এবং এডিট  বাটনে ক্লিক করুন।<br />
৩. নিচের কোডটি পেস্ট করে সেভ করুন-<br />
<blockquote class="tr_bq">
<a name="comment-box"></a><br />
<style type="text/css"><br />
.rc{padding-left:24px; padding-top: 6px;}<br />
.rc a:hover {color: #F3903E;text-decoration: none;}<br />
.rc-ico{margin-left:-20px;margin-top:4px;float:left; margin-right:3px}<br />
.rc-ico img {margin-top: -2px;margin-right:5px; border: 2px solid 
#fff;-webkit-border-radius: 100px;-moz-border-radius: 
100px;border-radius: 100px;-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 
.4);-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .4);box-shadow: 0 1px 2px 
rgba(0, 0, 0, .4);<br />
-webkit-transition: all 1s ease-in-out;<br />
-moz-transition: all 1s ease-in-out;<br />
-o-transition: all 1s ease-in-out;<br />
-ms-transition: all 1s ease-in-out; }<br />
.rc-ico img:hover {-webkit-transform: rotate(360deg);<br />
-moz-transform: rotate(360deg);<br />
-o-transform: rotate(360deg);<br />
-ms-transform: rotate(360deg);}<br />
.rc-header{font-size: 13px;}<br />
.rc-header a{}<br />
.rc-body{font-style: italic; font-size:11px;padding: 0px 4px 1px 10px;border: 1px solid transparent;}<br />
.rc-footer{font-size:11px; float: right;}<br />
</style><br />
<script type="text/javascript"><br />
var numRecentComments = 5;<br />
var maxCommentChars = 67;<br />
var trueAvatars = true;<br />
var urlMyAvatar = '';<br />
var urlMyProfile = '';<br />
var cropAvatar = true;<br />
var sizeAvatar = 30;<br />
var urlNoAvatar = 
"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4PyNR5rlpsKNC3HUn_bT-z0p1rU0de6j7G0hC-G9RRL3TbFZfBRJvme8nNklqzzYqZNe2tCa6IsA7a2VF2mOcNhyphenhyphen_xg_DBvSKVO0-eHc8v4Ipcwd2xB9o0OG1aCiPDhQD9tygE5VMppJo/"+sizeAvatar+"/anonymous-Icon.jpg";<br />
var urlAnoAvatar = 'http://www.gravatar.com/avatar/00000000000000000000000000000000?d=mm&s=' + sizeAvatar;<br />
var txtMore = '';<br />
var txtWrote = 'commented:';<br />
var txtAnonymous = '';<br />
var maxResultsComments = "";<br />
var numPerPost = 2;<br />
var maxPostTitleChars = 40;<br />
var getTitles = true;<br />
var maxResultsPosts = "";<br />
var txtTooltip = '[user] on &quot;[title]&quot; - [date MM-dd-yyyy hh:mm]';<br />
var urlToTitle = {};<br />
function replaceVars(text, user, title, date) {<br />
text = text.replace('[user]', user);<br />
text = text.replace('[date]', date.toLocaleDateString());<br />
text = text.replace('[datetime]', date.toLocaleString());<br />
text = text.replace('[time]', date.toLocaleTimeString());<br />
text = text.replace('[title]', title.replace(/\"/g,'&quot;'));<br />
var i = text.indexOf("[date ");<br />
if(i > -1) {<br />
var format = /\[date\s+(.+?)\]/.exec(text)[1];<br />
if(format != '') {<br />
var txtDate = format.replace(/yyyy/i, date.getFullYear());<br />
txtDate = txtDate.replace(/yy/i, date.getFullYear().toString().slice(-2));<br />
txtDate = txtDate.replace("MM", String("0"+(date.getMonth()+1)).slice(-2));<br />
txtDate = txtDate.replace("mm", String("0"+date.getMinutes()).slice(-2));<br />
txtDate = txtDate.replace("ss", String("0"+date.getSeconds()).slice(-2));<br />
txtDate = txtDate.replace("dd", String("0"+date.getDate()).slice(-2));<br />
//or: txtDate = txtDate.replace("dd", date.getDate());<br />
txtDate = txtDate.replace("hh", String("0"+date.getHours()).slice(-2));<br />
//or: txtDate = txtDate.replace("hh", date.getHours());<br />
text = text.replace(/\[date\s+(.+?)\]/, txtDate)<br />
}<br />
}<br />
return text;<br />
}<br />
if(urlMyProfile == "") {<br />
var elements = document.getElementsByTagName("*");<br />
var expr = /(^|)profile-link(|$)/;<br />
for(var i=0 ; i<elements.length ; i++)<br />
if(expr.test(elements[i].className)) {<br />
urlMyProfile = elements[i].href;<br />
break;<br />
}<br />
}<br />
function getPostUrlsForComments(json) {<br />
for(var i = 0 ; i < json.feed.entry.length ; i++) {<br />
var entry = json.feed.entry[i];<br />
for (var k = 0; k < entry.link.length; k++) {<br />
if (entry.link[k].rel == 'alternate') {<br />
href = entry.link[k].href;<br />
break;<br />
}<br />
}<br />
urlToTitle[href] = entry.title.$t;<br />
}<br />
}<br />
function showRecentComments(json) {<br />
var postHandled = {};<br />
var j = 0;<br />
if(numPerPost) {<br />
while(numPerPost < numRecentComments) {<br />
for(var i = 0 ; i < json.feed.entry.length ; i++) {<br />
var entry = json.feed.entry[i]; if(entry.author[0].name.$t=="Blogger User") continue;<br />
if(entry["thr$in-reply-to"]) {<br />
if(!postHandled[entry["thr$in-reply-to"].href])<br />
postHandled[entry["thr$in-reply-to"].href] = 1;<br />
else<br />
postHandled[entry["thr$in-reply-to"].href]++;<br />
if(postHandled[entry["thr$in-reply-to"].href] <= numPerPost)<br />
j++;<br />
}<br />
}<br />
if(j >= numRecentComments)<br />
break;<br />
numPerPost++;<br />
j = 0;<br />
postHandled = {};<br />
}<br />
if(numRecentComments == numPerPost)<br />
numPerPost = 0;<br />
}<br />
postHandled = {};<br />
j = 0;<br />
for(var i = 0 ; j < numRecentComments && i < json.feed.entry.length ; i++) {<br />
var entry = json.feed.entry[i]; if(entry.author[0].name.$t=="Blogger User") continue;<br />
if(numPerPost && postHandled[entry["thr$in-reply-to"].href] 
&& postHandled[entry["thr$in-reply-to"].href] >= numPerPost)<br />
continue;<br />
if(entry["thr$in-reply-to"]) {<br />
if(!postHandled[entry["thr$in-reply-to"].href])<br />
postHandled[entry["thr$in-reply-to"].href] = 1;<br />
else<br />
postHandled[entry["thr$in-reply-to"].href]++;<br />
j++;<br />
var href='';<br />
for (var k = 0; k < entry.link.length; k++) {<br />
if (entry.link[k].rel == 'alternate') {<br />
href = entry.link[k].href;<br />
break;<br />
}<br />
}<br />
if(href=='') {j--; continue; }<br />
var hrefPost = href.split("?")[0];<br />
var comment = "";<br />
if("content" in entry) comment = entry.content.$t;<br />
else comment = entry.summary.$t;<br />
comment = comment.replace(/<br[^>]*>/ig, " ");<br />
comment = comment.replace(/<\S[^>]*>/g, "");<br />
var postTitle="-";<br />
if(urlToTitle[hrefPost]) postTitle=urlToTitle[hrefPost];<br />
else {<br />
if(hrefPost.match(/\/([^/]*)\.html/)) postTitle = hrefPost.match(/\/([^/]*)\.html/)[1].replace(/_\d{2}$/, "");<br />
postTitle = postTitle.replace(/-/g," ");<br />
postTitle = postTitle[0].toUpperCase() + postTitle.slice(1);<br />
}<br />
if(maxPostTitleChars && postTitle.length > maxPostTitleChars) {<br />
postTitle = postTitle.substring(0, maxPostTitleChars);<br />
var indexBreak = postTitle.lastIndexOf(" ");<br />
postTitle = postTitle.substring(0, indexBreak) + "...";<br />
}<br />
var authorName = entry.author[0].name.$t;<br />
var authorUri = "";<br />
if(entry.author[0].uri && entry.author[0].uri.$t != "")<br />
authorUri = entry.author[0].uri.$t;<br />
var avaimg = urlAnoAvatar;<br />
var bloggerprofile = "http://www.blogger.com/profile/";<br />
if(trueAvatars && entry.author[0].gd$image && 
entry.author[0].gd$image.src && 
authorUri.substr(0,bloggerprofile.length) == bloggerprofile)<br />
avaimg = entry.author[0].gd$image.src;<br />
else {<br />
var parseurl = document.createElement('a');<br />
if(authorUri != "") {<br />
parseurl.href = authorUri;<br />
avaimg = 'http://www.google.com/s2/favicons?domain=' + parseurl.hostname;<br />
}<br />
}<br />
if(urlMyProfile != "" && authorUri == urlMyProfile && urlMyAvatar != "")<br />
avaimg = urlMyAvatar;<br />
if(avaimg == "http://img2.blogblog.com/img/b16-rounded.gif" && urlNoAvatar != "")<br />
avaimg = urlNoAvatar;<br />
var newsize="s"+sizeAvatar;<br />
avaimg = avaimg.replace(/\/s\d\d+-c\//, "/"+newsize+"-c/");<br />
if(cropAvatar) newsize+="-c";<br />
avaimg = avaimg.replace(/\/s\d\d+(-c){0,1}\//, "/"+newsize+"/");<br />
if(authorName == 'Anonymous' && txtAnonymous != '' && avaimg == urlAnoAvatar)<br />
authorName = txtAnonymous;<br />
var imgcode = '<img height="'+sizeAvatar+'" width="'+sizeAvatar+'" title="'+authorName+'" src="'+avaimg+'" />';<br />
if (authorUri!="") imgcode = '<a href="'+authorUri+'">'+imgcode+'</a>';<br />
var clsAdmin = "";<br />
if(urlMyProfile != "" && authorUri == urlMyProfile)<br />
clsAdmin = " rc-admin";<br />
var datePart = entry.published.$t.match(/\d+/g); // assume ISO 8601<br />
var cmtDate = new Date(datePart[0],datePart[1]-1,datePart[2],datePart[3],datePart[4],datePart[5]);<br />
var txtHeader = txtWrote;<br />
if(txtWrote.indexOf('[')==-1)<br />
txtHeader = authorName + ' ' + txtWrote;<br />
else<br />
txtHeader = replaceVars(txtHeader, authorName, postTitle, cmtDate);<br />
var tooltip = replaceVars(txtTooltip, authorName, postTitle, cmtDate);<br />
if(!/#/.test(href)) href += "#comments";<br />
document.write('<div title="'+tooltip+'" class="rc'+clsAdmin+'">');<br />
document.write('<div title="'+tooltip+'" 
class="rc-header'+clsAdmin+'"><div title="'+tooltip+'" 
class="rc-ico'+clsAdmin+'">'+imgcode+'</div><a 
title="'+tooltip+'" href="' + href + '">' + txtHeader + ' 
</a></div>');<br />
if(comment.length < maxCommentChars)<br />
document.write('<div title="'+tooltip+'" class="rc-body'+clsAdmin+'">' + comment + '</div>');<br />
else {<br />
comment = comment.substring(0, maxCommentChars);<br />
var indexBreak = comment.lastIndexOf(" ");<br />
comment = comment.substring(0, indexBreak);<br />
document.write('<div title="'+tooltip+'" class="rc-body'+clsAdmin+'">' + comment + '...</div>');<br />
if(txtMore != "") {<br />
var moretext = replaceVars(txtMore, authorName, postTitle, cmtDate);<br />
document.write('<div title="'+tooltip+'" 
class="rc-footer'+clsAdmin+'"><a title="'+tooltip+'" href="' + 
href + '">' + moretext + '</a></div>');<br />
}<br />
}<br />
document.write('<div style="clear:both;"></div></div>');<br />
}<br />
}<br />
}<br />
if(getTitles)<br />
document.write('<script type="text/javascript" 
src="http://'+window.location.hostname+'/feeds/posts/summary?redirect=false'+maxResultsPosts+'&alt=json-in-script&callback=getPostUrlsForComments"></'+'script>');<br />
document.write('<script type="text/javascript" 
src="http://'+window.location.hostname+'/feeds/comments/default?redirect=false'+maxResultsComments+'&alt=json-in-script&callback=showRecentComments"></'+'script>');<br />
</script></blockquote>
<br />
<h3>
এডমিন প্যানেল</h3>
<h3 style="text-align: center;">
<img alt="" class=" size-full wp-image-411395 aligncenter" height="349" src="http://s.techtunes.com.bd/tDrive/tuner/greenranzer/411375/Admin-Panel.jpg" width="251" /> </h3>
১. লেআউটে যান।<br />
২. HTML/JavaScript উইজেটে যান এবং এডিট  বাটনে ক্লিক করুন।<br />
৩.কোন শিরোনাম বা টাইটেল দিবেন না।<br />
৪. নিচের কোড পেস্ট করুন-<br />
<blockquote class="tr_bq">
<span class="item-control blog-admin"><div dir="ltr" 
style="text-align: center;" 
trbidi="on"><b><h4>স্বাগতম!</h4></b><a 
href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNSlZpQWRpkq_WcBLMedY5Wj3LzLfnGTnrpqgPr4NGln9xEpgNDu-6cK313dKHuU8bc0N9wieb2H_xi-FqbmcHeTc59rHLVFzfN-b0882ynryQ7sfiDtOL6iTopEkM5jrC9v9aPukheD8/s1600/New+Bitmap+Image+%25284%2529.jpeg"
 imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img
 border="0" height="128" 
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNSlZpQWRpkq_WcBLMedY5Wj3LzLfnGTnrpqgPr4NGln9xEpgNDu-6cK313dKHuU8bc0N9wieb2H_xi-FqbmcHeTc59rHLVFzfN-b0882ynryQ7sfiDtOL6iTopEkM5jrC9v9aPukheD8/s1600/New+Bitmap+Image+%25284%2529.jpeg"
 width="124" / /></a><div style="text-align: center;"> 
<a 
href="https://www.blogger.com/blogger.g?blogID=<span style="color: red;">XXXX</span>#editor/src=header">নতুন
 টিউন</a><br /><a 
href="https://www.blogger.com/blogger.g?blogID=<span style="color: red;">XXXX</span>#allposts">সকল 
টিউন</a><br /></div><a 
href="https://www.blogger.com/blogger.g?blogID=<span style="color: red;">XXXX</span>#basicsettings">সেটিংস</a><br
 /><div style="text-align: center;"><a 
href="http://www.blogger.com/logout.g">লগ আউট</a> 
</div><br /></div></span></blockquote>
৪. এবার XXXX লেখাগুলো আপনার ব্লগ আইডি দিয়ে বদলে দিন। <br />
<br />
<h3>
সার্চ বক্স</h3>
<h3 style="text-align: center;">
 </h3>
১. লেআউটে যান।<br />
২. সার্চ বক্স গ্যাজেটে যান এবং এডিট  বাটনে ক্লিক করুন।<br />
৩.শিরোনাম বা টাইটেলমুছে ফেলাই ভালো।<br />
৪. নিচের কোড পেস্ট করুন-<br />
<blockquote class="tr_bq">
<style><br />/*designed by bloggertawsiftorabi.blogspot.com and grplusbd.cf */<br />#shbox {<br />background-image:
 
url("https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSmiAO-u1X5layF3KzeUUC9rAfNJm6nCkpVsP3VCWj9MDMW768T");<br />border-radius: 60px 1px 60px 1px;<br />box-shadow: 2px 3px 4px #000000;<br />padding: 20px 10px;<br />width: 98%;<br />}<br />#shbox:hover {<br />background-image: url("http://tweeting.com/wp-content/uploads/2011/12/snowy-fence-cover.jpg");<br />border-radius: 55px 1px 55px 1px;<br />box-shadow: 2px 3px 4px #000000;<br />}<br />input:focus::-webkit-input-placeholder {<br />color: transparent;<br />}<br />input:focus:-moz-placeholder {<br />color: transparent;<br />font-family: siyam rupali;<br />}<br />input:focus::-moz-placeholder {<br />color: transparent;<br />}<br />#shbox input {<br />outline: none;<br />}<br />#shbox input[type="text"] {<br />background: white;<br />border-radius: 60px 1px 60px 1px;<br />border-color: transparent;<br />box-shadow: 0 -1px 0 #000;<br />font: bold 1.4vw siyam rupali;<br />color: black;<br />width: 80%;<br />padding: 8px 15px 8px 30px;<br />}<br />#shbox:hover input[type="text"] {<br />background: white;<br />border-radius: 55px 1px 55px 1px;<br />border-color: transparent;<br />box-shadow: 0 -1px 0 #000;<br />font: bold 1.4vw siyam rupali;<br />color: black;<br />padding: 8px 15px 8px 30px;<br />}<br /></style><br /><form action="/search" id="shbox" method="get"><br /><center><input name="q" placeholder="এখানে লিখে এন্টার চাপুন" size="15" type="text" /></center><br /></form></blockquote>
<br />
<h3>
মেনু এডিট করবেন যেভাবে-</h3>
<h4>
টপ মেনু</h4>
১. আপনার ব্লগের টেমপ্লেট > Edit HTML এ যান।<br />
২. সার্চ দিন- <ul class='bs-menu' id='topmenunav'><br />
৩. এবার নিচের এই কোডগুলো এডিট করুন-<br />
<li><a href='#'>Menu 1</a></li><br />
<li><a href='#'>Menu 2</a></li><br />
<li><a href='#'>Menu 3</a></li><br />
<li><a href='#'>Menu 4</a></li><br />
<li><a href='#'>Menu 5</a></li><br />
৪. # এর জায়গায় লিংক এবং Menu 1..5 লেখা গুলো কি শো করবে তা লিখে বদলে দিন।<br />
<h4>
মেন মেনু</h4>
১. আপনার ব্লগের টেমপ্লেট > Edit HTML এ যান।<br />
২. সার্চ দিন- <ul class='bs-menu' id='menunav'><br />
৩. এবার নিচের এই কোডগুলো এডিট করুন-<br />
<li><a href='#'>Menu 1</a></li><br />
<li><a href='#'>Menu 2</a><ul><br />
<li><a href='#'>Sub Menu 1</a></li><br />
<li><a href='#'>Sub Menu 2</a></li><br />
<li><a href='#'>Sub Menu 3</a></li><br />
</ul></li><br />
<li><a href='#'>Menu 3</a></li><br />
<li><a href='#'>Menu 4</a></li><br />
<li><a href='#'>Menu 5</a></li><br />
</ul><br />
৪. # এর জায়গায় লিংক এবং Menu 1..5 লেখা গুলো কি শো করবে তা লিখে বদলে দিন।<br />
<h4 style="text-align: left;">
সোশ্যাল আইকন </h4>
১. আপনার ব্লগের টেমপ্লেট > Edit HTML এ যান।<br />
২. সার্চ দিন- <ul class='besocial' id='socialwrapper'><br />
৩. এবার নিচের এই কোডগুলো এডিট করুন-<br />
<li class='twitterwrap'><a href='#' rel='nofollow' target='_blank'>twitter</a></li><br />
  <li class='facebookwrap'><a href='#' rel='nofollow' target='_blank'>facebook</a></li><br />
  <li class='googlewrap'><a href='#' rel='nofollow' target='_blank'>google</a></li><br />
  <li class='rsswrap'><a href='#' rel='nofollow' target='_blank'>rss</a></li><br />
  <li class='linknwrap'><a href='#' rel='nofollow' target='_blank'>linkedin</a></li><br />
  <li class='stumbleuponwrap'><a href='#' rel='nofollow' target='_blank'>stumbleupon</a></li><br />
  <li class='pinterestwrap'><a href='#' rel='nofollow' target='_blank'>pinterest</a></li><br />
<br />
৪. # এর জায়গায় লিংক লিখে বদলে দিন।<br />
ধন্যবাদ। আমাদের এই টেমপ্লেটটি একটি পেইড টেমপ্লেট হওয়ার সব যোগ্যতা রাখে। 
কিন্তু আমরা এটির ফ্রি ভার্সনে সবই দিচ্ছি ফ্রি। তাই বলে এটা আশা করি না যে একজন একটা 
ধন্যবাদও এজন্য দিবে না। হতে পারে টেমপ্লেটটা আমি বানাইনি। কিন্তু 
কাস্টমাইজ করতে হয়েছে প্রচুর। ইয়েলোউইশের সাথে এখন অমিলই বেশি। তাই একটা 
ধন্যবাদ অন্তত প্রাপ্য। ভালো লাগলে অবশ্যই মন্তব্য করবেন। খারাপ লাগলে 
বলবেন পরবর্তী ভার্সনে আর কি কি যোগ করা উচিৎ। </div>

এই শীতকালের সেরা উপহার: বরফের মত ঠান্ডা

আসসালামু আলাইকুম। বরফের মত ঠান্ডা হলো আমার আর তুরাবির ডিজাইন করা আরো একটি টেমপ্লেট। মজার বিষয় হলো দুপুর সাড়ে বারোটায় এটার কাজ শুরু করে দু...

বিস্তারিত..

APK Post 24

গ্রিনস লাকি ডে

এই শীতকালের সেরা উপহার: বরফের মত ঠান্ডা

যোগাযোগ ফর্ম

জনপ্রিয়

বিভাগসমূহ

সংরক্ষাণাগার