Blog Tutorial Supporter, Simple Search Engine Optimization

July 15, 2016

 Page Level
In the previous posts, I have explained you about how to apply Google Adsense and create Adsense unit to place to your blog and website. So this fresh article I will explain the another thing that will be offering you more benefit from Google Adsense.

I do believe that you might be love mobile temple or responsive template for your blog or website because it has a power for every view on the mobile and let your visitors enjoy with it. The mobile friendly for a website is one that display your website in a correctly on mobile view.

Thus, Adsense page-level is a topic that I will share by today. Add Google Adsense page-level to monetize your ad to effort your website template.

What is Adsense Page-Level?

Adsense page-level is a new kind of ads format that innovative method for you to monetize your website contents. Use the Adsense page-level ads to effort ads on your website and especially for the mobile view. When you use page-level, you can place the same ad code on the same page and many your want, then it will exchange automatically and it optimizes time to show your ads. This performed well for user experiences.

What is the Benefit of Adsense Page-Level?

Why do you need to use Page-level? What benefit you get from this innovative ads?. Well, you will see something change after your add the page-level code into your website HTML. Then the benefit found such as:

  • Provide a new experience to your website visitor. 
  • Stop ads that show more than 3 Units.
  • Good show on mobile page view.
  • Increase your revenue.

Ad Formats For Mobile Friendly

Add page-level ads to your website and blog to get a great page view through mobile. The ad will show full size at the bottom the mobile screen. It optimizes your ads to show them effectively and following to users mobile screen.

Adsense Page Level

How to Setup Page-Level?

Please Following this below guide within few steps to setup page-level while you are on the Google Adsense account or log in your Google Adsense before processing it.
  1. Click on My Ads menu.
  2. Click on Page-level-ads on the left navigation bar.
  3. To allow it works on mobile, please switch the Anchor and Vignette ads function on .
  4. Click on Get Code button to get a code.

Setup Page-Level

How to Add Adsense Page-Level on Blogger Blog?

One you got the Google Adsense Account and place some code it to your website, then you can setup page-level ads for your website. The below guide is a way to setup Adsense page-level.

Step 1: Login Your Blogger Account.

Step 2: Select a blog that you would like to add the code, Then click on Template on the left of the navigation bar.

Step 3: Click on Edit HTML button.

Step 4: Add the page-level code in the Blogger blog HTML: Now you got a code from you setting up page-level then copy it and paste in the head section or below the <head> tag of your blog HTML code area.

Step 5: After added the code in your blog head section then click on Save Template button to change.

How to Add Adsense Page-Level Ads on WordPress Site?

If you are using WordPess CMS, you might need the below tutorial that will guide you to add page-level on the WordPress website.

Step 1: Login Your WordPress Website.

Step 2: When you are on the dashboard of your website. Just reach to the head section <head> tag.

  1. On the left navigation bar, just click on Appearance
  2. And click on Editor
  3. Find out and Click on head.php on the right of the navigation bar.
  4. Paste the page-level code in suitable place (below head section).

Step 3: Everything has done, just click on Update File button.

Adsense Page Level For WordPress

Now you are ready set up and add code to your website, then you will see something change within your ads that added to your website and especially, the add view on mobile friendly.

July 12, 2016

Meta Description.
Meta Description is known by blogger writers, web development, and web designers. It is a most important for search engine ranking for blog and website where everyone can see on the search engine result page. It would be a great ranking on the google search engine if your website has a strong page description on the page.

A young Blogger who is using Blogger CMS, he might be getting stress to find where he/she can create and add a description to their post or page so a blogger should not miss two things to improve SEO on Blogger when you create a post and page. Follow the link I provided to set up meta description on Blogger blog.  And this below guide will intend to help you write a strong meta description.

What is a Meta Description?

The meta description is a message that is intended to provide the user a snippet of what they want to look for on search engine results and it was limited to write 160 characters long that summarizes about the page of content.

The user will meet it in the search result on any search engine website when they use a phrase to search for something then a short snippet show below the page titles. That is a meta description that the webmaster wrote for their page content.

Meta Description Snippet

How to Write a Killer Meta Description?

I still strong believe that a page description will impact search engine rankings. Although, Google said that meta description does not impact search engine rankings in 2007. So I work focus with page description hardly within these below guides.

Limite Length of Meta Descriptions

You can create a meta description tag and write as long as you want, but it will not impact on search engine ranking because the search engine will truncate any longer than 160 characters. So I recommend to write it about 135 to 160 characters length.

Write A Page Description to Match the Content

What are you writing about? Think about it and start to write a page description to match it. Google will find your page description and it tricks the visitor into clicking and score it less but bounce rate will be increasing. So to avoid  the mistake you should write a page description to match your content of a page.

Write a Unique Meta Description

Try to think a unique one or summarize your content avoid copy or duplicate from other websites. The unique meta-description is an effective marketing message reach to visitors and recognize it's quality by the search engine.

Put Keywords Inside It

If you value to any keywords that force you to write the article or a keyword that you are targeting, then put them in your meta-description because Google will highlight the search term in the page description. If your description is strong the page will be ranking.

Take Off Page Description From Un Useful Pages

There are few pages such as contact us page, privacy page, term and condition page, and others that you would think about them and put them in your term. Should you provide a meta description tag to all of them? If you have any pages that are not necessary to live on the search engine you should be provided meta-description to them, then Google or other search engines will hard to find all of them it the search result.

How to Change or Create Your Meta Description

The Meta Description mostly placed in the HTML tag where you can find below <head> tag. If you view page source you found it as below sample one.

<meta content="This is my Sample Page Description for my Webpage" name="description"/>.

You are a webmaster or administrator of a website, then you will be able to change or create for your blog or website page. You can use the above sample to place in your website HML if you do not add it yet.

Use Google Webmaster Tool To Improve Duplicate Meta Descriptions

Google webmaster tool is an SEO checking tool that your can use to analysis your website, especially meta description analysis tool. It will automatically check and address you to improve some pages description as well as to improve user experience and performance.

How to Find Duplicate Meta Descriptions in Google Webmaster Tool?

Use this Google Webmaster Tool tutorial to improve your website page descriptions in case they got duplication.

  1. Login To Google Webmaster Tool
  2. On the Google webmaster dashboard just go to Search Appearance
  3. Click in HTML Improvements
  4. In the Meta description navigation will tell you a number of duplicate meta descriptions. 
  5. You got pages that need to customize, then go to your website page and follow this tutorial for customizing its description.

Duplicate Meta Descriptions


Finally, you got to know a way to write a strong meta description and it is importation thing you should focus on your web page with meta description to improve SEO ranking.

If you would like to learn more about basic SEO, then do not forget to get in touch with  our Search Engine Checklist where you can review your SEO score.

July 2, 2016

Instant Articles
Facebook is best social media ever and it is a new world where you can create everything on it as same as you are on the human earth. This is a new of technology earth where you can you can create a teamwork, create a group, make friend with people around the world, make a business, promote your business, and make this world on your hands.

Another hand, we got that Facebook always find everything new for the publishers and especially, for people who are looking for help to make their business grow. 

A Newest feature that Facebook just launched in May 2015 to improving loading speed for article readers and this functional feature was met to the publishers and named "Instant Articles".

On June 29, 2016, Facebook announced a new Functionality that will be added and update for Instant Articles from July 14, 2016. Those feedback buttons are Like, Comment, and Share . They are will be updated automatically from mid of July 2016 to publishers' articles and to media assets embedded within their articles.

However, Facebook provides other functions that allow publishers to remove those buttons from either surface if they do not want to show all of them.

Update to Like, Comment, and Share Functionality

How to Manage Instant Articles Feedback Buttons?

Facebook announced that from 14 July, these feedback buttons such Like, Comment, and Share will be added to all articles, both new  and old. These functionalities are work default for people are using the Facebook App on iOS version 59 and news, the Android version 84 and newer. 

From now on, you can manage those buttons from your publishing tools, by using master controls in Instant Articles central admin. To manage those feedback button for your articles, please follow the steps below:

  1. Click "Publishing Tools" that located at the top of your Page.
  2. Click "Configuration" under Instant Articles on the left navigation bar.
  3. Scroll down a little bit to the "Tools" panel, select 'Feedback Settings,' and set your preferences on showing or not showing the feedback buttons.

Instant Articles Feedback Buttons

We do hope that this articles will help your to understand about Instant Articles helpful, if you do not yet create the helpful feature you should read about how to create Instant Articles for WordPress website.

Create Instant Articles For WordPress
In the previous article, I explained what the Facebook Instant Article is. So in this latest article, I will guide how to sign up the instant article for your blog or website because it will be interacting your visitor's' experience for reading your articles in the News Feed. The Instant Articles App is a new technology that is saving your time to improve speed loading of photos, images, and videos quickly in your mobile app.

Beyond providing a good experience for the article readers, you should create an Instant Articles App and while the Facebook approve your Instant Article Application, you can manage your articles from Content Management System (CMS). Thus, you can provide easier tool to your article readers

Today I would like to share you about how to create Instant Article for WorldPress Blog and Website. So you need to read this article clearly and following the guideline one by one.

How to Sing Up Instant Articles For WordPress Website?

To sign up Instant Articles for Blogger CMS, I would like to recommend you to use a custom domain name for your blog.

Step 1: Install Instant Articles Plugin For WordPress Website

To start creating an Instant Articles you need to download or install plugin Instant Articles for WP from your Wordpress Website dashboard.

Sign up Instant articles

Step 2: Connect the Plugin to Facebook

One you install the plugin, you need to create an Application (APP) on Facebook to contact your Instant Articles to your Facebook page. Then you just need App ID and Secret ID to connect it.

  • Create Instant Articles App

Now go to Facebook Developer Web Page then make sure that you log in your facebook account. Then click on "Add a New App" button and choose for "Website" and to continue please following these steps.

  1. Now click "Skip and Create App ID" button
  2. Provide your App name
  3. Provide Contact Email Address
  4. Choose "App for Page" category
  5. A final step, I suggest to getting in touch with "Create App ID" button.

Create Instant articles

  • Provide Web URL to Facebook App

To allow Facebook App quality your website, you have to provide specific URL to connect your website to your Facebook App.

  1. Go to "Settings"
  2. Click on "+Add Platform"
  3. Select for "Website"
  4. Provide URL in the form
  5. Click "Save Change" button.

Provide URL to Facebook App

  • Publish Your App

Now you are almost done, just go to "App Review" and then publish your App by select "Yes"

Publish Instant Articles App

  • Login Activation

Now it is time to connect your Instant Article plugin to your Facebook app as following steps.

  1. Copy your App ID from your Facebook App then paste it into your Plugin Activation that is on your WrodPress website dashboard.
  2. Click on "Show" button to show your App Secret and then copy it and paste into your Plugin Activation that is on your WrodPress website dashboard.
  3. Click on "Next" button.

Connect Instant Articles Plugin to App

Step 3: Connect Your Instant Article App to Facebook Page

After your click on Next button, you will get a blue button that allow you to login Facebook and select the Facebook Page where you will be published Instant Articles.

  • Select Your Facebook Page (Method 1)

  1. Click on "Login to Facebook" button.
  2. Click on "Continue as ...".
  3. In this step, click on "OK" button to reach to another step.

Completed Activation

Step 4: Claim Website URL

After you have selected the Facebook page, you will be asked to provide your website URL intend to use for articles. The URL your provided is the main one for example To claim URL you need to add a meta tag provided from your registration to your HTML <head> tag.
  1. Go to Your Facebook Page, click on "Publishing Tools"
  2. Click on "Configuration"
  3. Copy meta tag and paste into your HTML <head> tag
  4. Provide your domain name in the URL form
  5. Click on "Claim URL" button to submit.

Claim Website URL for Instant Article

Step 5: Create Articles by RSS Feed

Facebook found that publishers need a tool to publish articles to the web and mobile application for readers. Thus Instant Articles will publish directly from your Content Management System (CMS). So you can sync your website and blog with Instant Article through Facebook's publishing tool, as RSS Feed or by and API and below are tutorial for Blogger and WordPress Management System (CMS).

Now please kind review from step 1 to step 4 and make sure that all steps are successfully completed, otherwise, you will bet get this step.

  1. Click on Production RSS Feed
  2. Provide feed/instant-articles after your web URL
  3. Click "Save" button.

Create Articles by RSS Feed

After your submit your RSS feed, it will under review for 3 to 5 days and then it will be a magic after they approve your application.

Step 6: Customize Styling

Everything is done from step 1 to step 5, and this is the another option that you can customize or create a new template style for your application. This style allows you to change font size, font color and upload your logo for your App.

Instant Articles Style

These are all results that I am sharing with you about how to create Instant Articles for WordPress website and I do hope that you will be acknowledged for these 6 steps to getting Instant Articles for your website.

June 30, 2016

Facebook Instant Articles
Facebook Instant Article is a new idea and new product that meets publisher needs. it was launched by Facebook since May 2015. Instant Articles were built to provide a solution for a particular problem that happened on the Facebook mobile application (APP) because it was very slow loading time.

Facebook are on the way of millions of people are getting the news via the app but it is loading very slow, they spent about 7 to 8 seconds when they click on a link from the Facebook Page app. So they came up with the Instant Article, it is a way that they can view those article on their phone like lightening speed. So Facebook hopes that readers can start zooming those articles 10 times faster than mobile web articles. This mean that Facebook does not want you to spend more times on the loading speed on the app and the Facebook Instant Articles publishers can publish articles and they will see the app revenue.

If you are a publisher, it is time to study about Facebook Instant Articles because I do believe that every article that posting on your website or blog will share the Facebook page or profile and those articles will reach to your Facebook page fans they will get the news from there then they completely click your website likes which share on Facebook.

Facebook Instant Articles

These Few Things You Have To Know About Facebook Instant Articles

Instant Articles are gorgeous application media

It was so amazing app when I read the article from Instant Articles Media, and it was released hype video. Instant Articles comes with a great benefit and easy to use and moreover, they have multi-features that we can associate with premium.

The Instant Articles are available on Mobile

The first instant articles are published on the individual pages or on the Instant Articles Library in the Facebook app. This is a new technology in inventive ways that publisher's needs.

Facebook Offer Publisher within Ads Revenue

Facebook will give instant articles publishers 100% of the revenue from advertisement and if they sold the ads and 30% will cut if the advertisement sold through the Facebook network.

The App Provides Auto Video Play, Image Flexibility Moving, and Zoom

When you got instant articles work for your website, all your media such as videos, images, and the map will be working great. The auto-play video and tap to zoom image galleries.

Do not Need To Create Posts From Your Page When You Apply Instant Article

This is an amazing juice that offered by Facebook. When you publish an Instant Articles, it will not automatically correspondent on the Facebook page, but it will work like a magic, it will redirect to article's URL when your visitors view your articles from your Facebook page by using a mobile app.

Only You Can Control Which Articles are Published

When you sign up the Instant Articles, you will need to take responsibility to control your article which will be published to your Facebook page. Instant Articles Library allows you to manage your articles which published as Instant Articles.

Finally, You Love it

It is your choice to choose Instant Articles or not; if you prefer to use the default mobile app it does not a matter. The main of juice that provided by Instant Articles are released from this blog articles so it time to consider and learn How to sign up the Facebook Instant Articles for the next article.

June 27, 2016

Contextual Related Posts For Blogger Blogs
In the previous articles, I explained you the customization for blogger popular posts. Here is an extra blogger tool called "contextual related posts widget for Blogger blogs" that you can add it to your blog. And this extra blogger tool will appear in the single page or post which beneath a blog post.

Contextual Related Posts is the best extra tool and easiest way to add to your Blogger blog for free. it will help you to get more post view by motivating your visitors to click another article when you are on any post. Related posts widget for the blogger is displaying similar articles that mostly posted in the same category and it display both thumbnail post and post title.

Contextual Related Posts

How to Add Related Posts Widget To Blogger

In this below tutorial will guide you to add contextual related posts to your blogger blog.

Step 1: Login to your Blogger

Step 2: Please direct to your blogger dashboard menu and click Template > Edit HTML.

Step 3: Now you are in the HTML code area of your blog. Now search for the </head> tag and just below it add this CSS code.

<!--Related Posts with thumbnails Scripts and Styles Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#related-posts{ float:left;width:auto;margin-bottom: 30px;background:#fff; margin: 0 4px 10px 0; float: left;}
#related-posts a{ border-right: 0px dotted #eaeaea;box-shadow: 0 0 4px rgba(180, 180, 180, 0.55);float: left;position: relative;width: 190px;height: 145px;border-radius: 3px;}
#related-posts a:hover{background: #fbfbfb;}
#related-posts h2{ margin-top: 10px;margin-bottom: 10px;border-bottom: 2px dotted #dedede;padding: 0px;color: #999999;text-transform: uppercase;}
#related-posts .related_img {margin:4px;border:0px solid #f2f2f2;width:181px;height:85px;transition:all 300ms ease-in-out;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;-ms-transition:all 300ms ease-in-out;margin-bottom: 10px;}
#related-title { color: #222;font-size: 13px;text-align: center;padding: 0 1px;line-height: 18px;text-shadow: 0 2px 2px #fff;height: auto;width: 190px;}
#related-posts .related_img:hover{ border:0px solid #E8E8E8;opacity:.7;filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7;}</style>
<script src='' type='text/javascript'/>
<!--Related Posts with thumbnails Scripts and Styles End-->

Step 4: It is time to add the HTML code in your blogger blog to display the related post widget. Now search for <div class='post-footer'> tag, you will see twice then add below HTML code below it.

<!-- Related Posts with Thumbnails Code Start-->
<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 cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=6;
var relatedpoststitle=&quot;<b>Related Posts:</b>&quot;;
</div><div class='clear'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
<a href=''><img alt='Blog Supporter' src=''/></a>
<!-- Related Posts with Thumbnails Code End-->

Step 5: Now you are almost done. Just review from the step three and four to make use that your job completely right. The do not forget to press Save Template button.

This is an important notice: this plugin allows for Blogger URL that uses HTTP only. The HTTPS Protocol will not allow using (No work) because it will be displayed at all.

June 22, 2016

Claim an Unpublished Facebook Page
Facebook Business Page is a most beautiful social media that every business men, personal issue and other like creating to promote their business, products, and personal marketing. The Facebook will help your business grow and it is fundamental and will set you up for success. You can work focus on your activity on your Facebook page to meet your special business goals.

To use Facebook to be an effectiveness and to violate the terms and condition of Facebook, you need to be careful some activities on your Facebook business otherwise, your Facebook page will get unpublished or place limited activities on it which warning and punished by Facebook. So your Facebook Page Like Box and Facebook Like Lightbox Popup also got an error.

I share this information to you because I am facing this problem to my Facebook Business page that was unpublished by Facebook Company after I merged my Facebook business page with another Facebook page that listed in the different business category. Then few hours I got the warning message on your Facebook page and it was not published again. Therefore, add Add Facebook Open Graph Tags to your blog or website to get verify from your sharing activity. 

Facebook Page Business Page Unpublished

How to Recover an Unpublished Facebook Page 

There are not many Facebook page admin that face this problem if they do not violate the policy. Those main violated activities that we always do every day are spam posts, share spam links from other posts, and receive unpublish posts and especially merge your Facebook to another page in the different category like what I did for my Facebook page. 

Sometimes Facebook place limits activities warning message on your page because you do not follow the Facebook Pages Terms. So this is the way that I am using to claim my Facebook Business Page back to publish.
  1. Before you claim it to publish again, you need to know what was your mistakes that you did in last few hours and remove it immediately.
  2. On the page warning message you need to appeal to Facebook Company by click in the Appeal button and you will receive a form that allows you to appeal with your explanation to Facebook.
  3. Below sample short message text that I sent to Facebook to work out on my Unpublish page. 
  4. After sent the message, we have to wait for responding from them.
Appeal Restriction on Facebook

Hi Facebook,
I did not do anything intentionally and it is not my intention to violate any term and condition of the Facebook page please accept my appeal.
This message is a just sample and it is my personal that I used it to appeal to Facebook and to claim my Page. Thus, you can write the another one that you can explain more details about your problem.

June 20, 2016

Add A Google Group Web Forum in Blogger
There are many ways to improve your blogging experiences and the more experiences you got, the more sharing skill you got. you can choose a strategy to share your experience to the world. You can choose by creating a blog and share them on it or join a social media then share your experiences with them but in this tutorial, I will share the another way to share your experiences through Google Web Forum.

Google Web Forum For Blogger

Join Our Forum

What is Google Group Web Forum?

Google Web Forum is a question and answers (Q&A) forum and it is where members can use this interface to primarily answer the question of other group members. The group is similar to other online web forums because it allows members to join and manage the workflow state of topics within the group by a collaborative inbox.

Advantages of Google Groups Web Forum

You will never imagine that Google Forum has many advantages for your works. It will provide you many helpful major keys to help your blog members, promote your products and to share your experiences through it. These below are some advantages from Google forum.
  • Q&A Forum: Provide you a method to answer your blog members or customers questions.
  • Email List: You will get more and more email list from your group participants. 
  • Free Web Hosting: It is a difference way from other web forums that motivate you to buy a web hosting but Google Group is free of charge.
  • Create For Free: It is absolutely free of charge for creating a Google group.
  • Best Flexibility Forum: The web forum has a great option that allows you to customize to a way you need.

How to Create A Google Group Web Forum?

In this article will explain you to create a Google Group Forum. So now you need to have a Gmail account that you can sign up one for free. However, those who ready have one you now can start to create a Google group as the following steps.

Step 1: Go directly to Google Groups. Then click on "Create Group" on the navigation menu that shown in the attached picture below.

Create A Google Group

Step 2: You got a form after click creates group button in Step 1, then you need to fill up details about your new group. Just to an idea about filling up a form, following the explanation below.

Google Web Forum

  • Group Name: Here is a text area where you can give a group name that you prefer one. 
  • Group Email Address: This is a special option that you need to think what email address you would like to provide to this group as well as, it will auto generate to your blog URL. 
  • Group Description: In this text area you need to give a group description and explain the purpose that you create this group.
  • Group's Primary Language: Choose one of your group language and all of us using English (United State), a standard language.
  • Group Type: Make a decision to choose one group type in this function because there is few different type of groups. Those groups are Email List, Web Forum, and Q&A Forum. Therefore, I suggest you choose "Web Forum". 
Now once everything is done, please click on "Create" button that present on the top of the page. Then you will get a navigation message about your success.

Now just keep in mind that you got a Google Web Forum that you can invite people to join and share new things together.

Add Google Group Forum to Blogger Blog

Now it is a time to add a Google Group Forum to Blogger Blog. You will be easy to do in this step. What you have to do next is: Create a Blogger Blog Page. Consider this below guide to creating a blogger page.

You have to log in your blogger blog account. And on the dashboard click Pages > New Page >. Now between Compose and HTML, just click on "HTML" then copy the special code below and paste in your  new blogger page and then press "Publish" button.

<iframe frameborder="0" height="800px" id="forum_embed" scrolling="yes" src="javascript:void(0)" width="100%">
<br />
<script type="text/javascript">
    document.getElementById("forum_embed").src =
        "" +
        "&showsearch=true&showpopout=false&parenturl=" + encodeURIComponent(window.location.href);
Now in the last step, please do not forget to replace "best-google-web-forum" to your personal one that you fill up in the Google Email Address. it would come from "".

Add Google Forum to WordPress Website

To add Google Web Forum is not a difficult thing. You need to create one Page by following this tip.

Now you log in to your WordPress website. On the dashboard click Pages > Add New > Text then copy above special code and page in your text area of the page. Now when you are ready just click "Publish" button. Therefore, do not forget to replace your "best-google-web-forum" to your personal one.

Finally, you can add Group Web Forum on you blog and Website. I hope you can look after it and keep sharing it and invite friends, members to join.

Back to Top