TRENDING NOW

TechCybo is a popular how-to blog Founded in 2010 Tips and Tricks for living better in the digital age
Most of the blogger blog owners move to responsive designs, since the increase in number of smartphone traffic. The main risk of responsive template is you need sacrifice some design issues, either its perfect in desktop view or its perfect in mobile view but not both. In this scenario we can use isMobileRequest tag to hide a specific portion or an entire widget from your blogger template, so let's dive in.

How to Hide

  • 1. Goto Blogger Dashboard click template and click edit html
  • 2. Search and find your widget or div.
    you can easily find your widget name from the layout editor
    blogger widgets
  • 3. Find your widget name in your blogger template code
    you can shrink the by clicking the line number
    hide blogger widget
  • 4. Now surround your code with the following code
    <b:if cond='data:blog.isMobileRequest == &quot;false&quot;'> ------------------------ Your Section/Div/Widget Code
    ------------------------
    </b:if>
TechCybo is a popular how-to blog Founded in 2010 Tips and Tricks for living better in the digital age

Compress PDF file size

If you are reading this, you have probably in the middle of something like you are uploading a PDF file to some site, and the size of the PDF file is very large, so you want to compress PDF size to a specific file size limit. Smallpdf is an online tool that Compress PDF file size  as your wish. The compressing preserve the quality of the PDF with 144 dpi, this is perfect for web and email use.
This PDF compression tool is free and without Ads or pop-ups. This is highly secure service that deletes your PDF file after the compression. This is works on all platform with only a web browser, no need of plug-ins. The compressing done by using Cloud, so you dont waste your memory.

Compress PDF File Size

Step 1 : Goto Smallpdf

compress pdf file size

Step 2 :  Drag and drop your  PDF File
compress pdf file size

Step 3 :  Once its uploaded you will get a download link to download your compressed PDF file 
TechCybo is a popular how-to blog Founded in 2010 Tips and Tricks for living better in the digital age
A good news for all WhatsApp users, The No. 1 Chat application owned by Facebook Now Free for lifetime !.
whatsapp is now free

WhatsApp announced this news in their blog, also, they clearly stated that they don't display third party ads in WhatsApp.
we're happy to announce that WhatsApp will no longer charge subscription fees
Also, they are planning to allow WhatsApp to communicate with businesses and organizations according to your interest. That is you can communicate with your bank account about the last transaction is a success or not, also you can check with your airline about a delayed flight, the possibilities of WhatsApp and businesses are high.
whatsapp screenshot

In Future, we can expect the text messages from various services are sending through WhatsApp.
TechCybo is a popular how-to blog Founded in 2010 Tips and Tricks for living better in the digital age
Apple becomes more friendly to its developer by announcing that they Open sourced their Swift programming language. also, another happy news is you can Run your Swift code in any web browser with the IBM Swift Sandbox. Recently to create iOS Apps, you need an apple computer and Swift IDE installed, but now you can compile your Swift code almost every platform even in Android too.ibm swift sandbox

How To

1. Open IBM Swift Sandbox
2. here you can paste your Swift code in source code box, also you can play with the Source Samples
swift code
3. After that click Run to compile your Swift code  
TechCybo is a popular how-to blog Founded in 2010 Tips and Tricks for living better in the digital age
For Bloggers writing a better blog post is like publishing a paper to IEEE :) , it need to be perfect from title to the conclusion of your blog post. One of the main headaches of every blogger is to get rid of Grammatical mistakes, also finding the perfect word to express your feeling is another crucial task because these factors affect the overall credibility of your blog. 
grammarly
The Grammarly is a simple tool that gives the freedom to write mistake free posts in Facebook, Gmail, Wordpress, Tumblr, LinkedIn and many more. flawlessly click and correct all the mistakes in your posts. Grammarly is available as Chrome Extension and Windows App.

How To

1.  Open Chrome and Open Grammarly and click Get Grammarly
2. Click Add extension
grammarly chrome
3. After the installation, you can use Grammarly but you are missing some great features, so Sign Up and create Grammarly Account
4. Now create your posts in all social networking platforms and Grammarly checks its various Grammatical mistakes
grammarly facebook

Grammarly Editor

1. Login and open Grammarly Editor
2. here you can upload or create documents, some Websites do not completely support Grammarly.
3. So Here you can paste articles and check for its errors

grammarly editor

grammarly editor

Features

1. Real-time checking
2. Create or upload documents
3. Instantly check for Grammar, Punctuation, Contextual spelling
4. Personal dictionary for custom words
5. One click correction
6. Detailed description of mistakes
TechCybo is a popular how-to blog Founded in 2010 Tips and Tricks for living better in the digital age
A successful blogger manages his/her blog as a baby, if we don't maintain our blog carefully and not published frequently, the blog becomes a dead blog. With proper SEO and Customization you can cherish your blogger career.
sitemap

So in order to crawl all your blog posts your blog needs a Sitemap file, these XML file gives the structure of your blog with all blog posts and its links. So this makes a connection between your blog posts and search engine crawlers. So creating a sitemap file notifies search engine when you publish your blog post, this makes your blog published faster.
So in order to create a sitemap file for your blogger blog is easy, with the use Google Search Console (Webmasters Tools) you can create a sitemap file for your blog, all you need is to signup and verify Webmasters Tools.

How To Submit 

1. Go-To Search Console (Webmasters Tools) Sign Up
2. Verify your Blog with Webmasters Tools
3. Now Select your Blog from Search Console
search console
4. Open Crawl > Sitemaps
search console sitemap
5. Click Add/Test Sitemap
add sitemap
6. Type sitemap.xml and click Submit Sitemap
7. Refresh your Page
blogger sitemap
8. After your successful submission it will take some days to index all your pages.
That's it, Happy Blogging.
TechCybo is a popular how-to blog Founded in 2010 Tips and Tricks for living better in the digital age
Android studio is the official IDE to develop android applications for smartphones, Tablets, Android Wear. Android studio is based on intelliJ IDEA platform. Apart from other IDE's, android studio is the official IDE of android so the android studio team roll out updates frequently to improve performance, it provides easy and exclusive features, when it comes developing you will probably noticed that sometimes android studio lags when developing or opening android studio, this problems or lags can be easily solved using the following tweaks.
Android studio

1. Allocate Maximum Ram for Android Studio

- Go-to Android Studio installation directory
C:\Program Files (x86)\Android\android-studio\bin
- Open studio64.exe.vmoptions if you are using a 64 bit Windows or studio.exe.vmoptions for 32 bit Windows
- Find the following lines 
Xms256m
Xmx1024m
This two lines allocates initial memory and maximum memory, so change the memory values according to your Ram size, If you are using 4 Gb Ram then change to
Xms500m
Xmx1300m
- Then save (In order to save changes you need to move the studio64.exe.vmoptions file to different location, after you make the changes move to the default location)
vmoptions android
Also Read : Fix Android Studio Stuck at Gradle Download | How to Manually Download Gradle

2. Enable Offline Work

- Open Android Studio
- Go-to File > Settings > Build, Execution, Deployment > Build Tools > Gradle
Enable Offline Work
gradle offline

3. Use Genymotion Emulator

    
The default emulator of android studio is slow, but the Genymotion is the fastest emulator till time, it's a paid application but you can use the free version with limited features.
TechCybo is a popular how-to blog Founded in 2010 Tips and Tricks for living better in the digital age
Now Most of the blogger blog owners busy with making their blog responsive, while making responsive template some of them are forget to make their blog post images responsive, this will cause stretched image in blog posts.
media query use
With the use of Media queries you can make post images responsive, Media queries are rules that are defines different styles for different devices. With the use of Media query you can customize your template for many devices like Smartphones, Tablets, and Desktop.
Also Read : Hide Blogger Widgets in Mobile Version

How To

1. Goto blogger Dashboard and open template designer and click Edit HTML
2. Add Media query tag (If you already added Media query then skip this step and goto Step 3).
Now search for </b:skin> in your template code and add the following code below </b:skin>
<style>
@media screen and (max-width: 880px) {

}
@media screen and (max-width: 700px) {

}
@media screen and (max-width: 420px) {

}
</style>
media query blogger blog
3. Now after you added the media queries tag, now let's make our post images responsive
Add the following codes inside your media query 
.post a img, .post img{max-width:99%; height:auto;}
the finale code look like this
<style>
@media screen and (max-width: 880px) {
.post a img, .post img{max-width:99%; height:auto;}
}
@media screen and (max-width: 700px) {
.post a img, .post img{max-width:99%; height:auto;}
}
@media screen and (max-width: 420px) {
.post a img, .post img{max-width:99%; height:auto;}
}
</style>
media query code
TechCybo is a popular how-to blog Founded in 2010 Tips and Tricks for living better in the digital age
Google Maps for  the world's no 1 map App now available in offline map feature, now you can explore the world without worrying about internet connectivity. On November 10, 2015 Google officially announces the news to the world. 
In the latest update of GMaps you can download a specific location to your device, you can download maximum area of 50km X 50km map data to your device. Google Maps automatically switch to offline map when there is no connectivity, and when the network is available it switch to the offline mode, another main advantage of offline map is you can prevent high data usage to view maps. In this way you can save your entire hometown or the area from your home to your office.

How To

1. Download and install Google Maps App from Google Play
2. Open GMaps and Search your location
google maps offline bangalore
3. At the bottom, Tap and open the place name
4. Tap Download
google maps offline android
5. Now select the area to download, you can zoom in or zoom out select a precise location, also you can see the size of your Map at the bottom, Now click Download
6. Name your Offline area and tap Save
google maps offline android
7. After the successful download you can view or update your Maps in Offline areas.
google maps offline androidgoogle maps offline android

After downloading offline maps you can view, rename and delete you offline maps, and one more things is each is map is expired in 29 days.
TechCybo is a popular how-to blog Founded in 2010 Tips and Tricks for living better in the digital age
WhatsApp crossed 700 million users all over the world, if you are a blogger then you definitely know how hard to get traffic to your blog, so over 700M users and 30 Billion messages per day WhatsApp becomes the number one messaging app, so with this in mind you can use WhatsApp to promote your blog posts to your friends or group.
whatsapp share button for blogger

Infographic: WhatsApp Closing In On A Billion Users | Statista

The above infographic shows the importance of WhatsApp to promote your blog posts, so if your website not having the WhatsApp share button then this is the right time to update your templates.

How To

1. Goto Blogger > Template > Edit Html
2. Find where you want to place the WhatsApp share button
In default all share buttons placed after the post body section, The easiest way to find this in our template code is search for names that are displayed in the share buttons.
share button for blogger

In the above screenshot you can see all the share buttons after the post body, so we want to add our WhatsApp share button here. Each button have a text "share" , so search for this text in our template code.
whatsapp share button CODE for blogger

Here you can see each share button is placed in unordered list items, so after the pinterest share button lets add a new list item,
<li>
--WhatsApp Share Code--
</li>
whatsapp share button CODE for blogger

This is where we want to add our WhatsApp Share Code.
3. Copy the below code and paste inside the list item code

<a class='whatsapp' expr:href='&quot;whatsapp://send?text=&quot;+ data:post.title + &quot; &quot; + data:post.url' onclick='window.parent.null' rel='nofollow' target='_top' title='Share to whatsapp'><i class='fa fa-whatsapp'/><span>Share</span></a>

The WhatsApp share button is only useful in mobile view, so we want to hide the button in desktop view, so here is the final code.

<b:if cond='data:blog.isMobileRequest == &quot;true&quot;'>
<a class='whatsapp' expr:href='&quot;whatsapp://send?text=&quot;+ data:post.title + &quot; &quot; + data:post.url' onclick='window.parent.null' rel='nofollow' target='_top' title='Share to whatsapp'><i class='fa fa-whatsapp'/><span>Share</span></a>
</b:if>
whatsapp share button code for blogger

Change the following attributes

1. whatsapp : Specify a class that are used to style our WhatsApp share button
    Add the following CSS code after <b:skin><![CDATA[
    .whatsapp{background-color:#43d854}

2. fa fa-whatsapp : This is used to show whatsapp icon in share button
To enable this you need to add the Font Awesome references,
Paste the following code into the <head> section
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">

3. Share : The text that appeared in Button