Latest: Tutorials

Tuesday, 11 March 2014

Devil's workshop Template for Blogger

Hello, am sharing with you my second template on this blog, every template mentioned here in is SEO friendly and adsense widgets.This template is by default SEO friendly, and very fast to load in all browsers. The template is also Adsense ready and you can insert Adsense ads on the most important places of your blog such as in the header and below the post titles. It is a two column template and has a beautiful navigation bar which can be easily customized. Social buttons at left side of every post is the beauty of this design. Everything you need for your blog is included in this template.
Demo   Download
features of this template:
  • SEO Friendly by default 
  • Adsense Ready, banner space in the header and ad unit space below post titles
  • Super fast to load in every browser
  • Beautiful navigation bar
  • Stay connected widget for all of your social & subscription links
  • Cool Sidebar of width 300 Pixels
  • Social Buttons with every blog post
  • Read More option on posts, on home page
  • Empty space for picture logo

How to Install & Modify Blogger Template in Urdu?

For installing a blogger template you need to follow these steps:
  • Go to Blogger dashboard >> Template
  • Just observe the “Backup/Restore” button at right top & Click that
  • You can upload your template and also you can download/backup your older template
  • Upload your template which you downloaded and click upload 
  • That’s all done, now view your blog
If you have any problem installing this, then let me know using the comment box below

Continue reading →

Download My Noblenaijablog free premium Template for blogger

Everybody wants a good template for their blog and that's why you see many bloggers roaming around the internet surfing for the best template for their blog.But today's i will be giving you this free premium template that i also use for this blog.This template was not created by me nor by my agents but was given to me from a very close friend.

Home Page

Blogger Template Page Layout
Blogger Template Page Layout

Numbered Paging navigation
Number page navi

Features of MY BLogger Blog Template

This template has many useful features and potential. Following are some best features of this template:
  • User Friendly Interface 
  • SEO Friendly Design
  • Top Sticky Bar 
  • Easy Navigation Bar
  • Ad Space in Header 
  • Single Left Sidebar 
  • Social Widget
  • Threaded Comment Box
  • Related Post Widget etc
  • Stylish Threaded commenting system
  • Auto Highlight Author Comments
  • Supports Default and Threaded Comments
  • built-in Sticky-bar with "Close Button"
  • Multi-colored Popular Posts
  • Two (Left and Right) header widget area
  • Stylish Block-Quito With hover effect
  • Number Page navigation Widget
  • Breadcrumbs/pagination
  • Notification bar/sticky bar
  • Customized 404 not found page with search form
  • customized profile widget
  • jquery Read comment privacy widget with expand/collapse
  • Deference CSS heading style h3, h4 and h 5.
  • Jquery Read comment privacy box
                                              Demo      Download

Installation Process:

  • Go to Blogger Dashboard >> Locate your Blog
  • If you have more than one blog, Click on ‘More’ Options Drop Down menu
  • Click on Template.
  • Click on the Backup/Restore button on Top Right Corner
  • Click on Download Full Template button to ‘Backup’ your Old template for safety
  • Click the Browse button and locate a blogger template from your hard drive.
  • Click on the Upload Button.
  • You are done!

Customization guide:

Footer Logo:
  • Go to Blogger Dashboard >> Locate your Blog >> Template > Edit HTML Button
  • Search for the tag <!--footer logo starts-->
  • you will see code as shown below,
<img alt='' id='footer-logo' src=''/>
  • You just need to Replace Red url with your footer logo..
AdSense below Post Title:
  • Go to Blogger Dashboard >> Locate your Blog >> Template >> Edit HTML Button
  • Search for the tag <!--Start Google AdSense—>
  • you will see code as shown below,
<!--Start Google AdSense-->
<div style='float:right;margin-left:15px'>
<div id='Google-AdSense' style='width:300px; margin:0 auto;'>
place Google AdSense code here
<!--Ends Google AdSense—>
  • Replace place Google AdSense code here with your Adsense Ad codes. (Dimensions: 336px X 280px)
404 Not found page template:
  1. Go To Blogger Dashboard >> Settings >> Search Preferences
  2. Click on Edit link next to : Custom Page Not Found
  3. Inside the box paste the code. (Included with main file)
  4. Click the Save changes  button and you are done.
Navigation menu:
  • Go to Layout > Edit HTML
  • Search for <!--nav starts-->
  • Just below  <!--nav starts—> you will see a long chain of code as shown below,
<!--nav starts-->
<ul id='nav'>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='#'>Menu</a></li>
<li><a href='#’>Archive</a></li>
<li><a href='#’>Comments</a></li>
<li class=''><a href='#'>Menu &gt;&gt;</a>
<li><a href='#'>Sub Menu</a></li>
<li class=''><a href='#'>Sub Menu &gt;&gt;</a>
<li><a href='#'>Dropdown Menu 1</a></li>
<li><a href='#'>Dropdown Menu 2</a></li>
<li><a href='#'>Dropdown Menu 3</a></li>
<li><a href='#'>Dropdown Menu 4</a></li>
<li><a href='#'>Sub Menu</a></li>
<li><a href='#'>Sub Menu</a></li>
<li><a href='#’>Error 404</a></li>
<!--nav ends—>
Edit bolded the hash sign (#) with your Page Links and Bolded Green Text with your Page Titles.
Sub nave menu:
  1. Go to Layout >> Edit HTML
  2. Search for <!--subnav starts-->
  3. Just below <!--subnav starts--> you will see a long chain of code as shown below,
<!--subnav starts-->
     <ul id='subnav'> 
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='#'>About</a></li>
<li><a href='#'>Contact Us</a></li>
<li><a href='#'>Sitemap</a></li>
<li><a href='#'>Write For Us</a></li>
<!--subnav ends—>
Again replace the hash sign (#) with your Page Links and Bolded Green Text with your Page Titles.
Footer menu:
  1. Go to Layout >> Edit HTML
  2. Search for <!--nav-alt starts—>
  3. Just below you will see a long chain of code as shown below,
<!--nav-alt starts-->
<ul class='pad fix' id='nav-alt'>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='#'>About</a></li>
<li><a href='#'>Contact Us</a></li>
<li><a href='#'>Sitemap</a></li>
<li><a href='#'>Write For Us</a></li>
<!--nav-alt ends—>
Again replace the hash sign (#) with your Page Links and Bolded Green Text with your Page Titles.
Footer Social follows:
  • Go to Blogger Dashboard >> Locate your Blog >> Template >> Edit HTML Button
  • Search for the tag <!--mbb-follow starts--> 
<!--mbb-follow starts-->
<div id='mbb-follow' style='width:275px;margin:0 auto; border:none!important;'>
<a class='facebook' href='#' rel='nofollow' title='Facebook'>Facebook</a>
<a class='twitter' href='#' rel='nofollow' title='Twitter'>Twitter</a>
<a class='gplus' href='#' rel='nofollow' title='Google Plus'>Google Plus</a>
<a class='rss' href='#' rel='nofollow' title='Subscribe To RSS'>Subscribe To RSS</a>
<a class='tube' href='#' rel='nofollow' title='YouTube'>YouTube</a></div>
<!--mbb-follow ends—>
Replace the Bolded Green hash sign (#) with your Facebook Links.
  • Replace the Bolded Green hash sign (#) with your Twitter Links.
  • Replace the Bolded Maroon hash sign (#) with your Google plus Links.
  • Replace the Bolded Blue hash sign (#) with your RSS Links.
  • Replace the Bolded Purple  hash sign (#) with your YouTube Links.

Note:If you have any problem installing this template then ,let me know using the comment box below
Continue reading →

How to Upload a template on Blogger Blog

Hello friends, my today's post is how to upload a template with simple methods on a blogger blog.Actually, new bloggers are finding it stressful on how to go with these process but to candid enough try and use this post as a process and see if it surely works and easier for you.

 First Step
Download your favourite template, always come with Zip file so you need to unzip(XML) the template before making it uploaded to your marked blog.

Second Step
Am sure you now know where your template path leads to on your blogger blog, if not let me make it simple for you..Log in to your account will this image
Click on Your Blog Name
Click on a drop down menu near the third screen image above, then you will see this image
Click on Template
Click on template, you will be directed to another page where you either need to customize your already template or Editing the HTML.Anyway we are not dealing with that, just look above and you will this image again.
Click on Backup Restore button
Click on Backup/Restore
This only help you to have a copy of your content, images, or comment in case you come with any problem.You will directed to another page which looks like this;
Backup Restore Template

Oh you getting to the last stage. click on download full template as i explained before in order to get a copy of you content, images or comments.

Browse your template on your computer and click on the template you have already downloaded and extract to XML document.I think we are at the final stage, you will be re-directed to blogger again, in this case click on upload.

Now you can finally see your blog with gorgeous template.

Note:If you have not extract your template to XML document, then you wont be able to upload it because Blog is made of XML.

If you find any problem doing this, then let me know using the comment box below
Continue reading →

Wednesday, 26 February 2014

Top 14, Free Submission, High PR Web Directories List

Every blogger and webmaster is in search of good, free and high PR web directories. The behind this is that everyone want to increase the high PR backlinks to his/her blog or website.I will be giving you the top 15 of them.
Sr. No.
Web Directory
Google Page Rank


Continue reading →

Top Websites for downloading High Quality Free Blogger Templates in 2014

You need quality template for your blog or website which can help you rank more on google.My today's post will be short and direct but before starting..Are you good at uploading template and editing it to your blog, if yes then you are good to go but if no then i need you not to make any attempt for now.These days, so many blogs and websites are providing blogger templates but still, you will face a lot of difficulty in finding a quality Blogger template for your new blog. For saving your time, I have made a collection of Top 8 websites which are providing high quality blogger templates and that too for free. Some of these websites doesn’t contain a large number of Blogger Templates but still there templates are awesome.

1. SoraTemplates

soratemplatesSoraTemplates has got first rank in my list because it contains a large number of High Quality Free Blogger Templates. While making this list, I have considered “Quality” of templates as the major factor so you might not see some famous sites in my list as well. If you are starting a new blog on blogger platform, you must visit this site for finding suitable template for your blog.

These days, Blogger users are showing more interest in WordPress like Blogger Templates. If your choice is also same, is probably the site, you are looking for. It has a plenty of high quality WordPress converted Free Blogger Templates. Due to this reason, This site has grabbed 3rd position in my list.

3. MasTemplates

Mastemplate is another website which is well know for providing high quality blogger templates. Around 5 or 6 months ago, it was my favourite as well but now, many demo and download links in this site doesn’t work at all.
Others are;

Continue reading →

How to Add Google+ comments in WordPress without using any Plugin?

Using google+ can bring alot of advantages to your blog, despite the friends i had on google+ i still get targeted traffic to my blog.Though this process is easy using blogger platform but a little bit hard for new wordpress users..So i will be sharing with you how to Add Google+ comments in WordPress without using any Plugin?

How to Add Google+ comments in WordPress without using any Plugin?
  • Login into your WordPress Admin area.You can reach there by entering your credential at screenshot of the login form is shown below:
WordPress Login Form
WordPress Login Form
  • Navigate to Appearance>>Editor in your Dashboard. The screenshot of the same is shown below:
Theme Editor in WordPress
  • It will open the Theme Editor Window. Click on “Comment.php” file on the right hand side. The screenshot of the same is shown below:
Comment.php in WordPress
  • In comment.php file, Try to look for “<div id=”comments”>“. The screenshot of the same is shown below:
Codes of comments in WordPress
  • Paste the Below given codes just below “<div id=”comments”>” in your comment.php file.
&lt;script type="text/javascript" src=""&gt;&lt;/script&gt;
&lt;div id="plusonecomments"&gt;&lt;/div&gt;
&lt;script type="text/javascript"&gt;
  window.setTimeout(function() {
    var id = 'plusonecomments';
    var divWidth = document.getElementById(id).offsetWidth;
    var width = !!divWidth ? Math.min(divWidth, 750) : 600;
    var url = "&lt;?php the_permalink(); ?&gt;";
    var moderationUrl = "";
    var moderationMode = "FILTERED_POSTMOD";
    gapi.comments.render(id, {
        'href': url,
        'first_party_property': 'BLOGGER',
        'legacy_comment_moderation_url': moderationUrl,
        'view_type': moderationMode,
        'width': width
  • If you are finding it difficult to understand, see the below given screenshot:
Google+ comments integration wordPress
  • Once done, click on the “Update File” button. The screenshot for the same is shown below:
Update File option in wordpress
  • That’s it. You are done. Google+ comments will be added just above your Default WordPress Comment form so enjoy.

Continue reading →

Facebook Page Vs Email marketing for traffic

Every bloggers want traffic which is also the main role in blogging, but in which of these methods can help to increase more traffic, trust and targeted visitors to your blog.Facebook is one the most visited social network of all time having about millions of visitors every month.Despite, the use of email marketing.In this post i will give you the advantages of facebook and email marketing.

Advantages of Facebook Page

Always visible: Business page content is visible to non-Facebook members. That means if people find your fan page details in Google search results, they can get information about your company without signing up. However, if they want to “like” your page, then signing up is mandatory.
Unlimited likes: While a normal profile page allows only 5000 friends, your fan page can have infinite number of fans. This is important because number of fans indicate your popularity among consumers. The logic applied by consumers is very simple, “if X company has 500,000 likes, they must have satisfied that many customers and I can trust them.”
Keep private your personal life: By creating a fan page, you can keep your personal and professional life separate. Your friends and family members will get text and photos related to your daily life while your fans will get the updates related to your business.
SEO benefits: Fan page content is indexed by search engines and that is great for brand promotion. As a businessman, you will obviously want direct traffic towards your site, but even if your fan page appears on SERPs, interested customers can get all the information about your company from Facebook. In case they decide to buy something, the site URL is available for them on the fan page.
Tagging: Your fans and other fan pages can tag your business page and since you want to show up on as many newsfeeds as possible, this is a great benefit. The tagging feature increases your engagement and fan base.
Facebook Insights: Fan pages come with great analytics tool. You can monitor the amount of views a post receives and monitor your weekly reach with the help of Facebook Insight. This data helps you modify the weak links in your social media marketing and helps you make the marketing campaign more effective.
Custom URL: Fan pages allow you to create a custom URL and as we all know, Google pays attention to the URL to get information about the page it is attached to. Therefore, if you add your company’s name at the end of the URL, you can easily make your page visible on SERPs.
Connection to Facebook Places: You can connect your page to a place and as a result, your day and hours of operating will be visible below your cover photo. For example, if your office is located in Penrith, Sydney, you can add the office location and opening-closing time to help customers. While visiting your office, clients can check in from their smartphones and it will work as a digital recommendation among other potential customers.
Business promotion: You can share exclusive news about your products/service with the audience from the fan page to generate hype in the market. For example, film production companies often release the trailers of upcoming films on their fan pages to excite viewers. This results in great ticket sales as soon as the movies hit theaters.
Customer relationship management: Fans will be able to share their feelings by posting on your wall. You may receive negative feedbacks sometimes but if you provide a prompt solution, all the fans will start respecting your brand and you will get hundreds of loyal customers.
Freedom to use apps: You can use Facebook apps to customize your page. For example, you can link Facebook and Twitter business account so that all tweets are automatically posted on the fan page.

Advantages of Email marketing

Easy to create

Email marketing doesn't necessarily require a huge team or reams of technical nous in order to be successful. It's certainly possible to jazz up an email campaign with fancy templates, videos, images and logos. Yet, some of the most successful campaigns utilise simple plain text emails, suggesting that it's the content of an email that is the most important thing.

Easy to track

Another key benefit of email marketing is that it's easy to see where you're going wrong. Most email marketing software will allow you to track open, click-through and conversion rates, making it simple to spot how a campaign can be improved. These changes can be made almost immediately too, whereas print or broadcast advertising requires quite a bit of effort to alter.

Easy to share

Subscribers can forward brilliant deals and offers to their friends at the click of a button. There aren't many other types of marketing that can be shared as easily as this. Before you know it, subscribers could become brand evangelists; focused on introducing your business to a new market.  


What other marketing platform lets you instantly send a message to thousands of people across the world? Sure, social media can help you spread the word amongst a global audience - but there's no telling


Due to the immediacy of email, a business can start seeing results within minutes of its emails being sent. A 24-hour sale is a brilliant marketing ploy that can be utilised by email, as it creates a sense of urgency and convinces subscribers to take immediate action. Businesses typically have to wait weeks until they see sales come in as a result of print or broadcast campaigns and, even then, how can they be sure what was responsible for the purchase?   

Now which one can really drive more targeted visitors to blog?let me give you this hidden truth, if you blog is about entertainment, news and sports, then the use of facebook page is utmost needed.Email marketing can be used for businesses, making money online, blogging tips, which does need for action.
Continue reading →

Tuesday, 25 February 2014

How to add Wikipedia Search Box Widget in Blogger

My today"s post is how to add a wikipedia search button on blogger.

If you have some kind of knowledge about HTML,CSS then you can do much better with blogger as well.Yesterday,blogger introduced a new widget i.e “Wikipedia Search Box widget” to the list of their Gadget.It is developed by Blogger team so you won’t see any kind of Bugs while using it.The details about its working is shown below.

How does Wikipedia Works in blogger
You might wondering, how does this works and what effects does it has on your blog, it is simple, wikipedia is a seach engine like google. When you google about something, it gaves you related searches and when clicked on redirect you to Wikipedia.

How to add Wikipedia Search Box Widget in Blogger


  • In order to add it into your blogger blog,log into your account and click on Layout.The screenshot of the same is shown below:
111 How to disable text selection in blogger and wordpress blog?
  • After that Click on “Add a Gadget“.The screenshot of the same is shown below.
BloggerEditLayout How to disable text selection in blogger and wordpress blog?

Now you will see a Pop up with many Gadgets.Click on “More Gadgets” option on the left hand side and choose the “Wikipedia New!“.Find Wikipedia New and add it to your blog.

If you have any problem doing this, let me know using the comment box below

Continue reading →
Blogger Widgets

Contact Form


Email *

Message *

Jquery Dropdown Menu

Author's Bio

Founder & Author: Oyejobi Adeola is a blog designer, web developer and a loving person currently working on several web projects, he is managing several blogs from his living.He loves to help and teaches different people on how they can make it big online without age barrier.Do you really love his blog? If yes, then
Read More About Him


Related Posts Plugin for WordPress, Blogger...
Copyright © 2013 Noblenaijablog All Right Reserved
Designed by oyejobiA | Powered by Blogger