ब्लॉगर ब्लॉग में Email Subscription Widget कैसे Add करें.

Friends हम पहले भी Mashable Sharing Plugin के पुराने Version को इस Blog में Publish कर चुकें है. जो की WordPress का Converted Version है जिसे हम ख़ास तौर पर Blogger Users के लिए लायें है. Google Plus Badges के बाद Mashable Widget को भी Upgrade किया गया है. क्योंकि आपके ज्यादा Visitors इन्हीं Social Networking Sites से आतें है. Linkedin Business Professionals के लिए एक Great Place है. जहाँ वे अपने Targeted Clients को आकर्षित कर सकतें है. लेकिन यदि आप Blogging में है और आपको Freelancing का ज्यादा अनुभव भी नही है तब आपको इसे फिलहाल के लिए Avoid करना चाहिए. So Friends आइये इस Awesome WordPress Social Sharing With Email Subscription Widget को अपने Blogger Blog में लगाते है. इस Widget का Installation बहुत ही आसान है. आपको नीचे दिए गए Code को केवल Copy करके Paste करना है.

Live Demo

इस Widget के नए Version का Demo इस Image में दिखाई दे रहा है. So Friends Aaiye is Awesome WordPress Social Sharing With Email Subscription Widget Ko Apne Blogger Blog me lagate Hai.


Blogger Blog Me Email Subscription Widget Kaise Add Kare


WordPress Sharing Widget को Blogger में जोड़ना. WordPress Social Sharing With Email Subscription Widget Ko Blogger Me Add Karna.

  1. सबसे पहले Blogger -> Layout पर जाएँ.
  2. इसके बाद “Add a Gadget” का चुनाव करें.
  3. अब HTML/JavaScript Widget चुने.
  4. अब नीचे दिए गए Code को इस Box में Copy करके Paste करें.
    <style>.mbtbar{width: 100%; float: left;}.mbtbar .count{color:#333; font-size: 14px; font-weight: bold; font-family: Helvetica, Arial; background: #fff; height: 45px; line-height: 45px; vertical-align: middle; width: 100%; padding: 0 10px 0 4px;}.mbtbar .count span.bigcount{color:#F17C18; font-size: 24px; font-family: Helvetica, Arial; line-height: 39px; vertical-align: top; padding-right:3px;}.mbtbar .subicons{border-bottom: 1px solid #e6e6e6; margin: 0px 0 0px 0; float: left; width: 300px; font-family: Helvetica, Arial; font-size: 14px;}
    .mbtbar .subicons a{text-decoration: none; color:#333333;}
    .mbtbar .subicons a:hover{text-decoration: underline; color:#333333;}

    .mbtbar .subicons .rssicon{border-right: 1px solid #e6e6e6; background: url(http://2.bp.blogspot.com/-39kJ8qyqrVs/TdpYPqKjAhI/AAAAAAAADf8/FDkLDuCwF7E/s400/rss.png) no-repeat left center; min-width: 20px; height: 48px; line-height: 57px; vertical-align: middle; float: left; padding: 0px 20px 0px 30px; margin: 0 0 0 5px;}

    .mbtbar .subicons .fbicon{border-right: 1px solid #e6e6e6; background: url(http://4.bp.blogspot.com/-6_H2QDYGHpI/TdpYPF7LYmI/AAAAAAAADf0/wBev_aveLGw/s400/facebook.png) no-repeat left center; min-width: 20px; height: 48px; line-height: 57px; vertical-align: middle; float: left; padding: 0px 20px 0px 30px; margin: 0 0 0 5px;}

    .mbtbar .subicons .twittericon{background: url(http://3.bp.blogspot.com/-rbsZjAPUA2c/TdpYQO7m2zI/AAAAAAAADgE/VLRVbnICkZA/s400/twitter.png) no-repeat left center; min-width: 20px; height: 48px; line-height: 57px; vertical-align: middle; float: left; padding: 0px 20px 0px 30px; margin: 0 0 0 5px;}

    .mbtbar .emailsub{border-bottom: 1px solid #e6e6e6; padding: 15px 0 20px 0; float: left; width: 100%; font-family: Helvetica, Arial;}

    .mbtbar .emailsub .emailicon{background: url(http://2.bp.blogspot.com/-h72a-fyDTWw/TdpYO0gOhRI/AAAAAAAADfs/s-5_Ckdp-bQ/s400/email.png) no-repeat left center; float: left; padding: 5px 15px 0px 35px; margin: 0 0 0 5px; width: 300px; height: 28px; line-height: 28px; vertical-align: middle; font-size: 14px; color: #333; }

    .mbtbar .emailsub .emailupdatesform{margin: 15px 0 5px 5px; width: 300px; float: left;}

    .mbtbar .emailsub .emailupdatesform input.emailupdatesinput{background: #fff !important; float: left; border: 1px solid #d2d2d2; padding: 0px 8px 0px 8px; color: #a19999; font-size: 12px; height: 25px; width: 200px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

    .mbtbar .emailsub .emailupdatesform input.joinemailupdates{background:-moz-linear-gradient(top,#57ABFE0%,#0080ff 100%); background:-webkit-gradient(linear,left top,left bottom,from(#57ABFE),to(#0080ff)); border: 1px solid #0080ff; text-transform: uppercase; color: #fff; height: 25px; padding: 0 12px 0 12px; margin: 0 0 0 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
    </style>

    <!–[if IE 7]>
    <style>
    .mbtbar .count span.bigcount{color:#F17C18; font-size: 24px; font-family: Helvetica, Arial; line-height: 34px; vertical-align: middle; }

    .mbtbar .emailsub .emailupdatesform input.joinemailupdates{background:#0080ff; border: 1px solid #0080ff; text-transform: uppercase; color: #ffffff; font-weight:bold; height: 25px; padding: 0 12px 0 12px; margin: 0 0 0 5px; }
    </style>
    <![endif]–>

    <div class=”mbtbar”><div class=”count”>Join <span class=”bigcount”>1675+</span> People Following MBT</div><div class=”subicons”><div class=”rssicon”><a href=”http://www.mybloggertricks.com/feeds/posts/default” target=”_blank”>RSS</a></div><div class=”fbicon”><a href=”http://www.facebook.com/pages/My-Blogger-Tricks/147104632016744” target=”_blank” rel=”nofollow”>Facebook</a></div><div class=”twittericon”><a href=”http://twitter.com/mybloggertricks” target=”_blank” rel=”nofollow”>Twitter</a></div></div>
    <div class=”emailsub”>
    <div class=”emailicon”>Stay Updated via Email Newsletter</div>
    <div class=”emailupdatesform”>
    <form action=”http://feedburner.google.com/fb/a/mailverify” method=”post” target=”popupwindow” onsubmit=”window.open(‘http://feedburner.google.com/fb/a/mailverify?uri=tntbystc‘, ‘popupwindow’, ‘scrollbars=yes,width=550,height=520’);return true”><input gtbfieldid=”10″ class=”emailupdatesinput” name=”email” value=”Enter your email…” onblur=”if (this.value == &#39;&#39;) {this.value = &#39;Enter your email…&#39;;}” onfocus=”if (this.value == &#39;Enter your email…&#39;) {this.value = &#39;&#39;;}” type=”text” /><input value=”tntbystc” name=”uri” type=”hidden” /><input value=”Join” class=”joinemailupdates” type=”submit” /></form></div></div></div>

अब इसमें निम्न महत्वपूर्ण बदलाब करें.

*Submit Button के Blue Color को बदलने के लिए #57ABFE को बदलें इसकी जगह अपनी पसंद का Color Code उपयोग करें.

*1675+ को अपने Feed Count के साथ Update करें इसे हर सप्ताह बद्लतें रहें. इसका कलर बदलने के लिए #F17C18 को अपनी पसंद के Color Code के साथ Change करें.

*http://twitter.com/mybloggertricks को अपने Twitter Username के साथ बदलें.

*http://www.facebook.com/pages/My-Blogger-Tricks/147104632016744 को अपने Facebook Username के साथ बदलें.

*tntbystc को अपने Feedburner Titel के साथ बदलें. आपका Feedburner आपके Feedburner Link के अंत में दिया गया है. उदाहरण के लिए http://feeds:feedburner.com/tntbystc

*http://feedburner.google.com/fb/a/mailverify?uri=tntbystc को अपनी feedburner RSS Email Link के साथ बदलें.

  1. अब अपने Widget को Save करें.

So Friends इस पोस्ट में हमने Blogger Blog me Email Subscription widget लगाने के बारें में जाना. So Friends यह पोस्ट आपको कैसी लगी हमें Comment के माध्यम से जरूर बताएं और ऐसी ही Posts पढ़ते रहने के लिए हमें Facebook पर Join करें.

8 Comments

  1. Mahaveer Jain Apr 6, 2016
    • Lalit Banjara Apr 7, 2016
  2. Helly kho May 24, 2016
  3. viagra May 31, 2016
  4. phone spy Jun 7, 2016
  5. LIC India Login Jun 27, 2016
  6. sarana edukasi Jul 11, 2016

Leave a Reply

CommentLuv badge