क्या आप जानते हैं के किसी भी तस्वीर को अपने पैराग्राफ के साथ कैसे अलाइन किया जाए ? यदि नहीं तो इस पोस्ट को जरूर पढ़ें |

Step One :  मैंने अपनी पिछली पोस्ट में बताया था कि किसी भी तस्वीर को अपनी पोस्ट में खूबसूरत ढंग से कैसे लगाया जाए | काफी विस्तार से लिखने के बाद भी मैंने महसूस किया है कि अब भी बहुत से ब्लॉग लिखने वाले शायद इस जानकारी का सही ढंग से उपयोग नहीं कर पा रहे | इसी समस्या को ध्यान में रखते हुए मैंने एक टूल का निर्माण किया है | आप को बस सिर्फ इतना भर करना है कि आप जिस तस्वीर को अपने पैराग्राफ में प्रयोग करना चाहते हैं उस तस्वीर का URL (वो लिंक जो जिसको आपने पिकासा या कहीं अन्यत्र अपलोड किया है | अपलोड करने के बाद जो लिंक प्राप्त होता है ) पहले खाने में भरना है | दूसरे खाने में आप अपने पैराग्राफ का टेक्स्ट पेस्ट कर के Create Link with Paragraph बटन पर कलिक करेंगे तो उससे निचले बाक्स में आप के पैराग्राफ का तस्वीर के लिंक के साथ कोड दिखाई देने लगेगा | इसके बाद आप Highlight Code बटन पर कलिक करें | जब इस बटन पर कलिक करेंगे तो ये सारा कोड समेत टेक्स्ट सेलेक्ट हो जायेगा | बस अब आप CTRL+C दोनों कीज एक साथ दबाएँ | ऐसे करने पर आपका सारा टेक्स्ट कापी हो जायेगा | अब इस टेक्स्ट (समेत तस्वीर के कोड) को आपनी पोस्ट पर पेस्ट कर सकते हैं |

Step Two : आप निम्न बाक्स में दिखाई दे रहे कोड को कापी करके HTML/Javascript विजेट का चयन करके उसमें इस कोड को पेस्ट कर दें व इस विजेट को अपने साइडबार में लगा लें | यदि आपने ये दो स्टेप आसानी से पूरे कर लिए तो समझिए कि आपने किसी भी तस्वीर को खूबसूरत ढंग से अपनी पोस्ट में इस्तेमाल कर लिया है | हैपी ब्लॉगगिंग !!!

<style type="text/css"> .img { width:auto; font-size:17px; line-height:25px; margin-bottom:10px; margin-top:10px; margin-left:none; display:block; clear:both; position:relative; padding-left:15px; text-align: justify; letter-spacing:.5px; } .img imgBoxL { font-style:bold; width:250px; height:250px; color:#f60; display:block; text-indent:0px; padding-top:3px; padding-left:3px; padding-right:3px; padding-bottom: 4px; letter-spacing:1px; text-align:center; font: bold 12px Georgia, "Times New Roman", Times, Mangal; border:3px solid #228C06; border-radius:10px 10px 10px 10px; -moz-box-shadow:0 0 8px #228C06; -webkit-box-shadow:0 0 8px #228C06; background-color: #fff; background-position: 0px 0px; float:left; margin-right:20px; margin-bottom:12px; margin-left: 5px;} </style>

   पैराग्राफ के साथ तस्वीर का कोड बनाने का टूल नीचे है |

अपनी तस्वीर का URL यहाँ पर भरें
पैराग्राफ के लिए टेक्स्ट यहाँ पर लिखें
	तस्वीर के साथ आपका पैराग्राफ का टेक्स्ट यहाँ पर है Highlight Code वाले बटन पर कलिक करने पर आपका सारा टेक्स्ट समेत तस्वीर के लिंक सेलेक्ट हो जायेगा

यदि आप को अपनी पोस्ट में तस्वीर लगाने का लिंक बनाने वाला टूल पसंद आया तो आप अपने विचारों से जरूर अवगत कराएं |

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