Home › SEO › Website Design › Apna Blogger ma Stylish Social Media Subscription Gadget add kara

Apna Blogger ma Stylish Social Media Subscription Gadget add kara

Posted by : Unknown

21 Jul 2016

Apna Blogger ma Stylish Social Media Subscription Gadget add kara

Koi v blog ko popular karna ka liya appko Social media aur Feedburner ka Subscription service ka sahara lana hi hoga. Nhi to appka blog Pinjara ma kaid kisi pacchi(Bird) ki taraha ho jayaga jis taraha bird ko pinjara sa bahar jana ki ajadi nhi hoti usi taraha appka Blog v sirf app tak hi rahaga dusro tak nhi pahuch payaga.

Lakin ager app Social Media aur Subscription service ka use karta h to app apna blog ko apna friends ka sath sath duniya ka kisi v kona ma app apna blog ko promote kr sakta ho. Maina apna pichla post ma bataya h ki kaisa app abpa blog/website ma Simple aur Cool Subscription Gadget ko add kr sakta h. Ap mara uss post ko padh kar samaj jayanga ki Subscription Gadget kya h.

Also Read: Yoast WordPress SEO plugin Setup

Aj mai iss post ma batauga ki kaisa app apna website ma Subscription Gadget ka sasath sath Social Media ko v add kar sakta h bs app mara Step ko follow kara.

Also Read: Adfly ka A to Z jankari.

Step 1: Sabsa pahala app apna Blogger Dashboard>>Layout>>Add Gadget par jaya Uska bd HTML/JavaScript gadget ko add kara.

Step 2: Ab app nicha diya gaya Code ko waha paste kara

Your Code:

<style>
#socialwidget {
border: 1px solid #ebebeb;
width: 300px;
}
.TZ-social{
padding: 10px 10px 10px 10px;
border-bottom: 1px solid #ebebeb;
}
.TZ-social img:hover{opacity:0.8}
.googleplus {
background: #ffffff;
border-top: 1px solid white;
border-bottom: 1px solid #ebebeb;
font-size: 12px;
color: #000;
padding: 9px 11px;
ine-height: 1px;
font-family: Verdana, Geneva, sans-serif;
}
.googleplus span {
color: #000;
font-size: 11px;
position: absolute;
margin: 9px 70px;
width: 310px;
}
.g-plusone {
float: left;
}
.twitter {
background: #ffffff;
border-bottom: 1px solid #ebebeb;
padding: 10px;
}
.TZ {
background: #ffffff;
border-top: 1px solid white;
font-size: 12px;
color: #000;
padding: 9px 11px;
line-height: 1px;
font-family: Verdana, Geneva, sans-serif;
}
.TZ span {
color: #000;
font-size: 11px;
position: absolute;
margin: -12px 100px;
width: 310px;
}
#widgetbox .author-credit a {
font-size: 10px;
font-size: 10px;letter-spacing: 1px;
color: #1E598E;
text-decoration: none;
}
.email-subscribe-emailbox {
padding: 5px 10px;
font-family: "Arial","Helvetica",sans-serif;
border-top: 0;
border-image: initial;
height: 42px;
background: #EFF8FB;
width: 280px;
}
.email-subscribe-emailbox form {width:100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;border: 0;}
.email-subscribe-emailbox input.emailu {float:left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;border: 0;color: #999;padding: 7px 10px 8px;width: 100%;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;font-size: 13px;}
.email-subscribe-emailbox input.emailu:focus {color: #333;}
.email-subscribe-emailbox input.submitu {-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;color: white;padding: 7px 14px;font-weight: bold;font-size: 12px;float: right;cursor: pointer;}
.email-subscribe-emailbox input.submitu:hover {text-decoration: none;}
.TZDefault {border: 1px solid #dedede;text-shadow: #d08d00 1px 1px 0;background-color: #ff9b00;background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#ffca00),color-stop(1,#ff9b00));background: -webkit-linear-gradient(center top,#ffca00 0,#ff9b00 100%);background: -moz-linear-gradient(center top,#ffca00 0,#ff9b00 100%);background: -o-linear-gradient(center top,#ffca00 0,#ff9b00 100%);background: -ms-linear-gradient(center top,#ffca00 0,#ff9b00 100%);background: linear-gradient(center top,#ffca00 0,#ff9b00 100%);}
.TZDefault:hover {background-color: #ff9b00;background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#ffe480),color-stop(1,#ff9b00));background: -webkit-linear-gradient(center top,#ffe480 0,#ff9b00 100%);background: -moz-linear-gradient(center top,#ffe480 0,#ff9b00 100%);background: -o-linear-gradient(center top,#ffe480 0,#ff9b00 100%);background: -ms-linear-gradient(center top,#ffe480 0,#ff9b00 100%);background: linear-gradient(center top,#ffe480 0,#ff9b00 100%);}
</style>
<div id="socialwidget">

<div class="TZ-social">

<center>
<a style="margin-right: 10px;" href="http://facebook.com/hindimapada/?ref=aymt_homepage_panel" target="_blank" rel="nofollow">
<img src="http://2.bp.blogspot.com/-1UYOmpOWMv8/T65vfQFE80I/AAAAAAAAABY/H0t0CMEwyO0/s1600/facebook.png" title='Facebook'/></a>
<a style="margin-right: 10px;" href="http://twitter.com/manojsingh9800" target="_blank" rel="nofollow">
<img src="http://1.bp.blogspot.com/-4xPK0hkcELk/T65vi83XGqI/AAAAAAAAAB0/ef6Af1cesHE/s1600/twitter.png" title='Twitter'/></a>
<a style="margin-right: 10px;" rel="me" href="https://plus.google.com/b/101885282116298132991" target="_blank">
<img src="http://3.bp.blogspot.com/-QEdzJcR1pfI/T65vgBJxxMI/AAAAAAAAABg/2eXrz-32Gds/s1600/gplus.png" title='Google Plus'/></a>
<a style="margin-right: 10px;" href="http://pinterest.com/manojsingh9800/" target="_blank">
<img src="http://1.bp.blogspot.com/-2A1sbDGCgOw/T65vhAL4VZI/AAAAAAAAABo/2XDEIAFUuEI/s1600/pinterest.png" title='Pinterest'/></a>
<a style="margin-right: 10px;" href="http://feeds.feedburner.com/Edunext" target="_blank" rel="nofollow">
<img src="http://1.bp.blogspot.com/-wK9q4eUXA6U/T65viJ1HVmI/AAAAAAAAABs/DyIkCZdJ1Y4/s1600/rss.png" title='RSS Feed'/></a>
</center>
</div>
<div class="googleplus">
<span><font><font>Recommend Us On Google </font></font></span>


<g:plusone size="medium" href="http://www.hindimapada.blogspot.com/"></g:plusone>


<script type="text/javascript">
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>
</div>
<div class="TZ">

<iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Ffacebook.com%2Fhindimapada/?ref=aymt_homepage_panel&send=false&layout=button_count&width=450&show_faces=true&action=like&colorscheme=light&font=verdana&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:21px;" allowtransparency="true">
</iframe>
<span>Like Us On Facebook</span>
</div>
<div class="twitter">

<iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://platform.twitter.com/widgets/follow_button.1335513764.html#_=1335528101755&id=twitter-widget-0&lang=en&screen_name=manojsingh9800 &show_count=true&show_screen_name=true&size=m" class="twitter-follow-button" style="width: 244px; height: 20px; " title="Twitter Follow Button">
</iframe>
<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
</div>
<div class="email-subscribe-emailbox">
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=Edunext', 'popupwindow', 'scrollbars=yes,width=550,height=520'); return true" target="popupwindow">
<table width="100%">
<tr>
<td>
<input class="emailu" name="email" placeholder="Enter your email" type="text"/>
</td>
<td width="70px">
<input class="submitu TZDefault" type="submit" value="Subscribe"/>
</td>
</tr>
</table>
<input name="uri" type="hidden" value="Edunext"/>
<input name="loc" type="hidden" value="en_US"/>
</form>
</div>
<div id="widgetbox" style="background: #EBEBEB;border-top: 1px solid #ddd;padding: 1px 8px 1px 3px;text-align: right;border-image: initial;font-size:10px;font-family: "arial","helvetica",sans-serif;">
<span class="author-credit" style="font-family: Arial, Helvetica, sans-serif;"><a href="http://hindimapada.blogspot.in/2016/07/apna-blogger-ma-stylish-social-media.html" target="_blank">Get this</a></span>
</div>

</div>

Step 3: Ab nicha diya gaya colour code ka anusar apna details ko code ma dala.

Also Read: Add your Website to YanDex Search Engien-Hindi ma

     - Facebook Username
     - Google+ Username
     - Twitter Username

     - Feedburner Username
     - Pinterest URL
     - Blog URL

Also Read: How To Increase your Website Template Speed

Step 4: Ab Save kar da. Uska bd Save Arrangement pr click kara.

Ab app apna website pr jaka dakha Subscription gadget Social Media ka sath add ho chuki hogi.

Agar apko ya blog sa related aur v kuch jankari chaiya to please comment kara aur ager ya post acchi lagi ho to issa share jarur kara.

Tags : #SEO #Website Design

Unknown

Comment Rule:
1. Aap direct comment ma apna link nhi da sakta h lakin ager aap kisi ki help karna ka liya ussa reply ka jariya koi v link provide kar sakta h.
2. Ager aap koi problem ka solution ka liya comment ker rha h to "Notify Me" per jarur click kara.

Subscribe to: Post Comments (Atom)