android nexus 7

How To Connect your Android to PC for Wifi Usage

• First of all download Android PC drivers.
• Then install these drivers on your PC.
• Open the USB debugging mode in Settings of your phone.
• Then download Tether (Tethering software).
• Now install the Tethering software on your computer.
• The Tether wizard will also install it on your phone.
• Now open the WiFi in your phone and then.
• Open the Tether App in your phone.
• Also open it in PC, select the Connect Button and your are done!!
• Enjoy fast speed internet. 

• First of all Visit Cooltext
• There fill the field, what you want to show on the button.
• You can select a size for the buttons.
• Change the color according to your needs.
• Click on the Create button.
• And then click the download link.
• This will be an image you can upload it through blogger post editor and use it as a link.(the process is shown below in the image).

 

• You can also select the various type of buttons from the list as shown in the image above!

How To customize your bullets style in blogger

• Visit Blogger dashboard >> template >> Edit HTML (As shown in the image below).

.post ul {list-style:none;
}
.post ul li {
    line-height: 1.4em;
        background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnxntsglUyZZbMk8LyZKZxdjwOeXqDTSK64NAseoWqWcbHRK02U2-RXMyVeRBlYd3gmoYkA-Ml10QnAqtGnH4nDv_sDbFpo8iz9o9_ZCWauNfbwLJAi-a0fv0n6_by6MuOmYQlCnPTrSA/s400/255.gif) no-repeat scroll 0px 4px;
    margin: 0.3em 0;
    padding: 0 0 0.8em 20px;
}
.post ul li:hover {
        background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAa1M1MlYLVC7y7RZgEfOj8wEbIlzwrU8-9kez6HoQ-gRQiA7Ayiqiqzld8D6dEPY-wVwHW2SSG-1lAbt9TlFAuZnp8YiOpk4YpyacX0c-a11l3shHl4s4UCNNM4e2QSnQsY_7Hkxz-wQ/s400/251.gif) no-repeat scroll 0px 4px;
}

• Now save your template because you have customized your blogger bullets style!!

3 in 1 Slide Out Followers box widget: Did you want to increase your followers throughout the social media hub? If yes, then 3 in 1 Slide out box widget is the best way for increasing your blog followers. Actually by adding this widget three Top social media boxes is added to the right side of your blog which slides out when someone hover over it. These contains the following social media boxes.
1) Facebook Slide out box.
2) Twitter Slide out box.
3) Google Plus slide out box.

LIVE DEMO

How To Add 3 in 1 Slide out Followers Box widget in Blogger

• First of all Visit Blogger Dashboard.
• Then go to your site.
• Now click on layout, then Add a Gadget link.
• A list of gadgets will appear, select the HTML JavaScript gadget from that lists of gadget.
• Now copy the below code and paste it inside the HTML JavaScript gadget box.

<script src="http://code.jquery.com/jquery-latest.js"></script>  <script src="http://apis.google.com/js/plusone.js" type="text/javascript"></script>  <link rel="stylesheet" type="text/css" href="https://dl.dropboxusercontent.com/s/m4krejz6tw6sxlf/3%20in%201%20StyleSheet.css" />  <script src="https://dl.dropboxusercontent.com/s/e5p8j4qnfvgda8p/3%20in%201%20Widget.js"></script>    <div id="on">    <div id="facebook_right" style="top: 12%;">      <div id="facebook_div">        <img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNj4XElsRgZ-2OPQXjyPXx8L04SHXAGc8lyrdD5eANQ8Sg0HE4JwjYldXG59AR423sXR5oLCQVJL5VtRpoBb66Hp2X9BQvct9RIXSubPq5rDkU4201FDAmCY3zW4dZ2ibJhIzSnKfIxjG4/s1600/NBTfacebook_right.png" />        <iframe allowtransparency="true" frameborder="0" scrolling="no" src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/pages/Trickspunch/1397531987130417?ref=hl&amp;width=200&amp;height=346&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false"        style="border: none; height: 346px; overflow: hidden; width: 200px;"></iframe>      </div>    </div>  </div>  <div id="on">    <div id="twitter_right" style="top: 28%;">      <div id="twitter_div">        <img id="twitter_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDIUgBYlYh6tHuwKf2zhyphenhyphenBF0z8afeu5DwgK09x7PajTeMD9mH4N8wzGcCAO8GPGXgBVgCvTDkfnus4HtlNg02K5GhrVTix7LzWqmC__csWuOrpUzmbBFqAC3f4FsHZ98rgSPHU87I3NLLu/s1600/NBTtwitter_right.png" />  <div style="width:248px;font-size:8px;text-align:right;"><script type="text/javascript">  document.write(unescape("%3Cscript src='http://twitterforweb.com/twitterbox.js?username=trickspunch&settings=0,1,2,248,279,ffffff,0,c4c4c4,101010,1,1,336699' type='text/javascript'%3E%3C/script%3E"));</script><a href="http://www.trickspunch.blogspot.com" target="_blank"></a></div>        </div>      </div>    </div>    <div id="on">      <div id="google_plus_right" style="top: 45%;">        <div id="google_plus_div">          <img id="google_plus_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_vtxxAsXwwOP_NIs1owcAbEC2lluewArzUcngCgmeFkPOaHyCIJH60qKgBUbFHChvFkgaOecYCBOM7XXV9tvWdReIbJdaWMSmkS73Bu_04Nm7KZGY1u-pDXIvVseJQnhtf2yVor1yj1A/s1600/NBTgoogle_plus_right.png" />          <div style="float: left; margin: 10px 10px 10px 0;">            <a href='http://www.trickspunch.blogspot.com'>              <img alt='Blogging Tips and Tricks And Tutorials' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjn9VfwVMERaLjJZ_O7BywwohOeuEMsv1ZDmF89NLAFjkUeHbuSdYUXAh-wKThDzE19lzduCViGvmVpar-JssDL0i9y-FuQ_IhfPK3cX09CwRa_epbpNV_uHOJ3tddAisaiNK9OtkuS2zGD/s1600/best+blogger+tips.png' />            </a>            <div class="g-plus" data-action="followers" data-height="250" data-href="https://plus.google.com/104997427310964791620" data-source="blogger:blog:followers" data-width="270"></div>            <script type="text/javascript">            (function () {              window.___gcfg = {                'lang': 'en'              };              var po = document.createElement('script');              po.type = 'text/javascript';              po.async = true;              po.src = 'https://apis.google.com/js/plusone.js';              var s = document.getElementsByTagName('script')[0];              s.parentNode.insertBefore(po, s);            })();            </script>          </div>        </div>      </div></div>

1. Replace the URL in green with your Google Plus ID URL.
2. Replace the URL in Blue with your Twitter username.
3. Replace the URL in red color with your Facebook ID URL or Fan page URL.

• Now click on the Save gadget button and Enjoy!!

Table of Contents or HTML sitemap: Actually sitemap is a list of your contents you posted on your blog.There are two types of Sitemaps:
1)HTML Sitmap or table of contents: This type of sitemap is created for human, it is human readable.Mean that it provide some ease for your readers to find the specific post of your blog.
2)XML sitemap for search engines:This type of sitemap is designed for search engines, search engines uses XML sitemaps to crawl your sites, its very necessary to install this sitemap on Google.
Here we will show you how you can create an HTML sitemap or Table of contents for blogger.However we will later post on XML sitemap and will teach you how you can add XML sitemaps for blogger.

LIVE DEMO

How to create table of contents or HTML sitemap for blogger

• First Visit Blogger Dashboard.
• Now go to your site.
• Click on the Pages tab, then New blank page as shown below.

• Now Blogger editor will open the Blank page.
• Click on the EDIT HTML there.
• Copy the below script and paste it between the two lines as shown in the image below.

<script src="https://trickspunch.googlecode.com/svn/trunk/Trickspunch.js"></script>
<script src="/feeds/posts/summary?alt=json-in-script&amp;max-results=1000&amp;callback=loadtoc" type="text/javascript"></script>

•  In the title give any Name e.g Sitemap or Table of Contents etc.
• Now press the Publish button
• And that's it your sitemap is created!! Enjoy.

• A box with empty space will pop up.
• Now copy the below script and paste it inside the HTML javascript gadget.

<div class="addthis_toolbox addthis_floating_style addthis_counter_style" style="left:47px;top:325px;">
<a class="addthis_button_facebook_like" fb:like:layout="box_count"></a>
<a class="addthis_button_tweet" tw:count="vertical"></a>
<a class="addthis_button_google_plusone" g:plusone:size="tall"></a>
<a class="addthis_counter"></a>
</div>
<script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-516ff8e04b04378b"></script>

•  Now simply save your gadget.
• You are done|! Enjoy!

Basic Tips For Blogging in 2014: Before giving you the basic tips of Blogging, first of all you need to know what is a blog? The answer is simple:

A personal website on which an individual or group of peoples share opinions, links to other sites, etc. on a regular basis.

So now you may get the idea what is a Blog? Coming towards, the next topic, How to Create a Blog?
It is extremely simple to create a blog?

• First of all create a Gmail account.
• Go to Blogger.com, enter your Gmail account you have created.
• There click on the New Blog button, give the title of your blog, and also the address.
• Thats it you have created a blog.

According to the above mentioned steps it is too easy to make a blog, just like making an account on social media sites. But maintaining a blog, getting flood of traffic, developing readership, creating an ecosystem is a really difficult thing.Its really need a lot of Hard work.You should have to work day and night consistently in order to get succeeded.This Hard work is consist of several phases out of which I am going to share the basic or Fundamental steps or tips to develop your blog.

1. NICHE or Topic:

After learning about the blog.A question arises What to blog about? Basically these type of questions lay the foundation of your blog.The answer is very simple:

Any topic about which you, have sufficient knowledge, can satisfied your readers is the niche or topic of your Blog.

For example I have knowledge about  blogging, HTML, CSS, blog designing so I am doing blogging about How to renovate your blog.
So Niche is actually the topic which you will be discussing to your readers in detail. It is actually the first step before you start a blog. So you need to take this step very carefully.I am clearing the concept of Niche or Topic through another example:
Let suppose you have open a shop of selling fruits, means that the title of your shop is Fruits Store. And you put some other stuffs like Toys, Clothes etc. So a person on passing by look at your Shop title he enters in your shop to buy fruits and you have clothes, toys etc in your shop. He will just leave your shop in an anger, saying Oh my God what the hell is this. Same is the case of Blogging.
If you start blogging about Photography and you share some games in it, so that's too much dull for your blog visitors.When they visit your blog for Photos and pictures and your blog contains Games etc.
Conclusion:In short, if you start a blog on specific Niche or topic, then you should have to confined to your Niche only.However, you can select Multi Niche also for your blog depending upon your Knowledge.

2.Posting To Blog or Writing Articles:

 Now that you have selected a Niche, its the time to write inspirational articles there must be a question in your mind.How to write an inspiration article. Bloggers can write an inspiration articles bloggers have the ability to impress their readers.You can also become a blogger if you put some extra effort.Following are the tips to write great articles.

1. Title of your Posts:Title is actually the king of your articles, so write SEO optimized articles, by SEO we mean use a keyword in your blog which the visitor search for.(Title is the king of your posts)
2. Don,t copy articles from other blogs.
3. Write yourself, then only peoples will like your blog.
4. If peoples like your blog in fact Google like it!
5. Don,t use Spinner tools. I have seen many guys spinning articles from other bloggers.As a matter of fact is a Sin. And also Google hates copying.
6. For some days spinned articles got position in Google but when they update their Algorithms like Google Panda, Humming birds.They remove the spinned and copied articles from Google.

3.Essential SEO techniques:

Abbreviated as Search engine optimization (SEO) is the process of affecting the visibility of a website or a web page in a search engine's "natural" or un-paid ("organic") search results.

• Use a keyword research tool for your posts.
• Use the keyword in your post title ones, don,t write a long post title post title should be b/w 30-50 characters.
• Use that keyword in the first paragraph of your post and also the last paragraph.
• Avoid keyword stuffing, which means using the keywords more times.
• Optimize your blog title for search engines results.
• Set custom robots tags for your Blog.

• Now proceed a little in the coding.
• Now Find the below tag.by pressing ctrl+f you can find it.

Blockquote 

• Now when you find the above mention thing which is the tag of blockquote in CSS coding.
• Then copy the below script and replace it with your Blog Blockquote CSS tag. you should have to replace the blockquote tag from this symbol { to this symbol } along with the blockquote word.

blockquote{
border-style:solid;
background-color:#F3E2A9;border-color:#DBA901;padding:20px;
}

• Replacing it with the above code will customize your Blockquote to my Template style blockquote which is shown above.

Personal Customization: 

• Now if you want to change the background for the blockquote then replace the text in red with your own desire color.
• If you want to change the border color then change the text in Green color with your desire color.
• If you want to change the border style like dashed groove etc then change the text in Blue to your desired style.

Note 

• Now a menu will pop-up, select the HTML Javascript gadget from that menu.

How To add Related Post Widget to Blogger

• Login to your Blogger Dashboard
• Navigate to template and then Edit HTML.
• Now search for the </head> code. (Pressing ctrl+f) to find.
• Copy the below code and paste it above the </head> tag. 

<!--Related Posts with thumbnails Scripts and Styles Start--> <!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'> <style type='text/css'> #related-posts { float:center; text-transform:none; height:100%; min-height:100%; padding-top:5px; padding-left:5px; } #related-posts h2{ font-size: 18px; letter-spacing: 2px; font-weight: bold; text-transform: none; color: #5D5D5D; font-family: Arial Narrow; margin-bottom: 0.75em; margin-top: 0em; padding-top: 0em; } #related-posts a{ border-right: 1px dotted #DDDDDD; color:#5D5D5D; } #related-posts a:hover{ color:black; background-color:#EDEDEF; } </style> <script type='text/javascript'> var defaultnoimage=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7xdKfLqp2bR41jOlHrh6g0qXw0wdJr3R8PoMnh-TPYOlMx9tvHri6aXR0oEtc_0mpinskEe46LxF51ieJe0nuNSzL9oTwja3ofPeCGRUbYIQHZTtQpyCUuTFrkH7jOCxi7KK-g0HlS1dx/s1600/no_image.jpg&quot;; var maxresults=4; var splittercolor=&quot;#DDDDDD&quot;; var relatedpoststitle=&quot;Related Posts&quot;; </script> <script src='http://helplogger.googlecode.com/svn/trunk/related-posts-with-big-thumbnails.js' type='text/javascript'/> <!-- remove --></b:if> <!--Related Posts with thumbnails Scripts and Styles End-->

Customization:

• If you want to display this widget also on the Homepage then remove the Blue code from the above script.
• If you wish to show more then 4 posts in this widget according to your Blog width then change the value 4 that is in red in the above code.

• Now search for the below script( Some templates have this script more then one time so do the below steps for all)

<div class='post-footer'>

• Copy the below code and paste it above <div class='post-footer'> Tag.

<!-- Related Posts with Thumbnails Code Start--> <!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'> <div id='related-posts'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != &quot;true&quot;'> </b:if> <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=4&quot;' type='text/javascript'/></b:loop> <script type='text/javascript'> removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;); </script> </div><div style='clear:both'/> <!-- remove --></b:if> <b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'> <a href='http://thatsblogging.blogspot.com'><img alt='Blogger Tricks' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj36Ij6fERRr8nIcyEKITLej3sk_N0RZg-CmEcmTsYQ6ltryQ70QGQUszPXRhYfi_i8vgSHWCWSfMvPpdttX4Gja5cU-u2u3QyrXP6OuLjdz7gWshH7UgOivFGzTsEOOYwdXgWS_ay1OqcS/s1600/best+blogger+tips.png'/></a> </b:if></b:if> <!-- Related Posts with Thumbnails Code End-->

Customization:

• If you want to display this widget also on the Homepage then remove the Blue code from the above script.
• If you wish to show more then 4 posts in this widget according to your Blog width then change the value 4 that is in red in the above code.
• Save your Template that,s it you have done this Tutorial.See your Blog with new look.

Groom Your Blog

<b:if cond='data:blog.pageType == "item"'>
Paste the Parse Adsense Code here
</b:if>

• In the above code Replace the Paste the Parse Adsense Code here with your Parse AdSense code.

• Then just save your Template, you have done adding the ads below post title in center.

How to add AdSense ads below post title at the Right Corner

• Go to Blogger Dashboard>>Template>>Edit HTML.
• Proceed it and find the following code by pressing ctrl+f

<data:post.body/>

• Now copy the Below script and paste it above the <data:post.body/> Tag(Must Replace your parse AdSense code). 

• In some Blogger Templates you would find the <data:post.body/> Tag two or three times so do the above steps for all.
• Now just save your Template you have done adding adsense ads below post title at the right side.

How to add AdSense ads Below post title in Left corner

• Again Goto Blogger Dashboard>>Template>> Edit HTML.
• Proceed and find the below tag

<data:post.body/>

• Now copy the below Tag and paste it above the <data:post.body/> Tag.For template having more of these tags do the steps for all.

<b:if cond='data:blog.pageType == "item"'>
<div style="float:left;">
Paste the Parsed Adsense Code here
</div>
</b:if>

• Must Replace Paste the Parsed Adsense Code here with your Parse AdSense code.
• Save your Template you have done the Tutorial of adding Adsense ads below post title at left corner.
• Recommended: Add adsense ads to blogger header.

5 Star Rating Widget gives a cool way to you to get Feedback from your visitors.Actually adding this Widget Below Post or Above the Post Add 5 Stars to your Blog post through which readers can vote your Post and Rate it as they wish.This cool Widget also add the number of stars to your Post in Google Search results. So let me Describe the Tutorial.

• Login To Blogger Dashboard.
• Then Click the Template Tab<< Edit Html.
• Now search for the </head> Tag.
• When you find </head> tag, Copy the Below code and paste it above or before the </head> tag.

<link type="text/css" rel="stylesheet" href="http://static.graddit.com/css/graddit.css" />

• If you have done the above Steps, Then search for  <data:post.body/>
• Now copy the Below code and paste it above/below the <data:post.body/> tag.

<b:if cond='data:blog.pageType != &quot;static_page&quot;'><div expr:id='"labels_" + data:post.id' style='display: none; visibility: hidden;'><b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'><data:label.name/>,</b:loop></b:if></div>Rate this posting: <div expr:id='data:post.id' class='ffbs_rate'>{[[&#39;&lt;img src=&quot;http://static.graddit.com/img/star.png&quot;/&gt;&#39;]]}</div><div expr:id='&quot;ffbs_stats_&quot; + data:post.id' class='ffbs_stats'></div><script type='text/javascript' expr:src='&quot;http://www.graddit.com/rate/eng/5/&quot; + data:post.id + &quot;?id=&quot; + data:post.id + &quot;&amp;stats=ffbs_stats_&quot; + data:post.id + &quot;&amp;labels=labels_&quot; + data:post.id + &quot;&amp;info=info-&quot; + data:post.id + &quot;&amp;info_delay=2&amp;url=&quot; + data:post.url + &quot;&amp;class_star=ffbs_star_img&amp;class_star_set=ffbs_star_img_set&amp;class_star_vote=ffbs_star_img_vote&amp;views=yes&amp;votes=yes&amp;average=yes&quot;'></script></b:if>

• Now Save your Template Because you have done this Tutorial.

Groom Your Blog

  

How To Add AdSense Ads To Blogger Header

• First of all sign up to Blogger Dashboard.
• Click on the Template Tab of your Website.
• Then click on the Edit HTML Tab there.
• Now search for the below code.  Press (Ctrl+F) to find.

 <div class='region-inner header-inner'>

• If you have not find the above code search for the below code.

  <div id='header-wrapper'>

• If you found any of the above code, just below these you will see the following script.

 <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

• Now just replace the no with Yes in the above script you see in your Template HTML.
• Now just simply Save your Template you have done adding a place for AdSense Ads.
• You can also add more widgets to Header by changing 1 to 3 or whatsoever according to your needs.

How To Ad AdSense Ad unit To Blogger Header

•  Go To your Blogger Dashboard.
• Click on Layout
• Now you will see the Add new gadget link in the Header Region as shown below.

 

•  Simply click the Add a Gadget a menu of gadgets will be shown to you.
• Select the AdSense gadget from that menu.
• Save it customize it you have done the Tutorial.