Pages

Thursday, August 03, 2017

ব্লগের জন্য সুন্দর একটি কন্ট্রোল প্যানেল(ব্লগার দিয়ে প্রফেশনাল ওয়েবসাইট তৈরি পর্ব-৩)

ads
(bd tips tech)বিডি টিপ্স টেকে আপনাদের স্বাগতম।আশাকরি সবাই ভাল আছেন।ব্লগ দিয়ে ওয়েবসাইট তৈরির গত দুই পর্বে আমি ব্লগারের ড্যাশবোর্ড,ডিজাইন এবং সেটিং নিয়ে মোটামুটি আলোচনা করেছি।
ব্লগের জন্য সুন্দর একটি কন্ট্রোল প্যানেল
ব্লগের জন্য সুন্দর একটি কন্ট্রোল প্যানেল


আসুন গুগুল ব্লগ দিয়ে নিজের ওয়েব সাইট তৈরি করি,কিভাবে ব্লগ/ওয়েব সাইট তৈরি করবেন ও সেখান হতে আয় করবেন,ওয়েবসাইট তৈরি করার নিয়ম,ওয়েবসাইট তৈরি করুন,ফ্রি ওয়েব সাইট তৈরি,বিনা খরচে তৈরী করুন ওয়েব সাইট,বিনামূল্যে বানান নিজের ওয়েবসাইট,ব্লগ, ব্লগার এবং ব্লগিং কি? ব্লগিং করার জন্য সেরা ১২ টি ব্লগিং সাইট,একটি নতুন ব্লগের জন্য backlink বৃদ্ধি করার ৫টি পদ্ধতি ,নিয়ে নিন কিছু অসাধারন টেমপ্লেট আপনার ব্লগার ব্লগের জন্য,bd tech tunes,trick bangla


আজ আমি দেখাবে কিভাবে ব্লগে একটি সুন্দর কন্ট্রোল প্যানেল যোগ করবেন।সাধারণত ব্লগে কন্ট্রোল প্যানেল থাকে না তা আপনাকে মেনুয়্যালি যোগ করে নিতে হবে।
আপনি যখন আপনার ব্লগে ভিজিট করবেন এবং যদি লগিন করা থাকে তাহলে আপনি আপনার ব্লগের উপরে এই কন্ট্রোল প্যানেল দেখতে পাবেন।আপনি ছাড়া আর কেউ এই কন্ট্রোল প্যানেল দেখতে পারবে না।উপরের এই কন্ট্রোল প্যানেল এ ব্লগের মূল কন্ট্রোল প্যানেলে যা থাকে সেগুলো এখানে থাকবে।এখান থেকে যে কোন টাতে ক্লিক করলেই আপনি সেইখানে চলে যাবেন।
 খুব সহজে তৈরি করুন ওয়েবসাইট (পর্ব-২)
খুব সহজে ওয়েবসাইট তৈরি(পর্ব-৪)ব্লগে যুক্ত করুন ছবি সহ related post widget
খুব সহজে তৈরি করুন ওয়েবসাইট (পর্ব-৫)ব্লগে যুক্ত করুন ছবি ছাড়া related post widget 
খুব সহজে তৈরি করুন ওয়েবসাইট (পর্ব-৬)পোস্টের মাঝখানে এড বসান সহজে 
 খুব সহজে তৈরি করুন ওয়েবসাইট(পর্ব-৭)ব্লগের পোস্টের টাইটেলের নিচে শেয়ার বাটুন যুক্ত করুন
খুব সহজে তৈরি করুন ওয়েবসাইট(পর্ব-৮)ব্লগের পোস্টের টাইটেলের নিচে এড বসান
ব্লগে যুক্ত করুন অটোমেটিক রিড মোর অপশন

কিভাবে যোগ করবেনঃ
যোগ করা জন্য আপনাকে নিচের ধাপ গুলো ফলো করতে হবে।

প্রথমে ব্লগের আইডি বের করাঃ
ব্লগের আ্ইডি বের করা জন্য আপনার ব্লগের লগিন করুন তারপর যে ব্লগটিতে এটি যোগ করতে চান সেই ব্লগের যে কোন জায়গায় যান যেমন সেটিং এ যান।
এবার দেখুন উপরে BlogID=XXXXXXXXXXXXXXXXXX এ ধরনের মোট ১৮ টি অক্ষর আছে এটি আপনার ব্লগের আইডি এটি কপি করে নোটপ্যাডে পেস্ট করে রাখুন।


এবার কিছু কোড যোগ করতে হবে তাহলে আপনি সফল ভাবে এটি করতে পারবেন।

প্রথমে আপনার ব্লগের Template এ যান।
Edit Template এ ক্লিক করুন।
এবার কোডের ভিতরে ক্লিক করে ctrl+f চেপে নিচের কোডটি খুজুন।

<body expr:class='&quot;loading&quot; + data:blog.mobileClass'>

যদি এটি না পান তাহলে <body> কোডটি খুজুন।
যদি খুজে পান তাহলে এবার নিচের কোডটুকু এর নিচে বসিয়ে দিন।


<span class='item-control blog-admin'>
<style>
.control-panel ul{z-index: 20; position: absolute; margin: 0px auto; background-color: #F6F6F6; width: 100%; }
.control-panel ul li{display: inline-block; float: left; padding: 7px 0px;}
.control-panel ul li a {color:#686868;padding: 7px 15px;border-right: 1px solid #E3E3E3;font-weight: bold;font-size: 13px;}
.control-panel a:hover {text-decoration:none; color:#FC8F44;}
</style>
<div class='control-panel'>
<ul>
<li><a href='http://www.blogger.com/home'>My Blogs</a></li>
<li><a href='http://www.blogger.com/blogger.g?blogID=XXXXXXXXXXXXX#editor/src=sidebar'>New Post</a></li>
<li><a href='http://www.blogger.com/blogger.g?blogID=XXXXXXXXXXXXX#editor/target=page'>New Page</a></li>
<li><a href='http://www.blogger.com/blogger.g?blogID=XXXXXXXXXXXXX#posts'>All Posts</a></li>
<li><a href='http://www.blogger.com/blogger.g?blogID=XXXXXXXXXXXXX#comments'>Comments</a></li>
<li><a href='http://www.blogger.com/blogger.g?blogID=XXXXXXXXXXXXX#pageelements'>Layout</a></li>
<li><a href='http://www.blogger.com/blogger.g?blogID=XXXXXXXXXXXXX#templatehtml'>Edit HTML</a></li>
<li><a href='#' onclick='location.reload(true); return false;'>Refresh</a></li>
<li><a href='/' target='_blank'>New Tab</a></li>
<li><a href='http://www.blogger.com/blogger.g?blogID=XXXXXXXXXXXXX#basicsettings'>Settings</a></li>
<li><a href='http://www.blogger.com/blogger.g?blogID=XXXXXXXXXXXXX#overviewstats'>Stats</a></li>
<li><a href='http://www.blogger.com/logout.g'>Logout</a></li>
</ul>
</div>
</span>
Get code
এবার সব লাল কালারে জায়গায় আপনার ব্লগের আইডিটি দিন।এবং সেভ করুন।তারপর ব্লগে যান দেখুন মজা।আশাকরি পোস্টটি আপনাদের ভাল লেগেছে।একটি কমেন্ট করে যাবেন।

No comments:

আমাদের পোস্টগুলি ভালো লাগলে কমেন্ট করে আমাদের উৎসাহ দিন

copyright 2014-2023@bdtipstech DMCA.com Protection Status