Easy way to change hyperlink colors in Genesis framework

In our genesis framework tutorial series, here is a step by step guide to change link colors in the child theme with very few changes in the stylesheet.

Many Genesis themes give you color style selection inbuilt but serenity, lifestyle themes, News child themes and other studiopress themes don’t give any of this options.

Step by step guide to change link color in Genesis framework child themes:

  1. From your left sidebar menu of the wordpress dashboard, go to “Appearance”.
  2. Select last option “Editor”
  3. In your right hand side you can see
  4. go to the last edit option: style.css
  5. By pressing CTRL+F, search for “Hyperlink”. Same as seen in the image below. You can see visited color: #8B0000; ..and hoover color#. Change it according to your wish. You can find color number HERE
  6. Genesis hyperlinks change tutorial
  7. You can change Navbar link by searching  “#nav li a” and
    “#nav li li a, #nav li li a:link, #nav li li a:visited ” and change color#. It will help you to change navbar link color and navigation dropdown links color.
  8. To change sub nav bar (subnavigation bar) link search for”#subnav li a” and
    “subnav li li a, #subnav li li a:link, #subnav li li a:visited ” and change the color.
  9. Nav.li is homelinks. Nac.li li is dropdown links of the navigation bar. Same as in subnav.li is subnavigation bar links and subnav.li li is dropdown links of the sunavigation bar links.
  10. To change sidebar links, search for “#sidebar li a,” code and change color: #
  11. You can change Website’s title links directly from the “Appearance”

New genesis framework themes have different code for links:

For hexadecimal code (#000000; etc)..menu-primary li a,

.menu-primary li a:active,
.menu-primary li a:hover {
color: #000;
}.menu-secondary li a,
.menu-secondary li a:active,
.menu-secondary li a:hover {
color: #000;

Check our other genesis tutorials:

  1. Change genesis footer links with simple edits plugin.
  2. Change genesis footer links with Simple hook plugin.
  3. Genesis theme option disappeared from dashboard? get solution.

Isn’t it fun to learn how to customize your website and make it catchy with this tutorials.

Stay tuned for my next tutorial about how to change fonts size in genesis and other wp themes.

 

Pin It

Get Latest Tutorials and News straight into your inbox. Enter your email address, hit "Subscribe" button and confirm your email:

Delivered by FeedBurner

Easy way to change genesis default footer link to your desired link with Simple edit plugin

You must be looking for how to remove footer links in genesis Or how to change footer links? This pictorial tutorial will help you to remove Genesis footer links with genesis simple edit plugin.

Easy tutorial to remove genesis framework footer:

  1. Download and activate Genesis simple edits plugin.
  2. From the left sidebar menu, go to “Genesis”
  3. Select simple Edits. Same as shown in the image below.
  4. In the “Footer Credit Text” box, add your html links.
  5. Click on “Save Settings”.hurrah! you are done.
  6. You can edit/remove genesis wordpress footer links with simple hook plugin too. Check my previous post .
Genesis remove footer links

Genesis remove footer links

 Simple edits plugin will help you to remove/edit post info about author, date, comments etc in the Genesis Framework.

Pin It

Get Latest Tutorials and News straight into your inbox. Enter your email address, hit "Subscribe" button and confirm your email:

Delivered by FeedBurner

How to check if your new/recent post or page has been indexed by google

If you update your blog regularly, google will crawl your blog often and your new post will get indexed quickly in the google search. You can check whether your webpage/recent post has been indexed by Google or not with this following simple step. You can even check when (exact date and time) your blog post is indexed.

Go to https://www.google.com and search for

cache:your blog/post/page url(link)

If your blog post is not indexed, it will give you 404 error same as seen in the  image below.

google Error 404 (Not Found) when blog post is not  indexed

Whenever you publish your new blog post or page, check that post url after 1-2 days, depends upon Page rank of your blog, how regular are you updating and promoting your blog. My two years old blog was not updated(once in a month or two)  and promoted for a while so a month old post is not yet indexed and got 404 error while my kids are writing post every day and their new blog posts are getting indexed within three-four hours. Rock on kids… If your blog post been indexed in google, you will see snapshot of the cached copy same as seen in the image below. Double click on image for larger view.

Cached copy of your blog post to check whether your blog post is indexed or not in google

 Best way to get your blog and blog post indexed faster in google:

  1. Submit your blog to google webmaster tool-Tutorial
  2. Submit your blog to Bing webmaster tool-Tutorial
  3. Check our SEO category for easy tutorial to get your blog indexed faster.
Pin It

Get Latest Tutorials and News straight into your inbox. Enter your email address, hit "Subscribe" button and confirm your email:

Delivered by FeedBurner

How to remove Genesis credit links from footer with simple hook plugin

By default Genesis themes have Genesis and Optimal theme credits(Links) in the  footer . You need to change it to your website/blog  link with a copyright mark/your company’s credit or you can add affiliate links. In WordPress themes, there is a footer.php in the “Appearance-Editor option” and you have to change it there. It seems to be technical but in the premium Genesis theme, it is very easy with Genesis Simple hook plugin or Genesis Simple edits for a beginner genesis user. Genesis child themes are one of the best wp themes which are used as commercial WordPress themes too.

Pictorial  and step by step genesis tutorial to  Change/Edit a  footer credit link in Genesis Theme Framework with Genesis simple hooks Plugin:

  1.  Download and activate Genesis simple hooks plugin.
  2. From your left sidebar Genesis Menu, go to “Simple Hooks”
  3. Last 2nd option is genesis_footer  Hook or use  Ctrl + F to search for the genesis_footer hook as seen in the  image.
  4. Check on   Unhook genesis_do_footer() function from this hook?
  5. Add your credits/affiliate html links in the rectangle box as seen in the image. I have added Copyright @ <a href=”http://yaio.net”>Yeah!All In One</a>
  6. Save On Changes.

Following is an image of default footer of Genesis framework

  Following image shows how to change genesis theme credit to your own credit

Remove/Edit Genesis footer link - Genesis tutorial

 

I HOPE THIS SOLUTION WILL HELP YOU TO remove Genesis credit links from footer  and add copyright links etc to make your web page more professional.

Pin It

Get Latest Tutorials and News straight into your inbox. Enter your email address, hit "Subscribe" button and confirm your email:

Delivered by FeedBurner

How to find Royalty Free Images/pic for your blog/website With Google Image search option

Just like Photobucket, Google images also have an advance search option that is a little unknown, so here is a tutorial about how to find licence free images on Google Images for your blog /website post.

  1. Go to http://www.google.com/advanced_image_search (advance search link) or go to google.com and on the left hand corner, click on the Image option. Then search for an image related to your topic. On the right hand side click on a tiny flower like image that will show you four options. Click on the second option which is Advanced Search.
  2. Fill out any one box according to your need in the “Find Images” option.
  3. Remember to select the 3rd option which is “free to use or share, even commercially” or the last option “free to use, share or modify, even commercially in usage rights and search imageGet Royalty free image on google search
  4. Download the image of your choice and you can use it for your project, blog/website.It is always good to give credit(attribution) to  the photographer of the image you are using. This way you are at  google safe search in the terms of copyright..

 

Pin It

Get Latest Tutorials and News straight into your inbox. Enter your email address, hit "Subscribe" button and confirm your email:

Delivered by FeedBurner

Alexa submission Tutorial to drive alexa traffic

Alexa is important to know popularity, reviews for your webpage it will help to promote your blog/website/product and most advertisers will see/determine data from the alexa to know about traffic. It is very important to monetize your blog. The lower alexa rank is better for your blog/website. Mine started with 8 digits and lowered to 6 digits but 4 digit is much more better. You can check alexa rank by widget or SEO book toolbar for FF or directly from your alexa account.

How to submit your website/blog to Alexa with step by step guide: This tutorial was written while I was submitting my kids blog Education Free to alexa.

1) Create your account on www.alexa.com or login with your Facebook account.
2) Click On the “My Account” tab on the right side corner
3) Go to “dashboard” option
4) Click on “My sites”
5) Click on Add a site blue button same as seen in the image below.

Alexa submit guide

6) Click on Free “sign up” button (Intro plan) other paid options are good for professional websites.

 

alexa submission step-2, pricing details

7) Enter your website url and click on “Continue”

Alexa submission step-3

8) Now “Clam your site” page will appear and status will be “Not Claimed Yet”

Alexa submission :claim your site
There are 2 options to verify your site same as I have taught in the google and bing submission tutorial
Option 1: Upload a file to educationfree.info.They is download button to download file and you have to up

Upload the file to the root directory of your site.
Click on blue button stating”Verify the file on your site”

Option 2: This option is easy and non-techique people can do it easily
Add your Alexa verification ID to the home page of educationfree.info. They will give some ID and you have to enter it anywhere in the section of the HTML of your home page.
As seen in the image and click on “Verify my ID” option once you have added to the head section.. This id is just as meta tag that we learn to submit site to google and bing search engine.

9) Now as seen in below image it will say processing- it takes 2-3 seconds.

Alexa submission processing

10) Once it is verified it will say “Your site is successfully claimed” with green check mark as shown in the image.

Alexa submission-claimed site
11). Now click on “continue”
12) In the next step “Check My Public Listing Information”, you have to add site information, it is not compulasry though, I prefer to write Site title, site information and select country.If you don’t select the country it will show global rank only otherwise you can see rank in global as well your selected country.

Alexa submission tutorial
13) Click on “Save and Continue”
14) You will see message: Congratulations! You have claimed http://your site name/ with green checkmark. You are done, Now alexa will track how many domain linking with your site, major search querries, same site as you etc in this free Intro plan.

Pin It

Get Latest Tutorials and News straight into your inbox. Enter your email address, hit "Subscribe" button and confirm your email:

Delivered by FeedBurner

How to add facebook like and send button after and before each post in Blogspot(blogger)-Easy tutorial

Today, My blogger friend asked this question and here is an easy solution for blogspot blogs as well as other free blogging platforms.

  • Go to blogger dashboard under my blogs

  • click on Template as shown in below image. (double click on image to view in full screen)This image is for dofollow blogdirectory blog Facebool like and send button in blogspot blog tutorial
  • Click on” Edit HTML” button.
  • Check the box Expand Widget Templates.Back-up your template if you are not confident.
  • search for <data:post.body/> by pressing CTLR+F key.
  • Add following code before <data:post.body/> (if you want to add facebook like and send button after your post title.
  • <div id=”fb-root”></div><script src=”http://connect.facebook.net/en_US/all.js#xfbml=1″></script><fb:like href=”” send=”true” layout=”button_count” width=”500″ show_faces=”false” font=””></fb:like>
  • If you want to add Facebook like and send button in the end of your blogger(blogspot) post, add same code after  <data:post.body/>

Another sharing widgets are:

1) Sharing is sexy widget

2) Share the knowledge widget , Share the wealth etc

3) ShareThis, 

4) AddThis

google out those words and you will find codes, you have to add code same as shown in this tutorial.

Pin It

Get Latest Tutorials and News straight into your inbox. Enter your email address, hit "Subscribe" button and confirm your email:

Delivered by FeedBurner

0 Feedburner subscribers on March 21st- 2013-Again same problem as Sept 2012?

Today, I’ve noticed again that the Google feedburner subscribers counter is showing “0” readers as we had seen in September 2012. Check the below image. I’m wondering if it is bug problem or  if Google is going to announce a shutdown of this service? The Feedburner service is very good for small bloggers who can’t afford paid subscription services.

For the WordPress users, it is good that we have Jetpack Plugin to maintain subscribers by post, comment and the blog itself. I am thinking about switching this service in for a better one. What do you think?

Anyways, you can check your feeds via Feedburner AC. Mine was working up to March 17th. You can download  the  CSV of your subscribers through the EXPORT option. In “Show stats for” option select March 17.

It is definitely some Google bug because, last time when this problem occurred, it was working up to September 17th and this time, the last feed count is shown at March 17th.

Pin It

Get Latest Tutorials and News straight into your inbox. Enter your email address, hit "Subscribe" button and confirm your email:

Delivered by FeedBurner

Is Links tab from Dashboard missing/disappeared while updating your wordpress? Get an easy solution

Today, while building a new website, I needed to add some Links of a few posts/Blogroll but I noticed that  Links option from WordPress dashboard somehow missing/disappeared. I figure out the differences between new wordpress  3.5 and old wordpress sites. WP developers have removed few lines from functions.php files. I don’t know why?

Links option is good for Blogroll, collecting our blog posts links etc. It is quick hand option while writing a new post because internal linking(your previous post’s link) is good for SEO.

An easy solution to get your Links option back in WordPress:

Add this single line of code in theme’s functions.php file at the very end and enable Links option without any plugin.

add_filter( 'pre_option_link_manager_enabled', '__return_true' );

Pin It

Get Latest Tutorials and News straight into your inbox. Enter your email address, hit "Subscribe" button and confirm your email:

Delivered by FeedBurner