April 2012 ~ BTipsnticks

Monday, April 23, 2012

ব্লগস্পট ব্লগে Animated উড়ন্ত Twitter পাখি যোগ করুন

আওতাধীন: Blogger টিপস, ব্লগার Widget

আমি আজ দেখাব কিভাবে আপনার ব্লগে Twitter উড়ন্ত পাখি যোগ করবেন।
পাখিটি সত্যিই মজার।পাখিটি আপনার ব্লগে সবসময় উড়ে বেড়াবে।
ব্লগ ভিসিটর যখন পাখিতে ক্লিক করবে তখন আপনার Twitter পেজ এ চলে যাবে
যাবে।সত্যিই দারুন তাই না ।তাহলে চলুন শুরু করা যাক।

কিভাবে এটি করবেনঃ
১.ব্লগে লগিন করুন।
২.Template ক্লিক করুন ।
৩.ctrl+f প্রেস করে </body> ট্যাগ টুকু খুজুন ।
৪.এবার নিচের কোডগুলো </body> ট্যাগের আগে বসিয়ে দিন।

<script type="text/javascript" src="http://bloggerblogwidgets.googlecode.com/files/way2blogging.org-tripleflap.js">
</script>
<script type="text/javascript">
var twitterAccount = "Your Twitter User Name";
var tweetThisText = " <data:blog.pageTitle/> : <data:blog.url/> ";
tripleflapInit();
</script>

Your Twitter User Name এর জায়গায় আপনার Twitter ইউজার নেম বসিয়ে দিন।
ব্যাস এবার সেভ করুন।

লিখেছেন AdminApril 23, 2012

বিস্তারিত পড়ুন

কিভাবে Page Navigation যোগ করবেন

আওতাধীন: ব্লগার Widget

ব্লগে সাধারণত পোস্টের নিচে Older Post--Home--Previous এগুলি থাকে আপনি
এগুলি ডিলিট করে Page Navigation যোগ করতে পারেন।
আপনি যদি Older Post--Home--Previous লিঙ্ক ডিলিট করতে চান তাহলে
আমার এই পোস্ট টি দেখুন।

কিভাবে Page Navigation যোগ করবেন

১.আপনার ব্লগে লগিন করুন।

২.Layout অপশন এ যান.

৩.Add Gadget এ ক্লিক করুন।

নিচের কোড গুলো পেস্ট করে দিন।

<style type='text/css'>

.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
border:1px solid #aeaeae;
margin:0 3px;
padding:3px 7px;
text-decoration:none;
}
.showpageNum a:hover {
background-color:#0a8be5;
border:1px solid #000000;

}
.showpagePoint {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#aeaeae none repeat scroll 0 0;
border:1px solid #aeaeae;
color:#333333;
margin:0 3px;
padding:3px 7px;
text-decoration:none;
}
.showpageOf {
margin:0 3px 0 0;
padding:3px 7px;
text-decoration:none;
}
.showpage a {
border:1px solid #aeaeae;
padding:3px 7px;
text-decoration:none;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link, .showpage a:link {
color:#333333;
text-decoration:none;
}

</style>


<script type='text/javascript'>

var home_page_url = location.href;

var pageCount=1;
var displayPageNum=3;
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  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  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){
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>')
}
}
</script>

এবার সেভ করুন ।
ভালো লাগলে কমেন্ট করবেন।আমার ব্লগে আসার জন্য ধন্যবাদ।

লিখেছেন AdminApril 23, 2012

বিস্তারিত পড়ুন

ব্লগারে কিভাবে ভাসমান শেয়ার বাটন যোগ করবেন

আওতাধীন: Blogger টিপস, ব্লগার Widget

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

তো চলুন শুরু করি।

১.আপনার ব্লগে লগিন করুন।

২.Layout অপশন এ যান.

৩. Add Gadget এ ক্লিক করুন ।

৪.HTML/Javascript সিলেক্ট করুন।এবং নিচের কোডগুলো পেস্ট করে দিন।

<style>
#sharebar {position:fixed; bottom:15%; margin-left:-71px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff;padding:0 0 2px 0;z-index:10;right:0;}
#sharebar .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}
.fb_share_count_top {width:48px !important;}
.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}
</style> <div>
<div id="sharebar">
  <div class="sbutton" id="fb">
<a href="http://www.facebook.com/sharer.php" name="fb_share" type="box_count">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript">
</script> </div>
<div class="sbutton" id="rt">
<script src="http://tweetmeme.com/i/scripts/button.js" type="text/javascript">
</script> </div>
<div class="sbutton" id="su">
<script src="http://www.stumbleupon.com/hostedbadge.php?s=5">
</script> </div>
<div class="sbutton" id="digg">
<script src="http://widgets.digg.com/buttons.js" type="text/javascript">
</script> <a class="DiggThisButton DiggMedium" href=""></a> </div>
<div class="sbutton" id="gb">
<a class="google-buzz-button" data-button-style="normal-count" href="http://www.google.com/buzz/post" title="post on google buzz"> <script src="http://www.google.com/buzz/api/button.js" type="text/javascript">
</script> </a>   <div style="clear: both;font-size: 9px;text-align:center;">
<a href="http://www.bloggertrix.com">Get widget</a></div>
</div>
</div>
</div>

৫.এবার সেভ করুন ।এখন কাজ শেষ আপনার ব্লগ দেখুন।

ভালো লাগলে কমেন্ট করবেন। আমার ব্লগে আসার জন্য আপনাকে ধন্যবাদ।

লিখেছেন AdminApril 23, 2012

বিস্তারিত পড়ুন

Saturday, April 21, 2012

ব্লগারে Recent Comment যোগ করুন Avatar সহ

আওতাধীন: Blogger টিপস, কমেন্ট, ব্লগার Widget

কেমন আছেন আশা করি ভাল আছেন।আমি দেখাব কিভাবে আপনি আপনার ব্লগে Recent Comment
গ্যাজেট যুক্ত করবেন Avatar সহ ।নিচের ছবির মত।

তাহলে চলুন শুরু করি

১.প্রথমে আপনার ব্লগে লগিন করুন।
২.Layout এ ক্লিক করুন।
৩.এবার Add a Gadget এ ক্লিক করুন।
৪.এবার HTML/JavaScript এ ক্লিক করুন।

৫. নিচের বক্সের মধ্যের কোড গুলো পেস্ট করে দিন

লিখেছেন AdminApril 21, 2012

বিস্তারিত পড়ুন

Wednesday, April 18, 2012

ব্লগস্পট ব্লগের Newer Post--Home--Older Post ডিলিট করুন

আওতাধীন: Blogger টিপস

ব্লগার ব্লগের প্রতিটি থিমে Newer Post ---Home---Older Post থাকে।আপনি চাইলে এগুলি ডিলিট করে দিতে পারেন । তাহলে চলুন শুরু করি ।

পদ্ধতি ;১

১.আপ্নার ব্লগে লগিন করুন

২.Template এ যান ।

৩.Proceed এ ক্লিক করুন ।

৪.নিচের কোড টুকু খুজুন

#blog-pager-newer-link { float: left; } #blog-pager-older-link { float: right; } #blog-pager { text-align: center; }

৫.এবার নিচের কোড দ্বারাব Replace করুন।

#blog-pager-newer-link { float: left; display: none; } #blog-pager-older-link { float: right; display: none; } #blog-pager { text-align: center; display: none; }

৬.আপনার টেমপ্লেট টি সেভ করুন।

পদ্ধতি;২

যদি উপরের কোড টি না খুজে পান। তাহলে নিচের কোড টি খুজুন ।

.blog-pager-older-link, .home-link,
.blog-pager-newer-link {
background-color: $(content.background.color);
padding: 5px;

এবার নিচের কোড দ্বারা Replace করুন ।

.blog-pager-older-link, .home-link,
.blog-pager-newer-link {
background-color: $(content.background.color);
padding: 5px;
display: none;

ব্যাস আপনার কাজ শেষ ।

এবার Template টি সেভ করুন।

ধন্যবাদ আমার ব্লগে আসার জন্য। ভাল লাগলে কমেন্ট করবেন।

নিজে জানুন এবং অপরকে জানতে উৎসাহিত করুন।তাই পোস্ট টি শেয়ার করুন।

লিখেছেন AdminApril 18, 2012

বিস্তারিত পড়ুন

Saturday, April 14, 2012

আপনার ব্লগের “Subscribe to: Posts(Atom)” লিঙ্ক টি ডিলিট করুন

আওতাধীন: Blogger টিপস

আপনার ব্লগ থেকে "Subscribe to: Posts(Atom)” লিঙ্ক টি ডিলিট করে দিন।আপনি আপনার ব্লগের প্রতিটি পোস্টের নিচে অথবা পেজের নিচে এটি দেখতে পাবেন ।

এটা প্রতিটি পোস্টের নিচে ঠিক এ রকম লেখা থাকে।“Subscribe to: Post Comments(Atom)”

আর প্রতিটি পেজের নিচে নিচের ছবির মত থাকে।

যেভাবে এটি Hide করবেন।

১.আপনার ব্লগে লগিন করুন।

২.টেমপ্লেট এ যান।

৩. Proceed এ ক্লিক করুন।

৪.এবার Expand Widget Templates লেখাতে টিক দিন।

৫.নিচের কোড টুকু খুজুন এবং রিমুভ করুন।

৬।Finally টেমপ্লেট টি সেভ করুন।

দেখুন রিমুভ হয়ে গেছে

যেভাবে CSS কোড দ্বারা এটি হাইড করবেন।

১. নিচের কোড টুকু খুজুন ।

]]></b:skin>

২.এবার উপরের কোডের আগে নিচের কোড টুকু বসিয়ে দিন

.blog-feeds{display:none !important;}

ব্যাস আপনার কাজ শেষ এবার টেমপ্লেটটি সেভ করুন।

লিখেছেন AdminApril 14, 2012

বিস্তারিত পড়ুন

Friday, April 13, 2012

আপনার ব্লগের navbar টি ডিলিট করুন

আওতাধীন: Blogger টিপস

ব্লগার একটি ডিফল্ট ন্যাভিগেশন বার আসে।এই ব্লগার navigration বার অধিকাংশ টেমপ্লেট এ থাকে না।

কিন্তু আপনি যদি ব্লগের ডিফল্ট টেমপ্লেট ব্যবহার করেন তাহলে নিচের মত একটি navigation বার দেখতে পাবেন।এই navigration বার একটু চেষ্টা করলে রিমুভ করা যাই। আমি আপনাদের দেখাব কিভাবে এটি রিমুভ করা যাই।

তাহলে চলুন শুরু করি।

প্রথমে ব্লগার অ্যাকাউন্ট এ লগিন করুন।
টেমপ্লেট এ যান।

৩. এবার edit html এ যান।

৪.proceed এ যান।

৫.ctrl+f চেপে নিচের কোড টুকু খুজুন।

]]></b:skin>

৬.এবার নিচের কোড দ্বারা রিপ্লেস করুন

#navbar-iframe,#navbar { display: none !important; }
]]></b:skin>

৭.এবার সেভ করুন ।আপনার ব্লগটি দেখুন ।

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

লিখেছেন AdminApril 13, 2012

বিস্তারিত পড়ুন

Wednesday, April 11, 2012

আপনার ব্লগের Powered by Blogger লেখাটি রিমুভ করুন খুব সহজে।

আওতাধীন: Blogger টিপস

যারা গুগল ব্লগের ব্লগ পরিচালনা করেন তারা জানেন Powered by blogger লেখাটি সাধারণত ব্লগের থিম এ থাকে। আমি আপনাদের দেখাব কিভাবে সেটি রিমুভ করা যাই।তাহলে আসুন শুরু করা যাক।

প্রথমে আপনার ব্লগে লগিন করুন তারপর

এবার নিচের কোড টুকু খুজুন

<b:section class='foot' id='footer-3' showaddelement='no'>

<b:widget id='Attribution1' locked='true' title='' type='Attribution'/>

</b:section>

বুজতে সমস্যা হলে ছবিটি দেখুন।

এবার <b:widget id='Attribution1' locked='true' title='' type='Attribution'/> এই লাইনের ভিতরে true লেখাটি false করে দিন। ঠিক নিচের লাইনের মত
<b:widget id='Attribution1' locked='false' title='' type='Attribution'/>

এবার সেভ করুন।ব্যাস আপনার কাজ শেষ।
আপনার ব্লগের লেআউট এ যান দেখুন সেখানে attribution নামে একটি গ্যাজেট আছে সেটি
রিমুভ করুন এবার আপনার ব্লগ দেখুন powered by blogger লেখাটি চলে গেছে।
আমার ব্লগে আসার জন্য ধন্যবাদ যদি ভালো লাগে কমেন্ট করবেন আশা করি।

লিখেছেন AdminApril 11, 2012

বিস্তারিত পড়ুন

Monday, April 23, 2012

ব্লগস্পট ব্লগে Animated উড়ন্ত Twitter পাখি যোগ করুন

কিভাবে Page Navigation যোগ করবেন

ব্লগারে কিভাবে ভাসমান শেয়ার বাটন যোগ করবেন

Saturday, April 21, 2012

ব্লগারে Recent Comment যোগ করুন Avatar সহ

Wednesday, April 18, 2012

ব্লগস্পট ব্লগের Newer Post--Home--Older Post ডিলিট করুন

Saturday, April 14, 2012

আপনার ব্লগের “Subscribe to: Posts(Atom)” লিঙ্ক টি ডিলিট করুন

Friday, April 13, 2012

আপনার ব্লগের navbar টি ডিলিট করুন

Wednesday, April 11, 2012

আপনার ব্লগের Powered by Blogger লেখাটি রিমুভ করুন খুব সহজে।

Sponsored Link

Ads

সর্বাধিক পঠিত

লেবেল সমৃহ

আর্কাইভ