विज्ञान तथा प्रविधि: ब्लग

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6lVC2HcCAAJe46KiAsLXyoyar-XR9JMEaJ28q_n_3akTXE0Lsm74RxmpxCOqjgk0y26cEu80ZJ5Vw4cIQ4aC0jkaoxPoCT0HLE626uRJfpzprVxbgB5xAkL2cfYIP7uS5wAFV6PdES7I/s1600/facebook.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6lVC2HcCAAJe46KiAsLXyoyar-XR9JMEaJ28q_n_3akTXE0Lsm74RxmpxCOqjgk0y26cEu80ZJ5Vw4cIQ4aC0jkaoxPoCT0HLE626uRJfpzprVxbgB5xAkL2cfYIP7uS5wAFV6PdES7I/s1600/facebook.jpg" /></a></div>
नमस्कार यहाँ हरु सबैलाई ! आज मैले ब्लग चलाउने मित्रको लागि फेसबुकको लाइक बक्सको पोप अप आफ्नो ब्लगमा  कसरि राख्ने भन्ने बारेमा एक लेख लिएर आएको छु । आशा छ यहाँ हरुले मन पराइदिनु हुनेछ ।<br />
<br />
कसरि राख्ने त यस्तो पप अप ?<br />
<br />
जसको लागि तपाईले तलका Steps Follow गर्नुपर्ने हुन्छ ।<br />
<br />
<b>Step 1:</b><br />
सर्बप्रथम आफ्नो Blogger Dashboard -> Template मा क्लिक गर्नुस ।<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeKCozkfa_M71iepGvSj1K1XTqWNoUrLkbZaXwHnYUvYu9Om5Zj7SBBqZkSbRJQGd_rsVRIqW66R_x_EvU1xdrag87ausQQa9a5aui8nuCwCzIVM0WibbxwdRETuMoCMg_fIBCVw08OB8/s1600/1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeKCozkfa_M71iepGvSj1K1XTqWNoUrLkbZaXwHnYUvYu9Om5Zj7SBBqZkSbRJQGd_rsVRIqW66R_x_EvU1xdrag87ausQQa9a5aui8nuCwCzIVM0WibbxwdRETuMoCMg_fIBCVw08OB8/s400/1.jpg" width="175" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<b>Step 2: </b><br />
अब Edit HTML मा क्लिक गर्नुस । अनि फेरी Proceed मा क्लिक गर्नुस । अब CTRL+F वा CTRL+G थिची यो<span style="background-color: #eeeeee;"> </span><span style="background-color: #eeeeee; color: #353535; font-family: 'andale mono', 'lucida console', monospace; font-size: 14px; line-height: 21px; text-align: justify;"><head></span> नामक Tag खोज्नुहोस ।<br />
<br />
<b>Step 3: </b><br />
अब त्यसको ठिक मुन्तिर यो कोड Copy गरि Paste गर्नुहोस।<br />
<br />
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/><br />
<br />
<b>Step 4:</b><br />
अब Save Template गर्नुहोस ।<br />
<br />
<b>Step 5:</b><br />
अब Blogger Dashboard -> Layout मा जानुहोस ।<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4dB-QgNiia6H_F-brYjtdMmIz4F2H8tGnw144ZvTOAjgececGwOpQ3UH0FNJtm7bMiwQCGYRkoxKj8uTbxvCxefR7pHwccyYsxqRAlhpqFj1rRiB3oX9t6lR_XXMhjLYV-mOII8j2jic/s1600/2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4dB-QgNiia6H_F-brYjtdMmIz4F2H8tGnw144ZvTOAjgececGwOpQ3UH0FNJtm7bMiwQCGYRkoxKj8uTbxvCxefR7pHwccyYsxqRAlhpqFj1rRiB3oX9t6lR_XXMhjLYV-mOII8j2jic/s400/2.jpg" width="175" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<b>Step 6:</b><br />
अब Add Gadget मा क्लिक गर्नुहोस ।<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi23xmCk5aBb-NOD9DTv8WQ6Wlm3RmSNMewGnDsJa9DbaAoZ42EUTxUvdHsR9Z7Vmso_s21P0AA498fhtedjqed6NqF7AUTbNerxA1G53wpzxD0tLmEXc7nnq1pCJHalyC5B3vanbVo-Xo/s1600/3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi23xmCk5aBb-NOD9DTv8WQ6Wlm3RmSNMewGnDsJa9DbaAoZ42EUTxUvdHsR9Z7Vmso_s21P0AA498fhtedjqed6NqF7AUTbNerxA1G53wpzxD0tLmEXc7nnq1pCJHalyC5B3vanbVo-Xo/s400/3.jpg" width="302" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<b>Step 7:</b><br />
अब HTML/JavaScript Add गर्नुहोस ।<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgp-cImwo-7lIYiK09YXcJkWXPgVb6-1dztQldrPpztmmXjTkQaC7ywframnSKJ1gtk1m0qCJ5PmU-S_R6gRFrn1v_7-otlwbbMK93cpgi6R6sQX0cxPVJQhmsBjDAd-lMOBlkpqeqcNss/s1600/4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgp-cImwo-7lIYiK09YXcJkWXPgVb6-1dztQldrPpztmmXjTkQaC7ywframnSKJ1gtk1m0qCJ5PmU-S_R6gRFrn1v_7-otlwbbMK93cpgi6R6sQX0cxPVJQhmsBjDAd-lMOBlkpqeqcNss/s400/4.jpg" width="342" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<b>Step 8:</b></div>
<div class="separator" style="clear: both; text-align: left;">
अब Code <a href="http://www.docstoc.com/docs/137939109/Facebook-Popup-box-Code(Jquery)" target="_blank">डाउनलोड</a> गरेर Fill गर्नुहोस । </div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
अब त्यहाँ रहेको <span style="font-family: 'Courier New', Courier, monospace;">factsofscience</span> हटाएर तपाइको फेसबुक पेजको URL राख्नुहोला । अब Save गरेर हेर्नुहोस तपाइको बाँया तर्फको Scroll Bar मा फेसबुक नामक Picture आएको हुनेछ र त्यहाँ माउस लग्नासाथ Pop up window तानिएर आउछ । </div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<br />

आफ्नो ब्लगमा Facebook Like Box को Pop Up राख्नुहोस (Using Jquery)

नमस्कार यहाँ हरु सबैलाई ! आज मैले ब्लग चलाउने मित्रको लागि फेसबुकको लाइक बक्सको पोप अप आफ्नो ब्लगमा कसरि राख्ने भन्ने बारेमा एक लेख लिएर ...

विज्ञान तथा प्रविधि

आफ्नो ब्लगमा Facebook Like Box को Pop Up राख्नुहोस (Using Jquery)

Popular Posts

Categories

Blog Archive