আসসালামু আলাইকুম বন্ধুরা , আজকে আমি আপনাদের সঙ্গে একটি ওয়েডগেট শেয়ার করবো ওয়েডগেটটি খুব কাজের না হলেও দারুন মজার । আপনি প্রতিনিয়ত পোস্ট করে যাছেন শুধু আপনি নিজেই জানছেন আপনার ব্লগে কটি পোস্ট আছে কিন্তু পাঠক সেটা বুঝতে পারছে না কিন্তু আজকের এই ওয়েডগেট ব্যবহার করলে পাঠক খুব সহজে বুঝতে পারবে আপনার ব্লগে সর্ব মোট কটি পোস্ট আছে । যাই হোক এটা যদি আপনার ব্লগে ব্যবহার করতে চান নিচের টিপস দেখুন এবং যুক্ত করুন ।
প্রথমে ব্লগার অ্যাকাউন্ট লগইন করুন এবং ড্যাশবোর্ড থেকে Template → Edit HTML এ ক্লিক করুন । এবার আপনার কীবোর্ড এর Ctrl+F প্রেস করে </head> এই ট্যাগ খুজে বের করে তার ঠিক উপরে নিচের কোড গুল বসিয়ে দিন ।
<script type='text/javascript'>
//<![CDATA[
function getposts(json){
var totalposts=json.feed.openSearch$totalResults.$t;
document.write('<div class="totalposts"><span class="totalnumber">'+totalposts+'</span><span class="totallabel">Posts</span></div>');
}
//]]></script>
ব্লগার ব্লগে যুক্ত করুন 3D স্টাইল ভিজিটর ট্র্যাকিং ওয়েডগেট !!
প্রথমে ব্লগার অ্যাকাউন্ট লগইন করুন এবং ড্যাশবোর্ড থেকে Template → Edit HTML এ ক্লিক করুন । এবার আপনার কীবোর্ড এর Ctrl+F প্রেস করে </head> এই ট্যাগ খুজে বের করে তার ঠিক উপরে নিচের কোড গুল বসিয়ে দিন ।
<script type='text/javascript'>
//<![CDATA[
function getposts(json){
var totalposts=json.feed.openSearch$totalResults.$t;
document.write('<div class="totalposts"><span class="totalnumber">'+totalposts+'</span><span class="totallabel">Posts</span></div>');
}
//]]></script>
এবার একি ভাবে এই ট্যাগটি ]]></b:skin> খুজেবের করুন এবং তার ঠিক উপরে নিচের সিএসএস কোড গুল কপি পেস্ট করুন ।
.totalposts{
background:#eee;
color:#222;
padding:10px 15px;
display:inline-block;
box-shadow:0 1px 1px rgba(0,0,0,0.2);
text-align:center;
}
.totalposts .totalnumber{
font:700 18px 'open sans','Segoe Ui',sans-serif;
display:block;
}
.totalposts .totallabel{
display:block;
font:700 12px 'open sans','Segoe Ui',sans-serif;
color:#00bfff;
}
ফাইনাল কাজ এবার সেখান থেকে বেরিয়ে Layout → Add a Gadget এ ক্লিক করে নিচের কোড গুল Content ঘোরে বসিয়ে দিন ।
<script src="http://www.esobondhu.com/feeds/posts/default?alt=json-in-script&callback=getposts"></script>
শুধু মাত্র উপরের কোড থেকে www.esobondhu.com মুছে আপনার ব্লগের Url বসিয়ে দিয়ে বেরিয়ে আসুন ।
তাহলে আজকের মত এই পর্যন্ত পোস্টটি ভাল লাগলে অবশ্যই বন্ধুদের সঙ্গে শেয়ার করুন এবং কোন রকম সমস্যা হলে নীচে কমেন্ট করে জানাতে পারেন । ভাল থাকবেন সুস্থ থাকবেন । আসসালামু আলাইকুম ।
demo koi?
উত্তরমুছুনউপরের যে ফটো দিয়েছি সেটাই ডেমো এখুন দেখুন ডেমো আছে !
মুছুন