Showing posts with label blogger. Show all posts
Showing posts with label blogger. Show all posts
How to Create Pages Tabs Showing Labelled Posts ~
Display Labelled Posts as Pages In 5 Steps!
Tutorial Level:Intermediate – Requires Fiddling with HTML
Blogger just rolled out a wider blog template with capability of supporting the new expanded Pages Widget, which lets you create up to 19 pages in addition to the standard blog Home page. But the multi-tasker in me, still wanted more.Wouldn't it be great if pages populated themselves? I found a great Blogger Hack and after experimenting with it, I’ve re-blogged it below with a couple of tweaks,and two variations.Would you like tabs that will call up all the posts by particular labels? This is how I created the tabs for: Blogger Tips,Facebook Tips ,and Twitter Tips,as well as Reviews above. Give it a try, and if you run into problems, drop me a comment,or Contact Me. I can also talk you through the process,or add them to your blog for you, if you’re short on time.
5 Steps to Creating a Tab Displaying Posts with a Particular Label
Adding a Tab to your Pages list in blogger is fairly easy, if you follow the following steps::
- First, label your posts according to subjects or categories.
- Second, Get the label URL by clicking the label under a post,then copy the URL from the browser address bar. Paste the URL into Notepad.The URL should look like this:
http://YOURBLOGNAME.blogspot.com/search/label/YOURLABEL
or if the label has more than one word,like Facebook Tips, the Format will be like this:
http://YOURBLOGNAME.blogspot.com/search/label/YOUR%20LABEL
ie.
http://bloggedtips.blogspot.com/search/label/Facebook%20Tips - Prepare your line of Code. The Pages widget is a link list.,You just need to tweak the label URL a bit to add it as a line to the Pages widget as another link. The line you will insert needs to be formatted as follows:
<li><a href='YOURLABELURL'>YOUR TAB NAME</a></li>
for example:
<li><a href='http://bloggedtips.blogspot.com/search/label/Facebook%20Tips'>Facebook Tips</a></li> - Next,Insert the code.
Go to Dashboard > Design > Edit HTML.
Tick the Expand Widget Templates box on top right of the HTML window.
Put the code for the additional line, right after </b:loop> and just before the end of the unordered links list</ul>. Look for the line of code in the Pages widget like this:
</b:if>
</b:loop>
PUT THE CODE FOR THE LINKS HERE
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
5. Finishing steps Preview your changes before saving. If the preview will not show, delete all changes and start over, you nay have misplaced a punctuation mark. Otherwise, simply save, and enjoy!
Variations:
- To make the link open in a new window or tab, add target="_blank" attribute right after href="YourLink".
- To add the new tabs before the static pages insert the code at the beginning of the link list right after"<ul>"
When you use this tip.please leave a comment with a link to your handiwork, so we can enjoy it too!
Looking Forward to seeing your handiwork!
Suzanne
See the Original Article: Add Label Tabs to Navigation Bar
Putting Adsense Above Your Header-HTML Tweak
Optimizing Google Adsense? Put it above Your Title Box!
Google Adsense advertising can pay off if you have the right combination of variables working for you. One variable is placement. This Tweak can help you place your Google Adsesnse above your title, as you may have seen it positioned on sites like major newspapers. I used this tweak on the Omemee Pigeon eFlyer. Read on to discover how you can achieve this too!
How to Create Multiple Pictures Under Your Blogger Banner
Update: Scorpy. Roy has disappeared from Google, so I removed the link to his profile. I believe I may have another solution to this problem and will blog it soon.
While looking for a solution for another problem, I came across this great tip on how to create a row of picture links under a blogger banner, from
Scorpy Roy a graphic designer offers three solutions, each with a varying level of difficulty. Difficulty, just as beauty, is in the eye of the beholder. Being more conversant with code than creating images, for me the easiest solution is using the CSS code solution offered by Scorpy Roy. Which solution is easiest for you? Be sure to leave a link to show how you used this tip.
Continue Reading ...
While looking for a solution for another problem, I came across this great tip on how to create a row of picture links under a blogger banner, from
Scorpy Roy a graphic designer offers three solutions, each with a varying level of difficulty. Difficulty, just as beauty, is in the eye of the beholder. Being more conversant with code than creating images, for me the easiest solution is using the CSS code solution offered by Scorpy Roy. Which solution is easiest for you? Be sure to leave a link to show how you used this tip.
Blogger Buzz: What’s New With Blogger
Blogger: Real Time Stats, Reliability Make Blogger Tops
See Blogger's video take on their new innovations, and read my opinion of the changes too. Be sure to subscribe to receive email updates on new Blogger tools and tips.Subscribe to Blogged Tips by Email to get new updates about innovations Blogger is rolling out.
Blog Problem: Blog Opens on Different Site
Solution: Verify Address Through New Blog
A question on Blogger Help Forums inspired today’s post. A user had typed in the address for their blog, but it opened on a totally different site.
Here’s my solution:
You may have misspelled your blog name when you created it- Happens to the best of us Check out what I did with http://Deals4Canda.blogspot.com
To find your lost Blogger blog the easy way:
Continue Reading ...
A question on Blogger Help Forums inspired today’s post. A user had typed in the address for their blog, but it opened on a totally different site.
Here’s my solution:
You may have misspelled your blog name when you created it- Happens to the best of us Check out what I did with http://Deals4Canda.blogspot.com
To find your lost Blogger blog the easy way:
Blogging by Texting
Busy? You can blog from your cell phone on the fly! Check it out!
How Does Mobile Blogger Work?
You send a message - which can be a photo, some text, or both - to go@blogger.com. They take care of the rest. In other words, they auto-provision a new blog and publish the post. It's that simple.
Blogging by Cell Phone
If you have a Text messaging-enabled mobile device with a text messaging plan, you can send posts to your blog on the fly for the cost of your regular carrier services. This is a free service from Google.
How to Start Mobile Blogging
Continue Reading ...
How Does Mobile Blogger Work?
You send a message - which can be a photo, some text, or both - to go@blogger.com. They take care of the rest. In other words, they auto-provision a new blog and publish the post. It's that simple.
Blogging by Cell Phone
If you have a Text messaging-enabled mobile device with a text messaging plan, you can send posts to your blog on the fly for the cost of your regular carrier services. This is a free service from Google.
How to Start Mobile Blogging
Avoid Losing Readers: Open New Windows!
Links Losing Readers? Try This!
Often, when readers click a link on a page, they are whisked away to another site, sometimes never to return. You can provide readers with the convenience of links, and make it easy for them to return by using a piece of code which ensures the link opens in a new window. By opening a new window, the reader can easily return to your site.How it Works: Link List Example
Create Space Around Pictures
3 Ways to create spacing around pictures
Just modified this tip from the Blogger Answers Section originally posted by Good.ole Danny Boy.There is yet another piece to the puzzle, that will save a great deal of time. Do you know the answer?
Read on to see what I mean:
Subscribe to:
Posts (Atom)
