Friends, I need help in finding a way to split the header of my blog (Wordpress) in two parts (ratio 5:2).
I want to add some buttons to the right part of the header.
I'd appreciate your help, thank you!
The IndiBlogger forum is now a read-only archive. Every public discussion is still here to read, but new topics and replies are closed.
Friends, I need help in finding a way to split the header of my blog (Wordpress) in two parts (ratio 5:2).
I want to add some buttons to the right part of the header.
I'd appreciate your help, thank you!
Replies 1 to 11 of 11
Ritu, design it in FrontPage or Dreamweaver. Copy the code and put it in your header.php file! ![]()
Knock.. knock.. Ritu, are you lost in the smileys thread? ![]()
She is a noctournal female Ranjith
comes to indi only late night
Forgot that Ritu lives outside India. ![]()
Vijay - Yes, I don't know when it started but I'm an owl now :( usually awake till 2
Ranjith - The DDLJ thread has takena life of its own. Loving the fun. I was out during the day with a friend so missed some of the smiley fun! I live in Seoul which 3 1/2 hours ahead of India
Awake till 2!
Why do you always act surprised when people tell you their sleep time![]()
Don't you think that everyone is supposed to sleep by 10 or 11? ![]()
Believe me once you leave college you will sleep at 3 or 4 in the morning![]()
I know neither FrontPage nor Dreamweaver :(
Cant help you there Ritu, Ranjith seems to have gone hiding for a few minutes![]()
@ Vijay ![]()
@ Ritu If you want, I can do it for you.
It doesn't take much time. On a paper, draw a rough sketch of how you want the header to be, text, links etc and IndiMail it to me.
And start playing with FrontPage. It is a good way to design even with no knowledge of HTML. ![]()
I was not hiding.
I was seeing if there exists a free service which can be used to take screenshots of webpages to determine colourfulness for Lex Rank. ![]()
Ranjith - You would do that for me?
Thanks forum king
I need a basic split - the width of part 1 should match the post width of the left, the second part should be same width as the widget area
I want to add buttons to it later. Is this info sufficient? If not, I will create a page and send you Indimail. I know html a bit but I can't seem to locate the code to modify in my new theme ![]()
I know that Ranjith neven doubted you for a sec, but Ritu and you seem to be playing hide and seek
.
@Ranjith check this out > http://www.flickr.com/photos/96366081@N04/9246447633/ The third line, do you understand wht it is?
@ Vijay Are you asking about h1 tags or page rank flow?
Ranjith page rank flow.
@Vijay, @Ranjith: Page Rank Flow means - how much %age of PR you are keeping on your site.
In simple words - the number of outgoing links (dofollow) on your site or page shouldn't be more that the number of internal links (ofcourse dofollow) to your domain.
In this way your PR Flow will be more than 50%. If you keep max Link-juice on your page or site, it will rank higher in SERPs.
Ok Akash can you tell me what is the optimum page rank flow for a blog?
How did you find your pagerank flow? I want to find mine too
for which site Ritu? I will send you the snap
my suggestion-> Change theme which supports header widgets..
I worked a little bit to modify the theme I'm using right now (It's a wordpress child theme) so I do not want to change again :(
The final aim of PR Flow etc. are meant for ranking higher in search results. You can't rank a page/site higher in an efforts to keep max PR by making all the outgoing links nofollow or not linking out to external websites.
Google looks for >200 signals while ranking content. And there are more important signals out there than Page Rank.
So, don't nofollow all the outgoing links. And keep your PR Flow @ 55 to 75%.
Thanks Akash I have 73% Page Rank flow![]()
Thats G8 Vijay ![]()
Mine is 68%. Yay! Thanks to vijay for finding it out for me :)
@Ritu KT - You are using the default WP theme "Twenty Twelve" on your blog "Things to Rave About."
And your main aim is to - Put some buttons (socials) on the right side of the header; not, splitting the header in to 2 parts, right? For this you have to add a Widget on the header.
Caution: 1. You should be able to access your site via FTP. Use FileZilla for convinience (I love it). It will save you incase of any accident.
2. Copy the existing codes from the dashboard files and save it for future reference.
Let's start...
Log In to your dashboard --> Open the functions.php file
Then, find the below codes -
register_sidebar( array( ‘name’ => __( ‘Second Front Page Widget Area’, ‘twentytwelve’ ), ‘id’ => ‘sidebar-3′, ‘description’ => __( ‘Appears when using the optional Front Page template with a page set as Static Front Page’, ‘twentytwelve’ ), ‘before_widget’ => ‘
’, ‘after_widget’ => ‘’, ‘before_title’ => ‘
’, ‘after_title’ => ‘
’, ) );
Keep a space of one line at the bottom and add the below codes -
register_sidebar( array( ‘name’ => __( ‘Banner Area’, ‘twentytwelve’ ), ‘id’ => ‘sidebar-4′, ‘description’ => __( ‘Space for ads’, ‘twentytwelve’ ), ‘before_widget’ => ‘
’, ‘after_widget’ => ‘’, ‘before_title’ => ‘
’, ‘after_title’ => ‘
’, ) );
Now, save the changes.
Then open the header.php file.
Find the below code -
Now, add the below code, directly above the 'above mentioned' code -
SAVE the changes. Voila ! You are done !!
Now visit your widget section, and there you will find a new Widget area on the header section (Rt Justified). If you add the social buttons, then it will show on the Rt side of your header. You can change the position of the buttons by adding some CSS property.
In case of any problem drop your doubts here.
In the header.php file find the below code -
<nav id=”site-navigation” role=”navigation”>
Now, add the below code, directly above the 'above mentioned' code -
<?php if ( dynamic_sidebar(‘sidebar-4′) ) : else : ?> <?php endif; ?>
Save the changes. Now you are done ![]()
Few codes are omitted in my previous reply. I don't know how.
Thanks Akash :) I am in the middle of my Photo A Day Experiment(PADE) now so I will implement the changes on my testing site and then make them to my website at the end of July. I will bug if I get any more doubts.
Thanks again
Its better not to mess with core files (newbies), just change theme, otherwise result = corrupt theme.
Thanks for the warning Vishal, I'm using a child theme ![]()
Ritu what is a child theme![]()
Vijay - It's a theme that inherits the properties of the parent theme. So if I want to modify a Wordpress theme let's call it PADE (
) then I will create a directory called PADE-child and add the files I change from the parent theme (only CSS file is a must). This way I don't mess up the theme files :)
Oh and i forgot to add - With a child theme, I will not lose my customisation in case the theme is updated by the creaters!
wow so much to learn; is there a grand child theme too![]()
Vijay - I am yet to reach that level ;)
Vijay - my "things to rave about" blog
ok will post the link here
To enable or add widget in the header, you need to modify your theme's core files.. ie header.php and functions.php .. thats why I said Its better not to mess with core files
@Vishal - I'm also using a free theme on my blog SEOHour.com and never faced any problem anytime. You've to do experiments, either 2day or 2morrow to comeout of the newbie tag![]()
Ritu here is your link http://www.flickr.com/photos/96366081@N04/9253854317/
@Akash in the snap the page is shown as not indexable why is that?
Thank you Vijay. It says 68%, is it good?
Yep more than 50% is goooood![]()
@ Vijay I think it is because in her robots.txt, she blocked /wp-admin/ and /wp-includes/ ( which can be blocked as there is no content in it which can be used by others )
Which plugin is that? ![]()
Ranjith - What are you topic about? I couln't understand
Ritu your own website, check the snap, there is a red button which says site is not indexable
@Ranjith, how come in your and my site if we click on articles, same says non indexable but homepage is given as fully indexable???
Should it be indexable? Actually I did not change anything in robots.txt file. These were default settings.
I'm sorry if I sound dumb but I have limited knowledge of these things as of now
@ Ritu Everything is fine Ritu. Stay with the default settings. ![]()
@ Vijay Can you tell me which plugin is that so that I can check. ![]()
Ranjith I dont use wordpress so no plugins!!!
Vijay, I was asking about the Firefox ( ? ) seo plugin ( or whatever you call them ) . ![]()
Ranjith > home page of combo http://www.flickr.com/photos/96366081@N04/9260960600/
and individual posts page > http://www.flickr.com/photos/96366081@N04/9260959818/
Please help me with this
SEO Doctor 1.6.2 http://www.prelovac.com/vladimir/browser-addons/seo-doctor
Canonical URL : If you have different URL's all pointing to the same page ( for example, www.example.com/toys, www.example.com/?category=toys ) then you can use a canonical tag to state which of the URL's you want search engines to use.
In your case, see the URL in the 2nd screenshot. It is comboupdates.com/postname/.#abcd
The abcd at the end is being set by some script on your page. Since the canonical url specified on the page does not contain the .#abcd, the plugin is saying that comboupdates.com/postname/.#abcd is not indexable but still comboupdates.com/postname is indexable. So, no need to worry but still check which script is causing the .#abcd part to be added at the end of the url.
@Vijay I'll check with the plugin...
OK Ranjith thanks, I know the page is being indexed because it appears in GA search index but still was worried about it a bit
It took me almost 10 minutes to realize that clicking on the bar of that stats shows the deatiled results! ![]()
aha the beauty of firefox
It took me 15 minutes to find out the name of the plugin
![]()
Disable JavaScript in your FireFox browser and you will see that SEO Doctor shows that the page is indexable. So, the URL change ( adding the .#abcd ) part at the end is the cause. ![]()
But I wonder which plugin / gadget does such URL manipulation! ![]()
Ranjith how to disable JS in Firefox![]()
![]()
![]()
Done Ranjith you were right thanks
![]()
.