All in One ! Everything in one place...

Tuesday, August 18, 2015

How to Add a Subscribe Button on YouTube Videos

Subscribers are most important for a youtube channel. When visitor easily found subscribe button, then they freely subscribe a channel. In this video I'll show how to add a subscribe button to all videos on youtube channel. This will helps get more subscribers and views.

How to Get Google Adsense on YouTube (100% working)

Google Adsense is a free and basic way to begin profiting from your YouTube videos. You've made a YouTube channel. You've reliably uploaded quality videos. You've effectively connected with your gathering of people. Now you're beginning to believe that you may have the capacity to profit with your YouTube channel, but how?
This video tutorial explains you, what do you next. First, you need to monetize your videos and then you need to apply for google adsense. This video tutorial shows you how to monetize your videos and how to get google adsense on youtube channel. Follow this tutorial perfectly and approved your google adsense on youtube channel.

Friday, August 14, 2015

How to Create a Drop Down Menu in Blogger

Drop down menu or sub menu is very important for a blog or website. In this video tutorial you will learn how to create drop down menu in blogger.

Code :

<ul id='cssnav'>
<li class="active"><a href='http://satunes4u.blogspot.com/'>Home</a></li>
<li class="sub"><a href=''>Menu-1</a>
<ul>
<li><a href=''>Submenu-1</a></li>
<li><a href=''>Submenu-2</a></li>
<li><a href=''>Submenu-3</a></li>
</ul>
</li>
<li><a href=''>Menu-2</a>
<ul>
<li><a href=''>Submenu-1</a></li>
<li><a href=''>Submenu-2</a></li>
<li><a href=''>Submenu-3</a></li>
<li><a href=''>Submenu-4</a></li>
</ul>
</li>
<li><a href=''>Menu-4</a>
<ul>
<li><a href=''>Submenu-1</a></li>
<li><a href=''>Submenu-2</a></li>
<li><a href=''>Submenu-3</a></li>
<li><a href=''>Submenu-4</a></li>
<li><a href=''>Submenu-5</a></li>
<li><a href=''>Submenu-6</a></li>
</ul></li>
<li><a href=''>Menu-5</a>
<ul>
<li><a href=''>Submenu-1</a></li>
<li><a href=''>Submenu-2</a></li>
<li><a href=''>Submenu-3</a></li>
</ul>
</li>
<li><a href=''>Menu-6</a>
</li></ul>



/* ----- CSS Nav Menu Styling ----- */
#cssnav {
margin: 0px 0 0 -10px;
padding: 0px 0px 0px 0px;
width: 1050px; /* Set your width to fit your blog */
font: $(tabs.font); /* Template Designer - Change Font Type, Size, Etc */
color: $(tabs.text.color); /* Template Designer - Change Font Size */
}

#cssnav ul {
background: $(tabs.background.color) $(tabs.background.gradient) repeat-x scroll 0 -800px;
_background-image: none; /* Template Designer - Change Menu Background */
height: 20px; /* Change Height of Menu */
list-style: none;
margin: 0px;
padding: 0px;
}

#cssnav li {
float: left;
padding: 0px;
}

#cssnav li a {
background: $(tabs.background.color) $(tabs.background.gradient) repeat-x scroll 0 -800px;
_background-image: none; /* Template Designer - Change Menu Background */
display: block;
margin: 0px;
font: $(tabs.font); /* Template Designer - Change Font Type, Size, Etc */
text-decoration: none;
}

#cssnav > ul > li > a {
color: $(tabs.text.color); /* Template Designer - Change Font Color */
}

#cssnav ul ul a {
color: $(tabs.text.color); /* Template Designer - Change Color */
}

#cssnav li > a:hover, #cssnav ul li:hover {
color: $(tabs.selected.text.color); /* Template Designer - Change Font Color on Hover */
background-color: $(tabs.selected.background.color); /* Template Designer - Change Font Background on Hover */
text-decoration: none;
}

#cssnav li ul {
background: $(tabs.background.color) $(tabs.background.gradient) repeat-x scroll 0 -800px;
_background-image: none; /* Template Designer - Change Menu Background */
display: none;
height: auto;
padding: 0px;
margin: 0px;
position: absolute;
width: 200px; /* Change Width Of DropDown Menu */
z-index:9999;
}

#cssnav li:hover ul {
display: block;
}

#cssnav li li {
background: $(tabs.background.color) $(tabs.background.gradient) repeat-x scroll 0 -800px;
_background-image: none; /* Template Designer - Change Background */
display: block;
float: none;
margin: 0px;
padding: 0px;
width: 200px; /* Change Width Of DropDown Menu */
}

#cssnav li:hover li a {
background: $(tabs.selected.background.color); /* Template Designer - Change Background of Link on Hover */
}

#cssnav li ul a {
display: block;
height: auto;
margin: 0px;
padding: 10px;
text-align: left;
}

#cssnav li ul a:hover, #cssnav li ul li:hover > a {
color: $(tabs.selected.text.color); /* Template Designer - Change Text Color on Hover */
background-color: $(tabs.selected.background.color); /* Template Designer - Change Background on Hover */
border: 0px;
text-decoration: none;
}
#blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px;}
.blog-pager {background: none;}
.displaypageNum a,.showpage a,.pagecurrent{font-size: 14px;padding: 5px 12px;margin-right:5px; color: #666; background-color:#eee;}
.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#359BED;text-decoration:none;color: #fff;}
#blog-pager .pagecurrent{font-weight:bold;color: #fff;background:#359BED;}
.showpageOf{display:none!important}
#blog-pager .pages{border:none;}

How to Create Page in Blogger and Write Post Under That Page

This video all about how to create menu bar or page on google blogger. This video tutorial helps you step by step creating pages and how to post under that page.

How to Create a Blog in Blogger

Learn how to create a blog in google blogger. If you want to create a free blog, then this tutorial only for you. This video explains you step by step how to quickly create a blog in blogspot.