Join Our 1500+ Community Readers




We hate spam as much as you!

For Faster Page Loading Switch to Adsense Asynchronous Ad Code

0 comments
Google launched its new version of Adsense Ad Javascript Code Asynchrounous to improve users page speed. If the webmasters are still using the Old version Synchrounous Adsense Ad Javascript code then it is better to replace it with new version of Adsense Ad Javascript Code Asynchronous to improve your blog loading speed. Most of the Techblogger are implemented on their blogs/websites if you want to improve your subscribe base or traffic then switch to Asynchronous JS code.


If you've added Older version Google Adsense code after phrasing now replace it with new version code by using Google Adsense code Converter.
To overcome Google Adsense Ads loading problems users can migrate to new Adsense Ad Javascript Asynchronous version. Google Adsense new version renders user experience and enhances web page loading without blocking other parts of your web page from loading.
Readmore:
100% approve Your Google Adsense Account easily 
Make money from your bed
Display Ads middle of blogger posts

Here in this article we educate you better and easy way How to implement or migrate to new version, let’s start step by step.
Step One

Sign into your Blogger account
From Blogger Dashboard select ‘Template Link Tab’
Click on ‘Edit HTML’
Search for code </head> or <head>
Copy the below code
<script async='async' src="http://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

Paste it before </head> or after <head>
Note: You need add this once only inspite of you’ve multiple ads
Step Two

Sign into your Google Adsense Account
Click on ‘My Ads’ link tab
Click on any beneath Ad Unit size (You want to replace with older Ad code with new Ad code) ‘Get Code’ link (As shown in the image below)



Now Select ‘Asynchronous’ option (Automatically its shows new version Ad code)


The Older and New code looks like this

Old Version Synchronous Javascript Code
<script type="text/javascript"><!--
google_ad_client = "pub-XXXXXXXXXXXXXXXX";
/* 300x250, created X/XX/XX */
google_ad_slot = "XXXXXXXXX";
google_ad_width = 300;
google_ad_height = 250;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

New Version 'Asynchronous' JavaScript Code
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 300x250, created x/xx/xx -->
<ins class="adsbygoogle"
     style="display:inline-block;width:300px;height:250px"
     data-ad-client="ca-pub-xxxxxxxxxxxxxxxx"
     data-ad-slot="xxxxxxxxxx"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

Copy the New version Asynchronous Javascript code code to Note pad file
Replace Older version Adsense Ad Javascript code with New version code
You can practice to other Ad units using same method.

Author words:
If you really enjoyed with our article don’t forget to subscribe to us.
We always appreciate your feedback and suggestion. Thanks.





It’s necessary to display blogger desktop template on Mobile device?

0 comments
Major brand mobile manufacturers launching advanced features enabled Smartphones in the market. In view of this smartphone user usage of internet has increased visiting lots of websites related to education, blogging, shopping and news etc.

Website owners if they’ve not installed right responsive blogger template for their blog then it is difficult to show all the information provided not be useful. Visitors may not watch all the information whatever you’ve provided not viewable on mobile devices because visitors have to spend log of time or template will take much time to load on mobile device.

Mobile device may not show your valuable Adsense ads on mobile devices installed on Desktop template.
Blogger by default show its mobile template unless you don’t enable desktop template on mobile phone.
To show all the options on your desktop template on mobile devices simply disable mobile template on blogger.

Reasons are to disable mobile template on blogger?

Visitors can experience all the features thus you’ve provided on desktop template
To display Adsense Ads on mobile device you’ve to disable mobile template option blogger.
To increase your social subscribers base through mobile device
Readers easy search option to view more articles 

Way to disable Blogger Desktop Template on Blogger Mobile template?

Sign into your blogger account
From Blogger Dashboard Select Template
Under template option you can view Desktop template options and Mobile template option (as shown in the image below)

  • Click on ‘Gear’ icon below the mobile template
    Under Choose mobile template option 
  • Select ‘No Show desktop template on mobile devices’ (as shown in the image below).
Now Click on ‘Save’ the button right side below
That’s it you’ve done.






Trick to Prevent Embedding Your Website inside an Iframe by Others

1 comments
Most of you are familiar with basic HTML coding and its advantages for maintaining a website or blog. HTML IFRAME is a very common thing that be used for embedding any document or webpage into your website.
Here in this article we educate you ‘How to prevent an HTML IFRAME’ code for embedding your website or blog by others in their website or blog inside an IFRAME? Universally lots of websites or blogs embed popular websites in IFRAME for content to increase their traffic and visibility online. If you’re a IT professional then you know very well about script coding if you’re not then here is the code to prevent others to embed your website in IFRAME. Without prior permission from the Author most the websites are using embed code to insert website in IFRAME.
Let’s begin tutorial with the help of Script code you can prevent to embed your website by others.

Sign into your blogger account
From dashboard select Template link and proceed
Click on ‘Edit HTML’ link tab
(Note: Before you implement this experiment better backup your template if anything goes wrong you can reuse it again)
Search for tag </head>
Now Copy the below script code and paste before </head>
<script type="text/javascript">
function noiFrame() {
try {
if (window.top !== window.self) {
document.write = "";
window.top.location = window.self.location;
setTimeout(function() {
document.body.innerHTML = '';
}, 0);
window.self.onload = function() {
document.body.innerHTML = '';
};
}
} catch (err) {
}
}
noiFrame();
</script>
After successful adding coding ‘Save the Template’
That’s it you’ve all done
Author's Note:
If you really enjoyed our article don’t forget to subscribe to us…. Leave your feedback we always appreciate your views.




Add Labels Widget to show each label in different attractive colors for blogger blogs

1 comments
Varieties of labels widgets are available online with simple, animated, single colors etc. but visitors when visits any blog/website attracts with arrangement of widget and their customization.
Most the webmasters are aware of that and every time they try to show something different to their subscribers presenting professionalism. Here in this tutorial we educate you about how to convert your labels widget to show in different attractive colors for each label. Let’s begin tutorials for adding this simple code, webmaster don’t work hard for adding this code to their blog/website just follow our step by step procedure.

Step 1
Sign into your blogger account
From Blogger dash board select ‘Layout’ link and proceed
Note: Before you implement this on your blog/website just backup your template, if anything goes wrong you can reuse it again.
Click on ‘Add a Gadget’ link tab and select ‘Labels’ widget and Save your template
Browse More Related Posts
More News...
Step 2
Select to click on ‘Template’ link
Click on ‘Edit HTML’ link tab
Now search for tag
]]></b:skin>

After find this tag copy the below code and paste above to it

/******Color label widget by www.blogtariff.com.com****/
    <div>.sidebar .label-size {
      position:relative; text-transform:uppercase;
      text-decoration:none;
      font-size:13px; font-family:Arial;
      color:#fff!important;}
    .sidebar .label-size a {
      color:#fff!important;
      font-weight:bold;
      padding:8px 10px;
      margin:0 6px 6px 0; float:left;display:block;
      transition: all 0.4s ease-in-out;}
    .sidebar .label-size-1 a {background:#1abc9c;border-bottom:3px solid #127F69;}
    .sidebar .label-size-1 a:hover {background:#16a085;}
    .sidebar .label-size-2 a {background:#3498db;border-bottom:3px solid #226693;}
    .sidebar .label-size-2 a:hover {background:#2980b9;}
    .sidebar .label-size-3 a {background:#2ecc71;border-bottom:3px solid #1F8C4C;}
    .sidebar .label-size-3 a:hover {background:#27ae60}
    .sidebar .label-size-4 a {background:#9b59b6;border-bottom:3px solid #74398E;}
    .sidebar .label-size-4 a:hover {background:#8e44ad}
    .sidebar .label-size-5 a {background:#e74c3c;border-bottom:3px solid #922C20;}
    .sidebar .label-size-5 a:hover {background:#c0392b}
<div class="separator" style="clear: both; text-align: center;"><a href="http://www.blogtariff.com" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a></div>
/******Color label widget by www.blogtariff.com.com*********/

After successful adding the above code, Click on ‘Save template’
Now preview your template to watch experiment.
That’s it you’ve done.




Earn online with Google Adsense Ads on Wordpress blogs inserting code inside post content

2 comments
In our earlier posts on this blog discussed about How to insert Google Adsense Ads on Blogger on blogs? in middle of the content using small CSS code.

Here the same method Wordpress users now can insert ads inside posts or in between two paragraphs of the content post. Popular website authors suggest that Wordpress platform is best for its themes but difficult in theme improvisation and Blogger blogs were earning sources of authors with Google Adsense where users can insert ads anywhere in the blogger blogs templates are friendly to users.

This article is special for Wordpress users and here we educate you How to insert Ads in Wordpress template inside of the content posts. Webmasters don’t need to work hard for adding this plugin to their Wordpress theme its easy and most of the Wordpress users are running on their blogs successfully.

Sign into your Wordpress account
From Wordpress Dashboard click on Plugins -- > Add New
In Search Plugins box type as Insert Post Ads and Go


Click on Install Now link and activate it.
Under Post Adverts Click on Add New above settings link


(To get code directly or for manual installation follow the below link
http://wordpress.org/plugins/insert-post-ads/ )
Now write Advert Title and paste the below code. Select the number of paragraph where you wish to display ads follow Publish button to activate.


Go to Post Adverts -- > Settings under option ‘Where do you want ads to display? choose your styles as mentioned in the image below eg. Posts, pages, forums, topics, replies to display your ads and click on ‘Save settings’ button.


Trick to insert Ads inside content without using plugins

In this method users don’t need to apply plugins, without using any type of plugins.
Sign in to your Wordpress account
From Wordpress Dashboard Click on Appearance -- > Editor



Click on Theme’s function.php located at right sidebar
Now Copy the below code and paste it on Editor panel

<?php
//Insert ads after second paragraph of single post content.
add_filter( 'the_content', 'prefix_insert_post_ads' );
function prefix_insert_post_ads( $content ) {
$ad_code = '<div>Your Ads Code Here</div>';
if ( is_single() && ! is_admin() ) {
return prefix_insert_after_paragraph( $ad_code, 2, $content );
}
return $content;
}
function prefix_insert_after_paragraph( $insertion, $paragraph_id, $content ) {
$closing_p = '</p>';
$paragraphs = explode( $closing_p, $content );
foreach ($paragraphs as $index => $paragraph) {
if ( trim( $paragraph ) ) {
$paragraphs[$index] .= $closing_p;
}
if ( $paragraph_id == $index + 1 ) {
$paragraphs[$index] .= $insertion;
}
}        
return implode( '', $paragraphs );
}

After successful adding code in Editor panel, click on Update file button
Code Customization

  • Change ‘Your Ads Code Here’ with your ad code
  • Replace 2 with your choice value of paragraph to display ads
 Authors Words
If you really enjoyed with our Article then don't forget to Subscribe to US. We always respect your valuable feedback.




6 Ways Useful Free Spell-Checker Tool Online

1 comments
News publishers before they publish any content on News paper or News readers before they telecast reading News go through a special proof-reading to check grammatical mistakes written by journalists known as Editors.

In my view maximum number of webmasters are not expert in their language they need specific proof reader to check spellings whether there is any mistake grammatically or not. Advanced Technology converted grammatical proof-reading into digitization. All the news publishing or news reading contents are digitalized.

Here in this article we educate you about top used online Spell checker tool for webmasters article to check online before they publish.

Reverso : Reverso not only works as spell checker but users can translate content from one language to another like, English to French, Enligh to German, English to Russian, English to Urdu etc.,
On Reverso website six types of categories 1) Translation 2) Context 3. Dictionary 4. Conjugation 5. Grammer 6 Spell check are available to offer free of service. Reverso enables users to easily Translate content from one language to another using Translation tab link.
  • From Context tab menu you can convert words in available languages instantly with examples.
  • From Dictionary tab menu you can find words meaning in specified languages from English to French or English to synonyms or English to learners and grammar.
  • Using Conjugate tab menu you can conjugate any type of word in simple forms like indicative, infinitive, imperative etc.
  • With help of Reverso Grammer tab menu you can search specified language words.
  • Finally Spell check tool is useful for authors to check their content for spell checking.
 Go to Reverso
Authors Note: If you really enjoyed with our Article don't forget to Subscribe to Us... Give your feedback via comment box we always respect your valuable suggestions.




Amazon enters into Domain Name Registration Services

0 comments
Recently Google started Domain registration services in continuation to that International brand ecommerce website Amazon also entered in this scheme to sell domains online.

Now, users can grab their relevant content matched domain name for their website as well Amazon enabled services to transfer from existing registrars to Amazon using Domain name services of Route 53.
Amazon users subscribed to EC2, S3 services or others you know that till now you had to first register your domain at an outside registrar, create the Hosted Zone in Route 53, and then build up your domain’s entry at the registrar to spot the Route 53 name servers.

Using new Route 53 Domain Name Registration entire process can complete within the AWS management Console. Here you can easily manage, transfer domain from a wide choice of generic and country based and content based top-level domains priced at $12 for a year, compare to other TLDs starting from $9 per year.
The new launch of Amazon’s domain services includes configurable expiration notification, optional auto-renewal, health checks etc. for web purpose. Amazon to compete with other domain service providers offering low-cost domain registrations.




Book your Hindi Character Domain (Website) name at Rs.350 only

0 comments
Presently, people are booking English character Domain names for their websites. Indian Government is planning to enable websites (Domains) in Hindi character will help creation of website content in regional language.

Lots of regional language websites available online in different category i.e news, professional, company related etc. Newly regional national language Hindi website (Domain) owing individual companies with domain name in Hindi language would be able to book the name in Hindi characters from next month.

National Internet Exchange of India CEO said "Website name booking in Hindi characters is anticipated to be launched from August 15 subject to endorsement from higher authorities. Each domain name will cost Rs 350 and the TLD(top level domain) will be .bharat (in Hindi lettering),". The name would have '.bharat' in Hindi character as its extension instead of commonly top level domains such as .com, .net or .in. Online users can able to book sub-domain for their blog/website at Rs.250 each, said.

Govind also added, companies concerned in booking of domain names can make easy booking of website name in Hindi characters too. "First two months, we will open it for companies having trademark or copyright on names like brands, government organizations and supposed commercial firms. After two months, the service will be opened for all," said.




Advantages and Disadvantages of HTML IFRAME codes for your Website or Blog

0 comments
Under category Navigation certain websites needs ‘IFRAMES’ to load pages or code clip animatedly for a broad range of content.

There are many ways to show up partner website content or website page using certain HTML codes without using script codes on your blog/website.

These IFRAMES are built with HTML support code and to some extent it is very useful particularly attract visitors to gain traffic to newly launched website or blog.

Here in this article user don’t need to work hard for adding IFRAME code on your blog, by following simple step easily can install.

Advantages of IFRAMES
  • Get more visitors or wide range publicity using code for new blog/website
  • Use code alternative to banner ads instead of image ads works perfectly
  • If you’ve good traffic and subscribers then your newly launched website will equally gain visitors
  • Easily compatible for both Wordpress and Blogger blogs

Disadvantages
Using more IFRAMES HTML code can slow down blog loading time


Sign into your blogger account
Select ‘Layout’ from Blogger Dashboard drop down menu
Click on ‘HTML/Javascript’ link tab

Copy below HTML code and paste
<iframe src=http://www.blogtariff.com width="300" height="300"   scrolling="auto"  frameborder="1">
><p>Your browser does not support iframes.</p></iframe>


Code customization
  • Replace www.blogtariff.com with your blog link or URL
  • Adjust IFRAME width and height according to your requirement or blog layout

After successful replacing URL or values, now ‘Save’ widget and Template to preview your experiment.
That’s it you’ve done.

If you really enjoyed with our article don’t forget to subscribe to us and lodge your feedback using our comment box.




About Me

My Photo
Krishi Omli
Dedicated blogger - Always endeavor to know new things and share with others.
View my complete profile

Money Tariff

All Your Tech Needs

How to Help us?

If you feel our blogging Tutorials helped to you, then help us to spread our voice by using the below badge:-

OR

Try a Back Links

Total Pageviews

| Blog Tariff | Blogger Tricks | Blogging Tips | SEO | Earn Money | Blogger Templates © 2009. All Rights Reserved | Template Style by Blog Tariff .com | Design by Brian Gardner | Back To Top |