Shreesh Computer World: ब्लॉगिंग

Home » Posts filed under ब्लॉगिंग

लिंक पर Hand कर्सर को कैसे बदले

http://cdn.mysitemyway.com/etc-mysitemyway/icons/legacy-previews/icons/magic-marker-icons-arrows/114882-magic-marker-icon-arrows-hand-pointer1.png

दोस्तो आज हम बात करेंगे Hand कर्सर की जो लिंक पर माऊस लाने पर आता है अगर आप इसे बदलना चाहते है तो नीचे दिये कुछ स्टेप दोहराए

अपने ब्लॉग मे लॉगिन कीजिये
Layout पर क्लिक करके Add Gadget पर क्लिक करें
एक नयी विंडो खुलेगी जिसमे आपको HTML/Java Script सेलेक्ट करना है
अब नीचे दिया हुआ कोड कॉपी करके HTML/Java Script वाली विंडो मे पेस्ट कर दीजिये

<style type="text/css">a:hover {cursor:url(cursor link यहाँ डालें ),default}</style>

http://ispyoo.com/wp-content/uploads/2015/03/view-demo.png

पेस्ट करने के बाद SAVE बटन पर क्लिक कर दे अब आपका Hand कर्सर एक नए स्टाइल मे दिखेगा

नोट-

cursor link यहाँ डालें को अपने नए कर्सर इमेज के लिंक से बदल दे

0 comments

ब्लॉग पोस्ट को कई पृष्ठों में बांटे

नमस्कार दोस्तों , आप सभी मित्रों को नववर्ष-2015 की हार्दिक शुभकामनाएँ। परमात्मा इस नये वर्ष में आपके जीवन में बहुत सी नई खुशिया लाएं.नया वर्ष ढेर सारी सफलता और आशीषों से भरा हुआ हो।

आजकल कई ब्लॉगर मित्र बहुत लम्बी लम्बी पोस्ट लिखते है तो आज मैं जो स्क्रिप्ट लाया हु वो उन मित्रो के लिए बहुत ही काम की है । क्योकि इस स्क्रिप्ट से आपकी लम्बी पोस्ट 2-3 पृष्ठों में छोटी हो जाएगी। इसका डेमो देखने के लिए नीचे लिंक पर क्लिक करे

इसे अपनी पोस्ट मे डालने के लिए निम्न स्टेप दोहराएँ

अपने ब्लॉग मे लॉगिन करके ब्लॉग के डैशबोर्ड में जाएँ
नयी पोस्ट पर क्लिक करके HTML मोड पर क्लिक करें
नीचे दिया हुआ कोड कॉपी करके HTML सेक्शन मे पेस्ट कर दीजिये

        <style>
.post-pagination {
    margin: 20px auto;
    text-align: center;
    width: 100%;
}
.button_1, .button_2, .button_3 {
    border: 2px solid #26D464;
    font-weight: 900;
    padding: 6px 36px;
    color:#26D464;
    transition:ease 0.69s !important;
}
.button_1:hover, .button_2:hover, .button_3:hover {
    background: none repeat scroll 0 0 #26D464;
    color: #fff;
    text-decoration: none;
}
</style>
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('.button_1').click(function(){
jQuery('.content_1').fadeIn('slow');
jQuery('.content_2').fadeOut('fast');
jQuery('.content_3').fadeOut('fast');
jQuery(this).css('background','#26D464');
jQuery(this).css('color','#fff');
jQuery('.button_2').css('background','#fff');
jQuery('.button_2').css('color','#26D464');
jQuery('.button_3').css('background','#fff');
jQuery('.button_3').css('color','#26D464');
return false;
});
jQuery('.button_2').click(function(){
jQuery('.content_1').fadeOut('fast');
jQuery('.content_2').fadeIn('slow');
jQuery('.content_3').fadeOut('fast');
jQuery(this).css('background','#26D464');
jQuery(this).css('color','#fff');
jQuery('.button_1').css('background','#fff');
jQuery('.button_1').css('color','#26D464');
jQuery('.button_3').css('background','#fff');
jQuery('.button_3').css('color','#26D464');
return false;
});
jQuery('.button_3').click(function(){
jQuery('.content_1').fadeOut('fast');
jQuery('.content_2').fadeOut('fast');
jQuery('.content_3').fadeIn('slow');
jQuery(this).css('background','#26D464');
jQuery(this).css('color','#fff');
jQuery('.button_1').css('background','#fff');
jQuery('.button_1').css('color','#26D464');
jQuery('.button_2').css('background','#fff');
jQuery('.button_2').css('color','#26D464');
return false;
});
});
</script>
<div class="content_1">
Your Text Here
</div>
<div class="content_2" style="display: none;">
Your Text Here
</div>
<div class="content_3" style="display: none;">
Your Text Here
</div>
<div class="post-pagination">
<a class="button_1" href="#">1</a>
<a class="button_2" href="#">2</a>
<a class="button_3" href="#">3</a>
</div>

कुछ बदलाव जो आपको करने है

हमने इस कोड मे हरे रंग का प्रयोग किया है अगर आप दूसरा रंग लगाना चाहे तो #26D464 को अपने मनपसंद रंग के कोड से बदल सकते है।
इसके बाद आप Your Text Here को अपनी पोस्ट के सामाग्री से बदल सकते है ये कोड 3 पृष्ठों का है अगर आपइससे ज्यादा या कम पृष्ठों का चाहते है तो अपने अनुसार बदलाव कर सकते है
इसके बाद आप अपनी पोस्ट को पब्लिश कर दीजिये।

नोट :- इस स्क्रिप्ट को डालने से पहले ये सुनिश्चित कर ले की आपके ब्लॉग jQuery plug-in पड़ा है या नहीं अगर नहीं पड़ा है तो आप नीचे दिया हुआ कोड कॉपी करके अपने ब्लॉग टेम्पलेट के <head> टैग के नीचे पेस्ट कर दे।

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>

अगर आपको कोई समस्या आती है तो कमेंट के माध्यम से बताएं मैं हल करने की पूरी कोशिश करूंगा।

8 comments

Labels: Bloging Tips, इंटरनेट, एचटीएमएल सीखे, ब्लॉगिंग, ब्लॉगिंग विजेट

ब्लॉग पोस्ट में Arrow Key का प्रयोग करे

दोस्तों आज मैं आपको ऐसी स्क्रिप्ट के बारे में बताऊंगा जिससे आपको और आपके पाठको को आपकी पोस्ट पढ़ने में आसानी होगी । इस स्क्रिप्ट को अपने ब्लॉग मे इन्स्टाल करने के बाद आपके पाठक आपके ब्लॉग पर कीबोर्ड की एरो की का इस्तेमाल करके आपकी अगली और पिछली पोस्ट पर जा सकते है । इस स्क्रिप्ट का उदाहरण यही हमारे ब्लॉग पर आप देख सकते है। आप अपने कीबोर्ड की राइट और लेफ्ट एरो की का इस्तेमाल करके हमारी पुरानी और नयी पोस्ट पर पहुच जाएंगे।

इसे अपने ब्लॉग पर इन्स्टाल करने के लिए निम्न चरणों का पालन करें........

अपने ब्लॉग में लॉगिन करके डैशबोर्ड पर पहुचें
Template पर क्लिक करके Edit HTML पर क्लिक करें
अब नीचे दी हुयी स्क्रिप्ट को कॉपी करके </head> टैग के ऊपर पेस्ट कर दे.
अब Save Template पर क्लिक करके बदलाव को सुरक्षित कर दे।

<script type='text/javascript'>

window.onload = function()

{

document.onkeyup = function(event)

{

if (document.activeElement.nodeName == 'TEXTAREA' || document.activeElement.nodeName == 'INPUT') return;

event = event || window.event;

switch(event.keyCode)

{

case 37:

var newerLink = document.getElementById('Blog1_blog-pager-newer-link');

if(newerLink !=null) window.location.href = newerLink.href;

break;

case 39:

var olderLink = document.getElementById('Blog1_blog-pager-older-link');

if(olderLink!=null) window.location.href = olderLink.href;

}

};

};

</script>

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

1 comments

Labels: ब्लॉगिंग, ब्लॉगिंग विजेट

ब्लॉग के फोटो मे shadow डाले rotator effect के साथ

आज हम आपको बताएँगे की आप कैसे अपने ब्लॉग की फोटो मे छाया और घुमावदार प्रभाव डाल सकते है वो भी बड़े आसान तरीके से और इससे आपके ब्लॉग की स्पीड पर कोई भी फर्क नहीं पड़ेगा ।ब्लॉग के पाठक हमेशा यही चाहते है की उन्हे कुछ अलग देखने को मिले अन्य ब्लॉग से।

अगर आप चाहते है की आपके पाठक आपसे निराश न हो उन्हे कुछ हटकर देखने को मिले जो उन्हे आपके ब्लॉग पर खिचकर लाये। तो बिना किसी देरी के आप नीचे दिये स्टेप को फॉलो करे..........

अपने ब्लॉग मे लॉगिन कीजिये और अपने ब्लॉग के डैशबोर्ड पर जाएँ
Template पर क्लिक करके Edit HTML पर क्लिक करके एचटीएमएल एडिटर मे आ जाएँ
]]></b:skin> को CTRL+F दबाकर ढूंढ लीजिये और नीचे दिया कोड ]]></b:skin> के ऊपर या पहले पेस्ट कर दीजिये

.post img:hover {
-moz-transform: scale(1.2) rotate(-350deg);
-webkit-transform: scale(1.2) rotate(-350deg);
-o-transform: scale(1.2) rotate(-350deg);
-ms-transform: scale(1.2) rotate(-350deg);
transform: scale(1.2) rotate(-350deg);
-webkit-box-shadow: 0 0 20px #009999;
-moz-box-shadow: 0 0 20px #009999;
box-shadow: 0 0 20px #009999;
}

4. सेव बटन पर क्लिक करके सेव कर दे

कुछ बदलाव आप कर सकते है

#009999  को आप अपने मनपसंद रंग के कोड से बदल सकते है

0 comments

Labels: ब्लॉगिंग, ब्लॉगिंग विजेट

अपने ब्लॉग पोस्ट के फॉन्ट को कैसे बदले

http://icons.iconarchive.com/icons/emoopo/darktheme-folder/512/Folder-Text-Fonts-icon.png

आप अपने ब्लॉग की पोस्ट के अक्षरों को बदल सकते है एक आसान सी ट्रिक से यहाँ बहुत से फॉन्ट है आप अपने ब्लॉग के अनुकूल फॉन्ट को चुनकर उसे बदल सकते है ।

अपने ब्लॉग मे लॉगिन कीजिये और अपने ब्लॉग के डैशबोर्ड पर जाएँ
Template पर क्लिक करके Edit HTML पर क्लिक करके एचटीएमएल एडिटर मे आ जाएँ
]]></b:skin> को CTRL+F दबाकर ढूंढ लीजिये और नीचे दिया कोड ]]></b:skin> के ऊपर या पहले पेस्ट कर दीजिये

.post-body {font-family: Add Your Font Family Here}.

Add Your Font Family Here को अपने मनपसंद फॉन्ट से बदल दीजिये कुछ फॉन्ट मैं नीचे दे रहा हूँ आप उनमे से चुन सकते है

font-family: "Arial Black", Gadget, sans-serif;

Preview: “Arial Black”, Gadget, sans-serif;

font-family: Arial, Helvetica, sans-serif;

Preview: Arial, Helvetica, sans-serif;

font-family: "Andale Mono", "Monotype.com", monospace;

Preview: “Andale Mono”, “Monotype.com”, monospace;

font-family: "Bookman Old Style", serif;

Preview: “Bookman Old Style”, serif;

font-family: "Comic Sans MS", cursive;

Preview: “Comic Sans MS”, cursive;

font-family: "Courier New", Courier, monospace;

Preview: “Courier New”, Courier, monospace;

font-family: Courier, monospace;

Preview: Courier, monospace;

font-family: fixedsys, monospace;

Preview: fixedsys, monospace;

font-family: Georgia, serif;

Preview: Georgia, serif;

font-family: Garamond, serif;

Preview: Garamond, serif;

font-family: Impact, Charcoal, sans-serif;

Preview: Impact, Charcoal, sans-serif;

font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;

Preview: “Lucida Sans Unicode”, “Lucida Grande”, sans-serif;

font-family: "Lucida Console", Monaco, monospace;

Preview: “Lucida Console”, Monaco, monospace;

font-family: "MS Gothic", monospace;

Preview: “MS Gothic”, monospace;

font-family: "MS Sans Serif", Geneva, sans-serif;

Preview: “MS Sans Serif”, Geneva, sans-serif;

font-family: "MS Serif", "New York", sans-serif;

Preview: “MS Serif”, “New York”, sans-serif;

font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;

Preview: “Palatino Linotype”, “Book Antiqua”, Palatino, serif;

font-family: Symbol, sans-serif;

Preview: Symbol, sans-serif;

font-family: System, sans-serif;

Preview: System, sans-serif;

font-family: Tahoma, Geneva, sans-serif;

Preview: Tahoma, Geneva, sans-serif;

font-family: Techno, Impact, sans-serif;

Preview: Techno, Impact, sans-serif;

font-family: "Times New Roman", Times, serif;

Preview: “Times New Roman”, Times, serif;

font-family: "Trebuchet MS", Helvetica, sans-serif;

Preview: “Trebuchet MS”, Helvetica, sans-serif;

font-family: Verdana, Geneva, sans-serif;

Preview: Verdana, Geneva, sans-serif;

उपरोक्त मे से कोई भी अच्छा सा या कोई और फॉन्ट बदलिए और आनंद लीजिये नयी स्टाइल का।

2 comments

Labels: ब्लॉगिंग, ब्लॉगिंग विजेट

ब्लॉग पेज के शीर्ष पर जाने के लिए डबल क्लिक

http://civil3d.files.wordpress.com/2011/06/double-click-mouse-icon.gif

आमतौर पर जब हम पूरी पोस्ट पढ़ लेते है तो हम वेबपेज के नीचे आ जाते है ऊपर जाने है हम स्क्रॉल बार को बहुत देर तक खिचना पड़ता है जिससे पाठक बोर हो जाते है ऐसे मे यह ट्रिक बहुत काम आती है । इस कोड को अपने ब्लॉग मे जोड़ने के बाद पाठक वेबपेज पर कही पर भी डबल क्लिक करके वेबपेज के शीर्ष पर पहुच सकते है।

अपने ब्लॉग मे लॉगिन कीजिये
Layout पर क्लिक करके Add Gadget पर क्लिक करें
एक नयी विंडो खुलेगी जिसमे आपको HTML/Java Script सेलेक्ट करना है
अब नीचे दिया हुआ कोड कॉपी करके HTML/Java Script वाली विंडो मे पेस्ट कर दीजिये

<script language="JavaScript1.2">
function dblclick() {
window.scrollTo(0,0)
}
if (document.layers) {
document.captureEvents(Event.ONDBLCLICK);
}
document.ondblclick=dblclick;
</script>

Save बटन पर क्लिक कर दीजिये

अब आप ब्लॉग पर कहीं भी डबल क्लिक करके ब्लॉग के शीर्ष पर पहुच सकते है

1 comments

Labels: ब्लॉगिंग, ब्लॉगिंग विजेट

ब्लॉग पोस्ट में लिंक डाले जो अपने आप खुलेगा

http://www.semrush.com/blog/wp-content/uploads/2013/05/Anchor-text.jpg

आज हम आपको Anchor Text के बारे मे बताते है । Anchor Text उस highlite लिंक को कहते है जिसे हम किसी शब्द के पीछे छुपा देते है जिसे क्लिक करने से हम एक निर्धारित जगह पहुच जाते है । ज़्यादातर हम सामान्य Anchor Text का इस्तेमाल करते है ।

उदाहरण Google ये एक सामान्य Anchor text है क्योकि हमे इस पर क्लिक करना होगा तब हम गूगल पर पहुंचेंगे।

हम आपको एक ऐसा Anchor Text बनाना बताएँगे जो अपने आप खुल जाएगा ।

उदाहरण- आप यहाँ पर केवल माऊस घुमाए

इस ट्रिक को अपने ब्लॉग पर उपयोग करने के लिए नीचे दिया हुआ कोड़े कॉपी करे और पोस्ट लिखते समय HTML टैब मे पेस्ट करदे

<a href="http://www.google.com/ "onMouseover="window.location=this.href">Google</a>

आप इसमे अपने शब्द और लिंक को डाल सकते है

3 comments

Labels: Trick, इंटरनेट, कम्प्यूटर सीखे, ब्लॉगिंग

चिन्ह बनाने के लिए कीबोर्ड शॉर्टकट

http://www.actualtools.com/images/Numpad.gif

http://www.timeatlas.com/wp-content/uploads/character3.png

आज कल हमको कोई भी चीज लिखते समय किसी विशेष चिन्ह की आवश्यकता पड़ जाती है। उसके लिए हमको बहुत परेशानी झेलनी पड़ती है । आज हम आपको कुछ चिन्हो को बनाने की जानकारी देंगे आप उनका प्रयोग किसी भी टेक्स्ट एडिटर मे कर सकते है।

इन चिन्हो का उपयोग करने के आपको Alt बटन का प्रयोग करना पड़ेगा। अप ALT बटन को दबाकर कोड को दबाये आपका चिन्ह तैयार हो जाएगा।

Alt + 1 = ☺ (Smile Face)
Alt + 2 = ☻ (Black Smile Face)

Alt + 3 = ♥ (Heart Symbol)
Alt + 4 = ♦ (Diamonds)
Alt + 5 = ♣ (Club)
Alt + 6 = ♠ (Spade)
Alt + 7 = • (Dot Bullet)
Alt + 13 = ♪ (Eighth Note)
Alt + 14 = ♫ (Beamed Eighth Note)
Alt + 18 = ↕ (Up Down Arrow)
Alt + 24 = ↑ (Up Arrow)
Alt + 25 = ↓ (Down Arrow)
Alt + 26 = → (Right Arrow)
Alt + 27 = ← (Left Arrow)
Alt + 29 = ↔ (Left Right Arrow)
Alt + 36 = $ (Dollar Symbol)

Alt + 251 = √ (Square Root)

Alt + 0153 = ™ (Trade Mark)
Alt + 0169 = © (Copyright Symbol)
Alt + 0174 = ® (Registered Trademark)
Alt + 0176 = ° (Degree Symbol)
Alt + 0177 = ± (Plus & Minus Sign)
Alt + 0182 = ¶ (Paragraph Mark)
Alt + 0215 = × (Multiplication Sign)
Alt + 0161 = ¡ (Upside Down Exclamation Mark)
Alt + 0191 = ¿ (Upside Down Question Mark)
Alt + 8721 = ∑ (Auto Sum)

2 comments

Labels: उपयोगी वेबसाइट, ब्लॉगिंग

ब्लॉग में MP3 फाइल पोस्ट करने की एक बेहतरीन साईट

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

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

लिंक पर क्लीक करने के बाद एक विंडो खुलेगी जिसमे म्यूजिक प्लेयर के साथ HTML कोड दिया होगा जेसा निचे चित्र में दिख रहा है

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

और जाते जाते पोस्ट करा हुवा गाना भी सुन लेना

1 comments

Labels: ब्लॉगिंग

लींक कैसे बनाये

इस trick के जरिये आप अपने Link के साथ बहुत कुछ कर सकते हैं,जैसे:-आप लींक पर माउस
ले जायेंगे तब उसका रंग बदल जाएगा, या फीर आप लींक के पते/Address को स्टेटस बार/Status Bar
से गायब कर सकते हैं

सबसे पहले कैसे बनाये एक link
इसका कोड निचे दिया हैं.
ये एक <a href="www.shreeshcomputerworld.in">Link</a> हैं
ये एक Link हैं

कई बार हम देखते हैं की कुछ Links पर माउस ले जाते ही उनका रंग बदल जाता हैं.
अगर आप को भी ऐसा कुछ करना हैं तो आपको ज्यादा कुछ नही करना,बस नीचे
दिए कोड को अपने वेब-पेज के Head Tag में ड़ाल देना
<style><br />a:hover{<br />color:red;<br />}<br /></style>
कई बार हम देखते हैं की कुछ Links पर माउस ले जाने पर भी वो Status Bar में दिखाई नही देते.
बस नीचे दिए गए कोड को अपने वेब-पेज या ब्लॉग में पेस्ट करके इसमें अपना link ड़ाल दीजिये,
तब आपके link की लोकेशन भी स्टेटस बार से गायब हो
<a href="www.shreeshcomputerworld.in/" onmouseover="window.status='MightyCoachs HTML-tricks page ... told you so!'; return true" onmouseout="window.status=''">आपका link अब Status Bar में नही दिखाई देगा<br /></a>
उदहारण
आपका link अब Status Bar में नही दिखाई देगा
Powerd By Shreesh Computer World

0 comments

Labels: ब्लॉगिंग

अपने table के Background को माउस के हिलाने पर बदले

अपने table के Background को सिर्फ़ माउस के हिलाने पर बदले (ये सिर्फ़ Internet Exploser में ही काम करता हैं)

अगर आप अपने Html Table को धासु बनाना चाहते हैं तो ये HTML mouseover code आपके लिए बहुत ही उपयोगी सिध्ह होगा
अपने माउस के तीर को टेबल के किसी भी हिस्से में ले जाए फिर देखे इसका कमाल..........
आपके टेबल का हर cell आपके द्वारा निर्धारित रंग में बदल जाएगा..............................
जैसा की नीचे दिया गया हैं

Your Table Data

इसका कोड नीचे दिया गया हैं

और हाँ आप जब भी इस कोड को इस्तेमाल करे तो सिर्फ़ light colour का इस्तेमाल करे ताकी
आपके टेबल में जो डाटा हैं वो अच्छी तरह से दिखाई दे

0 comments

Labels: इंटरनेट, उपयोगी वेबसाइट, ब्लॉगिंग

How to test everything?

दोस्तों आज जो ट्रिक मैं बताने जा रहा हु उसके जरिये आपको कुछ भी टेस्ट करना हो तो आप इसके जरिये सब कुछ टेस्ट कर सकते हैं. जैसे अगर आपको साईट का पेज रेंक चेक करना हो या फिर उसके कीवर्ड, या मेटा तेग, या फिर उस साईट की डिटेल पता करनी हो की वो कब बनी हैं, जैसी कई सुविधाए Test Everything के जरिये आसानी से हो सकता हैं वो भी मुफ्त में क्यों हैं ना मजेदार. और इसमें कई सारे टूल्स हैं जिनके बारे में मुझे लिखते हुए कई दिन लग जायेगा.

0 comments

Labels: ब्लॉगिंग

ब्लॉग के लिंक मे लाइट इफैक्ट डाले

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

इस प्रभाव को यहाँ देख सकते है

इस प्रभाव को अपने ब्लॉग मे सक्रिय करने के लिए आप नीचे दिये स्टेप अपनाएं

अपने ब्लॉग मे लॉगिन करके ब्लॉग के डैशबोर्ड पर जाए
New Post पर क्लिक करके HTML टैब मे नीचे दिया कोड कॉपी करके पेस्ट करदे

कुछ बदलाव जो आप कर सकते है

40px को अपने फॉन्ट साइज़ के अनुसार बदल लें
#000000 को लिंक के बैकग्राउंड रंग के अनुसार बादल ले
#ccc को फॉन्ट रंग के लिए बदले
# को अपने लिंक adress से बदल दे
Click On This Link To See the Effect को अपने शीर्षक से या आपको जो भी हाइलाइट करना है उससे बदल दे

1 comments

Labels: Bloging Tips, ब्लॉगिंग

ब्लॉग पोस्ट मे डाले आटोमेटिक पेस्ट लिंक सोर्स

http://st.depositphotos.com/1003930/1494/i/950/depositphotos_14942465-Copy-paste-keyboard.jpg

इस ट्रिक को cunning trick कहते है इस ट्रिक को अपने ब्लॉग मे डालने से यह आपकी हर एक पोस्ट मे एक hidden source लिंक बना देती है । जब भी कोई आपकी पोस्ट को कॉपी करके दूसरी जगह पेस्ट करेगा तो आपकी पोस्ट का भी लिंक पेस्ट हो जाएगा ।

अपने ब्लॉग मे लॉगिन कीजिये
Template पर क्लिक करके Edit HTML पर क्लिक करें
अब नीचे दिया हुआ कोड कॉपी करके </head>के ऊपर पेस्ट कर दीजिये

<script type='text/javascript'>
function addLink() {
var body_element = document.getElementsByTagName('body')[0];
var selection;
selection = window.getSelection();
var pagelink = "<br/><br/> Original from: <a href='"+document.location.href+"'>"+document.location.href+"</a><br/>Copyright Shreesh Computer World"; // change this if you want
var copytext = selection + pagelink;
var newdiv = document.createElement('div');
newdiv.style.position='absolute';
newdiv.style.left='-99999px';
body_element.appendChild(newdiv);
newdiv.innerHTML = copytext;
selection.selectAllChildren(newdiv);
window.setTimeout(function() {
body_element.removeChild(newdiv);
},0);
}document.oncopy = addLink;
</script>

नोट - अगर आप चाहे तो Shreesh Computer World को अपने ब्लॉग के नाम से बदल सकते है
अब सेव बटन पर क्लिक कर दीजिये ..........

5 comments

Labels: ब्लॉगिंग, ब्लॉगिंग विजेट

ब्लॉग के लिए फॉन्ट साइज़ कंट्रोलर

आज मैं आपको ब्लॉग के लिए फॉन्ट साइज़ कंट्रोलर केबारे मे बता रहा हु इसे अपने ब्लॉग पर स्थापित करने से आपके पाठकों को पोस्ट के फॉन्ट को छोटा या बड़ा करने बहुत ही आसानी होगी ।

आइये हम आपको बताते है की इसे आप अपने ब्लॉग पर कैसे लगा सकते है।

अपने ब्लॉग मे लॉगिन कीजिये
Template मे जाकर Edit HTML पर क्लिक कीजिये
अब नीचे दिया हुआ कोड </head> के ऊपर पेस्ट कर दीजिये

<script src='http://sites.google.com/site/ciudadbloggerfiles/Home/mootools.js' type='text/javascript'/>
<script type='text/javascript'>
window.addEvent('domready', function(){
var el = $('myElement'),
font = $('fontSize');
new Slider(el, el.getElement('.knob'), {
steps: 35, // TamaÃ±o mÃ¡ximo de la letra
range: [8], // El 8 es el tamaÃ±o mÃnimo
onChange: function(value){
font.setStyle('font-size', value);
}
}).set(font.getStyle('font-size').toInt());
});
</script>
<style type='text/css'>
div.slider {
width: 97%;
height: 26px;
background: url(http://1.bp.blogspot.com/-uJtP4Udla1s/Tc5VAzHAJSI/AAAAAAAAAZA/ou62rfIOdiA/s1600/slider-bg.gif) no-repeat right top;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border:1px solid #708B95;
margin-top:40px;
}
div.slider div.knob {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlVeYBh0hNrukC6Dxszql6GSoP0-qy7avL8x3bAB80q4gJ9ve9HpzSWBR9CiWMxeNewvdep4QOpJ_ajodz0CHnEOjf7-6SrCtRrx9Shgd9G55BeQoxqKqwoN2T_P8_P8zjtMOute9izoE/s400/allblogtools-pin.png) no-repeat;
width: 32px;
height: 47px;
margin:-35px 0 0 0;
cursor: move;
}
div#fontSize {
height: 40px;
}
</style>

अब नीचे दिया हुआ कोड ढुढ़े ( कुछ टेम्पलेत मे कुछ अलग होता है।)

<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>

ऊपर दिये हुये कोड को ढूंढ कर नीचे दिये हुये कोड से बदल दे।

<span id='fontSize'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
</span>

Save Template पर क्लिक करके बाहर डैशबोर्ड पर आ जाइए
Layout पर क्लिक करके Add Gadget पर क्लिक करें
एक नयी विंडो खुलेगी जिसमे आपको HTML/Java Script सेलेक्ट करना है
अब नीचे दिया हुआ कोड कॉपी करके HTML/Java Script वाली विंडो मे पेस्ट कर दीजिये

<div id="myElement" class="slider"><div class="knob">/div></div>

पेस्ट करने के बाद SAVEबटन पर क्लिक कर दे अब आपका फॉन्ट साइज़ कंट्रोलर सफलता पूर्वक आपके ब्लॉग पर काम करेगा।

0 comments

Second Menu

लिंक पर Hand कर्सर को कैसे बदले

ब्लॉग पोस्ट को कई पृष्ठों में बांटे

कुछ बदलाव जो आपको करने है

ब्लॉग पोस्ट में Arrow Key का प्रयोग करे

ब्लॉग के फोटो मे shadow डाले rotator effect के साथ

कुछ बदलाव आप कर सकते है

अपने ब्लॉग पोस्ट के फॉन्ट को कैसे बदले

ब्लॉग पेज के शीर्ष पर जाने के लिए डबल क्लिक

ब्लॉग पोस्ट में लिंक डाले जो अपने आप खुलेगा

चिन्ह बनाने के लिए कीबोर्ड शॉर्टकट

ब्लॉग में MP3 फाइल पोस्ट करने की एक बेहतरीन साईट

लींक कैसे बनाये

अपने table के Background को माउस के हिलाने पर बदले

How to test everything?

ब्लॉग के लिंक मे लाइट इफैक्ट डाले

कुछ बदलाव जो आप कर सकते है

ब्लॉग पोस्ट मे डाले आटोमेटिक पेस्ट लिंक सोर्स

ब्लॉग के लिए फॉन्ट साइज़ कंट्रोलर

Labels

Followers

Copy Protected

My tutorial blog