«

»

Debolina Halder

আপনার BLOGGER ব্লগে যুক্ত করুন একটি আকর্ষনীয় SUBSCRIBE BOX

আমি বাঙালি হয়েও খুব ভালো বাংলা লিখতে পারিনা কোনো ভুল ত্রুটি হলে মাফ করবেন . এটি আমার প্রথম পোস্ট আমি আপনাদের blogger ব্লগে একটি আকর্ষনীয় SUBSCRIBE BOX যুক্ত করা শেখাবো।এই  SUBSCRIBE BOX এ  থাকবে FACEBOOK, TWITER, GOOGLE PLUS এবং আর.এস.এস  ফিড এর  লিংক

 প্রথমে BLOGGER DASHBOARD থেকে EDIT HTML   ক্লিক করুন. তারপর নিচের কোড দুটি  কপি করে </HEAD> আগে পেস্ট  করুন

<style type=’text/css’>
#social-profiles{
height:60px;
text-align:right;
float:right;
margin-bottom: 10px;
}
#social-profiles img{
margin-top: 0;
margin-right: 8px;
margin-bottom: 0;
margin-left: 0;
}
#social-profiles img:hover{
opacity:0.8;
}
.sub-box{
width: 290px;
padding: 5px;
border: 1px solid #CCC;
}
}

form.emailform{
display:block;
clear:both;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
}
.emailtext{
background:url(http://4.bp.blogspot.com/-DMrSxx8BJqo/TteQx1ijO2I/AAAAAAAABF0/Qd1ROb_8oeA/s1600/ot-mail.png) no-repeat scroll 4px center transparent;
padding:7px 15px 7px 35px;
color:#444;
font-weight:bold;
text-decoration:none;
border:1px solid #D3D3D3;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 1px 1px 2px #CCC inset;
-webkit-box-shadow: 1px 1px 2px #CCC inset;
box-shadow: 1px 1px 2px #CCC inset;
width: 142px;
}
.emailtext:focus{
outline: none;
}
.sub-button{
color:#444;
font-weight:bold;
text-decoration:none;
padding:6px 10px;
border:1px solid #D3D3D3;
cursor: pointer;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-goog-ms-border-radius: 5px;
border-radius: 5px;
background: #fbfbfb;
background: -moz-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f4f4f4));
background: -webkit-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
background: -o-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
background: -ms-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#FBFBFB’, endColorstr=’#F4F4F4′,GradientType=0 );
background: linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
}
.sub-button:hover{
background: -moz-linear-gradient(top, #e7e7e7 0%, #f4f4f4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7e7e7), color-stop(100%,#f4f4f4));
background: -webkit-linear-gradient(top, #e7e7e7 0%,#f4f4f4 100%);
background: -o-linear-gradient(top, #e7e7e7 0%,#f4f4f4 100%);
background: -ms-linear-gradient(top, #e7e7e7 0%,#f4f4f4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#e7e7e7′, endColorstr=’#F4F4F4′,GradientType=0 );
background: linear-gradient(top, #e7e7e7 0%,#f4f4f4 100%);
}
</style>

<script type=”text/javascript”>
WebFontConfig = {
google: { families: [ ‘Cabin+Condensed::latin’ ] }
};
(function() {
var wf = document.createElement(‘script’);
wf.src = (‘https:’ == document.location.protocol ? ‘https’ : ‘http’) +
‘://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js’;
wf.type = ‘text/javascript’;
wf.async = ‘true’;
var s = document.getElementsByTagName(‘script’)[0];
s.parentNode.insertBefore(wf, s);
})(); </script>

তারপর নিচের কোড টি LAYOUT থেকে ADD A GADGET ক্লিক করে HTML/JAVASCRIPT নিয়ে তাতে নিচের কোড টি পেস্ট করে দিন

<div class=’sub-box’>
<div id=’social-profiles’>
<a href=’http://facebook.com/USERNAME’ target=’_blank’ rel=’nofollow’><img alt=’Facebook’ src=’http://3.bp.blogspot.com/-DOFQsrJKtAw/T6JTiZx5xUI/AAAAAAAAABs/LmeHk1M0lcA/s1600/facebook_cloud.png’/></a>
<a href=’http://twitter.com/USERNAME’ target=’_blank’ rel=’nofollow’><img alt=’Twitter’ src=’http://1.bp.blogspot.com/-KeAqwWx9ILI/T6JTtMDciYI/AAAAAAAAACQ/mr_VmiAiWHo/s1600/twitter_cloud.png’/></a>
<a href=’https://plus.google.com/G+ID’ target=’_blank’ rel=’nofollow’><img alt=’Google Plus’ src=’http://3.bp.blogspot.com/-4MgPKFJoPeI/T6JTsbmF7KI/AAAAAAAAAB4/-OwTppLPUkE/s320/gO_plus.png’/></a>
<a href=’http://feeds.feedburner.com/FEEDBURNER ID’ target=’_blank’ rel=’nofollow’><img alt=’RSS Feed’ src=’http://2.bp.blogspot.com/-panpNDh8XhE/T6JTshdTMSI/AAAAAAAAACE/72Zl_WELd18/s1600/feed_cloud.png’/></a>
</div>
<br />
<h4 align=”left”>Get Free Email Upadtes</h4>
<div style=”text-align: left; display: inline-block;”>
<form action=”http://feedburner.google.com/fb/a/mailverify” method=”post” target=”popupwindow” onsubmit=”window.open(‘http://feedburner.google.com/fb/a/mailverify?uri=FEEDBURNER ID’, ‘popupwindow’, ‘scrollbars=yes,width=550,height=520’);return true” class=”emailform”>
<input type=”hidden” value=”FEEDBURNER ID” name=”uri” />
<input type=”hidden” name=”loc” value=”en_US” />
<input type=”text” onblur=”if (this.value == &quot;&quot;) {this.value = &quot;Enter your email…&quot;;}” onfocus=”if (this.value == &quot;Enter your email…&quot;) {this.value = &quot;&quot;}” value=”Enter your email…” name=”email” class=”emailtext” />
<input type=”submit” class=”sub-button” value=”Submit” title=” alt=” />
</form>
</div>
</div>

লাস্ট কোডটির USERNAME,G+ID AND FEEDBURNER
ID পরিবর্তে নিজের আইডি ব্যাবহার করুন

ফাইল টি ডাওণলোড করতে এখানে ক্লিক করুন DOWNLOAD ডেমো দেখতে এখানে ক্লিক করুন DEMO


এ সম্পর্কিত আরো কিছু টুইট:

ওয়ার্ডপ্রেস টিউটোরিয়াল পর্ব 1
আসুন শিখি পিএইচপিঃপর্ব-১৮
খুব সহজেই প্রোগ্রামিং এর মাধ্যমে তৈরি করি রেডিও ফুর্তির ডেক্সটপ প্রোগ্রাম
বাংলাদেশের আবহাওয়ার জন্য ৩ টি অ্যান্ড্রয়েডে অ্যাপ্লিকেশন
Traffic+monsoon এর মতো আর একটা সাইট যেখানে Payment 100% $2 হলে Payza তে।
ওয়ার্ডপ্রেসে গুরু মাত্র এক দিনে
মাইক্রোসফট ওয়ার্ড 2016 - ফুল কোর্স - পার্ট 7 (বাংলা ভিডিও)

মন্তব্য দিনঃ

comments

About the author

Debolina Halder

Debolina Halder

আমি দেবলীনা হালদার Engineering ছাত্রী থাকি পশ্চিমবঙ্গে . এখন আমি নিজেকে একজন ফ্রীলান্সিং কাজের জন্য তৈরী করছি

Permanent link to this article: http://techtweets.com.bd/tutorials/debolina-halder/27425

2 comments

  1. মুক্ত বিহঙ্গ (রিজভী)

    সুন্দর টিউন …আপনার উদ্যোগ ভাল চালিয়ে যান………..ধন্যবাদ……..

  2. Debolina Halder
    Debolina Halder

    আপনাকেও অসংখ্য ধন্যবাদ

মন্তব্য করুন