तुमच्या ब्लॉगवर horizontal मेनूबार कसा समाविष्ट कराल?

मित्रानो या आधीच्या भागामध्ये आपण तुमच्या अनुदिनीवर horizontal मेनू कसा समाविष्ट करावा याची माहिती घेतली ती तुम्ही खाली दिलेल्या दुव्यावर पाहू शकता.http://prashantredkarsobat.blogspot.com/2011/09/horizontal-menu.html या पद्धतीमध्ये तुम्हाला तुमच्या ब्लॉगच्या रुपानुसार मेनूबार मधील चित्रांचे दुवे बदलणे गरजेचे होते..आज आपण अधिक सोप्प्या पद्धतीची माहिती करून घेणार आहोत.ती वापरून तुमच्या अनुदिनीवरचा मेनूबार खालील प्रमाणे दिसेल.

हे कसे कराल?



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

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

३)या नंतर जे पान उघडेल त्यावर असलेल्या Edit Html पर्यांयावर टिचकी द्या.

मग Expand Widget Templates समोरील चौकोनात टिचकी द्यायला विसरू नका.

४)आता ctrl+f चा वापर करून

</head>

या कोडचा शोध घ्या.(चित्र पहा.)

५)आता खाली दिलेले कोड कॉपी(ctrl+c) करून ते या टॅगच्या वरती पेस्ट(ctrl+v) करा.

<link rel="stylesheet" type="text/css" href="https://sites.google.com/site/chesslok/mouseovertabs.css" />
<script src="https://sites.google.com/site/chesslok/mouseovertabs.js" type="text/javascript">

/***********************************************
* Mouseover Tabs Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Bloggerized by - prashant - http://www.prashantredkarsobat.blogspot.com/
***********************************************/
</script>

६)मग केलेले बदल जतन(save) करा.

७)या नंतर तुमच्या ब्लॉगच्या Layout मध्ये जा आणि Add a Gadget वर टिचकी द्या आणि खाली दिलेला कोड कॉपी (ctrl+c)करून Html Java Script ची निवड करून त्या ठिकाणी पेस्ट(ctrl+v) करा.

<div id="mytabsmenu" class="tabsmenuclass">

<ul>
<li><a href="http://prashantredkarsobat.blogspot.com" rel="gotsubmenu[selected]">Your text 1</a></li>
<li><a href="Your Link 2" rel="gotsubmenu">Your text 2</a></li>

<li><a href="Your Link 3">Your text 3</a></li>
</ul>
</div>
<script type="text/javascript">
//mouseovertabsmenu.init("tabs_container_id", "submenu_container_id", "bool_hidecontentsmouseout")
mouseovertabsmenu.init("mytabsmenu", "mysubmenuarea", true)

</script>

या ठिकाणी माझ्या ब्लॉगचा दुवा अथवा Your Link 2 इत्यादीच्या जागी तुम्हाला हवे असलेले दुवे समाविष्ट करा Your text च्या जागी तुम्हाला हवे असलेले नाव त्या त्या दुव्याला द्या.
पात्यक्षिक पाहण्यासाठी खाली दिलेल्या दुव्यावर जा आणि तळाला असलेला मेनूबार पहा.
http://prashant-testing.blogspot.com/
धन्यवाद,
तुमचा मित्र, 
प्रशांत दा. रेडकर.

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

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

नमस्कार,

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

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

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

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

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

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

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

धन्यवाद :-)