तुमच्या ब्लॉगवरचा Shoutbox कसा लपवाल?

 मंडळी, मागच्या भागात आपण तुमच्या ब्लॉगवर Shoutbox कसा समाविष्ट कराल? याची माहिती करून घेतली. आजच्या लेखात आपण तो कसा लपवायचा आणि हवा तेव्हा कसा उपलब्ध करून द्यायचा याची माहिती करून घेणार आहोत.
असे केल्याने तुम्हाला तुमच्या ब्लॉग वरची जागा वाचवता येईलच. त्या व्यतिरिक्त ते दिसायला सुद्धा आकर्षक दिसेल.

हे कसे कराल? 

१)प्रथम तुमच्या ब्लॉगर खात्यावर लॉग-इन व्हा.
त्यासाठी http://draft.blogger.com/ या दुव्याचा वापर करा.

२)या नंतर तुमच्या ब्लॉगच्या नावा समोर जे घराच्या आकाराचे चिन्ह दिसते आहे त्यावर टिचकी द्या आणि Layout पर्यांयाची निवड करा.

३)या नंतर जे पान उघडेल त्यातील 'Add a Gadget' पर्यांयावर टिचकी द्या.

४)यानंतर 'HTML/Javascript' वर टिचकी देवून खाली दिलेला कोड (ctrl+c)कॉपी करून पेस्ट(ctrl+v) करा.

<style type="text/css"> #gb{ position:fixed; top:30px; z-index:+1000; } * html #gb{position:relative;} .gbtab{ height:100px; width:30px; float:left; cursor:pointer; background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRA5RNrRJ35yBgtV8KR68ILstZhTlu7gpOSk2aGZ0ZVOM78VOxt_ueUN3PuDpl6WuTM9SknkdldEDFz9YghO8OXXy3Eu2e4wJ0MFpIXUdtAGhW9RtEW3618B-gIZcateEFjYQrGj6mUZkn/s1600/tabss.png') no-repeat; } .gbcontent{ float:left; border:2px solid #666666; background:#F5F5F5; padding:10px; } </style> <script type="text/javascript"> function showHideGB(){ var gb = document.getElementById("gb"); var w = gb.offsetWidth; gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0); gb.opened = !gb.opened; } function moveGB(x0, xf){ var gb = document.getElementById("gb"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; gb.style.right = x.toString() + "px"; if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);} } </script> <div id="gb"> <div class="gbtab" onclick="showHideGB()"> </div> <div class="gbcontent"> 
 Insert Your Shoutbox Code

 <a href="http://prashantredkarsobat.blogspot.com/"><small>Hide your ShoutBox</small></a> <div style="text-align:right"> <a href="javascript:showHideGB()"> [close] </a> </div> </div> </div> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script>

५)आता Insert Your Shoutbox Code Here या जागी तुमच्या Shoutbox चे कोड जे तुम्ही आधीच्या भागात मिळवले होते ते पेस्ट करा.

६)मग सेव्ह करून झाल्यावर तुम्हाला तुमच्या ब्लॉगवर ब्राऊजरच्या एका बाजुला Shoutbox नावाचे आयकॉन दिसेल,त्यावर टिचकी देताच सरकत सरकत तुमचा Shoutbox बाहेर निघेल व वापर करून झाल्यावर परत लपून जाईल.
 प्रात्यक्षिक तुम्ही खाली दिलेल्या दुव्यावर पाहू शकता
http://prashant-testing.blogspot.com/

धन्यवाद, 
तुमचा मित्र, 
प्रशांत दा. रेडकर.

फेसबुकवर शेअर करा ट्विटरवर शेअर करा गुगलप्लसवर शेअर करा

About प्रशांत दा.रेडकर

नमस्कार,

मी प्रशांत दामोदर रेडकर.मी इलेक्ट्रॉनिक इंजिनिअर आहे.

1)मनात माझ्या २)स्पर्श नवा ही माझी दोन चारोळ्यांची पुस्तक प्रकाशित झालेली आहेत.

**तुमच्या सर्वांच्या प्रेमामुळे बुकगंगा विश्वसाहित्य संमेलन २०१२ मध्ये मला आवडता ब्लॉगर हा पुरकार मिळालेला आहे.**ABP माझाच्या "ब्लॉग माझा २०१५"च्या स्पर्धेमध्ये माझ्या या ब्लॉगला "दुस-या क्रमांकाचे" पारितोषिक मिळाले आहे.

**गायक सुबोध साठे यांनी त्याच्या "अजूनही कळेचना" या अल्बममध्ये मी लिहिलेले "तू गेलीस तेव्हा" हे गाणे गायलेले आहे.

कोडींग करणे हा माझा छंद आहे..त्याच छंदामुळे मी सध्या दोन मराठी सोशल नेट्वर्किंग साईटच्या निर्मिती मध्ये गुंतलो आहे.1)marathifanbook.com मराठी सोशल नेटवर्क 2)chivchivat.com मराठी सोशल नेटवर्क ३)marathimy.comमराठी विवाह संबंधित वेबसाईट

४)माझी मैत्रीण आणि गायिका सावनी रवींद्र हिची वेबसाईट आणि Android App सुद्धा मी डिजाईन केली आहे

savaniravindra.com वेबसाईटला अवश्य भेट द्या आणि app डाउनलोड करण्यासाठी हि लिंक वापरा com.savani.ravindra

धन्यवाद :-)