हुन त सबै लाई थाहा नहुन पनि सक्छ हुन पनि सक्छ तर यो राम्रो पनि छ र आकर्सक पनि छ भन्न सकिन्छ । धेरै को जिज्ञासा थियो कसरी होम पेज लाई आकर्सक बनाउने अ र्थात होम पेज चाही इमेज कसरी राख्ने भन्ने कुरा सिकाउन जादै छु । सजिलो स्टेप मा मात्र कपि पेस्ट को भर मा
सबै भन्दा पहिले आफ्नो Template लाई ब्याकउप लिने होस जस्ले गर्दा एदी केहि कारण बस तपाइ लाई मन परेन या एडिट गर्दा गर्दै लाईन गयो भने बच्न सकिन्छ । यदी तपाइलाई आउँदाइन भने यो पोस्ट हेर्नुहोस ।
तपाइले URL OF IMAGE मा परिवर्तन गर्नुपर्छाफ्नो इमेजको लिन्कले ।
मैले अपलोड गरेको केहि इमेज हरु साथ मा लिन्क पनि
सबै भन्दा पहिले आफ्नो Template लाई ब्याकउप लिने होस जस्ले गर्दा एदी केहि कारण बस तपाइ लाई मन परेन या एडिट गर्दा गर्दै लाईन गयो भने बच्न सकिन्छ । यदी तपाइलाई आउँदाइन भने यो पोस्ट हेर्नुहोस ।
- सधै झै तपाइले Edit HTML सम्म पुग्नु होस Older Interface and New interface दुबै मा HTML एडिट सम्मा पुगे पछी
- Find [ CTRL + F ] </head> Tag .
- तल को कोड कपी गरेर </head>ट्याग भन्दा माथी राख्नु होस /]
<!-- Add jQuery library -->यदी तपाइले पहिले नै तपाइको ब्लग मा jQuery राख्नु भएको छ भने तल को कोड हटाउनुहोस from Above Code
<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>
<!-- 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
1 कमेन्ट:
.....Kripaya Image maa Right click gari copy Image Location maa click garnu hos tehi nai tapaai ko Image URL hunchh
Post a Comment
यदी कुनै समस्या भए हामिलाई पठाउनुहोस
By Comment