टेम्पलेट में बदलाव किये बगैर'गागर में सागर' विजेट लगायें

मनोज जैसवाल : सभी पाठकों को मेरा प्यार भरा नमस्कार। आज पेश है ब्लॉगर  के लिए 'गागर में सागर' विजेट इस विजेट में आप फेसबुक लाइक विजेट,टयूटर फैन्स विजेट गूगल+फालोअर विजेट,ईमेल सदस्यता फार्म विजेट ,Rss,In,सहित कई विजेट शामिल हैं.खास बात यह है कि यह सब एक ही विजेट में शामिल हैं. इसे लगाना भी बेहद आसान है। इसके आपको अपने टेमप्लेट में कोई बदलाब नहीं करना पडेगा।इसे आप अपने साइड बार बेहद आसानी से लगा सकते हैं, इस विजेट के लिए मैने  विजेट के सोशल बुक मार्क शेयर वाले हिस्से में खास माउस हार्वर तकनीक का इस्तेमाल किया गया है. उम्मीद करता हूँ यह विजेट आप को पसंद आयेगा,इसका लाइव डेमों नीचे देखें।

लाइव डेमों

इसे लगाने का बेहद आसान तरीका नीचे दिया गया है 

1. अपने ब्लॉगगर एकाउंट में लॉन्ग इन करे. 
2. एड विजेट html जाबा स्क्रिप्ट्स का चयन करे. 
3. नीचे दिया कोड खुले बॉक्स में डाल कर सेव करे.

<style>

/* Social Widget */
#PBT-mashable-bar {
    background: #EEF9FD;
    border: 0px solid #66bbdd;
    margin-bottom: 0px;
    border: 1px solid #66bbdd;
    width:299px;
}
.fb-likebox {
    text-align: center;
}
.googleplus {
    border-top: 1px solid #66bbdd;
}
.twitter {
    border-top: 1px solid #66bbdd;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 3px;
}
#mashable {
    border-top: 1px solid #66bbdd;
    padding: 2px 8px 2px 3px;
    text-align: right;
    border-image: initial;}
#mashable .author-credit {}
#mashable .author-credit a {
    font-size: 10px;
    font-weight: bold;
    text-shadow: 1px 1px white;
    color: #1E598E;
    text-decoration:none;}
#mashable .author-credit a:hover {
    font-size: 10px;
    font-weight: bold;
    color: #1E598E;
    text-decoration:underline;}
#email-news-subscribe .email-box{
    text-align: center;
    font-family: "Arial","Helvetica",sans-serif;
    margin-bottom: 10px;
    border-top: 1px solid #66bbdd;
    border-image: initial;
    }
#email-news-subscribe .email-box input.email{
    background:#FFFFFF;
    border: 1px solid #dedede;
    color: #999;
    padding: 7px 10px 8px 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    border-image: initial;
    font-family: "Arial","Helvetica",sans-serif;}   
#email-news-subscribe .email-box input.email:focus{color:#333}   
#email-news-subscribe .email-box input.subscribe{
    background: -moz-linear-gradient(center top,#FFCA00 0,#FF9B00 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#FFCA00),color-stop(1,#FF9B00));
    background: -moz-linear-gradient(center top,#FFCA00 0,#FF9B00 100%);
    -pie-background: linear-gradient(270deg,#ffca00,#ff9b00);
    font-family: "Arial","Helvetica",sans-serif;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border:1px solid #cc7c00;
    color:white;
    text-shadow:#d08d00 1px 1px 0;
    padding:7px 14px;
    margin-left:3px;
    font-weight:bold;
    font-size:12px;
    cursor:pointer;
    border-image: initial;}
#email-news-subscribe .email-box input.subscribe:hover{
    background: #ff9b00;
    background-image:-moz-linear-gradient(top,#ffda4d,#ff9b00);
    background-image:-webkit-gradient(linear,left top,left bottom,from(#ffda4d),to(#ff9b00));
    filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff,endColorStr=#ebebeb);
    outline:0;-moz-box-shadow:0 0 3px #999;
    -webkit-box-shadow:0 0 3px #999;
    box-shadow:0 0 3px #999
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ffda4d),color-stop(1,#ff9b00));
    background:-moz-linear-gradient(center top,#ffda4d 0,#ff9b00 100%);
    -pie-background:linear-gradient(270deg,#ffda4d,#ff9b00);
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border:1px solid #cc7c00;
    color:#FFFFFF;
    text-shadow:#d08d00 1px 1px 0}   
#other-social-bar {
    width: 299px;
    text-align: center;
    border-top: 1px solid #66bbdd;
    padding-top: 5px;
    padding-bottom: 5px;
}
</style>
<!--[if IE]>
<style>
#email-news-subscribe .email-box input.subscribe{
    background: #FFCA00;
    }
</style>
<![endif]-->
<!--begin of social widget--> <div id="MBT-mashable-bar"> <!-- Begin Widget -->  <!-- Facebook -->  <pre style='background: transparent; border:transparent 0px solid; -moz-border-radius: 0px; -webkit-border-radius: 0px; width: 299px; overflow:hidden; margin:0px; padding:0px;'><div class="fb-like-box" data-href="http://www.facebook.com/pages/Mediamanojjaiswalpbt/275794579116597" data-width="299px" background="transparent" data-border-color="#66bbdd" data-show-faces="false" data-stream="false" data-header="false"></div></pre>    <pre style='background: transparent; border:transparent 0px solid; -moz-border-radius: 0px; -webkit-border-radius: 0px; width: 299px; overflow:hidden; margin:0px; padding:0px;'><div class="googleplus"> <!-- Google --> <script type="text/javascript">mbgc='ffffff';ww='299';bbc='ff0000';bmobc='66bbdd';bbgc='ff0000';bfc='ffffff';bmofc='ffffff';tc='144fff';nc='000000';bc='6a6a6a';l='y';t='मनोज जैसवाल_on';fs='16';fsb='13';bw='120';ff='3';pc='4889F0';b='s'; pid='114465017807692970484';</script><script type="text/javascript" src="http://widgetsplus.com/google_plus_widget.js"></script></div></pre>     <pre style='background: transparent; border:transparent 0px solid; -moz-border-radius: 0px; -webkit-border-radius: 0px; width: 299px; overflow:hidden; margin:0px; padding:0px;'><div style="text-align: center;"><div class="twitter"> <!-- Twitter --> <a href="https://twitter.com/manojjaiswalpbt" class="twitter-follow-button" data-show-count="true" data-size="large">Follow @manojjaiswalpbt</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></div></div></pre>     <div id="email-news-subscribe"> <!-- Email Subscribe --> <div class="email-box"> <div style="text-align: center;"><div style="color: #144fff;">
<span style="font-size: 18px;"><b>Subscribe via Email</b></span></div><a href="http://feeds.feedburner.com/bsVol"><img src="http://feeds.feedburner.com/~fc/blogspot/bsVol?bg=99CCFF&amp;fg=444444&amp;anim=0" height="26" width="88" style="border:0" alt="" /></a></div>
 <form onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=bsVol', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow"> 
          <input onfocus="if(this.value==this.defaultValue)this.value=&#39;&#39;;" onblur="if(this.value==&#39;&#39;)this.value=this.defaultValue;" class="email" style="width: 160px; font-size: 12px;" id="email" name="email" value="Enter Your Email here.." type="text" />     
          <input value="blog-id" name="uri" type="hidden" />
          <input name="loc" value="en_US" type="hidden" />
          <input class="subscribe" name="commit" value="Subscribe" type="submit" /> 
      </form></div></div><pre style='background: transparent; border:transparent 0px solid; -moz-border-radius: 0px; -webkit-border-radius: 0px; width: 299px; overflow:hidden; margin:0px; padding:0px;'><div id="other-social-bar"> <!-- Other Social Bar -->
<a title="My RSS" href="http://feeds.feedburner.com/bsVol" target="_blank"><img src="http://45.imagebam.com/download/y3MWLfK6fkK3kT1K69jcSQ/17398/173972251/icontexto-inside-rss%20-%20Copy.jpg"
onmouseover="this.src='http://61.imagebam.com/download/oPrS4CIm30T4svzvzuUWgg/17375/173746191/1328678070_rss.jpg'"
onmouseout="this.src='http://45.imagebam.com/download/y3MWLfK6fkK3kT1K69jcSQ/17398/173972251/icontexto-inside-rss%20-%20Copy.jpg'"/></a>   <a title="My Technorati" href="http://technorati.com/blogs/www.manojjaiswalpbt.blogspot.com" target="_blank"><img src="http://56.imagebam.com/download/1qv-skZPgYMEMRf85DX0yQ/17398/173972249/1328678577_icontexto-inside-technorati%20-%20Copy.jpg"
onmouseover="this.src='http://56.imagebam.com/download/kpzQOEJoc2nT_NEG2nXm-w/17375/173746203/1328678633_technorati.jpg'"
onmouseout="this.src='http://56.imagebam.com/download/1qv-skZPgYMEMRf85DX0yQ/17398/173972249/1328678577_icontexto-inside-technorati%20-%20Copy.jpg'"/></a>   <a title="My StumbleUpon" href="http://www.stumbleupon.com/stumbler/manojjaiswalpbt" target="_blank"><img src="http://30.imagebam.com/download/R12JASeBQuNe0atzqB_B0A/17398/173972246/1328678120_icontexto-inside-stumbleupon%20-%20Copy.jpg"
onmouseover="this.src='http://31.imagebam.com/download/K5VcfpAq_z7bmd4GcN5HFQ/17375/173746199/1328678403_stumbleupon.jpg'"
onmouseout="this.src='http://30.imagebam.com/download/R12JASeBQuNe0atzqB_B0A/17398/173972246/1328678120_icontexto-inside-stumbleupon%20-%20Copy.jpg'"/></a>   <a title="My LinkedIn" href="http://www.linkedin.com/profile/manojjaiswalpbt" target="_blank"><img src="http://44.imagebam.com/download/IGe9XHaNEG-lONSNvHzgPA/17398/173972250/icontexto-inside-linkedin%20-%20Copy.jpg"
onmouseover="this.src='http://62.imagebam.com/download/XCQUe7roq7NizIrgtJ2I0A/17375/173746187/1328677952_linkedin.jpg'"
onmouseout="this.src='http://44.imagebam.com/download/IGe9XHaNEG-lONSNvHzgPA/17398/173972250/icontexto-inside-linkedin%20-%20Copy.jpg'"/></a>   <a title="My Del.icio.us" href="http://delicious.com/manojjaiswalpbt" target="_blank"><img src="http://65.imagebam.com/download/RuExkGD_bbs5LFytRHwl-w/17398/173972247/1328678199_icontexto-inside-delicious%20-%20Copy.jpg"
onmouseover="this.src='http://39.imagebam.com/download/MUAkXxVSMQo5ft-vLIMegA/17375/173746207/1328679609_delicious.jpg'"
onmouseout="this.src='http://65.imagebam.com/download/RuExkGD_bbs5LFytRHwl-w/17398/173972247/1328678199_icontexto-inside-delicious%20-%20Copy.jpg'"/></a>   <a title="My Digg" href="http://digg.com/manojjaiswalpbt" target="_blank"><img src="http://46.imagebam.com/download/5_qByDAkoSSreWL4jFWNgg/17398/173972248/1328678444_icontexto-inside-digg%20-%20Copy.jpg"
onmouseover="this.src='http://39.imagebam.com/download/ds92X3HikdvVocc5Q8iHOQ/17375/173746182/digg.png'"
onmouseout="this.src='http://46.imagebam.com/download/5_qByDAkoSSreWL4jFWNgg/17398/173972248/1328678444_icontexto-inside-digg%20-%20Copy.jpg'"/></a></div></pre>   
<div id="mashable" padding: 1px 8px 1px 3px;text-align: right;border-image: initial;font-size:10px;"> <span class="author-credit"  style="font-family:Arial, Helvetica, sans-serif;"><a href="http://manojjaiswalpbt.blogspot.in/2012/02/blog-post_11.html" target="_blank">Blogger Widgets &#187;</a></span></div>
<!-- End Widget -->  <!--end of social widget--></div>

नोट-1--http://www.facebook.com/pages/Mediamanojjaiswalpbt/275794579116597 की जगह अपना facebook लिंक डालें 

नोट-2-- 114465017807692970484  की जगह अपना गूगल+नंबर व् नाम डालें

नोट-3-- https://twitter.com/manojjaiswalpbt की जगह अपना twitter एकाउंट पता डालें 

नोट-4-- <a href="http://feeds.feedburner.com/bsVol"><img src="http://feeds.feedburner.com/~fc/blogspot/bsVol?bg=99CCFF&amp;fg=444444&amp;anim=0" height="26" width="88" style="border:0" alt="" /></a>की जगह अपना feedburner पता डालें

नोट-5 --  लाल रंग से दिए मेरे लिंक से अपने लिंक से बदल लें,अगर आप ने इन साईट पर अपना एकाउंट नहीं बनाया है,तो आप इन पर अपना एकाउंट मुफ्त (Free)में बना सकते हैं इस से आपके ब्लॉग का ट्रैफिक ज़रुर ही बढ़ेगा. 

नोट-6-- हरे रंग से दी गयी width: 299px की जगह अपने ब्लॉग के साइड बार की चौड़ाई से बदल लें. 

क्या आपको यह लेख पसंद आया? अगर हां, तो ...इस ब्लॉग के प्रशंसक बनिए !!