तुमच्या ब्लॉगवर आकर्षक Subscribe Section आणि Search Box कसे समाविष्ट कराल?

मंडळी आज आपण तुमच्या ब्लॉगवर आकर्षक Subscribe Section आणि Search Box कसे समाविष्ट करायचे?याची माहिती करून घेणार आहोत.यात तुम्ही Feedburner feed आणि Email subscriptions boxes,Twitter आणि Facebook या सारख्या सोशल नेटवर्किग साईटचे दुवे सहजरित्या समाविष्ट

करू शकाल.तुमच्या गरजे नुसार बदल करणे सुद्धा सहज शक्य आहे.

हे कसे कराल?

१)प्रथम लॉग-इन व्हा आणि  ब्लॉगरच्या बदललेल्या नविन स्वरुपानुसार तुमच्या ब्लॉगच्या नावासमोरील घराच्या आकारच्या चिन्हावर टिचकी दिल्यावर जो Template पर्यांय दिसतो.त्याच्यावर टिचकी द्या.मग Edit Template  मध्ये जा.

२) त्या नंतर 

टॅगच्या आधी खाली दिलेला कोड कॉपी (ctrl+c)करून पेस्ट(ctrl+v) करा.

<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% &quot;Tahoma&quot;,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>

३)या नंतर template सेव्ह करायला विसरू नका.

४) आता Design >Page Elements मध्ये जा.

५)त्या नंतर Add a gadget वर टिचकी द्या.

६)html/java Script पर्यांयाची निवड करून खाली दिलेला कोड कॉपी करून पेस्ट करा.

<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 == &quot;&quot;) {this.value = &quot;Search...&quot;;}" onfocus="if (this.value == &quot;Search...&quot;) {this.value = &quot;&quot;;}" 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/AVvXsEjOEtmWmZOqxpl9szbFJ_l_9Zti9wJETgPoEhfx9RzkLK4wBChV593oGd6Xn3fV7uCdtCkxp8tVVbU60-YMw91DrNBSXwhKFo9zV-3KHFWIMivz4BWLCTcRiU5VRdc_iLPh3Auik5Uz_v2m/s1600/rss.png"  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/AVvXsEjwz4B70vo7wXtWSTemuo4ZvKyfSwABBcAvxR-63RLAHaOAtooMO89cMIk72qWevjVrTWl6EQLDUuj5OoBmrxoYm7axZh1bnq7HM-k73YZ_f_vo5SmORji38fD-NyyjHmnluWF4aTDYubAj/s1600/email.png"  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/AVvXsEjcaBXcSeGNfeNzRiNamkszg_OYTsLb8ihYqF8tmiKPZU20khOf-Uft4JqYzib9MFlEPB0r36VMCHzHdgoRikdOVUkfam_N-JxWv2IiZ8NAJbwbBAaoqE7UfuIXwi18ke_doI7N9usn62Be/s1600/twitter.png"  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/AVvXsEiBqwpzoHkhTNGBRiFuZmidJat6c-PZZFMwZ1cEJxyJ3Oxj9_SChWsaFTmDh4Ru0HyhrQECwTTrQXLq2DIWq_PYT9IONK_ttmbAJ9ZQJdqVGZy2S35HKHinK0cl8O8-dVUT2Kddyp5unFZl/s1600/facebook.png"  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.prashantredkarsobat.blogspot.com/" target="_blank">Sobat Prashant D.Redkar</a></p></div>

७)आता तुम्हाला त्या कोड मध्ये

*FEEDBURNER-ID च्या जागी तुमच्या FEEDBURNER चा ID द्यावा लागेल. *TWITTER-USERNAME आणि FACEBOOK-USERNAME च्या जागी तुम्हाला तुमचे खरे फेसबूक ट्विटर चे USERNAME द्यावे लागेल

८) मग सेव्ह वर टिचकी द्या.

९)आता तुम्हाला खाली दिसणार्‍या चित्राप्रमाणे आकर्षक Subscribe Section आणि Search Box तुमच्या अनुदिनीवर दिसायला लागेल.

नविन तंत्र-मंत्रांसह परत भेटू या...पुन्हा याच ठिकाणी.

धन्यवाद,

तुमचा मित्र,

प्रशांत दा. रेडकर.

फेसबुकवर शेअर करा ट्विटरवर शेअर करा गुगलप्लसवर शेअर करा

About प्रशांत दा.रेडकर

नमस्कार,

मी प्रशांत दामोदर रेडकर.मी इलेक्ट्रॉनिक इंजिनिअर आहे.

1)मनात माझ्या २)स्पर्श नवा ही माझी दोन चारोळ्यांची पुस्तक प्रकाशित झालेली आहेत.

**तुमच्या सर्वांच्या प्रेमामुळे बुकगंगा विश्वसाहित्य संमेलन २०१२ मध्ये मला आवडता ब्लॉगर हा पुरकार मिळालेला आहे.**ABP माझाच्या "ब्लॉग माझा २०१५"च्या स्पर्धेमध्ये माझ्या या ब्लॉगला "दुस-या क्रमांकाचे" पारितोषिक मिळाले आहे.

**गायक सुबोध साठे यांनी त्याच्या "अजूनही कळेचना" या अल्बममध्ये मी लिहिलेले "तू गेलीस तेव्हा" हे गाणे गायलेले आहे.

कोडींग करणे हा माझा छंद आहे..त्याच छंदामुळे मी सध्या दोन मराठी सोशल नेट्वर्किंग साईटच्या निर्मिती मध्ये गुंतलो आहे.1)marathifanbook.com मराठी सोशल नेटवर्क 2)chivchivat.com मराठी सोशल नेटवर्क ३)marathimy.comमराठी विवाह संबंधित वेबसाईट

४)माझी मैत्रीण आणि गायिका सावनी रवींद्र हिची वेबसाईट आणि Android App सुद्धा मी डिजाईन केली आहे

savaniravindra.com वेबसाईटला अवश्य भेट द्या आणि app डाउनलोड करण्यासाठी हि लिंक वापरा com.savani.ravindra

धन्यवाद :-)