Thursday, 11 August 2016

How to Create a Navigation Menu Responsive Multilevel in Blogger

Responsive Navigation Menu Dropdown Css - How to Create a Navigation Menu Responsive Multilevel Blog COMPLETE collection makes menu navigation responsiveness that has been shared previously, following CB share more code responsive dropdown menu with awesome font icons to enhance the look of your blog. It's appearance on the desktop computer screen. there navigation menu responsive html5.
How to Create a Navigation Menu Responsive Multilevel in Blogger
There are three code to put this blogger responsive menu, ie Javascript, CSS, and HTML. Perform or post codes following carefully in order to perform in accordance with the demo . CODE JAVASCRIPT Replace the above code </ head> or </ body>

<script type='text/javascript'>
//<![CDATA[
$undefineddocument).readyundefinedfunctionundefined){
 var touch  = $undefined'#resp-menu');
 var menu  = $undefined'.menu');

 $undefinedtouch).onundefined'click', functionundefinede) {
  e.preventDefaultundefined);
  menu.slideToggleundefined);
 });

 $undefinedwindow).resizeundefinedfunctionundefined){
  var w = $undefinedwindow).widthundefined);
  ifundefinedw > 767 && menu.isundefined':hidden')) {
   menu.removeAttrundefined'style');
  }
 });

});
//]]>

</script>
CODE CSS
Save the above code ]]> </ b: skin> or </ style>
nav {
    display: block;
    background: #374147;
}

.menu {
    display: block;
}

.menu li {
    display: inline-block;
    position: relative;
    z-index: 100;
}

.menu li:first-child {
    margin-left: 0;
}

.menu li a {
    font-weight: 600;
    text-decoration: none;
    padding: 20px 15px;
    display: block;
    color: #fff;
    transition: all 0.2s ease-in-out 0s;
}

.menu li a:hover,.menu li:hover>a {
    color: #fff;
    background: #F70000;
}

.menu ul {
    visibility: hidden;
    opacity: 0;
    margin: 0;
    padding: 0;
    width: 150px;
    position: absolute;
    left: 0px;
    background: #fff;
    z-index: 99;
    transform: translate(0,20px);
    transition: all 0.2s ease-out;
}

.menu ul:after {
    bottom: 100%;
    left: 20%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 6px;
    margin-left: -6px;
}

.menu ul li {
    display: block;
    float: none;
    background: none;
    margin: 0;
    padding: 0;
}

.menu ul li a {
    font-size: 12px;
    font-weight: normal;
    display: block;
    color: #797979;
    background: #fff;
}

.menu ul li a:hover,.menu ul li:hover>a {
    background: #F70000;
    color: #fff;
}

.menu li:hover>ul {
    visibility: visible;
    opacity: 1;
    transform: translate(0,0);
}

.menu ul ul {
    left: 149px;
    top: 0px;
    visibility: hidden;
    opacity: 0;
    transform: translate(20px,20px);
    transition: all 0.2s ease-out;
}

.menu ul ul:after {
    left: -6px;
    top: 10%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #fff;
    border-width: 6px;
    margin-top: -6px;
}

.menu li>ul ul:hover {
    visibility: visible;
    opacity: 1;
    transform: translate(0,0);
}

.responsive-menu {
    display: none;
    width: 100%;
    padding: 20px 15px;
    background: #374147;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
}

.responsive-menu:hover {
    background: #374147;
    color: #fff;
    text-decoration: none;
}

a.homer {
    background: #F70000;
}

@media (min-width: 768px) and (max-width: 979px) {
    .mainWrap {
        width: 768px;
    }

    .menu ul {
        top: 37px;
    }

    .menu li a {
        font-size: 12px;
    }

    a.homer {
        background: #374147;
    }
}

@media (max-width: 767px) {
    .mainWrap {
        width: auto;
        padding: 50px 20px;
    }

    .menu {
        display: none;
    }

    .responsive-menu {
        display: block;
    }

    nav {
        margin: 0;
        background: none;
    }

    .menu li {
        display: block;
        margin: 0;
    }

    .menu li a {
        background: #fff;
        color: #797979;
    }

    .menu li a:hover,.menu li:hover>a {
        background: #F70000;
        color: #fff;
    }

    .menu ul {
        visibility: hidden;
        opacity: 0;
        top: 0;
        left: 0;
        width: 100%;
        transform: initial;
    }

    .menu li:hover>ul {
        visibility: visible;
        opacity: 1;
        position: relative;
        transform: initial;
    }

    .menu ul ul {
        left: 0;
        transform: initial;
    }

    .menu li>ul ul:hover {
        transform: initial;
    }
}

@media (max-width: 480px) {
}

@media (max-width: 320px) {
}

Save the above code </ header>
<nav>
<a class="responsive-menu" href="#" id="resp-menu"><i class="fa fa-reorder"></i> Menu</a>    
   <ul class="menu">
<li><a class="homer" href="/"><i class="fa fa-home"></i> HOME</a>
   <ul class="sub-menu">
<li><a href="#">Sub-Menu 1</a></li>
<li><a href="#">Sub-Menu 2</a></li>
<li><a href="#">Sub-Menu 3</a></li>
<li><a href="#">Sub-Menu 4</a></li>
<li><a href="#">Sub-Menu 5</a></li>
</ul>
</ Li>
<li><a href="#"><i class="fa fa-user"></i> ABOUT</a></li>
<li><a href="#"><i class="fa fa-camera"></i> PORTFOLIO</a>
  <ul class="sub-menu">
<li><a href="#">Sub-Menu 1</a></li>
<li><a href="#">Sub-Menu 2</a>
    <ul>
<li><a href="#">Sub Sub-Menu 1</a></li>
<li><a href="#">Sub Sub-Menu 2</a></li>
<li><a href="#">Sub Sub-Menu 3</a></li>
<li><a href="#">Sub Sub-Menu 4</a></li>
<li><a href="#">Sub Sub-Menu 5</a></li>
</ul>
</ Li>
<li><a href="#">Sub-Menu 3</a>
    <ul>
<li><a href="#">Sub Sub-Menu 1</a></li>
<li><a href="#">Sub Sub-Menu 2</a></li>
<li><a href="#">Sub Sub-Menu 3</a></li>
<li><a href="#">Sub Sub-Menu 4</a></li>
<li><a href="#">Sub Sub-Menu 5</a></li>
</ul>
</ Li>
</ul>
</ Li>
<li><a href="#"><i class="fa fa-bullhorn"></i> BLOG</a></li>
<li><a href="#"><i class="fa fa-tags"></i> CATEGORIES</a>
  <ul class="sub-menu">
<li><a href="#">Sub-Menu 1</a></li>
<li><a href="#">Sub-Menu 2</a>
    <ul>
<li><a href="#">Sub Sub-Menu 1</a></li>
<li><a href="#">Sub Sub-Menu 2</a></li>
<li><a href="#">Sub Sub-Menu 3</a></li>
<li><a href="#">Sub Sub-Menu 4</a></li>
<li><a href="#">Sub Sub-Menu 5</a></li>
</ul>
</ Li>
<li><a href="#">Sub-Menu 3</a>
    <ul>
<li><a href="#">Sub Sub-Menu 1</a></li>
<li><a href="#">Sub Sub-Menu 2</a></li>
<li><a href="#">Sub Sub-Menu 3</a></li>
<li><a href="#">Sub Sub-Menu 4</a></li>
<li><a href="#">Sub Sub-Menu 5</a></li>
</ul>
</ Li>
</ul>
</ Li>
<li><a href="#"><i class="fa fa-envelope"></i> CONTACT</a></li>
<li><a href="#"><i class="fa fa-sitemap"></i> SITEMAP</a></li>
<li><a href="#"><i class="fa fa-exclamation-triangle"></i> DISCLAIMER </a></li>
</ul>
</nav>

LINK KE FONT AWESOME & jQUERY 
Keep on top of the code  </ header>

<link href='http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css' rel='stylesheet'/>
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

Note:  If the link to the css awesome font and link to the existing jQuery in your blog template, do not be installed again.

\Save Template!

Sunday, 7 August 2016

How To Download Android APK From Google Playstore in PC

How To Download Android APK From Google Playstore on PC - For android smartphone users surely you will always be addicted to the features of applications and games available in the Google Play Store. The number of applications available makes users want to always download all who served in the Play Store.

How To Download Android APK From Google Playstore in PC
However, some people who have limited internet quota in its smartphones often want to download applications via PC / computer. Is it possible to download android apps on Google Play from your laptop or computer? The answer of course it could.

Here the authors provide a way to download games and applications from Google Play Store via pc:
Step 1 - Open the Google Play Store https://play.google.com/store to search for applications and games you want to download.
Step 2 - Copy link address of the application (marked with yellow as shown above)
Step 3 - Paste the link on the site http://apps.evozi.com/apk-downloader /, See image below: 
Step 4 - Click on "Generate Download Link " 
Step 5 - Then click the green download button to download your application.



Not so easy to download android apps in the play store on Pc ? all can be done if we want to try. So first tutorial for android smartphone users. May be useful

3 Best Antivirus For Android You Should to Know

3 Best Antivirus For Android Smartphones - Antivirus is something that may be needed by all those who want to secure the necessary data so that digital has not lost eaten by the virus. The virus is now not only attack your computer or laptop, but now the virus has started to penetrate into your smartphone.
For users of Android smartphones will certainly misgivings presence of the virus on the phone, but until now the author has never install antivirus on Hp android for android OS based on Linux notabennya itself is not exposed to the virus.

3 Best Antivirus For Android You Should to Know

But if you are still determined to add antivirus may have three of the best antivirus for android that you need to install on your android smartphone.

1. 360 Mobile Security
Antivirus is an antivirus is a newcomer in the realm of mobile security developed by Qihu. 360 Mobile Security for a top spot in the AV-Test with a nearly perfect detection rate of 99.9%. This application serves to detect and remove anything that threatens your android system.
360 mobile security
360 Mobile Security antivirus download in the Play Store  - Click Here 

2. Avast Mobile Security & Antivirus
Avast antivirus is already well known in the arena of computers and laptops, but avast has now expanded into the mobile world, including making antivirus for android. Avast has an average of 99.6% virus detection by AV-Test. Features mainstay of avast mobile security is an anti theft, because it is a decent antivirus calculated for your android phone.
Download Avast Mobile Security & Antivirus in Play Store - Click Here 

3. AVG Mobile AntiVirus Security
AVG antivirus is one of android that will protect your device from harmful viruses, malware, spyware, and text messages and help keep your personal data safe. AVG also has anti-theft features that are useful to you.
Download AVG Mobile AntiVirus Security in Play Store  - Click Here
That's 3 best antivirus android phone to protect smartphones from malicious viruses and of course free. 

How to Root Samsung Galaxy On5 Pro Without PC

How to Root Samsung Galaxy On5 Pro Without Pc / Computer :  Samsung Galaxy On5 Pro is the latest smartphone output Samsung manufacturer that is famous with its previous Galaxy J Series are now trying their luck in the world of smartphones that will compete with big brands like Apple, Sony, HTC etc.


How to Root Samsung Galaxy On5 Pro Without PC

this Tutorail I Will Show You How to Root Samsung Galaxy On5 Pro Without PcWhich will help you to enjoy the every feature of android which you can’t do without root. If you want to rooting the smartphone is yours, please read the guide easy way  root Samsung On5 Pro WIthout Pc :

Pre-Check List For Samsung Galaxy On5 Pro Rooting Process

  • Back Up Your Phone.
  • You Have To Charge Bettery Alteast  60 %.
  • After Rooting You Loss Your Phone Warranty 


Root Samsung Galaxy On5 Pro Without PC


  1. Download  King Root App In Your Phone  And Paste It in Your Samsung Galaxy On5 Pro.
  2. Now Install This App In Your Mobile
  3. Open App And You See Botton There With Get Root Witten On It
  4. Its Take Some Time for the app to reach 100%
  5. Once The Proccess  Is Done , Reboot Your Device
  6. After Reboot You See A New App "Super User" App And Manage Permision For Apps
  7. Download Root Checker App To Conform For Successfully Rooted Or Not.. 
  8. Your Samsung Galaxy On5 Pro Is Successfully Rooted Now ..

Hope You Like Our Tutorail  How to Root Samsung Galaxy On5 Pro Without PC.

How to Root Samsung Galaxy On7 Pro Without PC

How to Root Samsung Galaxy On7 Pro Without Pc / Computer :Samsung Galaxy On7 Pro is the latest smartphone output Samsung manufacturer that is famous with its previous Galaxy J Series are now trying their luck in the world of smartphones that will compete with big brands like Apple, Sony, HTC etc.
this Tutorail I Will Show You How to Root Samsung Galaxy On7 Pro Without PcWhich will help you to enjoy the every feature of android which you can’t do without root. If you want to rooting the smartphone is yours, please read the guide easy way  root Samsung On5 Pro WIthout Pc :
How to Root Samsung Galaxy On7 Pro Without PC

this Tutorail I Will Show You How to Root Samsung Galaxy On7 Pro Without PcWhich will help you to enjoy the every feature of android which you can’t do without root.

Pre-Check List For Samsung Galaxy On7 Pro Rooting Process

  • Back Up Your Phone.
  • You Have To Charge Bettery Alteast  70 %.
  • After Rooting You Loss Your Phone Warranty 


Root Samsung Galaxy On7 Pro Without PC -

  1. Download  King Root App In Your Phone  And Paste It in Your Samsung Galaxy On7 Pro.
  2. Now Install This App In Your Mobile
  3. Open App And You See Botton There With Get Root Witten On It
  4. Its Take Some Time for the app to reach 100%
  5. Once The Proccess  Is Done , Reboot Your Device
  6. After Reboot You See A New App "Super User" App And Manage Permision For Apps
  7. Download Root Checker App To Conform For Successfully Rooted Or Not.. 
  8. Your Samsung Galaxy On7 Pro Is Successfully Rooted Now ..

Hope You Like Our Tutorail  How to Root Samsung Galaxy On7 Pro Without PC.

Saturday, 6 August 2016

How to Solve Unfortunately, Google play store has stopped

How to Solve Unfortunately, Google play store has stoppedGoogle PlayStore is a very important application for android smartphone users. The android users often use it to download and install applications, games and others. Google PlayStore is an application that provides a variety of games, apps, books for free or for purchase. The app comes from various developers around the world.
How to Solve Unfortunately, Google play store has stopped
Problems often occur on google play store is google android PlayStore lost , but that's not what will be the authors discussed. Here will be discussed issues regarding the message Unfortunately, Google play store has stopped when opening the Google Play app.

How to Solve Unfortunately, Google play store has stopped
Here's how to overcome Unfortunately, Google play store has stopped for you;
  • First go to the Settings menu / Settings.
  • Then scroll down and tap the Application Manager menu.
  • Then tap the Google Play Store / Google Play Service, as pictured below
application manager
  • After that you select Force Stop (Force stop), then tap again Clean Data (Clear Data).
  • Then proceed by clicking on the button Clear cache (Clear Cache).
  • The final step please restart your android phone.
Once restarted please re-open the Google PlayStore then re-enter the email and your Google account password. If the above steps do not succeed might try to do a Factory  Reset.

Friday, 5 August 2016

How To Download Instagram Videos on Android Easily

How To Download Instagram Videos on Android Easily - Instagram is a photo sharing application that allows you to take photos, apply a digital filter, and share it on various social networks such as facebook, twitter and Instagram to itself.


How To Download Instagram Videos on Android Easily
In addition to posting the images you can also upload your recorded video to Instagram account. Some people interested in video "posted on the social networking and want to save it into a smartphone.


How to save Instagram pictures and videos on your Android

Here the authors provide a guide easy to download or download video instagram via android phone :
  1. The first step you need to install the application Video Downloader for Instagram in PlayStore -Click Here 
  2. Install the application as usual.
  3. To make the download process you must open the Instagram app and select the video you want to save, then tap the options on the bottom right corner and select  " Copy Share URL ".
instagram video download android
  4. Then open the app Video Downloader for Instagram , select the Download tab                   Post and paste / paste the url that you copied earlier.
instagram video android  5. The final step is select Download Video.
instagram android video download
That tutorial how to download videos through smartphone android instagram you, hopefully useful🙂

How to Create Default Template Blogger to Responsive Template

How to Create Default Template Blogger So Responsive (Mobile Friendly)POST is actually already in the post How To Modify Default Template Blog Blogger .  repost in order to focus on how to Create Default Template Blogger So Responsive or meresponsivekan default blogger template.

How to Create Default Template Blogger to Responsive Template

With this trick, the default template blogger, especially template Simple, do not get confused looking for responsive template-free credit link in addition to the premium.

That is, using the default template blogger, the blog you are free link credit, because that modify your own. Posts Powered by Blogger or Powered by Blogger may be removed, may also be left. 


How to Create Default Template Blogger to Responsive Template


The default template is NOT responsive blogger. To be able to be accessed by both the Mobile Devices , then it must be set as shown below.

How to Create Default Template Blogger to Responsive Template
So Responsive Blogger Default Template

If you use a template responsive (not innate blogger), then select the settings is "No. Show desktop template in mobile devices", as already  Share on How to Enable Responsive Template .


How to Create Default Template Blogger So Responsive


You've made a new blog, and then select a template Simple :

How to Create Default Template Blogger to Responsive Template

Blogger Default Template

Well, the template we will make it responsive mobile friendly alias. You do this as follows:

1. Disable Navbar Blogger
Click Layout > Edit Gadget Navbar. Select the option  OFF  to disable navbar.

disable navbar

2. Click Template> Edit HTML
Search (Ctrl + F) the code below.

.post-body img.post-body .tr-caption-container {   padding: $(image.border.large.size); }

3. Remove and replace the above code with the following code:

.post-body img.post-body .tr-caption-container { padding0;width:auto; max-width:100%height:auto; }

4. Find another code below:

    <b:if cond='data:blog.isMobile'>       <meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>     <b:else/>       <meta content='width=1100' name='viewport'/>     </b:if>

5. Remove and replace it with the code below:

<meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>

6. Copy & Paste the following code above the code </ head>

<style type='text/css'> @media screen and (max-width:1024px){body,.content-outer.content-fauxcolumn-outer.region-inner {width:100%!important;min-width:100%!important;padding:0!important}body .navbar {height0!important;} .footer-inner {padding30px 0px!important;} } @media screen and (max-width: 603px){ .main-inner .columns {padding-right0!important;}.main-inner .column-right-outer {width100%!important;margin-right0!important;} } </style>

7. Save Template!

Blogger Default Template Now that you are using is Responsive. Please check the results in the Mobile Friendly Test in or Troy Responsive Tester . Good Luck and Happy Blogging!