How To Get your Blog Indexed By Google Properly

So you have your blog ready with promising content it!! right? but you are wondering hw you gonna get indexed on search engine properly by google. Okay don't worry and get ready for this new portion of knowledge. Today I’ll tell you about how to make Google love your blog since one of the key factors influencing earnings on most monetization programs is quantity of blog's pages indexed by Google.

My main aim is to bring you knowledge, a piece of understand that will help you figure out and amend the cracks in you site. The more pages your blog possesses, the more ads you can place there and the more money you can get from them too. Therefore I recommend that you monitor your website presence in Google index as there are three main reasons why Google can decrease the number of website pages or rather remove them completely:-

#1. Non-unique content 
Well this could appear on your website both when you borrow it from other sources and also when somebody duplicates yours but how can you prevent it:-

  • Create your own content or rewrite the texts taken from other sites. 
  • Use plagiarism checkers to identify the uniqueness of the texts such Copyscape or Solidseotools checkland before posting your article. 
  • Don’t use the same widgets structure and content for all pages of your site, especially if the page text doesn’t contain enough (2000-5000) symbols.
  • Forbid indexing of page duplicates via robots.txt or add the page tag ‘link’ with attribute rel=”canonical” and set there the original page address. 
  • Make sure you don’t use content such as photos and videos protected by copyrights without property owner allowance. This may lead to Google banning your site in case of property owner claim. 
  • Protect your content by Google Authorship. You won’t get penalized once google notice your work is copied somewhere else.
#2. Lack of access to the site 
  • Always be sure that the indexing of certain pages or access for search engines bots is not forbidden by files robots.txt and .htaccess. 
  • Monitor the server performance and keep your hosting up. 
#3. Keywords spam and hidden texts 
  • Do not use too many keywords on the page, especially if those keywords are not related to the topic of the content. 
  • Avoid placing hidden texts, visible only for search engines, as Google can also remove site from indexing for that.
I hope that the above tips help your sites to establish a great relationship with search engines result.
Share:

5 EXCELLENT WAYS ON HOW TO PROMOTE YOUR BLOG

Congratulations on starting your new blog! In the business world, having a voice and platform by which to reach your audience is extremely important. Blogging will give your business voice, and, if promoted properly, can increase traffic to your blog for free!

WordPress is a great way to get your blog started. A word press blog is free, easy, and extremely customizable! Writing good blog content is a great way to generate traffic from several different sources. If you utilize keyword-rich content, you will see increases in traffic not only from search engines but from clients sharing your posts on social media, not to mention link referrals from other websites!

While writing, a blog is essential to your business, you cannot expect it to be successful without the proper blog promotion. Sales will come in from your posts, but it’s all about where you spend your time marketing your blog.

How to Get People to Read Your Blog 

It’s all about the content in your posts. Blogging rule number one is that you have to have amazing content that will grab your reader and make them want to continue the article they started AND return to see additional posts. Your writing needs to be knock their socks off incredible – and there are three ways to accomplish this:

  • Pick a topic that is brand new to your industry. 
  • Write something new about the topic you choose, and write it better than anyone else. 
  • Choose a topic that’s already been written about, and take a different approach. 

Your blog needs to fall into at least one of these categories, or blog promotion is not going to be easy. Let’s dive into each of these points a little further.

Covering Something Brand New 

Coming up with a topic that no one has covered in the past is the hardest point to accomplish. In most cases, your topic has already been covered in some way, and coming up with a fresh idea that no one has thought of, can be incredibly difficult. The best way to achieve this particular point is breaking out into a newer industry and blogging until you can’t blog anymore!
Write About Your Topic Better Than Anyone Else
It sounds pretty simple, and it can be – your content is written for you! It’s up to you to research your topic, read other blogs about your chosen topic, and make YOUR blog post better than the competition. This can be accomplished through your tone or by providing different information to your readers. Hooking your reader is key.

Taking a Different Approach to an Existing Topic 

This point goes hand in hand with point number 2. The same rules apply – take a topic that you’re familiar with, one that is extremely relevant in your industry, and reinvent the wheel. Blogging is one area where repeating content is okay, as long as you say it in a way that no one else has tried. The way to do this is by looking at the topic from a completely different point of view. Connect dots that have not been connected yet, or provide an opposite opinion from the norm! Shake things up, and driving traffic to your blog will be easy.

The main thing to remember before you put too much time into your posts is to do your research! Find out what your competition has written! Use a tool like Buzzsumo to find the popular content on your topic and read up. It will give you an idea of what is already successful in your targeted arena. Focus on making your content great, and the steps you need to make greatness a reality. This is your first step, even before you start writing.

How to Promote Your Blog 

You’ve written your content, it’s amazing, and now you’re ready to promote your blog to the masses. But where to promote your blog? There are many different ways that you can use to get people to ready your blog and increase traffic to your website.

Social Media

Like it or not, blog promotion is connected to social media. Start thinking of blogging as an arm to your social media marketing strategy. Every time you write and post a new blog post, share it on your social media accounts. Twitter, Facebook, Pinterest, and LinkedIn are your friends. Don’t just utilize your business accounts, either! Make sure that your personal account is following your business account and SHARE your business posts with friends and family. They are a guaranteed audience that will like, and possible share, your posts to their network! Free marketing! Remember that sharing once is not where social media stops. Keep sharing your content regularly. Change up the title of your post, the image that goes with it… and your posts will stay fresh in the eyes of your audience.

Email Marketing 

Start gathering email addresses NOW. If you don’t already have an email sign up on your website, get one. Email is an easy way to share your blog content with an audience that has already shown interest in what you have to say! Once website visitors give you their email address, they’re looking to you for information. This comes in many forms, and keeping your audience updated on your blog (which is an extension of your business voice) is a great way to show your industry knowledge. There are a few different ways that you can use email marketing to your advantage:

  • Send out an email each time you write a new blog post. Simple, but effective. Bring the content to your readers, don’t make them seek it out. 
  • Send a newsletter. Bi-weekly or monthly is a great way to stay in touch with your readers. Again, you’re delivering the content directly to your readers instead of depending on them to seek out the information. Keep the content of the newsletter short and concise, and link articles directly to your blog, thus driving traffic to your website! 
  • Social Shares.

Enable social sharing on your emails. Make it easy for your audience to send your blog posts directly to their social media accounts. Stats don’t lie – within a few hours of publishing your blog posts, posts are shared on social media around 12 times alone. The great thing about word press blog is that they also offer an easy plugin that will automatically add social sites do all of your posts. No work on your part – they’re just ready to share!


Get Traffic to Your Blog

If you don’t already have a social media audience, it Is time to get one. It takes work but building an email, and social audience is extremely important to building your brand and driving traffic to your blog, resulting in more sales!

Do outreach. Go to your competitor’s Facebook page. Take a look at the audience that’s engaging with them. Look to people that are in your industry that area is already running a successful blog. Ask them to share your content – the worst that they can say is no!

Create a list of people that may be interested in your content. This can be competitors, other writers, and industry leaders. Send an email asking them for a quick shout out on social media or in their blog posts. Don’t be shy – the worst that can happen is they say no! There’s also a good chance they’ll say yes – but not asking kills your chances.

Create Link Bait 

As you are creating your blog content, think about those that have included you while you built your business, or those whose advice you still refer back to. Put their names, blog posts, social media, etc. in your post and link to the specific site! This is called link bait, and not only does it help drive traffic to the person you’re talking about, it is an AMAZING way to get your name out there to top influencers in the industry. It also increases your chances that they will take your post and share it on their blog, which will tap into an audience that you can market to! Remember – flattery gets you everywhere!

Guest Posts 

Remember this for the duration of your blog – ask for promotional space. If you know a top influencer in the industry, REACH OUT and ask for a guest spot on their blog. While it may not happen immediately (they may want you to prove that you know what you’re talking about!), it shows that you’re serious about your topic and that you see this person as someone that can help you move through the industry.

Comment on Blogs 

Be active in your industry. Comment on blogs that you read, and on social posts. Always include your business name and a link back to your website in your post. This is a great way to stay in front of your audience, and if people continuously see your name in comments, they’re going to start recognizing you as someone of importance in the community.

Run a Contest 

Who doesn’t like free stuff? Running a contest to promptreaders to share your blog posts, read your blog, AND comment on your posts is a great way to build your audience. As they share your post about the contest, your audience will continue to grow! The best part – the prize doesn’t have to be huge. Give away your product – or something related to it!

Participate in Forums 

This goes right along with commenting on blogs – forums are an amazing place to showcase your knowledge, AND to promote your additional industry content. People post in forums for answer to questions, and keeping your name in front of them, while providing relevant information (and correct answers!) is the best way to get name recognition in the marketplace! Most forums will allow you to customize your signature, which is where you want to add a link to your blog.

Using a Social Locker 

Social lockers are a great way to make sure that people are sharing your content on their social media feeds. By providing only a portion of your blog post, enough to really hook the reader and providing a reason for them to read to the end, and then locking out remaining content until they share the post on Facebook et la, ensures your post makes it to the masses! To sweeten the deal, make a PDF or other relevant downloadable only available when the person shares this particular post.
Using Paid Promotion to Get Traffic to Your Blog
The above options were all free ways for you to use for blog promotion. Now, let’s look at paid ways to get traffic to your blog.

Using Re-marketing to Re-Engage Your Visitors 

Retargeting, Remarketing (either term works) is the art of showing ads to people who have already been on your site. Think about when you shop on Amazon – and the next time you visit a website for entertainment, the item you searched for will appear in an ad in the sidebar. This is retargeting.

Remarketing can help you reach 84% of people who have already visited your site. Let that number sink in for a moment. 84%. The numbers break out further into sites and days – 84% of your audience on 5 – 10 websites within 10 – 18 days are the actual statistics for remarketing. However, you look at it – 84% is a huge portion of your already engaged audience!

Remarketing is great to get visitors to keep coming back to your blog and build the trust needed to get them further and further down the sales path. Remember – all of this blogging is for one purpose. To promote and increase sales! A few remarketing tools to look into are Adroll and marketing 360. There are several tools that can assist with your retargeting – it’s all a matter of what works for you and your budget.

Paid Search Engine Marketing 

We all want to be number one on Google. Every business strives for this, and few achieve it. And those that DO achieve it are using paid advertising. There are several ways to use Google Adwords to get traffic to your blog, or increase your numbers!
Again, the cost varies based on your budget, so do your research! Purchasing keywords can get intense, and understand the terms your target audience searches for regularly will give you a better understand of where to put your marketing money.

Blogging Isn’t a Passive Activity 

We’ve reviewed a lot of information on promoting your blog in this post. The best thing to remember when you’re starting your blog, or working on blog promotion is that a blog is not a passive marketing tool. It takes research and dedication to ensure that your posts reach your intended audience, and that they continue to be shared throughout many months to come.

Be engaging, be active in your posts, and be PROUD of the work you’ve put into your blog. It’s important for you to WANT to share your words with your audience. If you are excited about your content, that will come across loud and clear to your audience, and make THEM excited to read your posts!

Blog promotion takes time, but as long as you are patient and work consistently to promote and build your brand, you can run a successful blog that will help you drive and increase sales!

RECOMNENDED: MONETIZE YOU BLOG WITH MAGENET
Share:

How To Enable HTTPS Over HTTP For Blogger / Blogspot

Enabling HTTPS availability for blogspot blog is a lot easier than you may think. Google has already encrypted Gmail, Search, Drive and many other products by default and now they have expanded HTTPS support to their Blogspot domain blogs. But befor we go to the benefit let's understand that choosing HTTPS over HTTP mean that you will be sending/receiving data to whover visit your blog in much safer way-therefore your data will always be encrypted. Okay let's see what are the benefits of using HTTPS over HTTP to access your blogspot blog:
  • It helps check that your visitors open the correct website and aren’t being redirected to a malicious site.
  • It helps detect if an attacker tries to change any data sent from Blogger to the visitor.
  • It adds security measures that makes it harder for other people to listen to your visitors’ conversations, track their activities, or ever dare to steal their information.
When HTTPS is enabled, visitors can access the encrypted version of your blog by typing https://yourblog.blogspot.com not the change in the domains http://yourblog.blogspot.com.

Also most important to note, HTTPS can not be used on blogs that are already custom domain, like this blog (e.g yourblog.com) you have to purchase the security certificate from your domain provider.

How to enable HTTPS on Blog?

Don't get scare it's not hard setting up HTTPS:

  • Login to Blogger
  • Select Blogs to change from HTPP to HTTPS
  • On the left menu, click Settings >> Basic >> HTTPS Settings 
  • Under HTTPS Settings, for HTTPS Availability, select Yes

To disable HTTPS, follow the steps above and select 'No' on HTTPS Availability.

If you disable HTTPS, visitors will be redirected to an unencrypted version of your blog's HTTP. All the bookmarks pointing to your blog will still work.

Use the photo below for more understanding.



Issues with switching to HTTPS

Google advices ” Blogspot authors should be aware that if they choose to encrypt at this time, some of the current functionality of their blog may not work over HTTPS. This can be a result of template, gadgets, and blog post content, and is often caused by mixed content errors, some of which may be fixable by the author themselves. “

Am done now, share with you friend if you love them...lol and see you on the next post.

You can also visit Blogger buzz post to read Google’s announcement and Blogger help for more information.

Share:

Seo Friendly and Valid HTML5 Meta Tags

How to create a powerful SEO meta tag for blogspot - meta tags? Most bloggers wouldn't know what meta tags means and their important but just make you understand, actually the function of meta tags is generally to provide information in form of metadata associated with html and xhtml based on its functions. Let's go a head and break things down a little better for more understanding.

Meta tags is one of optimization methods used to identify blog posts and articles in search engine. n other words you posts will be more easily traced in the browser/search engine such as Google, Bing, or other search tool and therefore will be more easily sorted in the SERP (search engine results page).

The function of the meta tag basically consists of several key elements such as:

  • Meta tag description Meta description tag is used to give a general overview of the contents of your blog page. The characters should not be more than 200 characters. See code below.

<meta content='Enter Your Blog Description Here'  name='description'/>

  • Meta tag keywords meta tag keywords are very important to define and determine what keywords can be found on your page in search engines. It also good for Adsense optimization.

<meta content="Enter Keywords Here'' name="keywords"/>
  • Meta tag robots The main function of robots tag use is to determine which and where the blog pages will be indexed in search engines. This tag is very useful especially if a blog uses frames for navigation.
<meta content="index follow" name="robots"/>
Now combining the three code component mentioned above you get the one shown below:
<meta content='Enter Your Blog Description' name='description'/>
<meta content='Enter Keywords Here' name='keywords'/>
<meta content='index, follow' name='robots'/>
Okay with that well noted. Let's see how we can deal with the 'xxxx' value that you normally see in your blog template.

Meta Tags Seo Friendly and Valid HTML5

Since nowaday we have newly modified template, I will be using the example below to show you to change the code in your template, note that not all blog template will have the same feature but at least you should get an idea how to do it. Do not worry I will answer you questions when needed. The below code are installed after the opening tag <head> or before </head>
<!-- [ Meta Tag SEO ] -->
<include expiration='7d' path='*.css'/>
<include expiration='7d' path='*.js'/>
<include expiration='3d' path='*.gif'/>
<include expiration='3d' path='*.jpeg'/>
<include expiration='3d' path='*.jpg'/>
<include expiration='3d' path='*.png'/>
<meta content='sat, 02 jun 2020 00:00:00 GMT' http-equiv='expires'/>
<meta charset='utf-8'/>
<meta content='width=device-width, initial-scale=1' name='viewport'/>
<meta content='blogger' name='generator'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
<link expr:href='data:blog.url' rel='canonical'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if></b:if>
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<title>Page Not Found - <data:blog.title/></title>
</b:if>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<meta content='noindex' name='robots'/>
</b:if>
<b:if cond='data:blog.searchLabel'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.isMobile'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<script type='application/ld+json'>{ &quot;@context&quot;: &quot;http://schema.org&quot;, &quot;@type&quot;: &quot;WebSite&quot;, &quot;url&quot;: &quot;<data:blog.homepageUrl/>&quot;, &quot;potentialAction&quot;: { &quot;@type&quot;: &quot;SearchAction&quot;, &quot;target&quot;: &quot;<data:blog.homepageUrl/>?q={search_term}&quot;, &quot;query-input&quot;: &quot;required name=search_term&quot; } }</script>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.pageTitle + &quot;, &quot; + data:blog.title' name='keywords'/>
</b:if></b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='BLOG-DESCRIPTION' name='keywords'/></b:if>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;' expr:title='data:blog.title + &quot; - RSS&quot;' rel='alternate' type='application/rss+xml'/>
<link expr:href='&quot;http://www.blogger.com/feeds/&quot; + data:blog.blogId + &quot;/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.postImageThumbnailUrl'>
<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
</b:if></b:if>
<link expr:href='data:blog.url' hreflang='x-default' rel='alternate'/>
<link href='/favicon.ico' rel='icon' type='image/x-icon'/>
<link href='https://plus.google.com/GOOGLE-PLUS-USER/posts' rel='publisher'/>
<link href='https://plus.google.com/GOOGLE-PLUS-USER/about' rel='author'/>
<link href='https://plus.google.com/GOOGLE-PLUS-USER' rel='me'/>
<meta content='GOOGLE-WEBMASTER-VALIDATION-CODE' name='google-site-verification'/>
<meta content='BING=WEBMASTER-VALIDATION-CODE' name='msvalidate.01'/>
<meta content='Tanzania' name='geo.placename'/>
<meta content='ADMIN-NAME' name='Author'/>
<meta content='general' name='rating'/>
<meta content='tz' name='geo.country'/>
<!-- [ Social Media Meta Tag ] -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta content='article' property='og:type'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta content='website' property='og:type'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<meta expr:content='&quot;Silakan kunjungi &quot; + data:blog.pageTitle + &quot; Untuk membaca postingan menarik.&quot;' property='og:description'/>
</b:if>
</b:if>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
<b:else/>
<meta content='Put URL address of you blog logo here' property='og:image'/>
</b:if>
</b:if>
<meta content='https://www.facebook.com/FACEBOOK-PROFILE' property='article:author'/>
<meta content='https://www.facebook.com/FB-FUN-PAGE' property='article:publisher'/>
<meta content='FB-APP-CODE' property='fb:app_id'/>
<meta content='FB-ADMIN-CODE' property='fb:admins'/>
<meta content='en_US' property='og:locale'/>
<meta content='en_GB' property='og:locale:alternate'/>
<meta content='id_ID' property='og:locale:alternate'/>
<meta content='summary' name='twitter:card'/>
<meta expr:content='data:blog.pageTitle' name='twitter:title'/>
<meta content='USER-TWITTER' name='twitter:site'/>
<meta content='USER-TWITTER' name='twitter:creator'/>

Information- Use the table below to learn how to make changes in the meta tags

DETAILS TO CHANGE DESCRPITION EXPLAINED
BLOG-DISCRIPTION Decription or Keyword of your blog
GOOGLE-PLUS-USER Your Google+ admin link e.g +amsamuel
GOOGLE-WEBMASTER-VALIDATION-CODE Your google validation code obtained from Search Console
BING=WEBMASTER-VALIDATION-CODE Fill in your Bing validation code
ADMIN-NAME Fill the author's name
tz fill the country abbreviation code of where the blog is being published from. eg for Kenya is ke, Tanzania is tz.
FACEBOOK-PROFILE Fill you facebook profile link
FB-FUN-PAGE Fill you facebook fun page
FB-APP-CODE Fil with facebook Application code: get it from https://developers.facebook.com
FB-ADMIN-CODE Fill in with your facebook profile code: use http://findmyfbid.com
USER-TWITTER Fill in with your twitter user name


N/B Delete the meta tag if not in use(optional) 

Re-customize the 'xxxx' value with your own value following the examples in the table above. Now that you are done and all set, tell me how you are doing I will be there to guide you step by step untill you get it right. Okay don't forget to share with friends too.
Share:

Powered Free Blogging WordPress Theme


Want a better blog? Powered is a completely free blog style WordPress theme we coded right here at WPExplorer. We wanted to create a practical theme that could be used by any type of blog – business, technology, beauty, lifestyle, travel, foodie and more. The clean and minimal layout of this theme makes it very easy to navigate and read. Yes, there are many nice free blogging theme’s out there but Powered is a well coded theme using WordPress coding standards, offers some premium-like features (choose between hundreds of Google fonts, custom set your widths, select your menu colors) doesn’t have any spam links or encrypted code, is extremely fast, easy to use and designed for the modern age.
Minimal, Responsive & Fast Design

The Powered theme is coded with a minimal grid style design that allows you showcase your recent posts in a very easy to navigate fashion and much like many popular blogs. Simply go to the WordPress Customizer to choose between 1, 2, 3 or 4 columns for your grid. Also you can choose between no sidebar, left sidebar or right sidebar for your archives, posts and pages independently. The optional “Featured Post” displays the first post of your grid in a large format which adds to the theme design but will also increase exposure on your latest articles. And the optional “Popular Posts” section before your widgetized footer will allow you to showcase some of your most viewed posts.

Customizer Settings & Image Sizes

Powered includes many useful customizer settings so you can change the default site widths, mobile menu breakpoint, add a custom logo, alter your entry excerpt length, enable/disable various parts of the theme, select your grid columns (1,2,3 or 4), select your layouts (right sidebar, left sidebar, no sidebar), alter your related posts query and select how many to display, select your preferred number of footer widget columns, enter your custom copyright text, select your default theme font-family (choose from hundreds of Google Fonts), enter your custom image cropping sizes and more!

Translations & RTL Support

The Powered WordPress theme is fully localized for translation and includes a Powered.pot file in the languages folder. It also includes 2 functions to add support for WPML and Polylang for translating some Customizer settings such as your custom logo if you want a different logo for each site language.

An RTL CSS file is also included to provide right-to-left language support without having to do anything! Simply select your RTL language in the WordPress settings and the file will be automatically loaded moving various theme elements automatically.

No More Conflicts!

Forget about conflicts with 3rd party plugins! Powered is coded with every single PHP function, class and HTML Id’s and classes uniquely prefixed to avoid any possible conflicts with other plugins. Plus we use only core WordPress functionality we don’t use any sort of 3rd party theme panels or image resizing scripts that could slow things down or break things.

Social Media Integration

Just because the design is simple that doesn’t mean that this free theme isn’t full of beautiful premium features. Powered includes built-in social media sharing on all your posts for Facebook, Twitter and Google+. All your readers have to do is click a button to share your articles (just be sure to setup Open Graph correctly on your site via a plugin).

The theme also includes a custom social media widget that you can use on your sidebar or footer. Simply add the widget to your sidebar widget area, paste in your social media links and save. You can easily drag and drop to re-order the social links as well as choose to open the links in the same or new tab.

Powerful Blogging

Most importantly Powered makes blogging easy. There aren’t any gimmicks, simply publish your posts like you normally do in WordPress and if you want you can insert an oEmbed compatible video or audio URL. Your posts will automatically display the featured image at the top (or video/audio) and your content below.  Posts also display an optional author box with bio and social links (enter your social links via your user settings), next & previous articles links, as well as a related articles section that displays other posts from the same category or at random (based on your Customizer settings).

Powered is a great option for any blog and we really hope you’ll give it a try! You can see more theme features below, or just download the theme to make your blog awesome today!

Powered WordPress Theme Features
  • Completely FREE GPL theme!
  • Responsive design
  • 1-4 Column layouts for your entries
  • Left, right or no sidebar options
  • Clean & minimal grid – choose between masonry or fit-rows
  • Custom image logo upload
  • Some styling and typography settings
  • Custom social media widget
  • Custom Recent posts with thumbnails widget
  • Style author box with social links
  • Standard, audio and video posts
  • Related posts
  • Popular posts section
  • Threaded comments
  • Numbered pagination
  • Custom footer copyright text
  • Back to top arrow
  • Clean & valid code
  • And more!
Powered WordPress Theme Documentation

Getting started with the Powered WordPress theme should be fairly easy, but here are a few tips for using the theme.

Installation: Install this theme just like you would any other WordPress theme. Simply download the zip file. Then use the WordPress importer to install and activate the theme.

Customizer Options: Options for your custom logo, site widths, columns, custom colors and more can be found in the live WordPress Customizer. Navigate to Appearance >> Customize >> General Theme Settings to alter the default theme settings. There are also some built-in styling/color options you can access at Appearance >> Customize >> Styling.

Image Sizes: By default the Powered theme does not crop or resize any images but you can define your custom cropping at Appearance >> Customize >> Image Sizes. Here you can enter the width, height and cropping location for the various images on the site. Once done be sure to run a regenerate thumbnails plugin.

Blog Posts: Create blog posts just like normal by selecting Posts >> Add New. This theme supports featured images, video and audio style posts as well. Simply enter your embed compatible links in the current meta fields displayed under the post editor.

Popular Posts Section: The optional popular posts section displays right before the footer area and can be disabled in the Customizer under the “footer” tab. By default it will display in order of most commented posts but you can also install the Post Views Counter plugin to display your most viewed posts instead.

Report a Bug: If you find an issue with the theme you can use the form located on the Bug Report page to let us know. This should be used exclusively to report bugs/issues only. This should not be used to ask for customization or usage related questions.

Updates: Updates are provided automatically. If there is an update to the theme it should display in your WordPress dashboard. If you notice there is an update available but you don’t see the update notice you can always re-download the theme and update via FTP.
Share:

How to Add HTML Parse Tool To Blogger (Adsense Parser)

HTML Parse tool for blogger also known as HTML encoder tool can also be used to parse any HTML or javascript code into XML code format. In our tutorial today we are going to learn on how to add an HTML parse tool to your especially in the blog's static page. The advantages of having this tool in your blog will be useful whenever you need to convert and display XML code instead of HTML codes in your blogger post.

Since you can't add Ad codes directly without parsing them in you blog post, you will be required to use Ads parser tool to solve your problem. Most effectively Adsense codes or any other Ads code can be parsed and you get the XML code to put in your template or anywhere in the post section.

Let's see how we can add this code in you blogger.

How to Add HTML Parse Tool to Blogger

Step 1: Log into you blogger account and then from the dashboard, click on 'Pages', select 'new page' to create a static page.

Step 2: Click on 'HTML' mode, then Copy the code below and paste into the text field of the new page you've created.
<form> <textarea style=" height: 320px; width: 600px;" name="data1" ></textarea><input type="button" class="myclass" value="Convert" onclick="html2entities(this.form.data1)" onmouseout="this.className='myclass'" onmouseover="this.className='myclass myclasshov'"><input type="reset" class="myclass" value="Clear" onmouseout="this.className='myclass'" onmouseover="this.className='myclass myclasshov'"></form>
Step 3: Save the page and the go back to Template/Theme>>>click on 'Edit HTML'. Click anywhere inside your template the press CTRL+F to search  for </head> and then copy the code below and paste code above it.
<script type='text/javascript'> //<![CDATA[ function html2entities(){var a=/[(<>"'&]/g;for(i=0;i<arguments.length;i++)arguments[i].value=arguments[i].value.replace(a,function(a){return replacechar(a)})}function replacechar(a){if("<"==a)return"&lt;";if(">"==a)return"&gt;";if('"'==a)return"&quot;";if("'"==a)return"&#039;";if("&"==a)return"&amp;"}; //]]> </script>
Step 4: Last but not the least with CTRL+F search for ]]></b:skin> and then Copy the CSS code below and paste above it.
input.myclass{background:none repeat scroll 0 0 #888;border:2px dotted #777;color:#eef;font:bold 13px ‘trebuchet ms’,helvetica,sans-serif} input.myclasshov{background:none repeat scroll 0 0 #aaa;border:1px dotted #aaa;color:#FFF;font:bold 13px ‘trebuchet ms’,helvetica,sans-serif} textarea{width:100%;color:#261fc0;font:14px verdana;background:#fffdf7;border:2px dotted #ff180d} textarea:hover{border:1px dotted #444}
Lastly save you template the refresh you blog to see the result. Ask me if trouble arise will help you out. It always nice having you around. Ciao,...



Share:

How To Add Javascript/HTML Code Box Tool In Blog post

Most bloggers whose work mainly involving developing widget using code will always need some special tool to share them out with other. That's why today I will sharing with a simple trick on how to add Javascript/HTML code box into your blog post. This tool is essential in organizing you content and displaying different sections designed for specific purposes

Okay below is how you can go about adding this code box too in your post.

Step 1. As always you will need to sign into your blogger account>>>>then go to Dashboard and then to the template/theme section.

If you ain't a pro, you can easily go to customize then from the new window  select Advanced and click on Add CSS.

For pros or those who need heavy tactics, you will need to go to Edit HTML and then use CTRL+F to find "]]></b:skin>".

Step 2. Copy and Paste the below codes in the CSS section or just above "]]></b:skin>" and apply to the blog or save your template.
.code { overflow:auto;width:503px;height:200px; font-family: "Consolas", "Courier New", Courier, mono, serif; color:#848176; margin : 15px 35px 15px 15px; padding : 10px 10px 10px 35px; clear : both; list-style-type : none; background : #000000 ; border : 1px solid #000000; border-left:20px solid #ccc; -webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition-duration:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-border-radius:3px;-moz-border--moz-border-radius: 23px 20px 20px 20px;border-radius: 23px 20px 20px } .code:hover{ color:#FEF9BF; border : 1px solid #000; border-left:20px solid #ccc; -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, .3); -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, .3); box-shadow: 0px 0px 10px rgba(0, 0, 0, .3); box-shadow: 10px 10px 5px #888888; }

Step 3. You will need to go back to post page and on HTML tab view add the code below:

<div class="code">
Your Codes
</div>

Change your codes with whatever code you have and you are done to save your work. publish int to see the result...

Comment below if you got any trouble.

Share:

How to Add An Awesome Sitemap Plugin In Blogger Blogs

Sitemap is one of the most essential blog tool to use in your blog. It helps a lot in reducing bounce rate by providing a direct navigation link to label of a specific post, for instance the sitemap plugin we'll be adding today in this tutorial shows a list of articles on the latest published order under each categories which is very cool. The plugin is based on ajax so it will load fast and will not have effect on the performance of your blog.
Let's take the lesson together and am sure by the end of the day you will be satisfied.

Step 1: As usual login into your Blogger account and go to >> Templates >> then>>Edit HTML and click anywhere inside the html are then press CTRL+F to search for  ]]></b:skin> tag and then just above it paste the following code.
.mapasite {
    margin-bottom: 10px;
    background-color: #F8F8F8
}
.mapasite.active .mapa {
    display: block
}
.mapasite .mapa {
    display: none
}
.mapasite h2 {
    background-color: #EEE;
    color: $(primary.color);
    font-size: 15px;
    padding: 10px 20px;
    border-radius: 2px;
    margin-bottom: 0;
    cursor: pointer;
    font-weight: 700
}
.mapasite h2 .botao {
    font-size: 18px;
    line-height: 1.2em
}
.botao .fa-minus-circle {
    color: #f30
}
.mapapost {
    overflow: hidden;
    margin-bottom: 20px;
    height: 70px;
    background-color: #FFF
}
.mapa {
    padding: 40px
}
.map-thumb {
    background-color: #F0F0F0;
    padding: 10px;
    display: block;
    width: 65px;
    height: 50px;
    float: left
}
.map-img {
    width: 65px;
    height: 50px;
    overflow: hidden;
    border-radius: 2px
}
.map-thumb a {
    width: 100%;
    height: 100%;
    display: block;
    transition: all .3s ease-out!important;
    -webkit-transition: all .3s ease-out!important;
    -moz-transition: all .3s ease-out!important;
    -o-transition: all .3s ease-out!important
}
.map-thumb a:hover {
    -webkit-transform: scale(1.1) rotate(-1.5deg)!important;
    -moz-transform: scale(1.1) rotate(-1.5deg)!important;
    transform: scale(1.1) rotate(-1.5deg)!important;
    transition: all .3s ease-out!important;
    -webkit-transition: all .3s ease-out!important;
    -moz-transition: all .3s ease-out!important;
    -o-transition: all .3s ease-out!important
}
.mapapost .wrp-titulo {
    padding-top: 10px;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.3em;
    padding-left: 25px;
    padding-right: 10px;
    display: block;
    overflow: hidden;
    margin-bottom: 5px
}
.mapapost .wrp-titulo a {
 
}
.mapapost .wrp-titulo a:hover {
    color: #f30;
    text-decoration: underline
}
.map-meta {
    display: block;
    float: left;
    overflow: hidden;
    padding-left: 25px;
}
.mapasite h2 .botao {
    float: right
}
Step 2: In the template, search for the </body> tag  and just above it paste the following HTML Coding.
<script type='text/javascript'>
//<![CDATA[
var text_month = [, "Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sept", "Oct", "Nov", "Dec"];
var no_image_url = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxJHaRTRpplZBJ2XQsGWfV632wWX8TwMs3mI7pGENpheStBPpO8eUZXV9bx7qjLfA4RW_0A8_xTIcu8li7iPRu4yE4Nm8W09Ho_QezLI-nnlaZ6WttDlc_wvN-pOuOE2SsKD-7HVENkxM/s1600-r/nth.png";
var static_page_text = $.trim($('.static_page .post-body').text());
if (static_page_text === "[sitemap]") {
var postbody = $('.static_page .post-body');
$.ajax({
url: "/feeds/posts/default?alt=json-in-script",
type: 'get',
dataType: "jsonp",
success: function(dataZ) {
var blogLabels = [];
for (var t = 0; t < dataZ.feed.category.length; t++) {
blogLabels.push(dataZ.feed.category[t].term)
}
var blogLabels = blogLabels.join('/');
postbody.html('<div class="siteLabel"></div>');
$('.static_page .post-body .siteLabel').text(blogLabels);
var splabel = $(".siteLabel").text().split("/");
var splabels = "";
for (get = 0; get < splabel.length; ++get) {
splabels += "<span>" + splabel[get] + "</span>"
}
$(".siteLabel").html(splabels);
$('.siteLabel span').each(function() {
var mapLabel = $(this);
var mapLabel_text = $(this).text();
$.ajax({
url: "/feeds/posts/default/-/" + mapLabel_text + "?alt=json-in-script",
type: 'get',
dataType: "jsonp",
success: function(data) {
var posturl = "";
var htmlcode = '<div class="mapa">';
for (var i = 0; i < data.feed.entry.length; i++) {
for (var j = 0; j < data.feed.entry[i].link.length; j++) {
if (data.feed.entry[i].link[j].rel == "alternate") {
posturl = data.feed.entry[i].link[j].href;
break
}
}
var posttitle = data.feed.entry[i].title.$t;
var author = data.feed.entry[i].author[0].name.$t;
var get_date = data.feed.entry[i].published.$t,
year = get_date.substring(0, 4),
month = get_date.substring(5, 7),
day = get_date.substring(8, 10),
date = text_month[parseInt(month, 10)] + ' ' + day + ', ' + year;
var tag = data.feed.entry[i].category[0].term;
var content = data.feed.entry[i].content.$t;
var $content = $('<div>').html(content);
var src2 = data.feed.entry[i].media$thumbnail.url;
htmlcode += '<div class="mapapost"><div class="map-thumb"><div class="map-img"><a href="' + posturl + '" style="background:url(' + src2 + ') no-repeat center center;background-size: cover"/></div></div><h3 class="wrp-titulo"><a href="' + posturl + '">' + posttitle + '</a></h3><div class="map-meta"><span class="p-author">' + author + '</span><span class="p-date">' + date + '</span></div></div>'
}
htmlcode += '</div>';
mapLabel.replaceWith('<div class="mapasite"><h2>' + mapLabel_text + '<span class="botao"><i class="fa fa-plus-circle"></i></span></h2>' + htmlcode + '</div>');
$(document).on('click', '.mapasite h2', function() {
$(this).parent('.mapasite').addClass('active');
$(this).find('.botao .fa').removeClass('fa-plus-circle').addClass('fa-minus-circle');
});
$(document).on('click', '.mapasite.active h2', function() {
$(this).parent('.mapasite').removeClass('active');
$(this).find('.botao .fa').addClass('fa-plus-circle').removeClass('fa-minus-circle');
});}});});}});}
//]]></script>
After you are done save you template then go back to pages.
N/B :- the widget works on jquery therefore male sure you have installed jquery plugin.

Step 3: At the final step we need to create a new page. Go to your blogger dashboard >> Pages >> Add New Page.

On the new page content, create the page title the disable comments using options links, then switch to HTML section and add the following code in the page content area.
[sitemap]
Use the image below for more and better elaborations.

Okay now save your work and tell how you find it...awesome eeeh right!!!!@ See you on the next post.
Share:

How to Add A Stylish Cloud Label Widget In Blogger

Cloud Label is one of official blogger'd=s widget actually they are then only blogging platform providing the widget. Anyway their widget comes with no styling and sometime can give you blog n odd look. Therefore in this post you are going to learn 'How to Add A Stylish Cloud Label Widget' in your blogger blog, This widget helps to grouping your blog content in perfect standard way and also notifying you visitor which post is related to which. On the hand too it also helps to manage your blog bounce rate. Let's go forward and learn how to add this widget to you blog today.

N/B: Before Editing we recommend you to make a backup of your template, so that anything goes wrong you still have your blog design safe.

Step 1: The First thing you need to do is to login into your Blogger account and go to >> Layout >> Add Label Widget From the Layout and put the settings just like show in the picture below.

Step 2: In the template, search for the ]]></b:skin> tag  and just above it paste the following Coding.
.cloud-label-widget-content {
text-align: left
}
.cloud-label-widget-content .label-count {
background: #2b2b2b;
color: #fff!important;
margin-left: -3px;
padding-right: 3px;
white-space: nowrap;
border-radius: 2px;
padding: 1px 4px !important;
font-size: 12px !important;
margin-right: 5px;
}
.cloud-label-widget-content .label-size {
background: #ebebeb;
display: block;
float: left;
font-size: 11px;
margin: 0 5px 5px 0
}
.cloud-label-widget-content .label-size a,
.cloud-label-widget-content .label-size span {
height: 18px !important;
color: #2b2b2b;
display: inline-block;
font-size: 12px;
font-weight: 500!important;
padding: 6px 8px
}
.cloud-label-widget-content .label-size a {
padding: 6px 10px
}
.cloud-label-widget-content .label-size a:hover {
color: #000!important
}
.cloud-label-widget-content .label-size,
.cloud-label-widget-content .label-count {
height: 30px!important;
line-height: 19px!important;
border-radius: 2px
}
.cloud-label-widget-content .label-size:hover {
background: #2b2b2b;
color: #fff!important
}
.cloud-label-widget-content .label-size:hover a {
color: #fff!important
}
.cloud-label-widget-content .label-size:hover span {
background: #ebebeb;
color: #2b2b2b!important;
cursor: pointer
}
.cloud-label-widget-content .label-size-1,
.label-size-2,
.label-size-3,
.label-size-4,
.label-size-5 {
font-size: 100%;
opacity: 10
}
Note that the CSS code only works for Cloud Label Widget and not for list label widget.
Share:

How to Add Simple And Elegant Social Sharing Widget In Blogger

Social sharing widgets are an essential part of blog especially when you are considering to do much of promotional work through social media. They are shortcuts to sharing the whole post. In this tutorial today you are going to learn 'How To Add an Elegant Social Sharing Widget In Blogger' and it's simple to use. This widget will help you and your visitors to share your blog content easily all over the internet via various social media sites they own. Okay, let's roll on further and see how we can add this widget/plugin to you blog. Keep in mind this widget will appear below your article or just above the author profile.

Before Editing we recommend you to make a backup of your template, so that anything goes wrong you still have your blog design safe.

Step-1: The First thing you need to do is to login into your Blogger account and go to >> Templates >> Edit HTML and search for the ending ]]></b:skin> tag and just above it paste the following code.
.share-box {
position: relative;
padding: 10px;
}
.share-title {
border-bottom: 2px solid #777;
color: #010101;
display: inline-block;
padding-bottom: 7px;
font-size: 15px;
font-weight: 500;
position: relative;
top: 2px;
}
.share-art {
float: right;
padding: 0;
padding-top: 0;
font-size: 13px;
font-weight: 400;
text-transform: capitalize;
}
.share-art a {
color: #fff;
padding: 3px 8px;
margin-left: 4px;
border-radius: 2px;
display: inline-block;
margin-right: 0;
background: #010101;
}
.share-art a:hover{color:#fff}
.share-art .fac-art{background:#3b5998}
.share-art .fac-art:hover{background:rgba(49,77,145,0.7)}
.share-art .twi-art{background:#00acee}
.share-art .twi-art:hover{background:rgba(7,190,237,0.7)}
.share-art .goo-art{background:#db4a39}
.share-art .goo-art:hover{background:rgba(221,75,56,0.7)}
.share-art .pin-art{background:#CA2127}
.share-art .pin-art:hover{background:rgba(202,33,39,0.7)}
.share-art .lin-art{background:#0077B5}
.share-art .lin-art:hover{background:rgba(0,119,181,0.7)}

Step-2: In the template html section, search for the <data:post.body/> tag  and just below it paste the following HTML Coding. In case, you are unable to find <data:post.body/>,  then you can paste it just below <div class='post-footer'> or <div class='post-footer-line post-footer-line-1'></div> depending with you template design.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='share-box'>

          <h8 class='share-title'>Share This:</h8>
               <div class='share-art'>
<a class='fac-art' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot;+ data:post.title' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=600, height=400, left=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow' target='_blank'><i class='fa fa-facebook'/><span class='resp_del'> Facebook</span></a>
<a class='twi-art' expr:href='&quot;http://twitter.com/share?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=600, height=400, left=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow' target='_blank'><i class='fa fa-twitter'/><span class='resp_del2'> Twitter</span></a>
<a class='goo-art' expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=600, height=400, left=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow' target='_blank'><i class='fa fa-google-plus'/><span class='resp_del3'> Google+</span></a>
<a class='pin-art' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url + &quot;&amp;media=&quot; + data:post.firstImageUrl + &quot;&amp;description=&quot; + data:post.snippet' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=600, height=400, left=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow' target='_blank'><i class='fa fa-pinterest'/><span class='resp_del4'> Pinterest</span></a>
<a class='lin-art' expr:href='&quot;http://www.linkedin.com/shareArticle?url=&quot; + data:post.url + &quot;&amp;title=&quot;+ data:post.title' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=600, height=400, left=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow' target='_blank'><i class='fa fa-linkedin-square'/><span class='resp_del5'> Linkedin</span></a>
</div>
         </div>
               
      <div style='clear:both'/>
</b:if> 
N/B If you want to display the widget in every page ( Homepage, postpage, indexpage, searchpage, archive page etc.) Then remove the lines which are marked in blue from the above code.

Step-3:  ( Adding Fontawesome ) The widget works on fontawesome icons, therefore I would suggest to install fontawesome in your blog as follows.

In the template, search for the </head> tag  and just above it paste the following HTML Coding.
<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css' rel='stylesheet'/>
I hope this article has been useful to you. Please sharing and suggest friend to come by for tutorials. In case of extra support please use the comment box below.
Share:

Trending

Unordered List

  • Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
  • Aliquam tincidunt mauris eu risus.
  • Vestibulum auctor dapibus neque.

Pages

Theme Support

Need our help to upload or customize this blogger template? Contact me with details about the theme customization you need.