Stay happy with www.howiset.bloogspot.com
For beginner programmer, enthusiastic, code player and practicer, helper guidelines to steps ahead; Lets learn with me guys
Showing posts with label home. Show all posts
Showing posts with label home. Show all posts
10.16.2016
How to make custom thumbnail for youtube videos
Stay happy with www.howiset.bloogspot.com
10.05.2016
9.28.2016
9.14.2016
5.18.2016
How to add drop down menu in blog?
Drop down menu can help to organize an categorize link.such menu helps clean up design in any website.If your site contain a large amount of information,it is demanded to add drop down menu.
Here i will show you a precise way to create drop down menu. A thing you need to do is follow my instruction.
Step 1:login to your blogger account.
step 2:click to layout, go to cross column and click edit
step 3:write the following code below
<ul id="devg">
<li><a href="#">menu1</a></li>
<li><a href="#">menu2</a></li>
<li>
menu3
<ul>
<li><a href="#">menu3 part</a></li>
<li><a href="#">menu3 part</a></li>
<li><a href="#">menu3 part</a></li>
</ul>
</li>
<li><a href="#">menu4</a></li>
<li><a href="#">menu5</a></li>
</ul>
and save it.
Now lets do next important steps,
Step 5:Go to layout, click template designer on right top.
Step 6: Cliick to advance , scroll down and click to Add Css .
Step 7:Write the following code in rectangular box,
/* DROPDOWN MENU BY howiset.blogspot.com */
.tabs-inner .widget ul#devg {
text-align: left;
display: inline;
margin: 0;
padding: 15px 4px 17px 0;
list-style: none;
border:none;
}
.tabs-inner .widget ul#devg li {
font-size: 12px/18px;
font-family: sans-serif; /* Font for the menu */
display: inline-block;
margin-right: -4px;
position: relative;
padding: 15px 20px;
background: #fff; /* background colour of the main menu */
float:none;
cursor: pointer;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.tabs-inner .widget ul#devg li a {
padding:0;
font-family: sans-serif; /* Font for the menu links */
border:0;
}
.tabs-inner .widget ul#devg li:hover {
background: #555; /* background colour when you roll over a menu title */
color: #fff; /* font colour when you roll over a menu title */
}
.tabs-inner .widget ul#devg li:hover a {
background: transparent;
color: #fff; /* font colour when you roll over a menu title link */
}
.tabs-inner .widget ul#devg li ul {
z-index:1000;
border:none;
padding: 0;
position: absolute;
top: 45px;
left: 30px;
float:none;
width: 150px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
display: none;
opacity: 0;
visibility: hidden;
-webkit-transiton: opacity 0.2s;
-moz-transition: opacity 0.2s;
-ms-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
-transition: opacity 0.2s;
}
.tabs-inner .widget ul#devg li ul li {
background: #555; /* background colour of the sub menu items */
display: block;
color: #fff; /* font colour of the sub menu items */
text-shadow: 0 -1px 0 #000;
}
ul#devg li ul li a{
color:#fff /* link colour of the sub menu items */
}
.tabs-inner .widget ul#devg li ul li:hover {
background: #666; /* background colour when you roll over sub menu items */
}
.tabs-inner .widget ul#devg li:hover ul {
display: block;
opacity: 1;
visibility: visible;
}
and click Apply to Blog .
Finally to feel the change made click to view blog.
Stay happy with www.howiset.blogspot.com
Here i will show you a precise way to create drop down menu. A thing you need to do is follow my instruction.
Step 1:login to your blogger account.
step 2:click to layout, go to cross column and click edit
<ul id="devg">
<li><a href="#">menu1</a></li>
<li><a href="#">menu2</a></li>
<li>
menu3
<ul>
<li><a href="#">menu3 part</a></li>
<li><a href="#">menu3 part</a></li>
<li><a href="#">menu3 part</a></li>
</ul>
</li>
<li><a href="#">menu4</a></li>
<li><a href="#">menu5</a></li>
</ul>
and save it.
Now lets do next important steps,
Step 5:Go to layout, click template designer on right top.
Step 6: Cliick to advance , scroll down and click to Add Css .
Step 7:Write the following code in rectangular box,
/* DROPDOWN MENU BY howiset.blogspot.com */
.tabs-inner .widget ul#devg {
text-align: left;
display: inline;
margin: 0;
padding: 15px 4px 17px 0;
list-style: none;
border:none;
}
.tabs-inner .widget ul#devg li {
font-size: 12px/18px;
font-family: sans-serif; /* Font for the menu */
display: inline-block;
margin-right: -4px;
position: relative;
padding: 15px 20px;
background: #fff; /* background colour of the main menu */
float:none;
cursor: pointer;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.tabs-inner .widget ul#devg li a {
padding:0;
font-family: sans-serif; /* Font for the menu links */
border:0;
}
.tabs-inner .widget ul#devg li:hover {
background: #555; /* background colour when you roll over a menu title */
color: #fff; /* font colour when you roll over a menu title */
}
.tabs-inner .widget ul#devg li:hover a {
background: transparent;
color: #fff; /* font colour when you roll over a menu title link */
}
.tabs-inner .widget ul#devg li ul {
z-index:1000;
border:none;
padding: 0;
position: absolute;
top: 45px;
left: 30px;
float:none;
width: 150px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
display: none;
opacity: 0;
visibility: hidden;
-webkit-transiton: opacity 0.2s;
-moz-transition: opacity 0.2s;
-ms-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
-transition: opacity 0.2s;
}
.tabs-inner .widget ul#devg li ul li {
background: #555; /* background colour of the sub menu items */
display: block;
color: #fff; /* font colour of the sub menu items */
text-shadow: 0 -1px 0 #000;
}
ul#devg li ul li a{
color:#fff /* link colour of the sub menu items */
}
.tabs-inner .widget ul#devg li ul li:hover {
background: #666; /* background colour when you roll over sub menu items */
}
.tabs-inner .widget ul#devg li:hover ul {
display: block;
opacity: 1;
visibility: visible;
}
and click Apply to Blog .
Finally to feel the change made click to view blog.
Stay happy with www.howiset.blogspot.com
5.16.2016
How to upload file to blog?
How to upload pdf file to blog?
Here i am to let know you that how to upload file or just say pdf file to your blog. Just you need to do is follow the steps that i have mentioned below. i hope that this steps will be most easiest across the solution you meet across the different website.
step1: .login to your google drive,click here to login.
step 2:.click to new drive
,then choose upload files.
step3: choose a file that you want to upload
and then click open
step 4:google drive will upload it
step 5: now here you go to upload the file to your blog,make a post to upload file, select a sentence,click to link in upper menu
step 6:On second tab select a file to upload, right click preview it,click on share button
step 7: a new pop up window will apper click on get shareable link
Here i am to let know you that how to upload file or just say pdf file to your blog. Just you need to do is follow the steps that i have mentioned below. i hope that this steps will be most easiest across the solution you meet across the different website.
step1: .login to your google drive,click here to login.
step 2:.click to new drive
,then choose upload files.
step3: choose a file that you want to upload
and then click open
step 4:google drive will upload it
step 5: now here you go to upload the file to your blog,make a post to upload file, select a sentence,click to link in upper menu
step 6:On second tab select a file to upload, right click preview it,click on share button
step 8:copy the link and paste in blog which ask for To what URL should this link go?
step 9: give check mark on Open this link in a new window and click ok.
step 10:finally click publish
Here you goes, your desire file has been pulished
stay happy with www.howiset.blogspot.com
5.10.2016
What is trim string function in javascript?
What is trim
string function in javascript?
Trimming function remove whitespace either from the beginning
or from end of the string. Thus string trimming is the very common task.
Javascript provides three function for performing different
types of string trimming.
Trimleft():-remove character from the beginning of the string.
Trimright():-remove character from the end of he string.
Trim():-remove character from both ends of the string.
example:coming soon:-
Subscribe to:
Posts (Atom)








