webdesign-android-devlopement-news-portal-designing-india-indore-bhopal-mp
Showing posts with label अन्य. Show all posts
Showing posts with label अन्य. Show all posts

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

Posted :| Posted By: Piush Trivedi | Labels: , , 2 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


Recent Comment Widget For Blogger Blog

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

recent-comments-with-avatarब्लॉग पर recent comment विजेट लगाये । ब्लॉग पर हाल ही की टिपनियो को दिखाने के साथ ही विजेट में अपनी सुविधा अनुसार फेर बदल कर ब्लॉग पर आसानी से रखा जा सकता है। विडजेट को अपने ब्लॉग पर ले जाने के लिए नीचे पक्रिया देखे । विजेट का लाइव डेमो यहाँ देखे




Live Demo





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

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




Continue Reading


Twitter Flying Bird Widget For Blogger

Posted :| 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