मनोज जैसवाल : सभी पाठकों को मेरा प्यार भरा नमस्कार.मेरी पिछली पोस्ट को अत्यधिक पसंद करने के लिए आप सभी का दिल से धन्यबाद.जो कि जुलाई 14जुलाई २०१२ को प्रकाशित हुई थी.आज 18 जुलाई २०१२ को मैं यह पोस्ट प्रकाशित कर रहा हूँ,पिछली पोस्ट में मैनें आप से वादा किया था,कि नंब बार की जगह विजेट लगाने का तरीका बताउँगा,लीजिये पेश है वह विजेट. आज तकनीकी पोस्टों के क्रम में पेश है'स्टिकी बार विजेट (Stickybar with social Plugins and close button)लगाएँ' यह विजेट मैने काफी समय खर्च करने के बाद बेहद कामयाबी से बनाया है,आप इसे लगा कर अपने पाठकों को अपने ब्लॉग पर आकर्षित कर सकते हैं.इस विजेट की मांग कई लोग कर रहे थे,इसमें ऑटो दिनांक विजेट,लगभग सभी सोशल विजेट आप के खुद के विजेट लगाने की जगह,क्लोज बटन सहित कई विजेट शामिल हैं.इस विजेट की ख़ासियत यह है यह दोनों तरह के ब्लॉगर टेम्पलेट चाहें वह कस्टम टेम्पलेट हो या ब्लॉगर के क्लासिक टेम्पलेट हों यह विजेट समान रूप से प्रभावी है.इसे आप इस कस्टम टेम्पलेट वाले इसी ब्लॉग में देख सकते है या ब्लॉगर के क्लासिक इस ब्लॉग में देख सकते है.इसे लगाना बेहद आसान है,आप नीचे दिए आसान चरणों का पालन करे.जो कोड इसके ठीक नीचे या ठीक ऊपर लगाने की बात मैं इस लिए कहता हूँ आप उसे क्लोजिग टेग के बाद कहीं भी लगा सकते है,बशर्ते आप को इसकी जानकारी हो,अन्यथा इसे ही आजमायें.,.
इस विजेट को जोड़ने के लिए, बस इन चरणों का पालन करें:
- ब्लॉगर पर टेम्पलेट टैब पर जाएँ और HTML संपादित करें पर क्लिक करें.
- आगे बढ़ें बटन पर क्लिक करें.
- विजेट टेम्पलेट्स विस्तार बॉक्स पर टिक निशान डाल दें .
- इस कोड का पता लगाएं [ press ctrl+f] </head>
- </head> ठीक ऊपर यह कोड पेस्ट करें:
<script type='text/javascript'>
//<![CDATA[
var pbt_arr = new Array();
var pbt_clear = new Array();
function pbtFloat(pbt) {
pbt_arr[pbt_arr.length] = this;
var pbtpointer = eval(pbt_arr.length-1);
this.pagetop = 0;
this.cmode = (document.compatMode && document.compatMode!="BackCompat") ? document.documentElement : document.body;
this.pbtsrc = document.all? document.all[pbt] : document.getElementById(pbt);
this.pbtsrc.height = this.pbtsrc.offsetHeight;
this.pbtheight = this.cmode.clientHeight;
this.pbtoffset = pbtGetOffsetY(pbt_arr[pbtpointer]);
var pbtbar = 'pbt_clear['+pbtpointer+'] = setInterval("pbtFloatInit(pbt_arr['+pbtpointer+'])",1);';
pbtbar = pbtbar;
eval(pbtbar);
}
function pbtGetOffsetY(pbt) {
var ptaTotOffset = parseInt(pbt.pbtsrc.offsetTop);
var parentOffset = pbt.pbtsrc.offsetParent;
while ( parentOffset != null ) {
pbtTotOffset += parentOffset.offsetTop;
parentOffset = parentOffset.offsetParent;
}
return pbtTotOffset;
}
function pbtFloatInit(pbt) {
pbt.pagetop = pbt.cmode.scrollTop;
pbt.mbtsrc.style.top = pbt.pagetop - pbt.pbtoffset + "px";
}
function closeTopAds() {
document.getElementById("sticky_bar").style.visibility = "hidden";
}
//]]>
</script>
- इस कोड का पता लगाएं [ press ctrl+f] ]]></b:skin>
- इस कोड को खोजने के बाद:
- नीचे दिए गए कोड के ठीक ऊपर , नीचे दिए गए कोड चिपकाएँ:
#sticky_bar{position:fixed; z-index:11;}
#sticky_bar{box-shadow: 0pt 2px 2px -1px rgba(0, 0, 0, 0.1);background: #fff url() repeat-x;border-bottom:1px solid #CDCDCD; position:fixed; z-index:11; padding-top:0px; width:100%; top:0; left:0; text-align:center; overflow:auto; height:30px;font-size: 14px; color: #888; margin-top: 0px;overflow:hidden}
#sticky_bar a{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;color: blue;font-family: 'Philosopher', arial, serif;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;text-decoration:blink;
}
#sticky_bar a:hover{
color:#333;
}
#sticky_bar p {margin:0; list-style:none;}
#sticky_bar img {vertical-align: middle;
margin-right: 6px;}
इन पीले रंग से दिए कलर को अपने ब्लॉग करते रंग से बदल लें. blue;
background: #fff
- इस कोड का पता लगाएं [ press ctrl+f] <body> या क्लासिक टेम्पलेट के लिए
- <body expr:class='"loading" + data:blog.mobileClass'>
- इस कोड को खोजने के बाद:
- ऊपर दिए गए कोड के ठीक नीचे , नीचे दिए गए कोड चिपकाएँ:
<div id='sticky_bar'>
<script type='text/javascript'>
//<![CDATA[
var mydate=new Date()
var year=mydate.getYear()
if (year < 1000)
year+=1900
var day=mydate.getDay()
var month=mydate.getMonth()
var daym=mydate.getDate()
if (daym<10)
daym="0"+daym
var dayarray=new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday")
var montharray=new Array("January","February","March","April","May","June","July","August","September","October","November","December")
document.write("<p>"+dayarray[day]+", "+montharray[month]+" "+daym+", "+year+"</p>")
//]]>
</script><span style='color: blue;'><a href='http://manojjaiswalpbt.blogspot.com/2012/07/stickybar-with-social-plugins-and-close.html'>Stickybar with social Plugins and close button.Get it!</a></span>: <a href='http://www.123contactform.com/form-336830/Contact-Form' target='_blank'>Your feedback is welcome</a> | <a href='http://www.123contactform.com/form-336830/Contact-Form' target='_blank'>YOUR TAITAL</a>
<img alt='New_Privacy' src='http://dl.dropbox.com/u/37128917/new.gif'/>
<a href='http://twitter.com/manojjaiswalpbt' target='_blank' title=' FOLLOW ON TWITTER'><img alt='RSS Feeds' src='http://cdn1.iconfinder.com/data/icons/web2/Icons/Twitter_16x16.png'/></a>
<a href='http://www.facebook.com/pages/Mediamanojjaiswalpbt/275794579116597' target='_blank' title='Facebook'><img alt='Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo74GTnfdaVTaVrpwZiOlIjLb-wj8V3cJfHK4tHo-LOWBUYqyizxu7hibN-796yDK4hO_HJx9y0UKPwRZc-BYEA_o0q5bD2bHfaPPBIJKb60X3B27yaQY_53gRXUxQ4kvzfe144n3i_4AH/s1600/Flickr_16x16.png'/></a>
<a href='http://www.123contactform.com/form-336830/Contact-Form' target='_blank' title='SUBSCRIBE VIA EMAIL'><img alt='SUBSCRIBE VIA EMAIL' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmnMj84cLgo0TJAlOtzrnkqL6Kyagey5Y2cl99pW4bL5_LzyK79G_5gsrWd_cv8_ypXB7Iedu5ixHoxX6xDy4NXBSbDi9YB5hAIjdRjrBnrb9wR2pRT8it5LPzBM_iSABTVZmJ_weGUmub/s1600/message-already-read.png'/></a>
<a href='http://feeds.feedburner.com/blogspot/Rytvt' target='_blank' title='SUBSCRIBE VIA RSS'><img alt='RSS Feeds' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5sSQ2pBuXkEfrUbWu2HH299S08zFxbHXGIlMXIWG0TgCwseHDuKagOK3tA0lyJROpxIV1XxgdM6bZQ_e7VkgFU6MR44zv7qU0OfRnDMV46onjUuAC8iBtOCFyH9ueJr4BYIERJ_iBwDBh/s1600/Feed_16x16.png'/></a>
<span style='padding: 0px; float: right;'>
<img align='absmiddle' border='0' onclick='closeTopAds();return false;' src='http://manojjaiswalpbt.googlecode.com/files/cancel.png' style='cursor: pointer;'/></span></div>
1- इन लाल रंग से दिए लिंक को अपने लिंकों से बदलना ना भूलें.
2-पावर कट की वजह से पोस्ट के बारे में कुछ बातें रह गयीं थीं,अगर आप ऑटो दिनांक विजेट किन्ही कारणों से नहीं लगाना चाहते हैं,तो आप नीले रंग वाला हिस्सा ना लगायें.
क्या आपको यह लेख पसंद आया? अगर हां, तो ...इस ब्लॉग के प्रशंसक बनिए !!
Great,post sir Thanks
ReplyDeleteNice Post
ReplyDeleteबहुत ही शानदार विजेट पेश कर रहे है आप और सभी पाठको की भावनाओ का भी इसके लिये हम आपके आभारी है कि जो हम चाहते हे उसी से सम्बन्धि विजेट आप पेष करते हो
ReplyDeleteयूनिक तकनीकी ब्लाZग
This comment has been removed by a blog administrator.
ReplyDeleteविजेट के लिए आभार मनोज जी
ReplyDeleteविजेट के लिए आभार मनोज जी, धन्यवाद.
ReplyDeleteबेहतरीन उम्दा बिजेट शानदार शुकिया मनोज जी.
ReplyDeleteबेहतरीन आप के ब्लॉग पर नित नई जानकारी प्रकाशित होती हैं,इसके लिए आपको धन्यवाद.
ReplyDeletethank you for this visti : http://nczgroup.blogspot.com/
ReplyDeleteप्रभावी बिजेट आपको धन्यवाद,
ReplyDeleteमनोज जी,एक बिजेट में कई बिजेट लगाना कोई आप से सीखे यह हर किसी के बस की बात नहीं है.आपको साधुबाद.
ReplyDeleteबहुत ही शानदार विजेट पेश कर रहे है मनोज जी,प्रभावी बिजेट आपको धन्यवाद.
ReplyDeleteसुन्दर जानकारी धन्यवाद.
ReplyDeleteशानदार विजेट शुक्रिया मनोज जी.
ReplyDeleteसुन्दर पोस्ट थैंक्स मनोज जी
ReplyDeleteबड़ी अच्छी जानकारी है.और साथ ही ब्लॉग को महान बनाने के लिए जो विजेट्स दिए हैं वो भी कमाल के हैं.अच्छी कोशिश है.इसे जारी रखिये.हम सभी की तरफ से आपका आभार.
ReplyDeleteमोहब्बत नामा
मास्टर्स टेक टिप्स
विजेट के लिए धन्यवाद.
ReplyDeletemybloggertricks
सुन्दर जानकारी
ReplyDeleteसभी ब्लॉगर साथियों को पोस्ट पर टिप्पणी के लिए तहे दिल से आभार.खराव स्वास्थ्य एंव बेतहाशा बिजली कटोती की वजह से समय पर आप लोगों की टिप्पणी का सही समय से जबाव नहीं दे पाया,इसके लिए मुझे खेद है.आप लोगों के ब्लॉग पर भी नहीं जा सका,इसके लिए प्लीज माफ़ी,इस पोस्ट को भी सही तरीके से पेश नहीं कर पाया,मुझे आशा है आप लोग मेरी मज़बूरी को समझेंगे,अपनी अगली पोस्ट जल्द ही,इसी उम्मीद के साथ मैं अपनी बात यही समाप्त करता हूँ.
ReplyDelete