Ads By Blogger

Sunday, April 19, 2020

কিভাবে ব্লগে দুইটি পোস্টের মাঝখানে বিজ্ঞাপন বসাবেন


(bd tips tech)বিডি টিপ্স টেকে আপনাদের স্বাগতম।আশাকরি সবাই ভাল আছেন।পোস্টের টাইটেল দেখেই বুঝতে আজকের পোস্টটি কি সমন্ধ্যে তবু না বুজতে পারলে আমার ব্লগের হোম পেইজে চলে
Read More »

Sunday, October 27, 2019

blog এযুক্ত করুন moving facebook,feeburner,Twitter গাড়ি

বিডি টিপ্স টেকে আপনাদের সবাইকে স্বাগতম।আশা করি সবাই ভাল আছেন।আজ আপনাদের জন্য আপনার ব্লগের জন্য একটি মজার জিনিস শেয়ার করবো আশাকরি আপনাদের ভাল লাগবে।
আপনি খুব সহজে আপনার ব্লগে চলন্ত ফেইসবুক,ফিডবার্নার,টুইটার গাড়ি যোগ করতে পারেন।এটি আপনার ভিজিটরকে আকর্ষন করবে।ডেমো দেখতে চাইলে এখান থেকে দেখে আসতে পারেন।
   
                    DEMO
কিভাবে ব্লগে যোগ করবেন:
প্রথমে ব্লগে লগইন করে layoutএ চলে যান।তারপর add gadget এ ক্লিক করুন।তারপর html/javascript নির্বাচন করে নিচের কোডটি পেস্ট করুন
<div style="position: fixed; z-index: 65535; left: 0px; bottom: -3px; width:100%;"> <marquee>
<a target="_blank" href="http://www.facebook.com/your facebook url" target="blank"> <abbr title="Like us at Facebook"><img src="http://farm8.staticflickr.com/7372/10085253495_cddef5ce65_o.png" width="120px" height="100px"/> </abbr> </a>
<a target="_blank" href="http://feeds.feedburner.com/your feedburner url" target="blank"> <abbr title="Subscribe to Our Feeds"><img src="http://farm4.staticflickr.com/3748/10085253355_967426408a_o.png" width="120px" height="100px"/> </abbr> </a>
<a target="_blank" href="http://twitter.com/your twitter url" target="blank"> <abbr title="Follow Us on Twitter"><img src="http://farm8.staticflickr.com/7308/10085253265_56122fa319_o.png" width="120px" height="100px"/> </abbr> </a> </marquee></div>
তারপর সেভ করে আপনার ব্লগ রিফ্রেশ করুন।
এখানে your facebook urlএর জায়গায় আপনার ফেইসবুক লিংক দিবেন।your feedburner url এর জায়গায় আপনার ফিডবার্নার লিংক দিবেন এবং টুইটার url এর জায়গায়  টুইটার লিংক দিবেন।
এটিও পড়ুন blog/website এযুক্ত করুন hidden ভিজিটর ট্রেকার আর হাতিয়ে নিন ভিজিটরের সব তথ্য
কোন সমস্যা হলে কমেন্ট করে জানাবেন।
Read More »

Monday, September 09, 2019

কিভাবে আপনার ব্লগের post a comment message চেঞ্জ করবেন

(bd tips tech)বিডি টিপ্স টেকে আপনাদের সবাইকে স্বাগতম।যাদের ব্লগ আছে তারা একটি জিনিষ লক্ষ্য করে থাকবেন যে,যদি আপনার ব্লগের পোস্টে কোন কমেন্ট না থাকে তাহলে  post a comment
লিখা থাকে যা দেখতে খুবই বিরক্তিকর।আজ আমমি দেখাবো এটা কিভাবে চেঞ্জ করবেন।প্রথমে আপনার ব্লগের ড্যাশবোর্ড থেকে ট্যাম্পলেট এ ক্লিক করে  EDIT HTML এ ক্লিক কররুন।তারপর ctrl_f চেপে সার্চ করুন নিচের কোডটি সার্চ করুন্
<data:postCommentMsg/>
এই কোড টি খুজে পেলে নিচ থেকে পছন্দ একটি ছবির কোড নিয়ে রিপ্লেস করুন






<img src="http://1.bp.blogspot.com/-DuwsWbCqRag/T3Mxtrye2zI/AAAAAAAABkA/AqMIP-ybAWQ/s1600/leave+a+comment.png" />





<img src="http://2.bp.blogspot.com/-gQV9PoM4FeA/T3M1tOg6C3I/AAAAAAAABkI/OTq4DAbkEPo/s1600/Post+a+comment+blogger.png" />


<img src="http://4.bp.blogspot.com/-0j9qVbZuAtc/T3M6HP2tT6I/AAAAAAAABkw/imDcGGmxOiU/s1600/comment.gif" />

সবশেষে সেভ করে ব্লগে গিয়ে দেখুন।

বি.দ্র.: <data:postCommentMsg/> এই কোডটি দুই বার পাবেন প্রথমে দিত্বীয়টিতে ট্রাই করুন কাজ না করলে প্রথমটিতে ট্রাই করুন।আশাকরি বুঝতে পেরেছেন না বুঝলে অবশ্যই কমেন্ট করবেন।
Read More »

Thursday, February 14, 2019

খুব সহজে ওয়েবসাইট তৈরি(পর্ব-১০)ব্লগের পোস্টের টাইটেলের নিচে যুক্ত করুন পোস্ট ভিউ কাউণ্টার

Bd tips tech এ আপনাদের স্বাগতম।আশাকরি সবাই  ভাল আছেন।খুব  সহজে ওয়েবসাইট তৈরির দশম পর্বে আজ আপনাদের দেখাবো কিভাবে ব্লগের প্রতিটি পোস্টের নিচে পোস্ট ভিউ কাউন্টার যুক্ত করা যায়।

এটি যুক্ত করলে আপনার ব্লগে কোণ পোস্ট কত বার দেখা হয়েছে তা জানতে পারবেন।
পোস্ট ভিউ কাউন্টার
পোস্ট ভিউ কাউন্টার

তো চলুন দেখে আসি এটি কিভাবে ব্লগে যুক্ত করবেনঃ

প্রথমে আপানার একটি  Firebase Account লাগবে।https://www.firebase.com/  ক্লিক করুনএরপর ফর্ম ফিলাপ করে সাইন আপ করুন, এবং Create New App ক্লিক করুনএরপর আপনার পছন্দ মতো নাম দিন (যেমন  আমি দিয়েছি https://bdtipstech.firebaseio.com)এটি কপি করে রেখে দিন কাজে লাগেব।

এবার ব্লগে লগ ইন করুনতারপর Blogger > Template থেকে Template টিকে Backup নিন

এরপর  edit html  অপশনে ক্লিক করুন এরপর ]]></b:skin> লিখে সার্চ করুন  এরপর নিচের কোডটি ]]></b:skin> এর উপরে পেস্ট করুন



/*-------- Post Views  ----------*/

#views-container {

width: 85px;

float: right;

}

.mbtloading {

background: url('http://4.bp.blogspot.com/-PZMStRDcchY/USOp3xFp4yI/AAAAAAAAJOo/rm5FSsaSKh0/s320/mbtloading.gif') no-repeat left center;

width: 16px;

height: 16px;

}

.viewscount {

float: right;

color: #EE5D06;

font: bold italic 14px arial;

}

.views-text {

float: left;

font: bold 12px arial;

color: #333;

}

.views-icon{

background: url('http://4.bp.blogspot.com/-_dXedKDHIws/USOp369zEPI/AAAAAAAAJOs/Cv3fTZUaBTU/s1600/postviews.png') no-repeat left;

border: 0px;

display: block;

width: 16px;

height: 16px;

float: left;

padding: 0px 2px;

}

Get code
কাস্টমাইজেসন- চাইলে #EE5D06 এবং right কে left তে পরিবর্তন করে নিতে পারেন

এরপর </body>  লিখে সার্চ করুন এবং তার উপরে নিচের JavaScript কোডটি পেস্ট করুন

<!-- Post Views Script by bdtt -->

<script type='text/javascript'>

    window.setTimeout(function() {

        document.body.className = document.body.className.replace(&#39;loading&#39;, &#39;&#39;);

      }, 10);

  </script>

<script src='https://cdn.firebase.com/v0/firebase.js' type='text/javascript'/>

<script>

$.each($(&#39;a[name]&#39;), function(i, e) {

var elem = $(e).parent().find(&#39;#postviews&#39;).addClass(&#39;mbtloading&#39;);

var blogStats = new Firebase(&quot;https:/bdtipstech.firebaseio.com/pages/id/&quot; + $(e).attr(&#39;name&#39;));

blogStats.once(&#39;value&#39;, function(snapshot) {

var data = snapshot.val();

var isnew = false;

if(data == null) {

data= {};

data.value = 0;

data.url = window.location.href;

data.id = $(e).attr(&#39;name&#39;);

isnew = true;

}

elem.removeClass(&#39;mbtloading&#39;).text(data.value);

data.value++;

if(window.location.pathname!=&#39;/&#39;)

{

if(isnew)

blogStats.set(data);

else

blogStats.child(&#39;value&#39;).set(data.value);

}

});

});

</script>


এরপর  highlighted  করা অংশটি পরিবর্তন করে নিজের তৈরি করা URL টি টাইপ করুন

এরপর নিচের কোডটি খুঁজুন <data:post.body/>

উপরের কোডটি বার বার  থাকতে পারে, তাই দ্বিতীয়টিতে ট্রাই করবেনএরপর নিচের কোডটি তার উপরে পেস্ট করুন

<!-- Post Views Counter by bdtt-->
<div id='views-container'><span class='views-icon'/><div class='views-text'>Views:</div> <div class='mbtloading viewscount' id='postviews'/></div>
Get code

সবশেষে <head> এর নিচে , নিচের দেওয়া কোডটি পেস্ট করুন

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'></script>
Get code

উপরের কোডটি যদি আগে এড করা থকে তাহলে এড করার প্রয়োজন নেই
এবার সেভ ক্লিক করুনএবার আপনার ব্লগে গিয়ে দেখুন।কোন সমস্যা হলে কমেন্ট করুন ধন্যবাদ
Read More »

Monday, January 07, 2019

খুব সহজে ওয়েবসাইট তৈরি(পর্ব-৯)ব্লগে যুক্ত করুন অটোমেটিক রিড মোর অপশন

খুব সহজে ওয়েবসাইট তৈরির ৯ম পর্বে আপনাদের সবাইকে স্বাগতম।আশকরি সবাই ভাল আছেন।আজ যে বিষয়টি নিয়ে আলোচনা করবো সেটি হলো
ব্লগে অটোমেটিক রিড মোর ফাংশন যুক্ত করা।ব্লগের ডিফল্ট ব্লগার টেমপ্লেটে Read More অপশন যুক্ত করা থাকে না এর জন্য আমাদের ব্রেক বাটুন ইউস করতে।যা অনেকটা বিরক্তিকর।তাছারা যারা মোবাইল দিয়ে ব্লগে পোস্ট লিখেন তাদের রিড মোর ফাংশন এড করার কোন অপশন থাকে না।
 
ব্লগে যুক্ত করুন অটোমেটিক রিড মোর অপশন
ব্লগে যুক্ত করুন অটোমেটিক রিড মোর অপশন
কিভাবে ব্লগে অটোমেটিক রিডমোর ফাংশন যোগ করেবনঃ
    প্রথমে আপনার ব্লগার একাউন্টে লগইন করুন।
    তারপর ব্লগার ড্যাশবোর্ড হতে Template এ ক্লিক করে ব্যাকআপ নিয়ে।এবার Edit Html এ ক্লিক করুন।


    এরপর কিবোর্ড হতে Ctrl+F চেপে <data:post.body/> অংশটি সার্চ করুন। এই কোডটি হয়তো আপনার ব্লগার টেমপ্লেটের একাধিক জায়গায় দেখতে পাবেন।আপনি দ্বিতীয়টিতে ট্রাই করবেন।
    খুজে পেলে নিচের কোডগুলি কপি করে <data:post.body/> এর জায়গায় Replace করুন।

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>

<b:if cond='data:blog.pageType != &quot;item&quot;'>

<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>

<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;,&quot;<data:post.url/>&quot;,&quot;<data:post.title/>&quot;);</script>

<span class='readmore' style='float:right;'><a expr:href='data:post.url'>Read More &#187;</a></span></b:if></b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

<b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if>
    আবার কিবোর্ড হতে Ctrl+F চেপে </head> অংশটি সার্চ করুন।
    এখন </head> অংশটির ঠিক উপরে নিচের JavaScript টি কপি করে পেষ্ট করুন। 

<script type='text/javascript'>

posts_no_thumb_sum = 490;

posts_thumb_sum = 400;

img_thumb_height = 130;

img_thumb_width = 240;

</script>

<script type='text/javascript'>

//<![CDATA[

function removeHtmlTag(strx,chop){

if(strx.indexOf("<")!=-1)

{

var s = strx.split("<");

for(var i=0;i<s.length;i++){

if(s[i].indexOf(">")!=-1){

s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);

}

}

strx = s.join("");

}

chop = (chop < strx.length-1) ? chop : strx.length-2;

while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;

strx = strx.substring(0,chop-1);

return strx+'...';

}

function createSummaryAndThumb(pID, pURL, pTITLE){

var div = document.getElementById(pID);

var imgtag = "";

var img = div.getElementsByTagName("img");

var summ = posts_no_thumb_sum;

if(img.length>=1) {

imgtag = '<span class="posts-thumb" style="float:left; margin-right: 10px;"><a href="'+ pURL +'" title="'+ pTITLE+'"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px" /></a></span>';

summ = posts_thumb_sum;

}



var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';

div.innerHTML = summary;

}

//]]>

</script>



<b:if cond='data:blog.pageType != &quot;static_page&quot;'>

<b:if cond='data:blog.pageType != &quot;item&quot;'>

<style type='text/css'>

.post-footer {display: none;}

.post {margin-bottom:15px;padding:5px;border:1px solid #93DAF8;border-radius:3px}

.readmore a {text-decoration: none;}

</style>

</b:if>

</b:if>
কাষ্টমাইজেশনঃ
    যখন পোষ্টে কোন ইমেজ Thumbnail থাকবে না, তখন কতটি অক্ষর শো করাতে চান এখানে লিখুন posts_no_thumb_sum = 490
    পোষ্টটিতে যখন ইমেজ Thumbnail থাকবে, তখন কতটি অক্ষর শো করাতে চান এখানে লিখুন posts_thumb_sum = 400
    নীল কালারের দুট অপশন এর মাধ্যমে Thumbnail Image এর Height ও Width পরিবর্তন করতে পারবেন।


    সবশেষে Save Template এ ক্লিক করুন।
আশাকরি সকল ব্লগার ভাইয়েরা বুঝতে পেরেছেন।ভাল লাগলে একটি কমেন্ট এবং শেয়ার করতে কৃপণতা বোধ করবেন না।
Read More »

Get post by Email

copyright 2014-2020@bdtipstech DMCA.com Protection Status