how to setup lens flare effect

आप भी दिखाएं Lens Flare Effect अपने ब्लॉग पर बिना फोटोशाप के |

जैसा कि आप बाई तरफ दिखाई दे रहे चित्र में देख रहे हैं, आप भी बिना फोटोशाप की सहायता के इस तरह के Lens Flare effect का प्रयोग अपने ब्लॉग पर कर सकते हैं | ऐसे effect ब्लॉग पर प्रदर्शित करना बहुत आसान है | आज की पोस्ट में आप जानेगे कि किसी भी टेक्स्ट पर ये प्रभाव कैसे उत्पन्न किया जाता है ? इस प्रकार के इफेक्ट के लिए तकनीक की ज्यादा जानकारी की जरूरत नहीं है | इस प्रभाव को देखने के लिए ब्राउजर के नये संस्करण का इस्तेमाल करें |

अपना टेक्स्ट HTML Mode में निम्न प्रकार से लिखें |

<div id="thm-content" >
<thm-lfe>TIPS<BR/>HINDI<BR/>MEIN</thm-lfe>
</div>

CSS कोड निम्न प्रकार से लिखें |

1. तीसरी पंक्ति : बैकग्राउंड के रंग को बदलने के लिए आप इस कोड #D50304 की जगह अपनी पसंद का रंग का कोड लिखें |
2.चौथी पंक्ति : बैकग्राउंड की चौड़ाई कम करने के लिए जहाँ पर 615px लिखा है उसमें अपने अनुसार परिवर्तन करें |
3.नवीं पंक्ति : फॉण्ट के रंग को बदलने के लिए इस कोड #fff के जगह अपनी पसंद के रंग का कोड लिखें |
यदि आप इस तरह के इफेक्ट को इसी तरह से प्रयोग करना चाहते हैं तो निम्न कोड को कापी करने के बाद इसे अपने ब्लॉग के साइडबार में स्थापित कर लें |

नोट : इस तरह के इफेक्ट के लिए HTML Mode का प्रयोग करें

<style>
#thm-content {padding: 10px; 
background:#D50304;
width:615px;
text-align:center;}
#thm-content thm-lfe {font-size:130px;
line-height:150px;
font-family: 'Arbutus', cursive;
    color: #FFF;
    text-shadow: 0 0 150px #FFF, 0 0 60px #FFF, 0 0 10px #FFF;
}
</style>
<script type="text/javascript">
  WebFontConfig = {
    google: { families: [ 'Arbutus::latin' ] }
  };
  (function() {
    var wf = document.createElement('script');
    wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
      '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
    wf.type = 'text/javascript';
    wf.async = 'true';
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(wf, s);
  })(); </script>

लाइव डेमो आप निम्न देख सकते हैं

TIPS
HINDI
MEIN

नोट : इस तरह के इफेक्ट का प्रयोग जो चाहे अपने ब्लॉग पर कर सकता है, लेकिन यदि कोई इस कोड का प्रयोग करके कोई पोस्ट अपने ब्लॉग पर लिखना चाहता है तो उस व्यक्ति-विशेष को लिखित आज्ञा लेना अनिवार्य है |

"टिप्स हिन्दी में ब्लॉग" की हर नई जानकारी अपने मेल-बॉक्स में मुफ्त पाएं !