webdesign-android-devlopement-news-portal-designing-india-indore-bhopal-mp
Showing posts with label पोस्ट. Show all posts
Showing posts with label पोस्ट. Show all posts

Blogger Thread Comment में Yahoo Smiley's कैसे दिखाए

Posted : at | Posted By: Piush Trivedi | Labels: , , 4⁺ Comments

Blogger की नयी सुविधा Thread कमेंट्स से तो सभी परिचित होंगे ... और शायद सभी ने इसे ब्लॉग पर सक्रिय कर लिया होगा । इसी कड़ी में आज Blogger Thread Comment में Smiley's का उपयोग कैसे किया जाय बताया गया है॥ Blogger के सामान्य Comment फॉर्म में Smiley's का उपयोग बिना किसी परेशानी के एक सामान्य सी स्क्रिप्ट के द्वारा आसानी से किया जा सकता है ॥ वही Thread Comment में Smiley का उपयोग करने हेतु स्क्रिप्ट के साथ साथ css और कुछ मामूली template code के द्वारा इसे ब्लॉग पर रखा जा सकता है ... इसे अपने ब्लॉग पर सक्रिय करने के लिए नीचे पक्रिया अपनाये ।



विजेट को ब्लॉग पर कैसे ले जाए

Yahoo Smiley's को ब्लॉग पर ले जाने के लिए प्रक्रिया तीन चरणों में बताई गयी है ॥ अतः क्रमश इन्हे अपने ब्लॉग पर सक्रीय करते चले

Step 1

  • अपने blogger dashboard पर जाए
  • यहाँ जाए Dashbord > Design > Edit HTML
  • अब ऊपर Expand Widgets चेक बॉक्स पर क्लिक करे
  • यहाँ पर ]]></b:skin> कोड तलाशे
  • अब नीचे बताया गया पूरा कोड ]]></b:skin> के ठीक पहले यथावत डाल दे

<!-- Yahoo Smileys by hindi4tech.blogspot.com Code Start-->
.h4tsmile {
    background: none repeat scroll 0 0 #EFF5FB !important;
    font-size: medium !important;
    padding: 10px !important;
    text-align: left !important;
    font-weight:bold !important;
    font-size:11px !important;
}
img.hindi4techsmly {
    height: auto !important;
    vertical-align: middle !important;
    width: auto !important;
    border:0px !important;
}
<!-- hindi4tech.blogspot.com Code End-->


Step 2


  • अब अपनी ब्लॉग templete में ctrl+f कुंजी द्वारा </body> कोड ढूंढे
  • अब नीचे बताया गया पूरा कोड यथावत </body>कोड के ठीक पहले डाल दे व Template सेव करे

<!-- Yahoo Smileys Script hindi4tech.blogspot.com -->
<script src='https://googledrive.com/host/0B9BypLLMMzvOV3VBRFlaanc2VlU' type='text/javascript'/>

Step 3


  • अब पुनः अपनी ब्लॉग templete में <div class='post-footer-line post-footer-line-3'> कोड तलाशे
    • <div class='post-footer-line post-footer-line-3'>
    code...
    </div>
    </b:includable>
  • यह कोड आपको अपनी ब्लॉग templete में ऊपर बताये अनुसार प्राप्त होगा ,, यहाँ code की जगह नीचे बताया गया पूरा कोड डाल दे

<!-- Yahoo Smileys by hindi4tech.blogspot.com Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='background-color:#FEF8EC; border:none; width:100%; padding:10px; height:100px; overflow:auto;'>
<div class='h4tsmile'>
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/> :)
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/> :(
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/> ;)
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/> :D
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/> ;;-)
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/> :-/
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/> :x
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/> :P
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/> :-*
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/> =((
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/> :-O
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/> X(
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/15.gif'/> :7
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/16.gif'/> B-)
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/17.gif'/> :-S
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/18.gif'/> #:-S
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/19.gif'/> 7:)
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/> :((
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/> :))
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/> :|
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/23.gif'/> /:)
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/> =))
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/25.gif'/> O:-)
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/26.gif'/> :-B
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/27.gif'/> =;
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/101.gif'/> :-c
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/> :)]
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/> ~X(
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/103.gif'/> :-h
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/> :-t
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/105.gif'/> 8-7
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/28.gif'/> I-)
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/29.gif'/> 8-|
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/29.gif'/> L-)
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/31.gif'/> :-a
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/32.gif'/> :-$
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/33.gif'/> [-(
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/34.gif'/> :O)
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'/> 8-
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/36.gif'/> 2:-P
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/37.gif'/> (:|
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/38.gif'/> =P~
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/39.gif'/>
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/40.gif'/> #-o
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/41.gif'/> =D7
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/42.gif'/> :-SS
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/43.gif'/> @-)
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/44.gif'/> :^o
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/45.gif'/> :-w
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/47.gif'/> 7:P
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/48.gif'/> 2):)
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/109.gif'/> X_X
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/110.gif'/> :!!
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/111.gif'/> \m/
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/112.gif'/> :-q
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/113.gif'/> :-bd
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/114.gif'/> ^#(^
<img alt='' class='hindi4techsmly' src='http://l.yimg.com/a/i/us/msg/emoticons/pirate_2.gif'/> :ar!
</div></div></b:if>
<!-- Yahoo Smileys by hindi4tech.blogspot.com End-->



ध्यान दे : अगर आप Smile's का उपयोग Comment के साथ post और sidebar widget में भी करना चाहते है तो नीचे बताये गए कोड को </body> कोड के ठीक पहले डाल दे..

<script src='https://googledrive.com/host/0B9BypLLMMzvOZ3F3cFJPWUFrVkk' type='text/javascript'/>


अब अपनी ब्लॉग template को सेव करे :)
Continue Reading


Newer Post, Older Post लिंक को Post Title से बदले

Posted : at | Posted By: Piush Trivedi | Labels: , , 1⁺ Comments

blogger-blogspot-older-posts-newer-post-link-with-titlenewer post , older post लिंक ब्लॉग पर पाठको को बिना पोस्ट प्रष्ट को छोड़े अगले प्रष्ट पर जाने हेतु आवश्यक है। इसी कड़ी में आज hindi4tech के इस लेख में बताया गया है के कैसे newer post, older post लिंक को post title से बदला जाये .. नीचे बताई गयी स्क्रिप्ट को ब्लॉग के sidebar विजेट में कही भी डाल कर परिवर्तन सेव करे ... विडजेट की खासियत यह की ब्लॉग पर पोस्ट पृष्ट पर दिखने वाली newer post , older post लिंक को post title से बदला जा सकता है ॥ विजेट को ब्लॉग पर ले जाने से पहले screenshot देखे की यह आपके ब्लॉग पर किस तरह दिखाई देगा।

Live Demo





  • सबसे पहले ब्लॉगर खाते में प्रवेश करे , यहाँ जाये Blogger--->Design--->Edit HTML
  • अब ऊपर expand widget template cheakbox पर क्लिक करे
  • अब keyboard की ctrl+F कुंजी दबाये व यहाँ </head> कोड तलाशे
  • अब इस कोड के ठीक बाद में नीचे दिया गया पूरा कोड यथावत डाल दे

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js' type='text/javascript'></script>

ध्यान दे :-अगर आपकी ब्लॉग template में Ajax 1.4.4 jQuery script पहले से ही उपलब्ध है तो दर्शाए गए script कोड को अपनी ब्लॉग template में न डाले

विजेट को ब्लॉग पर कैसे ले जाए
  • यहाँ जाये Blogger--->Design--->Page Element
  • यहाँ Add a Gadget पर क्लिक करे
  • यहाँ html/javascript आप्शन चुने
  • नीचे बताया गया पूरा कोड यहाँ डाल दे व विजेट सेव करे :))

<!-- Add Newer, Older and Home Links With Post Titles by hindi4tech.blogspot.com -->
<style type="text/css">
#blog-pager-newer-link {font-size:85%;width:200px;text-align:left;}
#blog-pager-older-link {font-size:85%;width:200px;text-align:right;}
</style>
<script type="text/javascript">

$(document).ready(function(){
var newerLink = $("a.blog-pager-newer-link").attr("href");
$("a.blog-pager-newer-link").load(newerLink+" .post-title:first", function() {
var newerLinkTitle = $("a.blog-pager-newer-link").text();
$("a.blog-pager-newer-link").text("<< " + newerLinkTitle);
});
var olderLink = $("a.blog-pager-older-link").attr("href");
$("a.blog-pager-older-link").load(olderLink+" .post-title:first", function() {
var olderLinkTitle = $("a.blog-pager-older-link").text();
$("a.blog-pager-older-link").text(olderLinkTitle + " >>");//rgt
});
});
</script>
<!-- Add Newer, Older and Home Links With Post Titles by hindi4tech.blogspot.com -->
Continue Reading


Twitter Flying Bird Widget For Blogger

Posted : at | Posted By: Piush Trivedi | Labels: , , 1⁺ Comments

flying twitter bird for bloggerब्लॉग पर twitter flying bird लगाये । hindi4tech के अन्य विजेट की तरह ही इस विजेट की खासियत यह की इसमें twitter bird को कुछ awatar image के साथ रखा गया है। जिसमे आप अपनी सुविधा अनुसार awatar का उपयोग कर विजेट को अपने ब्लॉग पर रख सकते है। इस विजेट को अपने ब्लॉग पर ले जाने से पहले इसका लाइव डेमो देखे :-
Live Demo





विजेट को ब्लॉग पर कैसे ले जाए

  • कोड में twitter username की जगह अपने twitter user name डाले
  • Tweet this Text को बदले
  • अपने ब्लॉग हेतु एक twitter bird awatar चुने
  • अब "Generate"बटन पर क्लिक करे
  • अंत में Add to Blogger बटन पर क्लिक करे



Random Flying Bird Widget


ये तो हुई twitter bird की बात । नीचे एक और tutorial दिया गया है । इस tutorial में बताये गए flying विजेट की खासियत यह की यह विजेट flying bird में twitter और facebook दोनों ही bird दिखाता है । इसका लाइव डेमो नीचे देखे ।

ध्यान दे :- डेमो में twitter bird पहले दिखाई देगा जब पेज को रिफ्रेश किया जायेगा तो facebook bird दिखाई देगा।


Live Demo


विजेट को ब्लॉग पर कैसे ले जाए

  • कोड में twitter , Facebook Link की जगह अपने twitter, Facebook Url डाले
  • यहाँ जाये Blogger--->Design--->Page Element
  • यहाँ Add a Gadget पर क्लिक करे
  • यहाँ html/javascript आप्शन चुने
  • नीचे बताया गया पूरा कोड यहाँ डाल दे व विजेट सेव करे :))

<!-- START Twitter's birds & Facebook's birds -->

<script type="text/javascript">
bird_version=3;
your_facebook="https://www.facebook.com/USERNAME";
facebook_color=0; //default color 0-6;
your_twitter="https://twitter.com/USERNAME";
twitter_color=5; //default color 0-6;
view_bird='999999999'; //input 'no'>>not active & Restart View ; 'yes'>>always active ; number ('1')('2')...('99999') >> number display
bird_speed=17;
</script>
<script type="text/javascript" src="https://googledrive.com/host/0B9BypLLMMzvOUVI0Vk5oWFRmUDA"></script>
<!-- END Twitter's birds & Facebook's birds -->


ध्यान दे :- ऊपर बताई गयी स्क्रिप्ट में twitter_color=5;  facebook_color=0; कोड में "5" , "0" की जगह आप अपने अनुसार twitter  bird  का कोड रख  सकते है नीचे image  में Twitter , Facebook bird  colour  हेतु कोड बताये गए है



Continue Reading


Related Post Widget Plugin For Blogger Blog

Posted : at | Posted By: Piush Trivedi | Labels: , , 4⁺ Comments


ब्लॉग पर realeted post विडजेट लगाये . realeted post विडजेट का ब्लॉग पर उपयोग सम्बंधित पोस्ट या label से जुडी अन्य पोस्ट को दर्शाने तक ही सीमित नहीं है. बल्कि यह विडजेट तकनीकी कारणों से भी ब्लॉग हेतु बेहत उपयोगी है जिनमे कुछ ख़ास कारण Blog traffic , alexa rank , और ऐसे ही कुछ कारण.


इस realeted post विडजेट को अपने ब्लॉग पर लगाये मिनटों में नीचे पक्रिया देखे .
  • अपने ब्लॉगर खाते में प्रवेश करे .
  • Layout >>Edit HTML पर जाए
  • यहाँ Expand Widget Templates checkbox. पर क्लिक करे
  • अब ]]></b:skin> कोड ढूंढे
अब नीचे दिया गया पूरा कोड ]]></b:skin> के पहले यथावत डाल डे.
<!--RelatedPostsStarts-->
<style>
#related-posts {
float : left;
width : 540px;
margin-top:20px;
margin-left : 5px;
margin-bottom:20px;
font : 11px Verdana;
margin-bottom:10px;
}
#related-posts .widget {
list-style-type : none;
margin : 5px 0 5px 0;
padding : 0;
}
#related-posts .widget h2, #related-posts h2 {
color : #940f04;
font-size : 20px;
font-weight : normal;
margin : 5px 7px 0;
padding : 0 0 5px;
}
#related-posts a {
color : #054474;
font-size : 11px;
text-decoration : none;
}
#related-posts a:hover {
color : #054474;
text-decoration : none;
}
#related-posts ul {
list-style:none;
}
#related-posts ul li {
background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOL7idfgEKw9yJRAaDxiNHrNqfbRdIYJN8RgHK7_z8U_zvA-EM2OBp4OAHrgPh-JNEJVkBQU228fYjiRI6OtRq0XVobwEVW11VvBOE_rBLXLtzUwOxEIjctnKKhTVqbBPB3Kh2j7jnhoI/s400/255.gif) no-repeat scroll 0px 4px;
margin: 0.3em 0;
padding: 0 0 0.8em 20px;
line-height : 2em;
border-bottom:1px dotted #cccccc;
}

#related-posts ul li:hover{
background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRGlLmV34rd_cfBCiB8aE9-SSjm_z757rh7N5gaqW_WuoCwIN7NJabhxJQxYM8KYxBmElfUpjD8eDi0snGYnb_cPbrQ5Rg9Yck8D0R5ZyVPXHFxWa17prJRCDKfgi-DoT40LPZxu0Nhqg/s400/251.gif) no-repeat scroll 0px 4px;
}

</style>
<script language='JavaScript'>
//<![CDATA[
var relatedTitles = new Arrayundefined);
var relatedTitlesNum = 0;
var relatedUrls = new Arrayundefined);
function related_results_labelsundefinedjson) {
for undefinedvar i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for undefinedvar k = 0; k < entry.link.length; k++) {
if undefinedentry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
break;
}
}
}
}
function removeRelatedDuplicatesundefined) {
var tmp = new Arrayundefined0);
var tmp2 = new Arrayundefined0);
forundefinedvar i = 0; i < relatedUrls.length; i++) {
ifundefined!containsundefinedtmp, relatedUrls[i])) {
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];
}
}
relatedTitles = tmp2;
relatedUrls = tmp;
}
function containsundefineda, e) {
forundefinedvar j = 0; j < a.length; j++) if undefineda[j]==e) return true;
return false;
}
function printRelatedLabelsundefined) {
var r = Math.floorundefinedundefinedrelatedTitles.length - 1) * Math.randomundefined));
var i = 0;
document.writeundefined'<ul>');
while undefinedi < relatedTitles.length && i < 20) {
document.writeundefined'<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>');
if undefinedr < relatedTitles.length - 1) {
r++;
} else {
r = 0;
}
i++;
}
document.writeundefined'</ul>');
}
//]]>
</script>
<!--RelatedPostsStops-->

  • अब अपनी ब्लॉग templete में <div class='post-footer'> कोड तलाशे
  • इस कोड के ठीक नीचे यह कोड डाल दे
<div id='related-posts'>
<font face='Arial' size='3'><b>Related Posts : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=9&quot;' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicatesundefined); printRelatedLabelsundefined);
</script>
</div>


परिवर्तन सेव करे :)

कोड का लाइव डेमो नीचे Related Posts पर देखे
Continue Reading


Add Comment Pagination Link Script In Blogger Thread Comment

Posted : at | Posted By: Piush Trivedi | Labels: , , 1⁺ Comments

Fix Comment Pagination Links In Bloggerब्लॉगर की नयी सुविधा Threaded comments के शुरू होते ही एक नयी समस्या ब्लॉग पर आने लगी , वो यह की जैसे ही कोई पोस्ट २०० कमेन्ट का आंकड़ा पार करती है , तो उस पोस्ट पेज पर केवल नए २०० कमेन्ट दिखाई देते है शेष सभी कमेन्ट invisible हो जाते है. Threaded comments की इसी परेशानी से निपटने के लिए नीचे Comment paginate script बताई गयी है। इस script की खासियत यह की इसे Blog पर रखने के साथ है अपनी सुविधा अनुसार Comment को paginate या क्रमशः प्रष्ट वर संयोजित कर सकते है । इसे अपने Blog पर लगाने से पहले इसका screenshot देखे :-


comment-paginate-script-for-blogger


विजेट को ब्लॉग पर कैसे ले जाए
  • सबसे पहले ब्लॉगर खाते में प्रवेश करे , यहाँ जाये Blogger--->Design--->Edit HTML
  • अब ऊपर expand widget template cheakbox पर क्लिक करे
  • अब keyboard की ctrl+F कुंजी दबाये व यहाँ <body> कोड तलाशे
  • अब इस कोड के ठीक बाद में नीचे दिया गया पूरा कोड यथावत डाल दे

<script type='text/javascript'>
//<![CDATA[
function commentpagination(url,comment){
var posturl= url;
var comment = comment;
cmpage = Math.ceil(comment/200);
document.write('<a rel="nofollow" href="'+posturl+'?commentPage=1">Oldest</a>');
for (var i = 1; i <= cmpage; i++) {
document.write('<a rel="nofollow" href="'+posturl+'?commentPage='+i+'">'+i+'</a>');
}
document.write('<a rel="nofollow" href="'+posturl+'?commentPage='+cmpage+'">Latest</a>');
}
//]]>
</script>



पीले रंग में बताये गए टेक्स्ट को आप अपनी सुविधा अनुसार बदल सकते है ।

ध्यान दे :- ऊपर बताई गयी स्क्रिप्ट में comment/200 प्रथम प्रष्ट पर २०० कमेन्ट दर्शाती है इसे आप अपनी सुविधा अनुसार कम कर सकते है ।

अब keyboard की ctrl+F कुंजी दबाये व अपनी ब्लॉग टेम्प्लेट में नीचे बताया कोड तलाशे

<h4><b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>


अब इस कोड के ठीक पहले नीचे दिया गया कोड यथावत डाले :

<span id='commentpaging'>
<font style='color:#289728; font-size:12px; font-weight:bold; padding-right:4px; '> Comment Page :</font>

<script type='text/javascript'>commentpagination(&quot;<data:post.url/>&quot;,&quot;<data:post.numComments/>&quot;);</script>
</span>


अब अपनी ब्लॉग टेम्प्लेट में ]]></b:skin>कोड तलाशे व ठीक इसके बाद नीचे बताया गया पूरा कोड यथावत डाले

/* -------------- Comment Pagination Stylesheet By Hindi4tech --------*/

#commentpaging { background:#F7F9FA; margin:0px padding:20px auto; width:580px; border:1px solid #ddd; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; text-align:right;}
#commentpaging a { margin-right:5px;}




अब टेम्पलेट सेव करे :))
Continue Reading


Subscribe to: Comments (Atom)