विजेट को ब्लॉग पर लगाने का तरीका।
- अपने ब्लॉगर एकाउंट में लांग इन हों। —>Template—>Edit HTML
- अब यह कोड खोजें ]]></b:skin> एंव नीचे दिया CSS कोड इसके ठीक ऊपर पेस्ट कर दें।
#scroll {
display: none;
position: fixed;
top: 0;
right: 20px;
z-index: 500;
padding: 3px 8px;
background-color: #2187e7;
color: #fff;
border-radius: 3px;
}
#scroll:after {
content: ” ”;
position: absolute;
top: 50%;
right: -8px;
height: 0;
width: 0;
margin-top: -4px;
border: 4px solid transparent;
border-left-color: #2187e7;
}
- अब यह कोड खोजें। </head>
- </head> एंव नीचे दिया कोड इसके ठीक नीचे पेस्ट कर दें।
After adding the CSS coding, search for the ending </head> tag and right after it paste the following code. (Tip: Make sure you paste the code between the ending </head> and opening <body> head tag.
<div id='scroll'></div>
- अब यह कोड खोजें।</body>
- </body>एंव नीचे दिया कोड इसके ठीक ऊपर पेस्ट कर दें।
- अब टेम्पलेट को सेव कर दें।
<script type="text/javascript">
/*<![CDATA[*/
var scrollTimer = null;
$(window).scroll(function() {
var viewportHeight = $(this).height(),
scrollbarHeight = viewportHeight / $(document).height() * viewportHeight,
progress = $(this).scrollTop() / ($(document).height() - viewportHeight),
distance = progress * (viewportHeight - scrollbarHeight) + scrollbarHeight / 2 - $('#scroll').height() / 2;
$('#scroll')
.css('top', distance)
.text(' (' + Math.round(progress * 100) + '%)')
.fadeIn(100);
if (scrollTimer !== null) {
clearTimeout(scrollTimer);
}
scrollTimer = setTimeout(function() {
$('#scroll').fadeOut();
}, 1500);
});
/*]]>*/
</script>
विजेट आपके ब्लॉग पर सफलतापूर्वक स्थापित हो चुका है।
क्या आपको यह लेख पसंद आया? अगर हां, तो ...इस ब्लॉग के प्रशंसक बनिए !!
शानदार विजेट मनोज जी थैंक्स.
ReplyDeleteहिंदी ब्लॉगर्स चौपाल {चर्चामंच} पर पधारें, आपके विचार मेरे लिए "अमोल" होंगें | आपके नकारत्मक व सकारत्मक विचारों का स्वागत किया जायेगा | सादर .... Lalit Chahar
DeleteBabu sexena जी, पोस्ट पर टिप्पणी के लिए धन्यवाद।
DeleteNice Widget
ReplyDeleteVikas sexena जी, पोस्ट पर टिप्पणी के लिए धन्यवाद।
DeleteGreat Widget Thanks....
ReplyDeleteहिंदी ब्लॉगर्स चौपाल {चर्चामंच} पर पधारें, आपके विचार मेरे लिए "अमोल" होंगें | आपके नकारत्मक व सकारत्मक विचारों का स्वागत किया जायेगा | सादर .... Lalit Chahar
Deletemohit sexena जी, पोस्ट पर टिप्पणी के लिए धन्यवाद।
Deleteशानदार विजेट मनोज जी थैंक्स.
ReplyDeleteहिंदी ब्लॉगर्स चौपाल {चर्चामंच} पर पधारें, आपके विचार मेरे लिए "अमोल" होंगें | आपके नकारत्मक व सकारत्मक विचारों का स्वागत किया जायेगा | सादर .... Lalit Chahar
Deleteअर्चना अग्रवाल जी, पोस्ट पर टिप्पणी के लिए धन्यवाद।
Deleteवाह जी , कमाल का विजेट है ये तो , साथ साथ नीचे ऊपर होकर बताता रहता है कित्ता पढ लिया कित्ता अभी बाकी है ।
ReplyDeleteअजय सर, पोस्ट पर टिप्पणी के लिए धन्यवाद।
Deleteबढिया विजेट शेयर करने के लिए धन्यवाद सर.
ReplyDeleteहरीश बिष्ट जी, पोस्ट पर टिप्पणी के लिए धन्यवाद।
Deleteअच्छा विजेट !!
ReplyDeleteपूरण जी, पोस्ट पर टिप्पणी के लिए धन्यवाद।
Deleteकमाल का विजेट मनोज जी थैंक्स.
ReplyDeleteAmit Jain जी, पोस्ट पर टिप्पणी के लिए धन्यवाद।
Deleteसुन्दर विजेट मनोज सर थैंक्स.
ReplyDeleteShivam Kumar जी, पोस्ट पर टिप्पणी के लिए धन्यवाद।
Deleteमनोज जी
ReplyDeleteबहुत सुन्दर और उत्क़ष्ठ विजेट है, आभार
माइ बिग गाइड की इस नई कडी का अवलोकित कर टिप्पणी के माध्यम से उत्साहवर्धन करने का कष्ट करें,
My Big Guide Idea Wall माइ बिग गाइड आइडिया वाल
Turn the wireless electricity वायरलेस हो जाये बिजली
Abhimanyu Bhardwaj जी, पोस्ट पर टिप्पणी के लिए धन्यवाद।
Deleteबढिया विजेट शेयर करने के लिए धन्यवाद सर.
ReplyDeletePrem Raj जी, पोस्ट पर टिप्पणी के लिए धन्यवाद।
Deleteबढिया विजेट
ReplyDeletepiush pant जी, पोस्ट पर टिप्पणी के लिए धन्यवाद।
Deleteअच्छा विजेट धन्यवाद सर.
ReplyDeleteChintu Raj जी, पोस्ट पर टिप्पणी के लिए धन्यवाद।
Deleteमनोजजी प्रणाम में आपके ब्लॉग को नियमित पढ़ता हु आप एक अच्छे मार्ग दर्शक हे बहोत ही उमदा पोस्ट हे
ReplyDeleteमहेंद्र जी प्रणाम, पोस्ट पर टिप्पणी के लिए धन्यवाद।
Deleteबहोत ही उमदा पोस्ट
ReplyDeleteबहुत सुन्दर और उत्क़ष्ठ विजेट धन्यवाद.
ReplyDeleteBaby Pande जी, पोस्ट पर टिप्पणी के लिए धन्यवाद।
DeleteNice Widget Sir
ReplyDeleteDinesh shukla जी, पोस्ट पर टिप्पणी के लिए धन्यवाद।
Deleteबहुत सुन्दर और उत्क़ष्ठ विजेट धन्यवाद मनोजजी.
ReplyDeletepinky joshi जी, पोस्ट पर टिप्पणी के लिए धन्यवाद।
Deleteअच्छा विजेट धन्यवाद
ReplyDeletesanny chauhan जी, पोस्ट पर टिप्पणी के लिए धन्यवाद।
DeleteBabu Ram जी, पोस्ट पर टिप्पणी के लिए धन्यवाद।
ReplyDeleteLalit Chahar जी, आपका आभार।
ReplyDeleteबहुत अच्छी जानकारी।
ReplyDeleteविकेश जी, पोस्ट पर टिप्पणी के लिए धन्यवाद।
Deleteबहुत ही अच्छी जानकारी है . धन्यवाद ! मनोज जी .आपके सुझाव से विजेट सही स्थान पर लग गया. एक जानकारी चाहता हूँ ,ब्लॉग के लिए अच्छा टेम्पलेट कहाँ से डाउनलोड किया जाय ,टेम्पलेट change करने से एलिमेंट और विजेट पर क्या असर पड़ेगा.
ReplyDeleteराजीव जी, आप गूगल पर फ्री ब्लॉगर टेम्पलेट लिख कर सर्च करेंगें तो आपको बहुत से अच्छे टेम्पलेट मिल जायेंगे। टेम्पलेट चेंज करने से आपके विजेट को कोई नुक्सान नहीं होगा। केवल विजेट की सेटिंग को आपको सही करना होगा। एक अहम् बात आप टेम्पलेट कोई भी पसंद करे उसकी कमान अपने हाथों में ही रखें। मेरे कहने का मकसद यह है टेम्पलेट में जो भी स्क्रिप्ट्स किसी दुसरे सर्वर पर होस्ट होती है। उन्हें आप अपने खुद के सर्वर जैसे गूगल डाक्स या गूगल कोड पर सेव कर लिंक को अपने सर्वर लिंक से बदल लें।
DeletePreeti Sexena जी, पोस्ट पर टिप्पणी के लिए धन्यवाद।
ReplyDelete