বন্ধুরা সবাই ক্যামন আছেন আশাকরি সবাই খুব ভালো ও সুস্থ আছেন । যাই হোক আজকে আমি আপনাদের জন্য একটি ব্লগার ওয়েডগেট নিয়ে এলাম Author Box । Author Box কি আশাকরি বুজতেই পেরেছেন হুম এটা বাংলাই লেখক পরিচিতি বক্স বলে । যাই হোক আমি বেশি কথা না বলে সোজা কাজের কোথাই যাব । এই Author Box বক্স টি আপনার প্রতিটি পোস্ট এর নীচে শো করবে আপনি ডেমো দেখতে পারেন কিভাবে এটা শো করবে নীচের ডেমোতে ক্লিক করুন
♦ উপরের ডেমোটি সেম এটার মতো না এটার স্টাইল আলাদা তবে কাজ মানে কিভাবে পোস্ট এর নীচে দেখেবে সেটাই দেখার জন্য ডেমো দিলাম আর এটার স্টাইল ঠিক উপরের ফটো এর মতো হবে । যাই তাহলে দেখে নিন কিভাবে আপনার ব্লগে এটা খুব সহজে অ্যাড করবেন ।
♥ কিভাবে আপনার ব্লগে যুক্ত করবেনঃ
১// আপনার ব্লগার ব্লগ লগইন করুন । তারপর ড্যাশবোর্ড থেকে Template এ ক্লিক করুন ।
২// এবার ডান পাশে উপর থেকে আপনার Template এর ব্যাকআপ নিয়ে নিন ।
৩// এবার Edit HTML এ ক্লিক করুন । নীচের চিত্রে দেখুনঃ
৪// এবার আপনার কীবোর্ড এর Ctrl+F প্রেস করে নীচের কোড খুজে বের করুন ।
<head>
৫// উপরের কোড খুজে পেলে তার ঠিক নীচে নীচের কোড কপি করে পেস্ট করুন ।
<link href='https://dl.dropboxusercontent.com/u/76401970/All%20Blogger%20Tricks/abt-author-box.css' rel='stylesheet' type='text/css'/>
৬// এবার Save Template এ ক্লিক করুন ।
৭// এবার একি ভাবে আপনার কীবোর্ড এর Ctrl+F প্রেস করে নীচের কোড খুজে বের করুন ।
<div class='post-footer-line post-footer-line-1'>
৮// উপরের কোড খুজে পেলে তার ঠিক নীচে নীচের কোড কপি করে পেস্ট করুন ।
<b:if cond='data:blog.pageType == "item"'>
<div class='abt-author_info'>
<div class='abt-author_photo'>
<img alt='author' height='150' src='YOUR PIC URL' width='150'/>
</div>
<h2 style='color:#444;font-family:verdana;text-shadow: 3px 3px 3px 3px #ABABAB;'>This Post Was Written By :</h2>
<p>Add information about you here.</p>
<div class='abt-linediv'/>
<div class='abt-email'>
<small style='text-align:center;'>Get Free Email Updates to your Inbox!</small>
<form action='http://feedburner.google.com/fb/a/mailverify' class='abt-emailform' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=FeedUsername', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'>
<input name='uri' type='hidden' value='asobondhu'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='abt-emailinput' name='email' onblur='if (this.value == "") {this.value = "Enter your email...";}' onfocus='if (this.value == "Enter your email...") {this.value = ""}' type='text' value='Enter your email...'/>
<input class='abt-emailbutton' title='' type='submit' value='SignUp'/>
</form>
</div>
<ul class='abt-social'>
<li class='rssicon'>
<a href='http://feeds.feedburner.com/asobondhu'>Rss</a>
</li><li class='twicon'>
<a href='http://twitter.com/asobondhu'>Twitter</a>
</li><li class='fbicon'>
<a href='http://facebook.com/asobondhublog'>Facebook</a>
</li><li class='gicon'>
<a href='https://plus.google.com/101073711453747706715'>Google +</a>
</li>
</ul>
</div>
</b:if>
নোটঃ উপরের রঙ্গিন লিখা গুলো মুছে আপনার সব কিছু অ্যাড করুন ।
৯// এবার Save Template এ ক্লিক করে সেভ করেনিন । ব্যাস এবার আপনার ব্লগের পোস্ট দেখুন ।
► কোন ধরনের সমস্যা হলে অবশ্যই কমেন্ট করবেন আমি ১০০% হেল্প করতে চেষ্টা করবো । দরকার হলে আপনার টেম্পলেট এ অ্যাডও করে দেবো ।
No comments:
Post a Comment