તમારો બ્લોગ કેવી રીતે બનાવશો ?
How to make Menubar ?
1. open Design
2. click on the
pages
3. select New page
( blank page)
4. write your Menu
title and add data into second box.
5. click on the
publish6. Thats ok.........
તમારા બ્લોગ પર ચાલતી પટ્ટી કેવી રીતે ચલાવશો ?
Step - 1 go to
yourblogname.blogspot.com
Step – 2 Go on Design - layout -
add gadget - select Java/HTML
Step - 3 TYPE any name in title box then pasteTHIS TEXT INTO THE BOX
Step - 3 TYPE any name in title box then pasteTHIS TEXT INTO THE BOX
<style
type="text/css">
.html-marquee {height:25px;width:1010px;background-color:FFFFCC;font-family:Times;font-size:12pt;color:#6e0808;font-weight:bold;border-width:0;border-style:dashed;border-color:#6e0808}
</style>
<marquee
class="html-marquee" direction="center"
behavior="scroll" scrollamount="5" >
સુવિચાર :- "શિક્ષક પોતે શીખતો ન રહે તો તે કદી શીખવી ન શકે - રવીન્દ્રનાથ ટાગોર
</marquee><p
style="font-family:arial,sans-serif;font-size:10px;"></p>
(Remove
red text and insert ur new text)
Done .......
You can move this gadget
on any place (top, bottom, left, right etc.,)
તમારા બ્લોગમાં ડ્રોપ-ડાઉન મેનુ કેવી રીતે બનાવશો ? (not compulsory for blog)
આ માટે
તમારે નીચે
મુજબના સ્ટેપ
અનુસરો.
૧. સૌપ્રથમ તમારૂ ડેશબોર્ડ ખોલી લેઆઉટમાં જાઓ.
૨. લે-આઉટમાં કોઈપણ જગ્યાએથી એક ગેજેટ ઉમેરો પર ક્લિક કરો.
૩. ખુલેલા લીસ્ટમાંથી HTML/JAVA સ્ક્રીપ્ટ વાળો ઓપ્શન પસંદ કરી તેના પર ક્લિક કરો.
૪. મથાળું કોરું રાખો પણ નીચેની જગ્યા પર નીચે આપેલો CODE કોપી કરી પેસ્ટ કરી લો.
૫. # ની જગ્યાએ તમારા પેજની લીંક પેસ્ટ કરો.
૬.યોગ્ય જગ્યાએ મેનુનું નામ આપો.
૧. સૌપ્રથમ તમારૂ ડેશબોર્ડ ખોલી લેઆઉટમાં જાઓ.
૨. લે-આઉટમાં કોઈપણ જગ્યાએથી એક ગેજેટ ઉમેરો પર ક્લિક કરો.
૩. ખુલેલા લીસ્ટમાંથી HTML/JAVA સ્ક્રીપ્ટ વાળો ઓપ્શન પસંદ કરી તેના પર ક્લિક કરો.
૪. મથાળું કોરું રાખો પણ નીચેની જગ્યા પર નીચે આપેલો CODE કોપી કરી પેસ્ટ કરી લો.
૫. # ની જગ્યાએ તમારા પેજની લીંક પેસ્ટ કરો.
૬.યોગ્ય જગ્યાએ મેનુનું નામ આપો.
- CODE:-
·
<script
src='http://code.helperblogger.com/dd-level-menu.js'
·
type='text/javascript'></script>
·
<style>
·
/* ######### Drop Down Menu Bu HelperBlogger.com
######### */
·
/* ######### Matt Black Strip Main Menu Bar CSS
######### */
·
.ddsubmenustyle, .ddsubmenustyle div {
·
/*topmost and sub DIVs, respectively*/
·
font:
normal 13px Verdana;
·
margin: 0;
·
padding: 0;
·
position: absolute;
·
left:
0;
·
top:
0;
·
list-style-type: none;
·
background: white;
·
border: 1px solid black;
·
border-bottom-width: 0;
·
visibility: hidden;
·
z-index: 100;
·
}
·
·
.ddsubmenustyle ul {
·
margin: 0;
·
padding: 0;
·
position: absolute;
·
left:
0;
·
top:
0;
·
list-style-type: none;
·
border: 0px none;
·
}
·
·
.ddsubmenustyle li a {
·
display:
block;
·
width: 170px;
·
/*width of menu (not including side
paddings)*/
·
color:
black;
·
background-color: lightyellow;
·
text-decoration: none;
·
padding: 4px 5px;
·
border-bottom: 1px solid black;
·
}
·
·
* html .ddsubmenustyle li {
·
/*IE6 CSS hack*/
·
display: inline-block;
·
width:
170px;
·
/*width of menu (include side paddings
of LI A*/
·
}
·
·
.ddsubmenustyle li a:hover {
·
background-color: black;
·
color:
white;
·
}
·
·
.downarrowpointer {
·
/*CSS for "down" arrow image
added to top menu items*/
·
padding-left: 4px;
·
border: 0;
·
}
·
·
.rightarrowpointer {
·
/*CSS for "right" arrow image
added to drop down menu items*/
·
position: absolute;
·
padding-top: 3px;
·
left:
100px;
·
border: 0;
·
}
·
·
.ddiframeshim {
·
position: absolute;
·
z-index: 500;
·
background: transparent;
·
border-width: 0;
·
width:
0;
·
height: 0;
·
display: block;
·
}
·
/*
######### Black Strip Main Menu Bar CSS ######### */
·
.mattblackmenu ul {
·
margin: 0;
·
padding: 0;
·
font:
bold 12px Verdana;
·
list-style-type: none;
·
border-bottom: 1px solid
gray;
·
background: #414141;
·
overflow: hidden;
·
width:
100%;
·
}
·
·
.mattblackmenu li {
·
display: inline;
·
margin: 0;
·
}
·
·
.mattblackmenu li a {
·
float:
left;
·
display: block;
·
text-decoration: none;
·
margin: 0;
·
padding: 6px 8px;
·
/*padding inside each tab*/
·
border-right: 1px solid white;
·
/*right divider between tabs*/
·
color:
white;
·
background: #414141;
·
}
·
·
.mattblackmenu li a:visited {
·
color:
white;
·
}
·
·
.mattblackmenu li a:hover {
·
background: black;
·
/*background of tabs for hover state */
·
}
·
·
.mattblackmenu a.selected {
·
background: black;
·
/*background of tab with
"selected" class assigned to its LI */
·
}
·
</style>
·
<div id="ddtopmenubar"
class="mattblackmenu">
·
<ul>
·
<li>
·
<a href="#">LINK1</a>
·
</li>
·
<li>
·
<a href="#"
rel="ddsubmenu1">LINK2</a>
·
</li>
·
<li>
·
<a href="#"
rel="ddsubmenu2">LINK3</a>
·
</li>
·
<li>
·
<a href="#">Link4</a>
·
</li>
·
<li>
·
<a href="#"
rel="ddsubmenu3">LINK5</a>
·
</li>
·
</ul>
·
</div>
·
<script type="text/javascript">
·
ddlevelsmenu.setup("ddtopmenubar",
"topbar") //ddlevelsmenu.setup("mainmenuid",
"topbar|sidebar")
·
</script>
·
<ul class='ddsubmenustyle'
id='ddsubmenu1'>
·
<li>
·
<a href='#'>LINK2 ITEM 1</a>
·
</li>
·
<li>
·
<a href='#'>LINK2 ITEM 2</a>
·
<ul>
·
<li>
·
<a href='#'>LINK2
ITEM 2.1</a>
·
</li>
·
<li>
·
<a href='#'>LINK2
ITEM 2.2</a>
·
</li>
·
</ul>
·
</li>
·
<li>
·
<a href='#'>LINK2 ITEM 3</a>
·
<ul>
·
<li>
·
<a href='#'>LINK2
ITEM 3.1</a>
·
</li>
·
</ul>
·
</li>
·
<li>
·
<a href='#'>LINK2 ITEM 4</a>
·
</li>
·
</ul>
·
<ul class='ddsubmenustyle'
id='ddsubmenu2'>
·
<li>
·
<a href='#'>LINK3 ITEM 1</a>
·
</li>
·
<li>
·
<a href='#'>LINK3 ITEM 2</a>
·
</li>
·
<li>
·
<a href='#'>LINK3 ITEM 3</a>
·
<ul>
·
<li>
·
<a href='#'>LINK3
ITEM 3.1</a>
·
</li>
·
<li>
·
<a href='#'>LINK3
ITEM 3.2</a>
·
</li>
·
<li>
·
<a href='#'>LINK3
ITEM 3.3</a>
·
</li>
·
<li>
·
<a href='#'>LINK3
ITEM 3.4</a>
·
</li>
·
</ul>
·
</li>
·
<li>
·
<a href='#'>LINK3 ITEM 4</a>
·
</li>
·
<li>
·
<a href='#'>LINK3 ITEM 5</a>
·
<ul>
·
<li>
·
<a href='#'>LINK3
ITEM 5.1</a>
·
</li>
·
<li>
·
<a href='#'>LINK3
ITEM 5.2</a>
·
<ul>
·
<li>
·
<a href='#'>LINK3
ITEM 5.2 1</a>
·
</li>
·
<li>
·
<a href='#'>LINK3
ITEM 5.2 2</a>
·
</li>
·
<li>
·
<a href='#'>LINK3
ITEM 5.2 3</a>
·
</li>
·
</ul>
·
</li>
·
</ul>
·
</li>
·
<li>
·
<a href='#'>LINK3 ITEM 6</a>
·
</li>
·
</ul>
·
<ul class='ddsubmenustyle'
id='ddsubmenu3'>
·
<li>
·
<a href='#'>LINK5 ITEM 1</a>
·
</li>
·
<li>
·
<a href='#'>LINK5 ITEM 2</a>
·
</li>
·
<li>
·
<a href='#'>LINK5 ITEM 3</a>
·
</li>
·
<li>
·
<a href='#'>LINK5 ITEM 4</a>
·
</li>
·
<li>
·
<a href='#'>LINK5 ITEM 5</a>
·
</li>
·
</ul>
Additional
Work in blog :
How
to add An Animated RAT in blog..?
1. Go to Layout
1. Go to Layout
2. Go to Add Gadget
3. Select Java/HTML
4. Copy Paste this
code in big box
<object type="application/x-shockwave-flash"
style="outline:none;"
data="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/hamster.swf?"
width="300" height="225"><param
name="movie"
value="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/hamster.swf?"></param><param
name="AllowScriptAccess" value="always"></param><param
name="wmode"
value="opaque"></param></object>
How
to add A CLOCK in blog..?
1. Go to Layout
2. Go to Add Gadget
3. Select Java/HTML
4. Copy Paste this
code in big box
<script type="text/javascript"
src="http://cdn.widgetserver.com/syndication/subscriber/InsertWidget.js"></script><script
type="text/javascript">if (WIDGETBOX)
WIDGETBOX.renderWidget('5a469274-dcf6-4609-87af-cd9f40814ed5');</script>
<noscript>Get the <a
href="http://www.widgetbox.com/widget/standard-clock">Standard
Clock</a> widget and many other <a
href="http://www.widgetbox.com/">great free widgets</a> at
<a href="http://www.widgetbox.com">Widgetbox</a>! Not
seeing a widget? (<a href="http://support.widgetbox.com/">More
info</a>)</noscript>
Call me if you need any help..
Please comment if this information is helpful to u..
Don't forget to write your Email ID with your name in comment...
તમારા બ્લોગર બ્લોગ પર એકસેલ, વર્ડ, પીપીટી, એમ્પી૩, પીડીએફ વગેરે ફાઈલ કેવી રીતે મુકવી?????????
આ માટે તમારે એક ગુગલ પેજ બનાવવું પડશે. (આ પણ એક બ્લોગ જ છે.) આ કામ બ્લોગરમાં બ્લોગ બનાવવા જેવું જ છે. આ માટે સૌપ્રથમ https://sites.google.com સાઈટ ખોલો. જ્યાં તમને ક્રિએટ નો ઓપ્શન જોવા મળશે. Select a template to use: અહી સૌ પ્રથમ તમારે એક બ્લેન્ક
ટેમ્પલેટ્સ પસંદ કરવું. Blank template (પહેલો ઓપ્શન, રેડીમેઈડ પસંદ કરવું નહી) ત્યાં ક્લિક કરતાં તમને સાઈટ માટે નામ પૂછશે. જ્યાં તમે નામ આપો. આ નામ તમે તમારા બ્લોગર બ્લોગ જેવું જ રાખો તે સારું છે. નહી તો તમને ગમતું અન્ય નામ પણ રાખી શકાય. આ સિવાય ત્યાં તમારે એક તમને ગમતી થીમ પસંદ કરવાની રહેશે. Select a theme ત્યારબાદ અહી આપેલા ઓપ્શનમાંથી યોગ્ય ઓપ્શન પસંદ કર્યા બાદ મોર ઓપ્શનમાંથી તમે સાઈટ બધાને દેખાય કે નાદેખાય તે માટે યોગ્ય ઓપ્શન પસંદ કરો More options. ત્યારબાદ નીચે એક સિક્યુરીટી કોડ નાખવાનું કહેવામાં આવશે. ત્યારબાદ સૌથી ઉપરની બાજુએ જશો તો ક્રિએટ સાઈટ પર ક્લિક કરતા તમારી સાઈટ તૈયાર થઇ જશે. આ રીતે સાઈટ ક્રિએટ કર્યા બાદ તેને ખોલો. સાઈટ ખુલતા સાઈટમાં સાઈન ઇન થાઓ. (સાઈન ઇન નો ઓપ્શન નીચે નાના અક્ષરે આવે છે ) જે ખુલતા તમારે મુખ્ય પેજ સિવાયના અન્ય પેજ બનાવવા પડશે. આ માટે ન્યુ પેજનો ઓપ્શન પસંદ કરો. આ ઓપ્શન ઉપરના જમણી સાઈડના ખૂણામાં more ઓપ્શનની ડાબી બાજુ પર છે. તમે આઇટમના પ્રકાર પ્રમાણે અલગ અલગ પેજ પણ બનાવી શકો અથવા માત્ર એક પેજ બનાવો તો પણ ચાલે. પણ આ પેજ બનાવવા માટે પેજનો પ્રકાર કેબિનેટ ફાઈલનો પસંદ કરવો પડે. આટલું કર્યા બાદ તમારું જે પેજ તૈયાર થાય ત્યાં તમે તમારી વર્ડ, એક્સેલ, પીપીટી, પીડીએફ, એમ્પિ૩ જેવી ફાઈલને એડ કરી શકો છો. દાખાલા તરીકે તમે ppt માટે પેજ બનાવવા માગો છો તો Name your page: માં ppt લખો. ત્યારબાદ Select a template to use નો વિકલ્પ
આવશે, અહી આપણે ફાઈલ કેબિનેટ નો ઓપ્શન પસંદ કરીશું. ત્યારબાદ ક્રિએટ પર ક્લિક કરતા પેજ તૈયાર થશે. આ રીતે ફાઈલ અપલોડ કરશો તો ત્યાં એક ડાઉનલોડ માટેનો ઓપ્શન આવશે. જ્યાં તમે જમણી ક્લિક કરશો તો ખુલેલા ઓપ્શનમાં કોપી લિન્ક એડ્રેસનો એક ઓપ્શન હશે જ્યાં ક્લિક કરવાથી ડાઉનલોડ માટેની લીંક કોપી થઇ જશે. હવે તમે બ્લોગરના ડેશબોર્ડ પર જાઓ. હવે નવી પોસ્ટ, નવું પેજ પસંદ કરો અથવા તમે જો આની લીંક જૂની પોસ્ટ કે જુના પેજ પર મુકવા માગતા હોય તો તે ખોલો. હવે જ્યાં તમે તમારી ફાઈલ મુકવા માંગો છો ત્યાં તે ફાઈલનું નામ લખો, ત્યારબાદ આખા ફાઈલ નામના લખાણને સિલેક્ટ કરો. ત્યારબાદ લીંક પર ક્લિક કરો. નવી ખુલેલ બારીમાં લીંક લખવા માટેનો ઓપ્શન હશે ત્યાં તમે કોપી કરેલ (ગુગલ પેજની લીંક) લીંક પેસ્ટ કરી ઓકે કરી બહાર નીકળી જાઓ. આ વિગતમાં સમજ ના પડે તો મારો સંપર્ક કરવા વિનંતી છે. તમને જોઈતી મદદ મળી રહેશે.
Call me if you need any help..
Please comment if this information is helpful to u..
Don't forget to write your Email ID with your name in comment...
Please comment if this information is helpful to u..
Don't forget to write your Email ID with your name in comment...
I'll send necessary books and information by email...
ReplyDeleteસરજી કોડ સિલેક્ટ કે કોપી થતો જ નથી કોઇ ઉપાય બતવો.....
ReplyDeleteજે કે પટેલ (૯૪૨૯૪૦૦૪૫૨)
mara blog ma drop down menu work thatu nathi
ReplyDeletehttp://umarala.blogspot.in/
mo.9904372182
bharatsankaliya@gmail.com