Pages

Sunday, 9 September 2012

Welcome Image "Click To Enter" For Blogger

हुन त सबै लाई थाहा नहुन पनि सक्छ हुन पनि सक्छ तर यो राम्रो पनि छ र आकर्सक पनि छ भन्न सकिन्छ । धेरै को जिज्ञासा थियो कसरी होम पेज लाई आकर्सक बनाउने अ र्थात होम पेज चाही इमेज कसरी राख्ने भन्ने कुरा सिकाउन जादै छु । सजिलो स्टेप मा मात्र कपि पेस्ट को भर मा 

सबै भन्दा पहिले आफ्नो Template  लाई ब्याकउप लिने होस जस्ले गर्दा एदी केहि कारण बस तपाइ लाई मन परेन या एडिट गर्दा गर्दै लाईन गयो भने बच्न सकिन्छ । यदी तपाइलाई आउँदाइन भने यो पोस्ट हेर्नुहोस

  • सधै झै तपाइले Edit HTML सम्म पुग्नु होस Older Interface and New interface  दुबै मा HTML एडिट सम्मा पुगे पछी  
  • Find [ CTRL + F ] </head> Tag . 
  • तल को कोड कपी गरेर </head>ट्याग भन्दा माथी राख्नु होस /] 
<!-- Add jQuery library -->
<script type="text/javascript" src="https://b2wlab.googlecode.com/svn/trunk/fancyBox/lib/jquery-1.7.2.min.js"></script>

<!-- Add fancyBox main JS and CSS files -->
<script type="text/javascript" src="https://b2wlab.googlecode.com/svn/trunk/fancyBox/source/jquery.fancybox.js?v=2.0.6"></script>
<link rel="stylesheet" type="text/css" href="https://b2wlab.googlecode.com/svn/trunk/fancyBox/source/jquery.fancybox.css?v=2.0.6" media="screen" />

<!-- Add Button helper (this is optional) -->
<link rel="stylesheet" type="text/css" href="https://b2wlab.googlecode.com/svn/trunk/fancyBox/source/helpers/jquery.fancybox-buttons.css?v=1.0.2" />
<script type="text/javascript" src="https://b2wlab.googlecode.com/svn/trunk/fancyBox/source/helpers/jquery.fancybox-buttons.js?v=1.0.2"></script>
यदी तपाइले पहिले नै तपाइको ब्लग मा jQuery राख्नु भएको छ भने तल को कोड हटाउनुहोस   from Above Code
<!-- Add jQuery library -->
<script type="text/javascript" src="https://b2wlab.googlecode.com/svn/trunk/fancyBox/lib/jquery-1.7.2.min.js"></script>


  • अब तपाइले माथी को कोड राखे पछी Template लाई सेभ गरी दिनुहोस र अर्को च रण मा प्रबेश गर्नुहोस Layout
  • "Add a Gadget" मा क्लिक गर्नुहोस 
  • HTML/JavaScript  लाई छान्नुहोस  
  • अब तल दिएको कोड लाई कपी गरेर HTML / JavaScript  को बक्स मा पेस्ट गरी दिनुहोस 

<a class="b2wimg-a" id="b2wimg" rel="group" href="URL OF IMAGE"></a>

<script type="text/javascript">
 jQuery(document).ready(function() {
  $("#b2wimg").trigger('click');
  });

 $(".b2wimg-a").fancybox({
  closeClick : true,
  closeBtn  : false,
   
   helpers: {
    overlay : {
     opacity : 1.0
    }
   }
  });
</script>

तपाइले URL OF IMAGE मा परिवर्तन गर्नुपर्छाफ्नो इमेजको लिन्कले ।
मैले अपलोड गरेको केहि इमेज हरु साथ मा लिन्क पनि 






http:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYzdQ6aLScUWbdsWH2_1VvsvmxFcdRst4yRD_r_JkJvYzwRSLZJec0v4DTOEB_jnaPeijDwthNVyz2fMzl8EkBCh-9WDnfPBIbpUsUueT_veL2QE_XZ_KyoyCvcK27bh9txEn8c14BFyk/s1600/freebieswelcomenoteblue.png

http:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxNRTJlLUI-qwDi2OmJOXJGQKpJ1mxnbX5-gG929aaQZO51qFCN0dyVCXiGlkNzY9xN-SxFfSWDuUi-eKHNVQUzvWDNOQ9WWa_QZ2IkVTkoI_zlBgZICITp8SJIh0D-gHXBmIoogbTxjo/s1600/freebieswelcomenotepink.png

http:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7Sr0qZn7N02zlISXZibVDL2p4BzHTTP1gbEIjPhkFqjg8IbaqVkbYzmalqcyiSBjwEKxSiPimlZL7IFoRJoBhCaCHCNXn4e_U9jVluDTAxyBpamgd8nIJX1Fnko8hPOe9YkXBqPMtQas/s1600/freebieswelcomenotepurple.png

http:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAnGkujLPpDuDiYLbz67wVGv17KdL5Z8TGy-lN0tEe8JcEULRHk1crgbAVBk6ckPhPOpNtZfPiTGYwWyuJ6g_tyOpcQWRbcol7dXQsJ8_3AF3NKo86cUIgqUkDmd3Cl62dsKPsVstje1Lo/s400/Welcome+Note+2.png
http://i.imgur.com/VC5pj.png
 
 


 http://samwelbartolo.files.wordpress.com/2011/05/welcome-tto-my-site.gif
 

1 comment:

  1. .....Kripaya Image maa Right click gari copy Image Location maa click garnu hos tehi nai tapaai ko Image URL hunchh

    ReplyDelete

यदी कुनै समस्या भए हामिलाई पठाउनुहोस

By Comment