Headlines News :
Hindi Tips . Powered by Blogger.
Banner Advertisement
Showing posts with label Blog Tricks. Show all posts
Showing posts with label Blog Tricks. Show all posts

how to setup lens flare effect

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

thm-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

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

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

सीखें एक आसान से चित्र से "माडरेशन के विकल्प को हटाना"

सीखें एक आसान से चित्र से "माडरेशन के विकल्प को हटाना"

अक्सर जब आप किसी नए ब्लॉगर के ब्लॉग पर जाते है और वहाँ पर उसके किसी भी लेख पर कोई टिप्पणी करते हैं तो टिप्पणी करने के बाद एक मेसेज डिस्प्ले होता है "your message will be visible after approval." इस प्रकार टिप्पणी करने के पश्चात दोबारा से कोई ब्लॉगर उसी पोस्ट पर ये टिप्पणी करता है कि कृपया आप अपने ब्लॉग से माडरेशन के विकल्प को निष्क्रिय करें | तो उस नए ब्लॉगर का उस ब्लॉगर के पास एक सन्देश प्राप्त होता है कि कृपया मुझे मोडरेशन के विकल्प को हटाने के बारे में जानकारी दें कि इस इस कैसे हटाया जाए | वैसे तो इस विषय पर कई लेख लिखे जा चुके है | परन्तु मेरे इस लेख का मकसद चित्रों में माध्यम से इस विकल्प को निष्क्रिय करने के बारे में जानकारी उपलब्ध करवाई जाए इसी को ध्यान में रखते हुए निम्न चित्र से इस विकल्प को निष्क्रिय (इस विकल्प को बंद करना) करने के बारे में जानकारी उपलब्ध करवाने का प्रयास किया है |
moderation-screenshot

आप चाहें तो इस तस्वीर को अपने कम्पूटर में डाउनलोड करके रख सकते हैं | इस के लिए आप इस तस्वीर पर राईट कलिक करें | फिर सेव एज पर कलिक करें | एक डाइलाग बॉक्स खुलेगा आप उसमें इस तस्वीर का पाथ चुने व सेव बटन पर कलिक कर दें | या फिर दूसरा तरीका अपनाएं | इस तस्वीर को माउस के लेफ्ट बटन को दबाकर माउस को ड्रैग करें व डेस्कटॉप पर ड्राप कर दें | चित्र आपके कंप्यूटर में सेव हो जायेगा |

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

मेरी अब तक की प्रकाशित पोस्ट सूची

मेरी अब तक की प्रकाशित पोस्ट सूची

किसी भी टोरेंट फ़ाइल को Internet Download Manager के साथ कैसे डाउनलोड करें ?

किसी भी टोरेंट फ़ाइल को Internet Download Manager के साथ कैसे डाउनलोड करें ?

आज की पोस्ट में आपके लिए पेश है किसी भी टोरेंट फ़ाइल को Internet Download Magager से कैसे डाउनलोड करें | किसी भी टोरेंट फ़ाइल को डाउनलोड करने के बारे में जानने से पहले कुछ Internet Download Manager के बारे में जान लेना जरूरी है | आजकल बहुत से हिंदी ब्लॉग पर जोर शोर से ये प्रचारित किया जा रहा है कि यू-ट्यूब से विडियो डाउनलोड करने के लिए इस सोफ्टवेयर को डाउनलोड करें | MP3 गाने डाउनलोड करने के लिए इस सोफ्टवेयर को डाउनलोड करें | टोरेंट फ़ाइल को डाउनलोड करने के लिए इस सोफ्टवेयर को डाउनलोड करें | इस का मतलब ये हुआ कि आपको तीन तरह की फ़ाइल डाउनलोड करने के लिए तीन सोफ्टवेयर अपने कम्प्यूटर में इंस्टाल करने होंगे, तो क्यूँ न एक ही सोफ्टवेयर को इंस्टाल करने के बाद एक ही सोफ्टवेयर से ये तीनो काम लिए जा सकते हैं तो आपको तीन सोफ्टवेयर इंस्टाल करने की क्या जरूरत है | बस एक सोफ्टवेयर से ही काम चल सकता है | इस सोफ्टवेयर की एक और खास बात है की किसी भी मूवी के डाउनलोड लिंक को भी ढूँढने की जरूरत नहीं है, बस आप को सिर्फ किसी भी मूवी को online देखने का लिंक ही उपलब्ध होना चाहिए, ये डाउनलोड लिंक आपने आप उपलब्ध करवा देता है | जब भी आप किसी भी मूवी को Online देखते हैं तो तुरंत एक बटन उभरता है जिस पर क्लिक करने से आपको उस मूवी का डाउनलोड लिंक प्राप्त हो जाता है | इसी प्रकार किसी भी MP3 गाने को सुनते हुए ही ये उसका लिंक भी उपलब्ध करवा देता है | आप इसका स्क्रीनशाट नीचे देख सकते हैं |
download-button download-button-mp3
इस सोफ्टवेयर की एक और खास बात है कि ये किसी भी सोफ्टवेयर को डाउनलोड करने के लिए आपके इन्टरनेट सेवा प्रदाता द्वारा प्रदान की गयी स्पीड प् अधिकतम गति से डाउनलोड करने की सुविधा उपलब्ध करवाता है | ये बात मैं अपने पर्सनल अनुभव के तौर पर कह रहा हूँ | मैंने डाउनलोड के लिए अन्य सोफ्टवेयर के मुकाबले इसे सबसे बेहतर पाया है | अब जानते हैं कि किसी भी टोरेंट फ़ाइल को इस द्वारा कैसे डाउन डाउनलोड करें ?

1. सबसे पहले इस लिंक पर क्लिक करें |
2. Log in / Sign up पर क्लिक करें | पाप-अप बाक्स उभरेगा | New Member पर क्लिक करें
HT-zbigz

3. अपना ई-मेल पता भरने के बाद पासवर्ड भरने के बाद I agree with terms of use के साहमने वाले चेक-बॉक्स को चेक करने के पश्चात register बटन पर क्लिक करें
4. अब अपलोड टोरेंट फ़ाइल पर क्लिक करें | एक ओपन डायलाग बाक्स उभरेगा | इस में उस टोरेंट फ़ाइल का पाथ देने के बाद ओपन बटन पर क्लिक करने के बाद गो बटन पर क्लिक करें | तुरंत निम्न चित्र अनुसार एक स्क्रीन उभरेगी |
HT-zbigz-1.1

HT-zbigz-1 5. आप फ्री बटन पर क्लिक करें | उदाहरण निम्न चित्र में देख सकते हैं

HT-zbigz-2 6. निम्न चित्र अनुसार दिखाए गये बटन पर क्लिक करें | तुरंत ही Internet Download Manager का डाउनलोड बाक्स उभरेगा | बस आप इस फ़ाइल को कहाँ पर सेव करना चाहते हैं, पाथ देने के बाद, start dwonload बटन पर क्लिक करें | आपकी टोरेंट फ़ाइल डाउनलोड शुरू हो जाएगी | उदाहरण आप निम्न चित्र में देख सकते हैं

HT-zbigz-3

उम्मीद है ये पोस्ट आपकी उम्मीदों पर खरा उतरेगी | इसके साथ ही आप ये महसूस करेंगे कि मेरा दावा यथार्थ के कितना करीब है | अब आपको ये तय करना है कि किसी भी मूवी या फ़िल्मी गाने या MP3 गाने या टोरेंट से मूवी या सोफ्टवेयर डाउनलोड करने के लिए तीन प्रकार के सोफ्टवेयर चाहिए या सिर्फ एक ही सोफ्टवेयर, जो तीनो काम एक साथ कर सकता हो वो भी आसानी से बिना किसी और सोफ्टवेयर की सहायता से, व अधिकतम स्पीड पर ? तो तुरंत ही सब सोफ्टवेयर को छोड़ कर सिर्फ एक ही सोफ्टवेयर का प्रयोग करें जिसका नाम है Internet Download Manager

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

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

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

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

<div class="stroked">Hindi Tips</div>

CSS कोड निम्न प्रकार से लिखें |
1. पांचवीं पंक्ति : फॉण्ट के साइज को बदलने के लिए '100px' की जगह अपनी पसंद साइज लिखें |
2. छटी पंक्ति : फॉण्ट के रंग को बदलने के लिए #228600 की जगह अपनी पसंद के रंग का कोड लिखें |

यदि आप भी इस तरह के इफेक्ट का प्रयोग करना चाहते हैं तो निम्न कोड को कापी करने के बाद इसे अपने ब्लॉग के साइडबार में स्थापित कर लें |

<style>
.stroked {
  position: relative;
  font-family: 'Alfa Slab One', cursive;
  font-size: 100px;
  color:#228600;
  line-height: 200px;
  text-shadow: 2px 2px 0 #F00, -2px -2px 0 #F00, 2px -2px 0 #F00,
            -2px 2px 0 #F00, 3px 3px 5px #333;
text-align:center;
  }
</style>

<script type="text/javascript">
  WebFontConfig = {
    google: { families: [ 'Alfa+Slab+One::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>

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

Hindi Tips

अपनी पोस्ट का टाईटल लिखें 3d Effect के साथ, बिना फोटोशाप की मदद के

अपनी पोस्ट का टाईटल लिखें 3d Effect के साथ, बिना फोटोशाप की मदद के

3d-effect

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

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

Tips Hindi

CSS कोड निम्न प्रकार से लिखें |
1.बैकग्राउंड का रंग बदलने के लिए छटी से सातवीं पंक्ति में 228600 दिखाई दे रहे कलर कोड को बदलें |
2.तीसरी पंक्ति : फॉण्ट को बदलने के लिए 'Oswald' की जगह अपनी पसंद के फॉण्ट का नाम लिखें |
3.चौथी पंक्ति : फॉण्ट के साइज को बदलने के लिए 8em की जगह अपनी पसंद साइज लिखें | एक em 16px के बराबर होता है |
4.पांचवीं पंक्ति : फॉण्ट के रंग को बदलने के लिए #fff की जगह अपनी पसंद के रंग का कोड लिखें |
5.छटी पंक्ति : फॉण्ट की alignment को बदलने के लिए center की जगह leftया rightका चयन कर सकते हैं

<style>
@import url(http://fonts.googleapis.com/css?family=Lobster);
p.text-shadow {  font-family: 'Oswald', helvetica, arial;   
      font-size:8em;
      color:#fff;
      text-align:center;
      background-color: #228600;
      padding-top:20px;
      padding-bottom:40px;
      border-radius: 6px;
      -moz-border-radius: 6px;
      -webkit-border-radius: 6px;
}

p.text-shadow{ text-shadow: 0 1px 0 #ccc,
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
                0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);
               

}
</style>

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

Tips Hindi

how to rotate text in css3

आप भी दिखाएं तारीख को रोटेट टेक्स्ट के रूप में बिना फोटोशाप के अपने ब्लॉग पर |

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

इस प्रकार के इफेक्ट के लिए तारीख को HTML Mode में निम्न प्रकार से लिखें |

<div><div class="example-date">
<span class="example-day">25</span> 
<span class="example-month">Dec.</span> 
<span class="example-year">2012</span>
</div></div>

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

<style>
.example-date {
font-family: 'Arial Black', helvetica, arial; 
  background-color:#228600;
  width:80px;
  float:left;
  margin-left:10px;
  padding:45px 12px 0px 5px;
  position:relative;
  color:#fff;border-radius:5px;
  
}
.example-date .example-day {
  font-size:45px;
  left:0px;
  line-height:45px;
  position:absolute;
  top:0;
  padding:0px 12px 0 10px;
}
.example-date .example-month {
  font-size:23px;
  text-transform:uppercase;
  padding:0px 0px 20px -20px;
}
.example-date .example-year {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  display:block;
  position:absolute;
  right:-20px;
  top:25px;
  font-size:25px;
}
</style>

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

25 Dec. 2012

goole-promise-perfect-scurity

सबसे बढ़िया व वाल्ट जैसी सिक्यूरिटी गूगल का भरोसा

क्या आप भी अपना पासवर्ड हैक होने की शंका से परेशान हैं ? यदि ऐसा है तो बेफिक्र हो जाइए | गूगल ने इसका समाधान सब के लिए पेश किया है | बस आप अपने गूगल खाते को अपने मोबाईल से जोड़ दीजिए व बेफिक्र हो जाएँ |

अपने गूगल खाते को हैकिंग व की-लागर साफ्टवेयर से पासवर्ड हैक होने वाली समस्या से छुटकारा पाएं | चाहे वो रेस्तरां का कम्प्यूटर इस्तेमाल का मामला हो या किसी कैफे के कम्प्यूटर इस्तेमाल का मामला हो या किसी अनजान जगह के कम्प्यूटर के इस्तेमाल का मामला हो | बेहतर सुरक्षा की गारंटी गूगल का सर्टीफिकेट |
     जी हाँ, ये हकीकत है | इस के साथ ही आप ये भी तय कर सकते है कि किस कंप्यूटर पर आपके खाते को लाग-इन करने के लिए सिक्यूरिटी कोड मांगे व किस पर नहीं | आप द्वारा ये तय कर लेने के बाद कि आप अपने घर या दफ्तर के कम्प्यूटर के इलावा कोई भी कम्प्यूटर का प्रयोग करेंगे तो एक सिक्यूरिटी कोड आपके मोबाईल पर प्राप्त होगा उस कोड को भरने के बाद ही आप किसी और कप्यूटर से अपने खाते पर लाग इन कर पाएंगे | है न मजेदार | मान लीजिए की आपका पासवर्ड किसी ने हैक कर भी लिया तो भी वो शख्स आपके खाते पर लाग इन नहीं कर पायेगा | इसके लिए उसे सिक्यूरिटी कोड की आवश्यकता होगी |
मान लीजिए की आपका पासवर्ड किसी ने हैक कर भी लिया तो भी वो शख्स आपके खाते पर लाग इन नहीं कर पायेगा |
     यदि आप भी इस सुविधा का चयन करना चाहते हैं तो निम्न चित्रों अनुसार दिखाए गए दिशा निर्देशों का पालन करें व अपने गूगल खाते को हैकिंग व की-लागर साफ्टवेयर से पासवर्ड हैक होने वाली समस्या से निश्चिंत हो जाएं | चाहे वो रेस्तरां का कम्प्यूटर इस्तेमाल का मामला हो या किसी कैफे के कम्प्यूटर इस्तेमाल का मामला हो या किसी अनजान जगह के कम्प्यूटर के इस्तेमाल का मामला हो | बेहतर सुरक्षा की गारंटी गूगल का सर्टीफिकेट |

Google-Security
Google-Security
Google-Security
Google-Security
Google-Security
Google-Security
Google-Security
Google-Security
Google-Security

क्या आपको पासवर्ड हैक न हो पर लिखा ये लेख पसंद आया ? यदि हां !!! तो टिप्पणी अवश्य दें ताकि निरंतर लिखने की चाह बनी रहे |

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

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

Neon Light

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

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


<p class="neon">Tips Hindi</p>

CSS कोड निम्न प्रकार से लिखें |
1.शैडो के पिंक रंग को बदलने के लिए छटी से दसवीं पंक्ति में fff00de दिखाई दे रहे कलर कोड को बदलें |
2.ग्यारवी पंक्ति : फॉण्ट को बदलने के लिए 'Lobster' की जगह अपनी पसंद के फॉण्ट का नाम लिखें |
3.बाहरवीं पंक्ति : फॉण्ट के साइज को बदलने के लिए '200px' की जगह अपनी पसंद साइज लिखें |
4.तेहरवीं पंक्ति : फॉण्ट के रंग को बदलने के लिए #000 की जगह अपनी पसंद के रंग का कोड लिखें |
5.चौहदवीं पंक्ति : बैकग्राउंड के रंग को बदलने के लिए #000' की जगह अपनी पसंद के रंग का कोड लिखें |
6.पन्द्रवीं पंक्ति : फॉण्ट की alignment को बदलने के लिए center की जगह leftया rightका चयन कर सकते हैं


@import url(http://fonts.googleapis.com/css?family=Lobster);
p.neon {
text-shadow: 0 0 10px #fff,
0 0 20px #fff,
0 0 30px #fff,
0 0 40px #ff00de,
0 0 70px #ff00de,
0 0 80px #ff00de,
0 0 100px #ff00de,
0 0 150px #ff00de;
font-family: 'Lobster', helvetica, arial;
font-size: 200px;
color:#000;
background:#000;
padding:20px;
text-align:center;
text-decoration:none;
border-radius:10px;
height:170px;
padding-top:120px;

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

Tips Hindi

दूसरा लाइव डैमो आप नीचे देख सकते हैं

Tips Hindi

क्या आपको ये लेख पसंद आया ? यदि हां !!! तो टिप्पणी अवश्य दें ताकि निरंतर लिखने की चाह बनी रहे |

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

how to setup pagination script on your blog

आप सब ने बहुत बार बहुत सी वेबसाईट के पेजों के नीचे image
उपरोक्त इमेज अनुसार पेज लिंक लगे देखें होंगे | आप भी चाहते होंगे कि काश आपके ब्लॉग पर भी इसी प्रकार का लिंक लगाने का आप्शन होता, आप भी कम स्पेस में अपने पापुलर पोस्ट का लिंक अपनी नयी पोस्ट पर लगा सकते | बहुत ही आसान है ये सब करना | बस एक छोटा से कोड से ये संभव है | आइये जाने कैसे काम करता है ये कोड | सबसे पहिले अपने ब्लॉग पर लागइन कीजिये, लागइन करने के बाद नीचे दिखाई दे रही इमेज अनुसार आपकी सक्रीन दिखाई देगी |

image

एडिट HTML पर कलिक करें image

CTRL+F, कण्ट्रोल की के साथ ऍफ़ बटन को दबाएँ जैसे कि मैं मोज़िला फायर फाक्स का इस्तेमाल करता हूँ CTRL+F करने पर बाएँ हाथ के नीचे कि तरफ फाइंड का बाक्स दिखाई देगा कुछ इस तरह से image

यहाँ पर आप ]]></b:skin> इस कोड को फाइंड बॉक्स में लिख कर एंटर दबाएँ |

ये कोड ढूढने के बाद इस कोड के बिलकुल ऊपर नीचे दिया हुआ HTML कोड पेस्ट कर दें व टेम्पलेट को सेव कर लें |
/*===================================================== pagination code start =======================================================*/ #listpages {height:23px;margin: 5px 0 5px 0;padding: 0;float: left;} #listpages li {margin:0 2px 0 0;height:23px;float:left;font-size:11px; display:inline;background:none;padding:0;} #listpages li.unclick {margin:0 2px 0 0;height:18px;border:1px solid #224718; color:#224718;padding:2px 3px 0 8px;} #listpages li.dotted {height:20px;font-size:11px;padding:3px 5px 0 5px;} #listpages li a, #listpages li a:link, #listpages li a:visited {padding:2px 6px 2px 6px; height:15px;display:inline;float:left;border:1px solid #f60;color:#224718;} #listpages li a.active, #listpages li a.active:link, #listpages li a.active:visited { background:#224718;border:1px solid #224718;color:#fff;} #listpages li a:hover {border:1px solid #000;color:#F60;text-decoration:none;} /*======================================================== pagination code end =========================================================*/
अगर आपने ये सब आसानी से कर लिए तो समझिये कि आपका 50% काम पूरा हो गया | आइये अब जाने आगे पेजिनेशन को आपनी पोस्ट पर कैसे लगायें |

अब आप सेटिंग पर जायें व फोर्मेटिंग पर कलिक करें image

फोर्मेटिंग पर कलिक करने के बाद पेज को स्क्रोल करके नीचे कि तरफ आयें पोस्ट टेम्पलेट के साहमने दिखाई दे रहे बाक्स में नीचे के बाक्स में दिए कोड को पेस्ट कर दें व उसके बाद सेव सेटिंग पर कलिक कर दें |

इस प्रकार करने से आप जब भी न्यू पोस्ट पर कलिक करेंगे तो यही कोड आपको अपनी नए पोस्ट में पहिले से उपलब्ध मिलेगा | इस कोड में आप नीले रंग में दिखाई दे मेरे ब्लॉग की पोस्ट के लिंक की जगह आप अपनी पोस्ट के नए या पुराने पोस्ट के लिंक लगायें व अपनी पोस्ट में अपना मैटर लिखें व इस पोस्ट को सेव कर लें | आपकी पोस्ट के नीचे ये पेजिनेशन लिंक दिखाई देने लगेंगे |
image
किसी भी तरह की मुश्किल पेश आने पर आप मुझसे संपर्क कर सकते हैं |


Artisteer.3.0.0. part-2

पिछले भाग-3 में आपने जाना कि इस सोफ्टवेयर को इंस्टाल कैसे किया जाता है | आइये जाने कि एक सुन्दर ब्लॉग टेम्पलेट कैसे बनाया जाये सबसे पहिले आप अपने डेस्कटॉप पर दिखाई दे रहे आरटीस्टीयर वर्ज़न 3.0 के Icon पर दो बार कलिक करें | जैसा कि नीचे दिखाई दे रहे बाक्स में नंबर 1 पर दिखाई दे रही इमेज में आरटीस्टीयर वर्ज़न 3.0 का Icon दिखाई दे रहा है :-
image

जब इस Icon पर दो बार कलिक करेंगे तो सबसे पहिले Welcome Screen दिखाई देगी कुछ इस तरह से
image

इस इमेज में दिखाई दे रहे ब्लॉगर Icon पर कलिक करें | कयोंकि मेरे लेख का विषय भी यही है कि अपने ब्लॉग का खूबसूरत डिज़ाइन कैसे बनाएं | जब आप इस Icon पर कलिक करेंगे तो सबसे पहिले नीचे दिखाई दे रही इमेज अनुसार विंडो लोड होगी :-
image

अपना मनपसंद डिज़ाइन बनाने के लिए बाएँ हाथ के ऊपर की और दिखाई दे रहे आइडिया बटन के ठीक नीचे "Suggest Design" पर कलिक करें, जैसा कि नीचे दिखाई दे रही इमेज में दिखाया गया है, आपने कहाँ पर कलिक करना है इसे तीर के निशान से इंगित किया गया है :-
image

जब आप आइडिया बटन के ठीक नीचे "Suggest Design" पर कलिक करेंगे तो नीचे दिखाई दे रही इमेज अनुसार ये साफ्टवेयर आपको नया डिज़ाइन (Template) सुझाएगा | नीचे के बाक्स में आपको तीन डिज़ाइन दिखाए जा रहे हैं | इन तीन डिज़ाइन के लिए मैंने आइडिया बटन के ठीक नीचे "Suggest Design" पर तीन बार कलिक किया था | आप भी आपने पसंद अनुसार अपना डिज़ाइन चुन सकते हैं | आइडिया बटन के ठीक नीचे "Suggest Design" पर आप जितनी बार कलिक करेंगे ये आपको हर बार नया डिज़ाइन सुझाएगा :-
image image image

जब आप "Template Design" से संतुष्ट हो जायें | इस टेम्पलेट में आप साइड बार को भी अपने मनमाफिक बना सकते हैं | आपने साइड बार को अपने मन मुताबिक बनाने के लिए आइडिया से नवम नंबर पर दिखाई दे रहे साइडबार बटन पर कलिक करें जब आप साइडबार बटन पर कलिक करेंगे तो साइडबार बटन की आप्शन आपको दिखाई देने लगेंगी | यहाँ पर लेआऊट बटन पर कलिक करें | जब आप लेआउट बटन पर कलिक करेंगे तो नीचे दिखाई दे रही इमेज के अनुसार एक आप्शन दिखाई देगी जिस में आप अपने मन मुताबिक साइडबार की आप्शन चुन सकते हैं | ये एक बेहतर विकल्प है | इसके इलावा आप इसी लेआउट में नीचे की तरफ विड्थ आप्शन पर कलिक करके साइडबार की चौडाई को अपने मन मुताबिक रख सकते हैं :-
image

इस के इलावा आप अपने टेम्पलेट की चौडाई का निर्धारण अपने मन मुताबिक कर सकते हैं | इसके लिए आप आइडिया से तीसरे नंबर पर लेआउट पर कलिक करने पर नीचे दिखाई दे रही इमेज अनुसार लेआउट आप्शन का मीनू दिखाई देगा :-
image

इस आप्शन में दिखाई दे रहे पर शीट विड्थ पर कलिक करें | यहाँ पर कलिक करने पर एक आप्शन बार दिखाई देगा जैसा कि नीचे दिखाई दे रही इमेज में दिख रहा है :-
image


online hindi typing tool for your blog

आप भी लगायें अपने ब्लॉग पर आनलाइन हिंदी टाइप करने वाला Widget

क्याआप भी आनलाइन हिंदी टाइप करते हैं अगर हाँ तो किसी और टूल पर क्यों जायें, आप इस आनलाइन टूल्स को अपने ब्लॉग पर ही लगायें कुछ इस तरह से जैसा की नीचे दिखाई गयी इमेज में आप देख रहे हैं | आप भी कर सकते हैं ऐसा | बहुत ही आसान है, कैसे करें ? आइये सीखें इसे अपने ब्लॉग में स्थापित करने का तरीका............. image

अपने ब्लॉग को लाग इन करें | इस के बाद डिज़ाइन बटन पर कलिक करें जैसा की नीचे दिखाई गई इमेज में दिखाया गया है ... image

इस के बाद add a gedget पर कलिक करें जैसा की नीचे दिखाई गई इमेज में दिखाया गया है ...... image

इसके बाद HTML gadget पर कलिक करें जैसा की नीचे दिखाई गई इमेज में दिखाया गया है ........ image

HTML gadget पर कलिक करने के बाद HTML Gadget कुछ इस तरह से दिखेगा जैसा की नीचे दिखाई गई इमेज में दिखाया गया है ........ image

विजेट आपके ब्लॉग पर

अब उपरोक्त टेबल बाक्स में दिखाई दे रहे कोड को कॉपी करके HTML Widget के कांटेक्ट वाले खाने में कॉपी किया कोड पेस्ट करदें | टाईटल वाले खाने में अपनी मर्ज़ी का टाईटल रखें | जैसा की मैंने "हिंदी में टाइप करें यहीं पर" टाईटल रखा है | इस के बाद सेव बटन पर कलिक कर दें | आपका हिंदी में टाइप करने वाला Widget आपके ब्लॉग पर नज़र आने लगेगा | किसी भी तरह की मुश्किल के लिए संपर्क करें | image


how to setup post title in two color

आपने ब्लॉग के टाईटल को दिखाएं दो रंगो में

बड़ा ही आसान है ये सब करना पर कैसे, आइये जाने कैसे किया जाता है ये सब ये कमाल है एक छोटे से HTML कोड का, कोड नीचे दिया जा रहा है :-

.innerLeft h6{float:left;width:575px;color:#000;line-height:30px;font-size:27px; font-weight:bold;margin:-10px 0 0 0;} .innerLeft h6 span{color:#F60;font-size:27px;font-weight:bold;}

अब आपको करना क्या है :- पहिला स्टेप :- डिज़ाइन बटन पर कलिक करें   image

दूसरा स्टेप एडिट HTML पर कलिक करें image

तीसरा स्टेपctrl+F, कण्ट्रोल की के साथ ऍफ़ बटन को दबाएँ जैसे कि मैं मोज़िला फायर फाक्स का इस्तेमाल करता हूँ CTRL+F करने पर बाएँ हाथ के नीचे कि तरफ फाइंड का बाक्स दिखाई देगा कुछ इस तरह से image

अब ]]></b:skin> इस कोड को फाइंड बॉक्स में लिख कर इंटर दबाएँ

ये कोड ढूढने के बाद इस कोड के ठीक इस कोड के ऊपर निम्न HTML कोड पेस्ट कर दें व टेम्पलेट को सेव कर लें | .innerLeft h6{float:left;width:575px;color:#000;line-height:30px;font-size:27px; font-weight:bold;margin:-10px 0 0 0;} .innerLeft h6 span{color:#F60;font-size:27px;font-weight:bold;}

लास्ट स्टेप आपने उपरोक्त दिखाया गया कोड अपनी नयी पोस्ट के टाइटल को छोड़कर नीचे दिखाई गयी इमेज अनुसार एडिट HTML मोड़ में यह कोड लिखना है | image इस कोड का प्रयोग कैसे करना है आप निम्न को में देख सकते हैं | मैंने इस पोस्ट पर इसी तरह से कोड को लिखा है :-
<div class="innerLeft"> <h6>आपने ब्लॉग के टाईटल <span> को दिखाएं दो रंगो में </span></h6> </div>


 

Trending Topik

label

Blog Tricks
Support : Tips Hindi Mein | Vaneet Nagpal
Copyright © 2011. Hindi Tips - All Rights Reserved
Template Created by Vaneet Nagpal Published by Tips Hindi Mein
Proudly powered by Blogger