ডিসেম্বর 2011 ~ রুবেলনেট || প্রযুক্তি এখন হাতের নাগালে

যোগ করুন আপনার ব্লগে পৃষ্ঠার ন্যাভিগেশন বার!

৩:২৮ PM Admin 1 comment

আপনার হইতো অনেকে ব্লগ ব্যবহার করেন ! কিন্তু ব্লগ এ কেমন করে ন্যাভিগেশন বার লাগাতে হই তা মনে হই অনেকে জানেন না!

আজ আমি দেখাবো কেমন করে বার ন্যাভিগেশন লাগাবেন আপনার ব্লগ এ !
প্রথম এ আপনার ব্লগ এ লগ ইন করে ! Dashboard >> এ যান তারপর>> layout তারপর>> Edit Htm

তারপর এই কোডে টি খোজ করুন ! CLT +F চাপে আপনি সহজে খুজে নিতে পারবেন!
]]></b:skin>

Code টি পেলে তার আগে একটা এন্টার চাপ দিয়ে এ এই কোড টি বসিয়ে দেন !

———————————————————————————————————————–
.showpageArea {padding: 0 2px;margin-bottom:10px;margin-top:10px;
}

.showpageArea a {border: 1px solid #505050;
color: #000000;font-weight:normal;
padding: 3px 6px !important;
padding: 1px 4px ;margin:0px 4px;
text-decoration: none;
}
.showpageArea a:hover {
font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}

.showpageNum a {border: 1px solid #505050;
color: #000000;font-weight:normal;
padding: 3px 6px !important;
padding: 1px 4px ;margin:0px 4px;
text-decoration: none;

}
.showpageNum a:hover {
font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;

}
.showpagePoint {font-size:11px;
padding: 2px 4px 2px 4px;
margin: 2px;
font-weight: bold;
border: 1px solid #333;
color: #fff;
background-color: #000000;

}

.showpage a:hover {font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;

}
.showpageNum a:link,.showpage a:link {
font-size:11px;
padding: 2px 4px 2px 4px;
margin: 2px;
text-decoration: none;
border: 1px solid #0066cc;
color: #0066cc;
background-color: #FFFFFF;}

.showpageNum a:hover {font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}
---------------------------------------------------------------------------------------------------

তারপর </b:section> এই কোড টি খুঁজে বের করেন! বের করার পর এই কোড টির আগে একটা এন্টার দিয়া নিচের কোড টি বসিয়ে দেন !

---------------------------------------------------------------------------------------------------
<script type='text/javascript'>

var home_page_url = location.href;

var pageCount=10;
var displayPageNum=6;
var upPageWord ='Previous';
var downPageWord ='Next';

function showpageCount(json) {
var thisUrl = home_page_url;
var htmlMap = new Array();
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';

for(var i=0, post; post = json.feed.entry[i]; i++) {

var timestamp1 = post.published.$t.substring(0,19)+post.published.$t.substring(23,29);
timestamp = encodeURIComponent(timestamp1);

var title = post.title.$t;

if(title!=''){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}

if(title!='') postNum++;
htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'&max-results='+pageCount;
}
}
itemCount++;

}

for(var p =0;p< htmlMap.length;p++){
if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
if(fFlag ==0 && p == thisNum-2){
if(thisNum==2){
upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>';
}else{
upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';
}

fFlag++;
}

if(p==(thisNum-1)){
html += '<span class="showpagePoint">'+thisNum+'</span>';
}else{
if(p==0){
html += '<span class="showpageNum"><a href="/">1</a></span>';

}else{
html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +'</a></span>';
}
}

if(eFlag ==0 && p == thisNum){
downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';
eFlag++;
}
}
}

if(thisNum>1){
html = ''+upPageHtml+' '+html +' ';
}

html = '<div class="showpageArea"><span style="COLOR: #000;" class="showpageOf"> Pages ('+(postNum-1)+')</span>'+html;

if(thisNum<(postNum-1)){
html += downPageHtml;
}

if(postNum==1) postNum++;
html += '</div>';

var pageArea = document.getElementsByName("pageArea");
var blogPager = document.getElementById("blog-pager");

if(postNum <= 2){
html ='';
}

for(var p =0;p< pageArea.length;p++){
pageArea[p].innerHTML = html;
}

if(pageArea&&pageArea.length>0){
html ='';
}

if(blogPager){
blogPager.innerHTML = html;
}

}

function showpageCount2(json) {

var thisUrl = home_page_url;
var htmlMap = new Array();
var isLablePage = thisUrl.indexOf("/search/label/")!=-1;
var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";
thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';

var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';
var thisUrl = home_page_url;

for(var i=0, post; post = json.feed.entry[i]; i++) {

var timestamp1 = post.published.$t.substring(0,19)+post.published.$t.substring(23,29);
timestamp = encodeURIComponent(timestamp1);

var title = post.title.$t;

if(title!=''){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}

if(title!='') postNum++;
htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'&max-results='+pageCount;

}
}
itemCount++;
}

for(var p =0;p< htmlMap.length;p++){
if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
if(fFlag ==0 && p == thisNum-2){
if(thisNum==2){
upPageHtml = labelHtml + upPageWord +'</a></span>';
}else{
upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';
}

fFlag++;
}

if(p==(thisNum-1)){
html += '<span class="showpagePoint">'+thisNum+'</span>';
}else{
if(p==0){
html = labelHtml+'1</a></span>';
}else{
html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +'</a></span>';
}
}

if(eFlag ==0 && p == thisNum){
downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';
eFlag++;
}
}
}

if(thisNum>1){
if(!isLablePage){
html = ''+upPageHtml+' '+html +' ';
}else{
html = ''+upPageHtml+' '+html +' ';
}
}

html = '<div class="showpageArea"><span style="COLOR: #000;" class="showpageOf"> Pages ('+(postNum-1)+')</span>'+html;

if(thisNum<(postNum-1)){
html += downPageHtml;
}

if(postNum==1) postNum++;
html += '</div>';

var pageArea = document.getElementsByName("pageArea");
var blogPager = document.getElementById("blog-pager");

if(postNum <= 2){
html ='';
}

for(var p =0;p< pageArea.length;p++){
pageArea[p].innerHTML = html;
}

if(pageArea&&pageArea.length>0){
html ='';
}

if(blogPager){
blogPager.innerHTML = html;
}

}

</script>

<script type='text/javascript'>

var thisUrl = home_page_url;
if (thisUrl.indexOf("/search/label/")!=-1){
if (thisUrl.indexOf("?updated-max")!=-1){
var lblname1 = thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?updated-max"));
}else{
var lblname1 = thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?&max"));
}
}

var home_page = "/";
if (thisUrl.indexOf("?q=")==-1 && thisUrl.indexOf(".html")==-1){
if (thisUrl.indexOf("/search/label/")==-1){
document.write('<script src="'+home_page+'feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" ><\/script>')
}else{document.write('<script src="'+home_page+'feeds/posts/full/-/'+lblname1+'?alt=json-in-script&callback=showpageCount2&max-results=99999" ><\/script>')
}
}

==========================================================================================================================================================================================================

বেশ আপনার কাজ সম্পন্ন হইসে ! আবার save template এ ক্লিক করে template save করে নেন!

আপনি চাইলে আপনার ইচ্ছা মত var pageCount এবং var displayPageNum এ change আনতে পারেন!

যেমন আপনি যদি চান আপনার ব্লগ এ দুই টার বেশি পোস্ট শো করবেন না তকন আপনি var pageCount তা খুঁজে
var pageCount=২ করে দিন

আর আপনি যদি চান যে আপনার ব্লগ এ ১০ টি পগে শো করাবেন অথবা আপনার ইচ্ছা মতো
তকন আপনি

var displayPageNum=10

আল্লাহ হাফিজ !

সবাই সুস্ত তাক এই কামনা করি !
==========================================================

বিস্তারিত পড়ুন

ব্লগের পোস্টের শেষে “বিস্তারিত পড়ুন” এই লেখাটি স্থাপন করুন

১:২৯ PM Admin No comments

ড্যাশবোর্ডে (Dashboard) লগইন (Login) করে Layout অংশের Edit HTML অংশে যান। সেখানে Expand Widget Templates এ ক্লিক করে টিক (Tick) চিহ্ন দিয়ে দিন।

**এবার </head> অংশের ঠিক আগে / উপরে নিচের কোডটি স্থাপন করুন।

কোড:
<script src='http://sites.google.com/site/banglahacks/tools/post-summary.js' type='text/javascript'/>
<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
</script>

**এবার <data:post.body/> লেখাটি খুঁজে বের করুন।

**এটাকে সম্পূর্ণ সিলেক্ট (Select) করে নিচের কোডটি (Code) দিয়ে প্রতিস্থাপন (Replace) করুন।

কোড:
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary-" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary-<data:post.id/>");</script>
<a class='readmore' expr:href='data:post.url'>Read More ... »</a>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

**Read More ... লেখাটি আপনি ইচ্ছে করলে পাল্টাতে পারবেন ।
এটা পাল্টিয়ে 'বিস্তারিত পড়ুন লিখে দিতে পারেন।
**SAVE TEMPLATE বোতামে ক্লিক করে আপনার ব্লগের টেমপ্লটের পরিবর্তনকে (Change) সংরক্ষণ (Save) করুন।

বিস্তারিত পড়ুন

আপনার x-plore সফটুয়ারটি Open করারসময় , যে ছবিটি আসে তা সরিয়ে আপনার ছবি add করূন।

১১:১৩ AM Admin 1 comment

বিসমিল্লাহির রাহমানির রাহিম , সবাই কেমন আছেন ? আসাকরি ভালোআছেন।

অনেক দিনপর টিওন করলাম , আজ আমি কি নিয়ে টিওন করেছি তা ওপরের ছবি দেখে মনেহয় পুরুপুরি বুঝেফেলেছেন । তাহলে আর কথা নাবারিয়ে সুরুকরি । প্রথমে সফটুয়ারটি এখান থেকে ডাওনলোড করুন , সফটুয়ারটির নাম SISContents , সফটুয়ারটির সাইজ খুবই কম , মাত্র 892 kb

এটা ইনস্টেল করার দরকারনাই । প্রথমে ফাইলটি Explore করুন তার পর extsisটি open করুন।

নিচের ছবি + নাম্বার গুলু ফলু করূন ।

১/ আপনার x.plore সফটুয়ারটি সিলেক্ট করূন ।

২/ Vendor name, Package name আপনার নিজের মতকরে Edit করুন ।

৩/ ক্লিক করূন ।

৪/ ফাইলটি আপনার কমপিওটারে কপি করুন । তারপর ফাইলটির নাম পরিবর্তন করুন, Data.dta বাতদিয়ে Data.zip লেখুন । তারপর ফাইলটি Explore করূন ।

৫/ ছবিটি ডিলেট করে আপনার ছবিটির নাম Lpgo লিখে এখানে কপিকরূন । আপনার ছবিটি png কনবাটের হতে হবে ।

৬/ সিলেক্ট করূন ।

৭/ Edit.. এ ক্লিক করূন ।

৮/ Update.. ক্লিক করূন তার পর , আপনার ছবি add করা Data.zip নামক ফাইলটি সিলেক্টকরে ok করূন ।

৯/ ক্লিক করূন ।

১০/ Key pairs এ ক্লিক করূন ।

১১/ Certificate ও Private key , SISContents ফাইলটিতে আছে , Browse.. করে সিলক্ট করূন , তারপর Add profile এ ক্লিক করূন । তারপর Ctrl+S ক্লিক করে Save করূন ।

হয়েগেল আপনার x.plore সফটুয়ারটিতে আপনার ছবি add করা ।

টিওনটি ভালো লাগলে কমেন্ট করবেন।

ফেইসবুকে আমার বন্দুহতে এখানে ক্লিককরুন।

বিস্তারিত পড়ুন