ব্লগের জন্য নিয়ে নিন অসাধারণ লেখক পরিচিতি বক্স। ভার্ষন-1

 হ্যালো বন্ধুরা আশাকরি আপনারা সবাইভালো আছেন।আজ আমিআপনাদের জন্যনিয়ে এসেছি অসাধারণএকটিলেখক পরিচিতিবক্স।আশা করি পছন্দ হবে।তাছারাওওয়ার্ডপ্রেসের মতএকটালেখক বক্স ব্লগেথাকলেও সুন্দরদেখায়। তাইআর দেরিনা করে
 চলুনজেনে নেইকীভাবে নিজের ব্লগেলেখক পরিচিতি বক্স লাগাবেন।


যেভাবে ব্লগে লেখক পরিচিতি বক্স লাগাবেনঃ
প্রথমেনিজের ব্লগেপ্রবেশকরুন। তারপরে Edit HTML এ যান। Ctrl+F প্রেস করুন। এবার ]]> খুজুন। ]]> খুজে পেলে তার ঠিক উপরে নীচের কোড গুলো বসান।
কোড:
#authorbox {background:#333 url( http://2.bp.blogspot.com/-http://2.bp.blogspot.com/- L5Tvv0yJrr4/TvsFt-Mh82I/L5Tvv0yJrr4/TvsFt-Mh82I/ AAAAAAAACC0/9eva5jXci8U/s1600/AAAAAAAACC0/9eva5jXci8U/s1600/ about_author.jpg )no-repeat scroll left top;width:auto; overflow:hidden; color:#fff; -moz- border-radius:15px; -webkit-border- radius:15px; border-radius:15px; margin:5px auto;padding:40px 10px10px 20px; font- family:verdana; } #authorbox:hover {-webkit-box- shadow: 0px0px10px rgba(0, 0, 0, .3);-moz-box-shadow: 0px0px 10pxrgba(0, 0, 0, .3); box- shadow: 0px0px20px rgba(0, 0, 0, .3);}#authorbox h4 {font- size:16px; color:#fff; clear:none; margin:0; padding:10px 10px 5px; }#authorbox.author_small {font-style:italic; }#authorbox img {-webkit-transition: -webkit- transform.15s linear;-webkit-box- shadow: 0 3px6pxrgba (0,0,0,.25); -moz-box-shadow: 0 3px6pxrgba(0,0,0,.25); padding: 5px5px5px5px; -webkit- transform:rotate(1deg); -moz- transform:rotate(1deg); float:left; border:4px solid #ff4408; margin:10px; padding:0; } #authorbox img:hover {-webkit- box-shadow: 03px6pxrgba (0,0,0,.5); -moz-box-shadow: 03px 6pxrgba(0,0,0,.5); -webkit- transform:rotate(+9deg); -moz- transform:rotate(-1deg); } #authorbox p{color:#ffffff; margin:0; padding:0 10px10px;} #authorbox a {color:#ff4408; text-decoration:none; }
ব্যাস সেভকরে বেরিয়ে আসুন।
যেভাবে পোষ্টের শেষে লাগাবেনঃ
এখন পোষ্টকরার পরে বা শেষেHTML ঘরেযান এবং নীচেরকোডগুলো বসিয়ে দিন।এখনআবার Content ঘরেফিরে আসুন দেখবেন লেখক পরিচিতি বক্স অ্যাডহয়ে গেছে।
এবার মনের মত পোষ্টকরুন এবংতার শেষেনীচের কোড গুলো বসিয়ে লেখক পরিচিতি বক্স ব্যাবহার করুন।
কোড:
<img alt="" src=" https:// lh3.googleusercontent.com/-72e_nFhhcSw/lh3.googleusercontent.com/-72e_nFhhcSw/ T1gygkx0RyI/AAAAAAAABCc/T1gygkx0RyI/AAAAAAAABCc/ k6U6EDy5XYk/h120/ man_cartoon.jpg ” height=”100″ width=”100″>
<A HREF=" HTTP:// WWW.HELPERBLOGGER.COM/WWW.HELPERBLOGGER.COM/ ” TITLE=”POSTS BY RAHUL IPPAR”TITLE=”POSTS BY RAHUL IPPAR” REL=”AUTHOR”> POSTS BY RAHUL IPPAR
Hi,I my name is Rahul Ippar. IHi,I my name is Rahul Ippar. I am author of this blog.I loveam author of this blog.I love blogging and I like to shareblogging and I like to share things which I know.
Follow Me On <a href="Follow Me On <a href=" http:// www.twitter.com/ helperblogger “>Twitter Or <a href=" http://www.facebook.com/http://www.facebook.com/ btsnts “>Facebook
এবার কালার করাজায়গায় নিজের ইউআরএল ও নামবসানএবংসেভ করে বেরিয়ে আসুন। তারপরে একটিপোষ্টকরুন দেখবেন পোষ্টেরনীচে লেখক পরিচিতি বক্স জোগ হয়ে গেছে।
তাহলে বন্ধুরাআজ এ পর্জন্তই। ভালোথকবেন। কোনসমস্যা হলেকমেন্ট করুন।

Share Share Tweet Share Share Share

Home

Thanks For You Reading The Post We are very happy for you to come to our site. Our Website Domain name https://betnabd.blogspot.com/.