বন্ধুরা সবাই ক্যামন আছেন আশাকরি সবাই খুব ভালো ও সুস্থ আছেন । যাই হোক আজকে আমি আপনাদের জন্য একটি ব্লগার ওয়েডগেট নিয়ে এলাম 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 এ ক্লিক করে সেভ করেনিন । ব্যাস এবার আপনার ব্লগের পোস্ট দেখুন ।
► কোন ধরনের সমস্যা হলে অবশ্যই কমেন্ট করবেন আমি ১০০% হেল্প করতে চেষ্টা করবো । দরকার হলে আপনার টেম্পলেট এ অ্যাডও করে দেবো । যাই হোক আমি আমার ব্লগে নতুন আর একটি লেখক বক্স নিয়ে পোস্ট করেছিলাম দেখতে পারেন এখানে থেকে ।
এই স্টাইল যদি পছন্দ না হয় তাহলে আপনি এই পোস্ট থেকে এই স্টাইল টি দেখতে পারেন >>
আমার ব্লগের মতো আপনার ব্লগেও যুক্ত করুন প্রতিটি পোস্টের নীচে লেখক পরিচিতি বক্স । [ Premium CSS3 Author info box ]
♦ কোন রকম সমস্যা হলে আমাদের এই ফেসবুক ব্লগার হেল্পলাইন গ্রুপে যুক্ত হন সমধান দেবার চেষ্টা থাকবে । আর হা বন্ধুরা আমিও আপনাদের মতো কথাও কোন ট্রেনিং নিইনি ওয়েবডিজাইন সেখার জন্য তাই আমি সেরকম কিছু জানি না বিভিন্ন ইংরেজি ব্লগ থেকে শিখছি এবং তাদের কোড গুলো কপি করে নিজের নামে চালাছি । যাই হোক কোন ভুল হলে ছোট ভাই ভেবে ভুল ধরিয়ে দেবেন ।
▬ভালো থাকবেন সুস্থ থাকবেন▬
▬আল্লাহ্ হাফেজ▬
0 comments:
একটি মন্তব্য পোস্ট করুন