ব্লগের সাইডবারে যুক্ত করুন সাবস্ক্রাইব উইজেট

সাবস্ক্রিপশন উইজেট হলো ব্লগের জন্য একটি জনপ্রিয় উইজেট। এটি এমন একটি উইজেট যার মাধ্যমে আপনার ব্লগের ভিজিটর টুইটারে ফলো করতে পারে এবং আরএসএস এর মাধ্যমে ব্লগ পড়তে পারবে। ভাল ফলাফলের জন্য এই পদ্ধতিটি প্রয়োগের পূর্বে আপনার ব্লগের টেম্পলেট এর ব্যাকআপ নিবেন। যে ব্লগটিতে এই উইজেটটি বসাতে চান ড্যাশবোর্ড থেকে তার Layout > Edit HTML   যান । এবার ]]></b:skin> কোডটি খুঁজে বের করুন এবং কোডটির উপরে নিচের কোডগুলো লিখে দিন।

কোডঃ

#subscribebox{list-style:none; margin:0px}

#subscribebox li{padding:10px 5px; position:relative; margin-top:0; margin-right:0; margin-bottom:5px; margin-left:0; height:64px; opacity:0.75; -moz-opacity:0.75}

#subscribebox li:hover{ background-color:#f4f4f4; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -khtml-border-radius:5px; opacity:1; -moz-opacity:1; -webkit-transition:opacity 1s ease-out}

#subscribebox li img{float:left; position:relative; padding:0px; margin:0px 10px 0px 0px}

#subscribebox li h4{margin:-6px 0 3px 83px; font-size:15px; line-height:26px; color:#8B3E2F; text-shadow:1px 1px 0px #fff; font-family:Helvetica,Arial,Verdana; font-weight:bold; clear:none}

#subscribebox li p{margin:0 0 0 0; font-family:Trebuchet MS,sans-serif; font-size:13px; letter-spacing:-0.02em; clear:none; text-indent:0px}

#subscribebox li a.link{background:none; border:none; top:0; left:0; right:0; bottom:0; width:100%; height:100%; position:absolute; z-index:50}

 

এবার পেজ এলিমেন্ট পেজে যান এবং সাইডবারে একটি নতুন Html/JavaScript গ্যাজেট নিন এবং নিচের কোড গুলো লিখে সেভ করুন।

কোড ঃ

<ul id=”subscribebox”>

<li>

<a href=”http://feeds.feedburner.com/YOUR FEED NAME” target=”_blank”></a>

<img src=”http://3.bp.blogspot.com/_ubwIhqPcR6M/TCHnmSM6jcI/AAAAAAAAA7A/z4X5p_TQt20/s1600/rss_48.png” alt=”RSS Feeds” />

<h4>RSS Feed</h4>

<p>Subscribe To RSS Feed</p>

</li>

<li>

<a href=”http://feedburner.google.com/fb/a/mailverify?uri=YOUR FEED NAME&loc=en_US” target=”_blank”></a>

<img src=”http://1.bp.blogspot.com/_ubwIhqPcR6M/TCHna8KiyVI/AAAAAAAAA64/ACI622bhHTY/s1600/mail_forward_48.png” alt=”RSS E-Mail Delivery” />

<h4>E-Mail Delivery</h4>

<p>Subscribe To Email for the latest updates right to your email</p>

</li>

<li>

<a href=”http://twitter.com/YOUR TWITTER HANDLE” target=”_blank”></a>

<img src=”http://4.bp.blogspot.com/_ubwIhqPcR6M/TCHnQ2fRV0I/AAAAAAAAA6w/Kj8nwFNuT_A/s1600/twitter_48.png” alt=”Follow Us On Twitter” />

<h4>Twitter</h4>

<p>Follow Us On Twitter to join the list of 1000  followers</p>

</li>

</ul>

এবার পরিবর্তনটি সেভ করুন। আর ব্লগটি ভিজিট করুন তাহলে সাইড বারে একটি সাবস্ক্রিপশন উইজেট দেখতে পাবেন। আজ এপর্যন্তই। সবাই ভাল থাকবেন।

আমার ব্লগে আমন্ত্রন