आफ्नो ब्लगमा Facebook Like Box को Pop Up राख्नुहोस (Using Jquery)
आज मैले ब्लग चलाउने मित्रको लागि फेसबुकको लाइक बक्सको पोप अप आफ्नो
ब्लगमा कसरि राख्ने भन्ने बारेमा एक लेख लिएर आएको छु । आशा छ यहाँ हरुले
मन पराइदिनु हुनेछ ।
कसरि राख्ने त यस्तो पप अप ?
जसको लागि तपाईले तलका Steps Follow गर्नुपर्ने हुन्छ ।
Step 1:
सर्बप्रथम आफ्नो Blogger Dashboard -> Template मा क्लिक गर्नुस ।
कसरि राख्ने त यस्तो पप अप ?
जसको लागि तपाईले तलका Steps Follow गर्नुपर्ने हुन्छ ।
Step 1:
सर्बप्रथम आफ्नो Blogger Dashboard -> Template मा क्लिक गर्नुस ।
Step 2:
अब Edit HTML मा क्लिक गर्नुस । अनि फेरी Proceed मा क्लिक गर्नुस । अब CTRL+F वा CTRL+G थिची यो <head> नामक Tag खोज्नुहोस ।
Step 3:
अब त्यसको ठिक मुन्तिर यो कोड Copy गरि Paste गर्नुहोस।
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>
Step 4:
अब Save Template गर्नुहोस ।
Step 5:
अब Blogger Dashboard -> Layout मा जानुहोस ।
अब Edit HTML मा क्लिक गर्नुस । अनि फेरी Proceed मा क्लिक गर्नुस । अब CTRL+F वा CTRL+G थिची यो <head> नामक Tag खोज्नुहोस ।
Step 3:
अब त्यसको ठिक मुन्तिर यो कोड Copy गरि Paste गर्नुहोस।
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>
Step 4:
अब Save Template गर्नुहोस ।
Step 5:
अब Blogger Dashboard -> Layout मा जानुहोस ।
Step 6:
अब Add Gadget मा क्लिक गर्नुहोस ।
अब Add Gadget मा क्लिक गर्नुहोस ।
Step 7:
अब HTML/JavaScript Add गर्नुहोस ।
अब HTML/JavaScript Add गर्नुहोस ।
Step 8:
अब Code डाउनलोड गरेर Fill गर्नुहोस ।
<script type="text/javascript">/*<![CDATA[*/jQuery(document).ready(function() {jQuery(".rblikebox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);});/*]]>*/</script><style type="text/css">.rblikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv22DBFshe34Oti5lnhT1qprPUuQyt-asmla4zpT52oe44niXOfUWJh2FbXfr_QtSuA0-cdMWaDJ6cIxIxSdvO0ykb3OvkXdeq5vMyBx8TUr_FKTrMrScwT-zqmU_WGn7Csb8dZnmcry5j/s1600/rb+facebook+slide+out+widget+2.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 42px;width: 245px;z-index: 9999999;position:fixed;right:-250px;top:20%;}.rblikebox div{border:none;position:relative;display:block;}.rblikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 7px;text-align: right;z-index: 999;}.rblikebox span a{color: gray;text-decoration:none;}.rblikebox span a:hover{text-decoration:underline;}</style><div class="rblikebox"><div><iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/pages/ROHIT/549831588381443&width=245&colorscheme=light&show_faces=true&connections=9&stream=false&header=false&height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe></div><a href='http://realcombiz.com'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQNnLTWnTqqfd7PxSQZiL7L_JK5ANpqiGasu0GKY50BWphNhDKTJPJ0dzT53njlLi5Ca9z1nR9jJsNRqBkI4OwGP5VL_up9e8WbgL66FK4EUWaEkFuik93WyhdMo0Pbn2X3ZSG7O_5m8c/s1600/1x1juice.png'/></a></div>
अब त्यहाँ रहेको factsofscience
हटाएर तपाइको फेसबुक पेजको URL राख्नुहोला । अब Save गरेर हेर्नुहोस
तपाइको बाँया तर्फको Scroll Bar मा फेसबुक नामक Picture आएको हुनेछ र
त्यहाँ माउस लग्नासाथ Pop up window तानिएर आउछ ।
0 comments :
तपाइलाई यो लेख कस्तो लाग्यो ? कृपया आफ्नो प्रतिकृया तलको कमेन्ट बक्समा ब्यक्त गर्नुहोला | हामीलाई सुझाब तथा सल्लाह समेत उक्त बक्समा ब्यक्त गरिदिनुहोला | धन्यबाद |