स्टिकी बार विजेट (Stickybar with social Plugins and close button)लगाएँ !!

View Image in New Windowमनोज जैसवाल : सभी पाठकों को मेरा प्यार भरा नमस्कार.मेरी पिछली पोस्ट को अत्यधिक पसंद करने के लिए आप सभी का दिल से धन्यबाद.जो कि जुलाई 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='&quot;loading&quot; + 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='http://2.bp.blogspot.com/-gho3Wz91jKA/TaAZEZwo5dI/AAAAAAAAClc/A26jY4LqfQg/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='http://2.bp.blogspot.com/-yvwyhR5_VUk/TZhRHz2pBFI/AAAAAAAACgc/_pRuBl_IdVI/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='http://2.bp.blogspot.com/-f5cM5LSF1wM/TaAZD_Sob9I/AAAAAAAAClY/lkPYFcxJrNo/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-पावर कट की वजह से पोस्ट के बारे में कुछ बातें रह गयीं थीं,अगर आप ऑटो दिनांक विजेट किन्ही कारणों से नहीं लगाना चाहते हैं,तो आप नीले रंग वाला हिस्सा ना लगायें. 


आज की पोस्ट काफी लम्बी हो गयी है,इस लिए आज का चलते  चलते अगली पोस्ट में.

क्या आपको यह लेख पसंद आया? अगर हां, तो ...इस ब्लॉग के प्रशंसक बनिए !!
इस पोस्ट का शार्ट यूआरएल चाहिए: यहाँ क्लिक करें। Sending request...
Comment With:
OR
The Choice is Yours!

19 कमेंट्स “स्टिकी बार विजेट (Stickybar with social Plugins and close button)लगाएँ !!”पर

  1. Great,post sir Thanks

    ReplyDelete
  2. बहुत ही शानदार विजेट पेश कर रहे है आप और सभी पाठको की भावनाओ का भी इसके लिये हम आपके आभारी है कि जो हम चाहते हे उसी से सम्‍बन्धि विजेट आप पेष करते हो
    यूनिक तकनीकी ब्लाZग

    ReplyDelete
  3. This comment has been removed by a blog administrator.

    ReplyDelete
  4. विजेट के लिए आभार मनोज जी

    ReplyDelete
  5. विजेट के लिए आभार मनोज जी, धन्यवाद.

    ReplyDelete
  6. बेहतरीन उम्दा बिजेट शानदार शुकिया मनोज जी.

    ReplyDelete
  7. बेहतरीन आप के ब्लॉग पर नित नई जानकारी प्रकाशित होती हैं,इसके लिए आपको धन्यवाद.

    ReplyDelete
  8. thank you for this visti : http://nczgroup.blogspot.com/

    ReplyDelete
  9. प्रभावी बिजेट आपको धन्यवाद,

    ReplyDelete
  10. मनोज जी,एक बिजेट में कई बिजेट लगाना कोई आप से सीखे यह हर किसी के बस की बात नहीं है.आपको साधुबाद.

    ReplyDelete
  11. बहुत ही शानदार विजेट पेश कर रहे है मनोज जी,प्रभावी बिजेट आपको धन्यवाद.

    ReplyDelete
  12. सुन्दर जानकारी धन्यवाद.

    ReplyDelete
  13. शानदार विजेट शुक्रिया मनोज जी.

    ReplyDelete
  14. सुन्दर पोस्ट थैंक्स मनोज जी

    ReplyDelete
  15. बड़ी अच्छी जानकारी है.और साथ ही ब्लॉग को महान बनाने के लिए जो विजेट्स दिए हैं वो भी कमाल के हैं.अच्छी कोशिश है.इसे जारी रखिये.हम सभी की तरफ से आपका आभार.



    मोहब्बत नामा
    मास्टर्स टेक टिप्स

    ReplyDelete
  16. विजेट के लिए धन्यवाद.

    mybloggertricks

    ReplyDelete
  17. सुन्दर जानकारी

    ReplyDelete
  18. सभी ब्लॉगर साथियों को पोस्ट पर टिप्पणी के लिए तहे दिल से आभार.खराव स्वास्थ्य एंव बेतहाशा बिजली कटोती की वजह से समय पर आप लोगों की टिप्पणी का सही समय से जबाव नहीं दे पाया,इसके लिए मुझे खेद है.आप लोगों के ब्लॉग पर भी नहीं जा सका,इसके लिए प्लीज माफ़ी,इस पोस्ट को भी सही तरीके से पेश नहीं कर पाया,मुझे आशा है आप लोग मेरी मज़बूरी को समझेंगे,अपनी अगली पोस्ट जल्द ही,इसी उम्मीद के साथ मैं अपनी बात यही समाप्त करता हूँ.

    ReplyDelete

Widget by:Manojjaiswal
Related Posts Plugin for WordPress, Blogger...
Online Marketing
Praca poznań w Zarabiaj.pl
 

Blog Directories

क्लिक >>

About The Author

Manoj jaiswal

Man

Behind

This Blog

Manoj jaiswal

is a 56 years old Blogger.He loves to write about Blogging Tips, Designing & Blogger Tutorials,Templates and SEO.

Read More.

ब्लॉगर द्वारा संचालित|Template Style by manojjaiswalpbt | Design by Manoj jaiswal | तकनीक © . All Rights Reserved |