Tampilkan postingan dengan label feed burner. Tampilkan semua postingan
Kamis, 17 Maret 2011
Official "Follow by Email" Feedburner Widget for Blogger
Now Blogger has introduced "Follow by Email" Feedburner email subscription widget for blogger blogs. So you don't want to add your site to the Feedburner manually. It will save your time.
To add this widget to your blog,
1.Log in to your dashboard --> Design -->Page Elements.
2.Click on 'Add a Gadget' on the sidebar.
3.Select "Follow by Email".
4.Now if you want you can add "FeedBurner URL" manually. but your feed address is automatically added to the "Feedburner URL" box by Blogger.
5. Click save. You are done.
To add this widget to your blog,
1.Log in to your dashboard --> Design -->Page Elements.
2.Click on 'Add a Gadget' on the sidebar.
3.Select "Follow by Email".
4.Now if you want you can add "FeedBurner URL" manually. but your feed address is automatically added to the "Feedburner URL" box by Blogger.
5. Click save. You are done.
Minggu, 03 Oktober 2010
Attractive Subscribe Section + Search Box For Blogger
css
,
feed
,
feed burner
,
html
,
search box
Tidak ada komentar
:
In this article,I am going to explain how to add more attractive Subscribe Section + Search Box to your blogger blog.This subscribe section is included Feedburner feed and Email subscriptions boxes,Twitter and Facebook boxes for your Twitter and Facebook profiles and Social networking buttons(Digg,Twitter,Facebook,Stumbleupon,Delicious) to share your articles among social networks.These social network buttons are powered by www.addthis.com.Above the subscribe section,Search box is included.You don't want to change anything in the search box code.To add this widget to your blogger sidebar without doing any modification,sidebar width must be at least 305 px. You can add this Subscribe Section + Search Box into your blog within few seconds and very easy to configure.If you like to add this widget to your blog or a website,then follow the steps given below.
1.Login to your blogger dashboard --> Design --> Edit HTML
2.Scroll down to where you see </head> tag .
3.Copy below code and paste it just before the </head> tag .
Save your template.
4.Now go to Design --> Page Elements and click on "Add a gadget".
5.Select "html/java script" and add the code given below and click save.
NOTE : Remember to Replace,
FEEDBURNER-ID with your real Feedburner ID.(4 times).
TWITTER-USERNAME with your real Twitter username.
FACEBOOK-USERNAME with your real Facebook username.
You are done.
1.Login to your blogger dashboard --> Design --> Edit HTML
2.Scroll down to where you see </head> tag .
3.Copy below code and paste it just before the </head> tag .
<style type="text/css">
.subbox{width:305px;border:0 solid #141414;overflow:hidden}
.addthis_toolbox{padding:15px 0 5px 0;text-align:center}
.addthis_toolbox .custom_images a{width:32px;height:32px;margin:0 4px 0 4px;padding:0}
.addthis_toolbox .custom_images a:hover img{opacity:1}
.addthis_toolbox .custom_images a img{opacity:0.85}
.rssbox{background:#f7f6f6;border:1px solid #ccd1d7;padding:5px 10px;margin:10px 0 0 0;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;width:125px}
.rssbox:hover{border:1px solid #92aed1}
.rssbox a{color:#7c8a9b;text-transform:uppercase;text-decoration:none;font:bold 12px Arial,Helvetica,Sans-serif}
.rssbox a:hover{color:#7c8a9b;text-decoration:underline}
.emailsbox{background:#f7f6f6;border:1px solid #ccd1d7;padding:5px 10px;margin:10px 0 0 0;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;width:125px}
.emailsbox:hover{border:1px solid #92aed1}
.emailsbox a{color:#7c8a9b;text-transform:uppercase;text-decoration:none;font:bold 12px Arial,Helvetica,Sans-serif}
.emailsbox a:hover{color:#7c8a9b;text-decoration:underline}
.twitterbox{background:#f7f6f6;border:1px solid #ccd1d7;padding:5px 10px;margin:10px 0 0 0;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;width:125px}
.twitterbox:hover{border:1px solid #92aed1}
.twitterbox a{color:#7c8a9b;text-transform:uppercase;text-decoration:none;font:bold 12px Arial,Helvetica,Sans-serif}
.twitterbox a:hover{color:#7c8a9b;text-decoration:underline}
.facebookbox{background:#f7f6f6;border:1px solid #ccd1d7;padding:5px 10px;margin:10px 0 0 0;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;width:125px}
.facebookbox:hover{border:1px solid #92aed1}
.facebookbox a{color:#7c8a9b;text-transform:uppercase;text-decoration:none;font:bold 12px Arial,Helvetica,Sans-serif}
.facebookbox a:hover{color:#7c8a9b;text-decoration:underline}
#search{width:290px;padding:2px 2px;background:#f7f6f6;border:1px solid #ccd1d7;height:28px;margin-top:0;margin-left:5px;display:inline;float:left}
#search:hover{border:1px solid #92aed1}
#search form{margin:0;padding:0}
#search fieldset{margin:0;padding:0;border:none}
#search p{margin:0;font-size:85%}
#s{width:200px;margin:0 0 0 0;padding:5px 5px 5px 5px;border:none;font:normal 80% "Tahoma",Arial,Helvetica,sans-serif;color:#000;float:left;background:#f7f6f6;display:inline}
input#searchsubmit{float:right;display:inline;margin:0 0 0 0;height:28px;background:#b2b2b2;color:#000;border:0 solid #222}
</style>
Save your template.
4.Now go to Design --> Page Elements and click on "Add a gadget".
5.Select "html/java script" and add the code given below and click save.
<div class="subbox">
<div id='search' style='display:inline;'>
<form action='/search' id='searchform' method='get'>
<input id="s" name="q" onblur="if (this.value == "") {this.value = "Search...";}" onfocus="if (this.value == "Search...") {this.value = "";}" type="text" value="Search..." />
<input id="searchsubmit" type="submit" value="Search" />
</form>
</div>
<table><tr>
<td><div class="rssbox">
<a href="http://feeds.feedburner.com/FEEDBURNER-ID" target="_blank" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIcXm_I3v-QXoWLja-7LoaGHG62fls-ENlRDaSmYx4ppws6-ZvbET6klT23tg81FLbuYBD5B5XfVWp7b7gjLvJ8y1jQua040PmBzCUtqYh3NPHrV4GZKHeJrfL7WvhTK9FaWXYLvKk0SD-/" alt="RSS Feed" title="RSS Feed" style="vertical-align:middle; margin-right: 5px;border:none;" /></a><a href="http://feeds.feedburner.com/FEEDBURNER-ID" target="_blank" rel="nofollow">RSS Feed</a>
</div></td>
<td><div class="emailsbox">
<a href="http://feedburner.google.com/fb/a/mailverify?uri=FEEDBURNER-ID" target="_blank" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrq16kGpLVs30BFEY2ziSg-ubzkeTR4zjZL-r8QltZVKgXyHF0-BiJ83RT2hfQktwMXQ_QePF52TTFrYJmgvPVOKPPNDWBKeVl3zv_fR7EvLlJZrmI14R_YVdfkZSJ3MrN-Y6chJRTu6-j/" alt="EMail Feed" title="EMail Feed" style="vertical-align:middle; margin-right: 5px;border:none;" /></a><a href="http://feedburner.google.com/fb/a/mailverify?uri=FEEDBURNER-ID" target="_blank" rel="nofollow">EMail Feed</a>
</div></td>
</tr><tr>
<td><div class="twitterbox">
<a href="http://twitter.com/TWITTER-USERNAME" target="_blank" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQqw2w8tocnLvtSxapAs9jdoXFUEOrMYr54qAqBHedMhd-wVWjO9iZKn7PQRzjMITbz77GGkwA2p0Z-RcBolM6xE2fR_BbKdnCgO5A8UfLoeL4tdeJj_crpnySUrlyAMbwqnIzokBJp01-/" alt="Twitter" title="Twitter" style="vertical-align:middle; margin-right: 5px;border:none;" /></a><a href="http://twitter.com/TWITTER-USERNAME" target="_blank" rel="nofollow">Twitter</a>
</div></td>
<td><div class="facebookbox">
<a href="http://www.facebook.com/FACEBOOK-USERNAME" target="_blank" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-yNU7z8hJA-9tAh7l4PWYq_ds6rxlylw4QsHUa38W902SxIasnV1tGeAptJK723nvZ6HlTRe9BHJqVtuPZ08fhgcg9N6JoZiVAD1VhI12AKVdB2rMgENzjd7GepR2Vyl0PkpvluKXpEDm/" alt="Facebook" title="Facebook" style="vertical-align:middle; margin-right: 5px;border:none;" /></a><a href="http://www.facebook.com/FACEBOOK-USERNAME" target="_blank" rel="nofollow">Facebook</a>
</div></td>
</tr></table>
<p style="display:none;" align="center">Widget by <a href="http://www.bloggertipandtrick.net/" target="_blank">Blogger Tips And Tricks</a></p>
<div class='addthis_toolbox'>
<div class='custom_images'>
<a class='addthis_button_twitter'><img alt='Twitter' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCf3M4t_1o7pa99_adVyfeE5eQU1hddAUOkUi56J_U8zYymfTGq_WHbmCBWeoSHTvfzNXA4ex9ril5JFHYbdPaRt77yNpkBCorgbKwbEi_6-zO1FXafMkvFbRX9ftkHUPJi3Z__BNffSc/' width='32'/></a>
<a class='addthis_button_delicious'><img alt='Delicious' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQ-6_UE09gGE_CbadKz0gjFE_vUw8bGNQ5AnNbouEHPQFau2BLtXq8fVMvhnI7jMElkJuTcaaJ6mSHW-VUbbRzIqebGzGFdl4DDdOSMF1I14y67wzg_cA41qnlYSbt2aKHdBIRZ4Z7M9Q/' width='32'/></a>
<a class='addthis_button_facebook'><img alt='Facebook' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWhKHzdB6FbW9yBOEN1HWnX1wWCGPe4o52gBcEh56hYuCO0sw0jnnlLawrRpeRKh69Ud1oGGttCrg2PDA4pjD_mPCevG8mbqiQyMyZ8xllWHwTtKv_xTF3NmUjSX38tNpCCuJHfdfD07w/' width='32'/></a>
<a class='addthis_button_digg'><img alt='Digg' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtx255mgtoQxDSRL05t2MVY-f4vwAXt1TSS8G5HXocnTmAgVfeuaGI8FVnlIxtnTWAjEHIL5VZC696bSDADMBfJgmIFUTeRqrlbRVPnRfHjXGpZJNl6wY5rGER0PIrsRej_t9Zpm93Wlc/' width='32'/></a>
<a class='addthis_button_stumbleupon'><img alt='Stumbleupon' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXU0853LG1OnkD2f8Ni_Hr_RJctbGeJ9nutwPumy8YV7ZeilNIRdjYcwWcueLUUNTpIk2kC7DMhFsCHDPJpfwb21Z3dRsyEQ6Vg0prOw5KeFrnQuyTDIDn3imA2UTfn6DLEIG_uIHuq8c/' width='32'/></a>
<a class='addthis_button_favorites'><img alt='Favorites' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2pCPF-gqv1jlYRpVMa5HsyttQV9My9HmRH4PXFAzDOAef9FpC1FEVDiyN3uw1HS5xWu7w8fgLGOOwZpER8GStjApvwvqytLT4ZKszyHHzVzhiCP4BuuJrkVimsG_2g9fkiS3bZm8FW-Q/' width='32'/></a>
<a class='addthis_button_more'><img alt='More' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigcBrL5n3_ImDIaOcC116EwjDGDSqj_ck2x4rl9sF7YJ1nlFBT5nrV7LvgF6Glop8bx2lsTU60BinDqxS66Y93q0zXq5o04d0ESGKpQhsZi067xlujQhV1NXdeuAZPvXm6UkY8qawJ1aE/' width='32'/></a>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js' type='text/javascript'/>
</div>
</div>
NOTE : Remember to Replace,
FEEDBURNER-ID with your real Feedburner ID.(4 times).
TWITTER-USERNAME with your real Twitter username.
FACEBOOK-USERNAME with your real Facebook username.
You are done.
Sabtu, 19 Juni 2010
How To Add Subscribe Box to Blogger/Website
In this tutorials,I will explain to you how create a Subscribe Box with Feedburner Email subscription,Feed subscription and Social networking buttons(Digg,Twitter,Facebook,Stumbleupon,Delicious).You can easily add or remove social buttons to this widget and setup your email subscription.If you like to add this widget to your blog or a website,then follow the steps given below.
1.Log in to your dashboard--> Design- ->Page Elements.
2.Click on 'Add a Gadget' on the sidebar.
3.Select 'HTML/Javascript' and add the code given below and click save.
Note : Remember to REPLACE,
FEEDBURNER-ID with your feedburner ID.
DELICIOUS-USERNAME with your delicious username.
TWITTER-USERNAME with your twitter username.
FACEBOOK-USERNAME with your facebook username.
STUMBLEUPON-USERNAME with your stumbleupon username.
Look at the example given below.
You are done.
1.Log in to your dashboard--> Design- ->Page Elements.
2.Click on 'Add a Gadget' on the sidebar.
3.Select 'HTML/Javascript' and add the code given below and click save.
<style type="text/css">
#subscribe-box {
overflow: hidden;
margin: 10px 0 0 0;
}
#subscribe-box a.subscribe-sec {
display: inline-block;
display: -moz-inline-stack;
width: 40px;
padding-top: 38px;
zoom: 1;
}
#subscribe-box a.subscribe-sec:hover {
color: #660000;
}
</style>
<form action="http://feedburner.google.com/fb/a/mailverify" style="border:1px solid #ccc;padding:3px;" target="popupwindow" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=FEEDBURNER-ID', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><p>Get Notified When We Update !!!</p><p><input style="width:180px" name="email" type="text" value="Enter your email address:" onclick="this.value='';" /><input value="FEEDBURNER-ID" name="uri" type="hidden" /><input value="en_US" name="loc" type="hidden" /><input value="Subscribe" type="submit" /></p>
<p><div id="subscribe-box">
<a title="Delicious" href="http://delicious.com/DELICIOUS-USERNAME" class="subscribe-sec" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFwoiH48j5ZSgHldplWr474N3FDfcFY8iLEhrxfX2lsuwuA-1U9VxsQEem6xOUiQ1YDHxJ4QXnoBQEL_EJijFr6coJqSyFq3Svswd5STo6Jw5lkqFj-W48tOFdxVIJaV2Akuls-x270LjW/s1600/delicious.png) center top no-repeat"></a>
<a title="Twitter" href="http://twitter.com/TWITTER-USERNAME" class="subscribe-sec" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5IR-secooXET4xIZuX2QD4pVCsuca1aNmGPUgmzS-MddXN2SqTy_GinMAWJOFNChHpCf4adoHpOgKDcHrUvZEdI9LbFSMgW_GHH5J4-hvzYOQiFcL4Z2APAiAJ8YYGUVoBF1f0Gdr5LLr/s1600/twitter.png) center top no-repeat"></a>
<a title="Digg" href="http://digg.com/users/DIGG-USERNAME" class="subscribe-sec" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwQhV0rfRSn3ukSBvWKCrvN1OkZ19GPH6xEDaJXGpJQVhxbNiSalJl4WwZEVjURRu_8FhUHjFCAXWSnPwCWEtaFyOdtNFJM_vU2HuhP-0lyQAh8twTabgGdY8TZNiUJDxXcQvX9mlhB7lB/s1600/digg.png) center top no-repeat"></a>
<a title="Facebook" href="http://www.facebook.com/FACEBOOK-USERNAME" class="subscribe-sec" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjETuKL9ncU9nX3-RUtcW-Dx_23chNT6udEeq2q3vCCxGFYemUQ89JOHmCfp71vskfJwF_Hrz6ffgjKO4hgtYTa6vC6CSPj49_Rml230ubojZgE7MRLCqVdJhxS8ACa-ePAQ5no6WSDlfbc/s1600/facebook.png) center top no-repeat"></a>
<a title="Stumbleupon" href="http://www.stumbleupon.com/stumbler/STUMBLEUPON-USERNAME" class="subscribe-sec" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDf3yPfZOzEHuqVLl-ok7r_G7Y_sFu2woL5axP3GlCLpOK4SB1cI7W78bW7nJ4AjJphKs38VnG6kMpDmAD72nvKZeb4nsCheeuYq4LQAXa1_0KvZhIw326yMu1XTe58vzsSBmiNpQnFuuL/s1600/stumbleupon.png) center top no-repeat"></a>
<a title="RSS Feed" href="http://feeds.feedburner.com/FEEDBURNER-ID" class="subscribe-sec" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi54pClJH1onPSSL2xMYtKSK9rD0yCI_itVaxgjCRJCdE1pvQrgRrQtUNSZx80vHa9VXn-ktT0Pwy_nA1IwTJjqI-nhFfEmyJu6VXUggfV9DUaGEPNbT_yVRhyphenhyphenwMMfAjR1QkukQZrD2MrB1/s1600/rss.png) center top no-repeat"></a>
</div></p>
</form>
Note : Remember to REPLACE,
FEEDBURNER-ID with your feedburner ID.
DELICIOUS-USERNAME with your delicious username.
TWITTER-USERNAME with your twitter username.
FACEBOOK-USERNAME with your facebook username.
STUMBLEUPON-USERNAME with your stumbleupon username.
Look at the example given below.
<style type="text/css">
#subscribe-box {
overflow: hidden;
margin: 10px 0 0 0;
}
#subscribe-box a.subscribe-sec {
display: inline-block;
display: -moz-inline-stack;
width: 40px;
padding-top: 38px;
zoom: 1;
}
#subscribe-box a.subscribe-sec:hover {
color: #660000;
}
</style>
<form action="http://feedburner.google.com/fb/a/mailverify" style="border:1px solid #ccc;padding:3px;" target="popupwindow" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogspot/WyNa', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><p>Get Notified When We Update !!!</p><p><input style="width:180px" name="email" type="text" value="Enter your email address:" onclick="this.value='';" /><input value="blogspot/WyNa" name="uri" type="hidden" /><input value="en_US" name="loc" type="hidden" /><input value="Subscribe" type="submit" /></p>
<p><div id="subscribe-box">
<a title="Delicious" href="http://delicious.com/wam8387" class="subscribe-sec" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFwoiH48j5ZSgHldplWr474N3FDfcFY8iLEhrxfX2lsuwuA-1U9VxsQEem6xOUiQ1YDHxJ4QXnoBQEL_EJijFr6coJqSyFq3Svswd5STo6Jw5lkqFj-W48tOFdxVIJaV2Akuls-x270LjW/s1600/delicious.png) center top no-repeat"></a>
<a title="Twitter" href="http://twitter.com/btipandtrick" class="subscribe-sec" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5IR-secooXET4xIZuX2QD4pVCsuca1aNmGPUgmzS-MddXN2SqTy_GinMAWJOFNChHpCf4adoHpOgKDcHrUvZEdI9LbFSMgW_GHH5J4-hvzYOQiFcL4Z2APAiAJ8YYGUVoBF1f0Gdr5LLr/s1600/twitter.png) center top no-repeat"></a>
<a title="Digg" href="http://digg.com/users/wam8387" class="subscribe-sec" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwQhV0rfRSn3ukSBvWKCrvN1OkZ19GPH6xEDaJXGpJQVhxbNiSalJl4WwZEVjURRu_8FhUHjFCAXWSnPwCWEtaFyOdtNFJM_vU2HuhP-0lyQAh8twTabgGdY8TZNiUJDxXcQvX9mlhB7lB/s1600/digg.png) center top no-repeat"></a>
<a title="Facebook" href="http://www.facebook.com/btipandtrick" class="subscribe-sec" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjETuKL9ncU9nX3-RUtcW-Dx_23chNT6udEeq2q3vCCxGFYemUQ89JOHmCfp71vskfJwF_Hrz6ffgjKO4hgtYTa6vC6CSPj49_Rml230ubojZgE7MRLCqVdJhxS8ACa-ePAQ5no6WSDlfbc/s1600/facebook.png) center top no-repeat"></a>
<a title="Stumbleupon" href="http://www.stumbleupon.com/stumbler/wam83879" class="subscribe-sec" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDf3yPfZOzEHuqVLl-ok7r_G7Y_sFu2woL5axP3GlCLpOK4SB1cI7W78bW7nJ4AjJphKs38VnG6kMpDmAD72nvKZeb4nsCheeuYq4LQAXa1_0KvZhIw326yMu1XTe58vzsSBmiNpQnFuuL/s1600/stumbleupon.png) center top no-repeat"></a>
<a title="RSS Feed" href="http://feeds.feedburner.com/blogspot/WyNa" class="subscribe-sec" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi54pClJH1onPSSL2xMYtKSK9rD0yCI_itVaxgjCRJCdE1pvQrgRrQtUNSZx80vHa9VXn-ktT0Pwy_nA1IwTJjqI-nhFfEmyJu6VXUggfV9DUaGEPNbT_yVRhyphenhyphenwMMfAjR1QkukQZrD2MrB1/s1600/rss.png) center top no-repeat"></a>
</div></p>
</form>
You are done.
Sabtu, 06 Februari 2010
How To Add Beautiful Subscribe Section to Blogger
css
,
feed burner
,
html
,
twitter
,
widget
Tidak ada komentar
:
Do you like to add a good looking Subscribe section to your blog?Then simply follow the steps below.
1.Login to your blogger dashboard--> layout- -> Edit HTML
2.Scroll down to where you see </head> tag .
3.Copy below code and paste it just before the </head> tag .
NOTE : Host RSS.png , EmailRSS.png , twitter.png yourself.
4.Now go to Layout-->Page Element and click on "Add a gadget".
5.Select "html/java script" and add the code given below and click save.
NOTE : Replace YOUR-RSS-FEED-URL , YOUR-FEEDBURNER-EMAIL-SUBSCRIPTION-URL , YOUR-TWITTER-URL with your urls.
Look at the example below:
You are done.
1.Login to your blogger dashboard--> layout- -> Edit HTML
2.Scroll down to where you see </head> tag .
3.Copy below code and paste it just before the </head> tag .
<style type='text/css'>
#hsection{border:4px solid #D3D3D3;background-color:#e9e9e9;}
#hsection:hover{border:4px solid #BABABA;background-color:#e9e9e9;}
#sectionmy .sectionmy2 h2.subscription { border:0; margin:0; padding:6px 0 0 55px; height:42px; font-size:16px;font-family:"Segoe UI",Calibri,"Myriad Pro",Myriad,"Trebuchet MS",Helvetica,Arial,sans-serif;
font-weight:bold; }
#sectionmy .sectionmy2 h2.rss { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjH30jVhBen5IoecLVck4YuvQtrwlcEGWQpW-1GFLIlcMtNVcKRghHLcr8_BBsg9T6LBVpKTtst7m5EJdnP2Xhcz-ARPWHsO4jP8RqFgJbVRVKCVrnbNfM1-oIRYhubhbWP5ZyaPhQrPvg2/) no-repeat top left; }
#sectionmy .sectionmy2 h2.email { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjL3DqKSuSXmCfAKSK628BH8GOscWXvT-4FiQExySN1JfvnGxazeV53pu1nQ0s7Ysx6SBgOPwexDOTDHcEPa2dUBiWeN-wB6zvySjWN0-pOu2NxUP7K_VUeb3NDllRxmiemVDy7L2ABgeul/) no-repeat top left; }
#sectionmy .sectionmy2 h2.twitter { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKWBtrcavbOwD0li0RwoNiiY_pGSsu9P7DuhAPVrrlA5W6c_jtiW__8SmCJ2eM5QrYRmk0mS4wYpYxChoTmdjCyMD9huYttln1vddDqxDqzP5aq7K5slY9fpGE4T6-v5wQ7gD4yRJl8xCW/) no-repeat top left; }
#sectionmy .sectionmy2 .subscription a { color:#252e28; text-decoration:none; }
</style>
NOTE : Host RSS.png , EmailRSS.png , twitter.png yourself.
 |  |  |
4.Now go to Layout-->Page Element and click on "Add a gadget".
5.Select "html/java script" and add the code given below and click save.
<div id="hsection">
<div id="sectionmy">
<div class="sectionmy2">
<h2 class="subscription rss"><a href="YOUR-RSS-FEED-URL">SUBSCRIBE VIA RSS</a></h2>
<h2 class="subscription email"><a href="YOUR-FEEDBURNER-EMAIL-SUBSCRIPTION-URL">SUBSCRIBE VIA EMAIL</a></h2>
<h2 class="subscription twitter"><a href="YOUR-TWITTER-URL">FOLLOW ON TWITTER</a></h2>
</div></div>
</div>
NOTE : Replace YOUR-RSS-FEED-URL , YOUR-FEEDBURNER-EMAIL-SUBSCRIPTION-URL , YOUR-TWITTER-URL with your urls.
Look at the example below:
<div id="hsection">
<div id="sectionmy">
<div class="sectionmy2">
<h2 class="subscription rss"><a href="http://feeds2.feedburner.com/blogspot/WyNa">SUBSCRIBE VIA RSS</a></h2>
<h2 class="subscription email"><a href="http://feedburner.google.com/fb/a/mailverify?uri=blogspot/WyNa&loc=en_US">SUBSCRIBE VIA EMAIL</a></h2>
<h2 class="subscription twitter"><a href="http://www.twitter.com/btipandtrick">FOLLOW ON TWITTER</a></h2>
</div></div>
</div>
You are done.
Langganan:
Postingan
(
Atom
)