Ads (728x90)

Latest Post

Kesehatan

Tips

Total Posts and Comments Count

New Graphical Total Posts and Comments Gadget/Widget

आपके ब्लॉग पर दिन में पहुँचने वाले कई पाठक ऐसे होते हैं जो आपके ब्लॉग पर पहली पहुँचे होते हैं। उनपर अपनी धाक जमाने का आपके पास एक ही मौक़ा होता है। इसके लिए एक बेहतर तरीक़ा यह हो सकता है कि आप उन्हें अपने ब्लॉग पर लेखों और टिप्पणियों की संख्या दिखायें।

कुल लेखों की संख्या से उन्हें आपके ब्लॉग पर उपलब्ध सामग्री और टिप्पणियों की संख्या से उन्हें ब्लॉग लेखों की गुणवत्ता का अनुमान हो जायेगा। कुल लेखों और टिप्पणियों को आप अपने ब्लॉग पर बेहद रुचिकर ढंग से दिखा सकते हैं। आपको सिर्फ़ दिया गया कोड कापी पेस्ट करना होगा। :)

यह आपको ब्लॉग पर निम्न प्रकार से दिखेगा।↘

Total Posts & Comments widget for blogger

विशेष नोट: आप यह हैक प्रयोग करें इससे पूर्व आपको यह सुनिश्चित करना होगा कि आपके ब्लॉग पर फ़ीड की सुविधा चल रही है। यदि आपने उसे बंद कर रखा है तो यह विधि कारगर नहीं होगी।

CODE: Stylish Total Posts & Comments widget for blogger


<script style="text/javascript"> 
function techPrevue(json) {
document.write('<b>' + json.feed.openSearch$totalResults.$t + '</b>');
}
function techPrevue(json) {
document.write('<b>' + json.feed.openSearch$totalResults.$t + '</b> ');
}
</script>
<div class="techprevue" style="position: fixed; top: 120px; right: 5px;">
<style type="text/css">
.techprevue a:link, .techprevue a:active, .techprevue a:hover, .techprevue a:visited {color:white; text-decoration:none}
</style>
<table border="0" cellpadding="0" cellspacing="0">
<tr><td height=64 width=64 background="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVD0ZvAPnFuWo1P8XAL7MJZDan93tnmKlwx9hjHWneXiMBx5a-pez7B6NmlqwG0h-hDDKXmzBCzWjVZuCiun08QBuLwu3fsZVTzCK3LtZZ5ILmZHUfdVwgbSYLB0brMOUvm0Ny426GImc/s1600/articles.png" valign="middle" align="middle">
<font size="+1" face="Utsaah" color="black"><script src=" /feeds/posts/default?alt=json-in-script&callback=techPrevue"></script> </font></td></tr>
<tr><td height=64 width=64 background="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgsd-fLmiA56DxXRCso12DmGqeEBcLSxGy0MUv_WZ44mRu7kplBuJOwQX0soVahh1cl4LCob3uVCIOZc4VAzQs9T6ADvhrxLk5uEhDXmvoh2-51xjegnfcv9gYCkK9fgKuF1FR9dM3-kw/s1600/bubble.png" valign="middle" align="middle">
<font size="+1" face="Utsaah" color="black"><script src=" /feeds/comments/default?alt=json-in-script&callback=techPrevue"></script> </font></td></tr>
<tr><td style="background:#00bf02"><span class="techprevue" style="text-decoration:none;font-size:xx-small"><center><a target="_blank" rel="dofollow" href="http://www.techprevue.com/2012/08/total-posts-and-comments-widget-blogger-wordpress.html"><b>+Get Now!</b></a></center></span></td></tr>
</table>
</div>


Demo Link
डेमो के लिए क्लिक करें



उपरोक्त कोड का Text Version भी उपलब्ध है। जो कि निम्न प्रकार से दिखेगा।↘

Total Posts & Comments widget for blogger - Text version


CODE: Text Version of Total Posts & Comments widget for blogger


<script style="text/javascript"> 
function techPrevueA(json) {
document.write('Total Articles: <b>' + json.feed.openSearch$totalResults.$t + '</b>');
}
function techPrevueB(json) {
document.write('Total Comments: <b>' + json.feed.openSearch$totalResults.$t + '</b> ');
}
</script>
<script src=" /feeds/posts/default?alt=json-in-script&callback=techPrevueA"></script><br/>
<script src=" /feeds/comments/default?alt=json-in-script&callback=techPrevueB"></script><br/>
<a target="_blank" rel="dofollow" href="http://www.techprevue.com/2012/08/total-posts-and-comments-widget-blogger-wordpress.html"><b>+Get this widget!</b></a>

इस विजेट को ब्लॉगर से जोड़ना


1. Dashboard > Select Blog > Select Layout > Add a HTML/JavaScript Gadget
2. इस Gadget में दिया गया एक कोड Paste करके इसे सहेज दें

विजेट के प्रमुख लाभ:
  1. यह नयी डिज़ाइन के साथ आपके ब्लॉग को आकर्षक बना देता है
  2. यह टेम्पलेट कोड में बिना परिवर्तन किए प्रयोग किया जाता है
  3. इसे बहुत कम समय - कुछ ही क्षणों में प्रयोग में ला सकते हैं
  4. कोड में न्यूनतम परिवर्तन इसे आपकी आवश्यकता के अनुरूप बनाता है, इसमें आप अपनी पसंद की Icons प्रयोग कर सकते हैं।

अतिरिक्त:
इसी कोड का प्रयोग आप अपने Self Hosted WORDPRESS ब्लॉग पर भी कर सकते हैं -
इसके लिए आपको यह कोड </body> के ठीक ऊपर Paste करना होगा।

Post a Comment