Wednesday, May 19, 2010

10 Tips to Take Your Writing to the Next Level


ink  pen Pictures, Images and Photos
© RandomAsAllways
So you would like to give your writing a little more pizzazz huh? Taking your writing to the next level may sound simple in theory, but is often easier said than done. It is often easy to get set in your ways when it comes to counter productive writing habits, and breaking those habits can be difficult to say the least. But with some effort, and by making use of certain tips and techniques, you may be able to shed those habits that are keeping you from advancing your writing to the next level.

Here are some tips that might assist you in taking that next step in your writing, making your work clearer, easier to read, and more effective in conveying your thoughts, theories and ideas.

1. Tighten Up
Tightening up your work by looking for and eliminating unnecessary words and sentences can be a great way to better your writing. By reducing the clutter within your work, you may be able to present your thoughts in a clearer, more concise way that is easier for your readers to follow.

2. Watch Your Length
Whether you’re writing an article, essay or a post for your blog, it’s important to remember that with faster technology and access to more information, the attention span of a large portion of readers is dwindling. Long sentences, paragraphs, even articles may be a turnoff for readers of an increasingly ‘need to know now’ world.

3. Slow Down
In many instances, it’s fine to blow through a rough draft. Doing so might even help you get your ideas down faster without leaving out pertinent information, but when reviewing your work it can often be helpful to take it slow. By taking your time and focusing on the words you have written and the information you are attempting to convey, you may catch a multitude of errors you made during your initial work.

4. Re-read
While you might think you’ve just written a perfectly formed essay or article, you may be surprised at how much you missed or how many mistakes you made along the way. By proofreading your work, you’ll likely pick up quite a few spelling and grammatical mistakes as well as possible content and structure issues as well.

5. Re-read Again
For many writers, just reading a rough draft once isn’t enough. Consider re-reading your work in another form to get a different perspective on it. If you wrote and proofed your initial draft on a computer, consider printing it out to read it a second or third time on paper. Maybe reading your work on paper isn’t enough though. You may want to read it aloud, which could help you to catch mistakes you would have scanned over otherwise. It’s quite possible that you’ll still be finding mistakes or adjusting the work on the second, third, or even fourth reading.

6. Let It Sit
If you have the time, letting your writing sit for a while may increase the odds of catching mistakes when you re-read it. Allowing your brain time to rest, recuperate, and forget the words it has just put to paper can provide a fresh outlook when you come back to proofread.

7. Write For Your Readers
Knowing your audience may sound like common sense, but it can make a big difference in how you write. For example, using overly complicated terms for a younger audience or modern slang for an older audience can make your writing seem awkward.

8. Don’t Overindulge
There are varieties of ways in which you may overindulge with your writing. Telling personal stories, making jokes, talking too much about yourself, using profanity, making sweeping assumptions or generalizations, taking a ‘holier-than-thou’ approach -- you probably get the picture.

9. Sources and Interviews
Citing credible sources or utilizing interviews in your work may increase the strength of your writing, grab your readers’ attention, and give your work more conviction.

10. Take a Chance
Getting outside your comfort zone and trying or learning something new can be a great way to raise your writing to the next level. Experimenting with your writing and the techniques you use can lead you to knew ideas and increase your abilities.

It can be important to remember that when it comes to your writing and elevating your skills, it’s often about continued practice and the reading of other writers’ works. Often, the more you are exposed to writing and the techniques involved, the better you can make your own writing. Constantly being on the look out for new ideas, tips, and methods that other writers use can help get you to that next level.

12 Tips To Increase Subscribers to Your Blog

12 Tips To Increase  Subscribers to Your BlogSites such as Blogger and Wordpress are making it increasingly easy for anyone and everyone to start a blog. There are blogs on every topic imaginable, from food to pets to finances to shopping, all of which are easily lost in a sea of similar sites. Do you have a blog that you’d like to make standout in the endless onslaught of sites available online? The list below details twelve simple steps you can take to build readership and increase the number of subscribers to your blog.

  1. Content - The most important thing you can do is to offer relevant, authoritative content on your blog. Write about something you know and are passionate about to avoid sounding stilted or naive. If your blog features information people want or need, they will visit it.
  2. Update Often – Even if you’re providing useful, pertinent information, no one’s going to return to your blog if you only post once a month. In the meantime a newer, more current blog is likely to steal their attention, so be sure and post as often as possible to keep your site fresh.
  3. Guest Blog – Do you know other people with blogs? Have you ever considered using guest blogger services? The more content out there on the web that links or refers to your own blog, the better, so look into becoming a regular guest blogger on someone else’s site. Any exposure you can get is helpful for your numbers.
  4. Comment – If you have your own blog, odds are you read other blogs, so leave comments whenever appropriate. This helps you build rapport with other bloggers, but also provides you an opportunity to post a link to your blog, where appropriate. Be sure only to make useful, well thought out comments in order to seem like you’re attempting to SPAM a site.
  5. Forum Posts – Much like commenting on other blogs, posting in forums dedicated to subjects that relate to the topic of your blog can help drive subscribers to your blog. Always be polite and knowledgeable when you post to avoid garnering a negative online image.
  6. Contact Other Blogs – Are there a number of blogs you read religiously? Consider writing a post on your own blog about the value these sites provide to you, then contact the other blogger and send them a link to your post. Ask if they would mind returning the favor, as a link on their site could drive traffic to your own.
  7. Have a Subscriber Page – Build a page or at least a widget into your blog that is dedicated specially to subscribers. A special page can feature information you’d like your followers to know, while a widget featuring pictures and profiles of your subscribers can encourage more to join.
  8. Offer an RSS Feed – An RSS feed is an option you should offer all your visitors. This feed updates as you update your content, and users will find it an easy way to not only cross-promote your blog but to access the information they’re looking for as well.
  9. Link Yourself – It seems simple, but make sure to include your blog URL anywhere you can: at the bottom of your email signature, on business cards, and even on your Facebook or MySpace accounts.
  10. Network – Be sure and tell everyone you meet about your blog. In meetings, casual conversation, or even at retail stores, if you find an opportunity to promote yourself, do it.
  11. Make it Easy – Don’t hide your subscriber page or RSS feed option at the bottom of the page. Make it a prominent part of your site to encourage easy-click sign up.
  12. Offer Benefits – Let your subscribers in on special deals, new information, or hot topics that regular visitors can’t access. This builds loyalty and buzz around your blog – which is the ultimate goal!

Monday, December 14, 2009

SexyBookmarks v2 For Blogger

As you know that social networking is very useful tools to get huge traffic. In this post I will teach to add social bookmarking site to submit your blog.

I think you have seen “sharing is sexy”. I found that one and it is interesting. I did for my blog. Check it out. If you want to add just let use this tricks and you will be done.

Sharing is sexy

Here are step if you want to do it for your blog:
1. Login to blogger with Google ID
2. Click Layout.
3. Then click edit HTML tab.
4. Click the Download full template link. Save your template (Don’t forget)
5. Please mark the little box to Expand Widget Templates.
6. Find the code like this : </head>

7. Copy below code and paste it before </head>

<p><code class="javascript"><br />
<script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/><br />
<script type='text/javascript'><br />
jQuery(document).ready(function() {<br />
// xhtml 1.0 strict way of using target _blank<br />
jQuery('.sexy-bookmarks a.external').attr("target", "_blank");<br />

// this block sets the auto vertical expand when there are more than<br />
// one row of bookmarks.<br />
var sexyBaseHeight=jQuery('.sexy-bookmarks').height();<br />
var sexyFullHeight=jQuery('.sexy-bookmarks ul.socials').height();<br />
if (sexyFullHeight>sexyBaseHeight) {<br />
jQuery('.sexy-bookmarks-expand').hover(<br />
function() {<br />
jQuery(this).animate({<br />

height: sexyFullHeight+'px'<br />
}, {duration: 400, queue: false});<br />
},<br />
function() {<br />
jQuery(this).animate({<br />
height: sexyBaseHeight+'px'<br />
}, {duration: 400, queue: false});<br />
}<br />
);<br />

}<br />
// autocentering<br />
if (jQuery('.sexy-bookmarks-center')) {<br />
var sexyFullWidth=jQuery('.sexy-bookmarks').width();<br />
var sexyBookmarkWidth=jQuery('.sexy-bookmarks:first ul.socials li').width();<br />
var sexyBookmarkCount=jQuery('.sexy-bookmarks:first ul.socials li').length;<br />
var numPerRow=Math.floor(sexyFullWidth/sexyBookmarkWidth);<br />
var sexyRowWidth=Math.min(numPerRow, sexyBookmarkCount)*sexyBookmarkWidth;<br />
var sexyLeftMargin=(sexyFullWidth-sexyRowWidth)/2;<br />

jQuery('.sexy-bookmarks-center').css('margin-left', sexyLeftMargin+'px');<br />
}<br />
});<br />
</script> code>p>

And this one too

<p><code class="css"><br />
<style type="text/css"><br />
div.sexy-bookmarks{margin:20px 0 0 0; border: 0;outline: none;clear:both !important}<br />
div.sexy-bookmarks-expand{height:29px; overflow:hidden}<br />

.sexy-bookmarks-bg-sexy, .sexy-bookmarks-bg-love{background-image:url('http://img31.imageshack.us/img31/176/sexytrans.png') !important; background-repeat:no-repeat}<br />
div.sexy-bookmarks-bg-love{padding:26px 0 0 10px; background-position:left -1148px !important}<br />
div.sexy-bookmarks ul.socials{width:100% !important; margin:0 !important; padding:0 !important; float:left}<br />
div.sexy-bookmarks ul.socials li{display:inline !important; float:left !important; list-style-type:none !important; margin:0 !important; height:29px !important; width:60px !important; cursor:pointer !important; padding:0 !important}<br />
div.sexy-bookmarks ul.socials li:before, div.sexy-bookmarks ul.socials li:after, div.sexy-bookmarks ul.socials li a:before, div.sexy-bookmarks ul.socials li a:after{content:none !important}<br />
div.sexy-bookmarks ul.socials a{display:block !important; width:60px !important; height:29px !important; text-indent:-9999px !important; background-color:transparent !important}<br />
div.sexy-bookmarks ul.socials a:hover{background-color:transparent !important}<br />
.sexy-digg, .sexy-digg:hover, .sexy-reddit, .sexy-reddit:hover, .sexy-stumbleupon, .sexy-stumbleupon:hover, .sexy-delicious, .sexy-delicious:hover, .sexy-yahoobuzz, .sexy-yahoobuzz:hover, .sexy-blinklist, .sexy-blinklist:hover, .sexy-technorati, .sexy-technorati:hover, .sexy-facebook, .sexy-facebook:hover, .sexy-twitter, .sexy-twitter:hover, .sexy-myspace, .sexy-myspace:hover, .sexy-mixx, .sexy-mixx:hover, .sexy-scriptstyle, .sexy-scriptstyle:hover, .sexy-designfloat, .sexy-designfloat:hover, .sexy-comfeed, .sexy-comfeed:hover, .sexy-newsvine, .sexy-newsvine:hover, .sexy-linkedin, .sexy-linkedin:hover, .sexy-google, .sexy-google:hover, .sexy-friendfeed, .sexy-friendfeed:hover{background:url('http://www.wallheaven.com/sexy-bookmarks/sexy-sprite-new.png') no-repeat !important;border: 0;outline: none;}<br />
.sexy-digg{background-position:-980px bottom !important}<br />

.sexy-digg:hover{background-position:-980px top !important}<br />
.sexy-reddit{background-position:-700px bottom !important}<br />
.sexy-reddit:hover{background-position:-700px top !important}<br />
.sexy-stumbleupon{background-position:-630px bottom !important}<br />
.sexy-stumbleupon:hover{background-position:-630px top !important}<br />
.sexy-delicious{background-position:-1190px bottom !important}<br />
.sexy-delicious:hover{background-position:-1190px top !important}<br />
.sexy-yahoobuzz{background-position:-1120px bottom !important}<br />
.sexy-yahoobuzz:hover{background-position:-1120px top !important}<br />

.sexy-blinklist{background-position:-1260px bottom !important}<br />
.sexy-blinklist:hover{background-position:-1260px top !important}<br />
.sexy-technorati{background-position:-560px bottom !important}<br />
.sexy-technorati:hover{background-position:-560px top !important}<br />
.sexy-myspace{background-position:-770px bottom !important}<br />
.sexy-myspace:hover{background-position:-770px top !important}<br />
.sexy-twitter{background-position:-490px bottom !important}<br />
.sexy-twitter:hover{background-position:-490px top !important}<br />
.sexy-facebook{background-position:-1330px bottom !important}<br />

.sexy-facebook:hover{background-position:-1330px top !important}<br />
.sexy-mixx{background-position:-840px bottom !important}<br />
.sexy-mixx:hover{background-position:-840px top !important}<br />
.sexy-scriptstyle{background-position:-280px bottom !important}<br />
.sexy-scriptstyle:hover{background-position:-280px top !important}<br />
.sexy-designfloat{background-position:-1050px bottom !important}<br />
.sexy-designfloat:hover{background-position:-1050px top !important}<br />
.sexy-newsvine{background-position:left bottom !important}<br />
.sexy-newsvine:hover{background-position:left top !important}<br />

.sexy-google{background-position:-210px bottom !important}<br />
.sexy-google:hover{background-position:-210px top !important}<br />
.sexy-comfeed{background-position:-420px bottom !important}<br />
.sexy-comfeed:hover{background-position:-420px top !important}<br />
.sexy-linkedin{background-position:-70px bottom !important}<br />
.sexy-linkedin:hover{background-position:-70px top !important}<br />
.sexy-friendfeed{background-position:-1750px bottom !important}<br />
.sexy-friendfeed:hover{background-position:-1750px top !important}<br />
.sexy-link{ margin-left:25px; float:left}<br />

.sexy-link A{padding:10px 0; width:470px; text-align:right; border:0; outline:none}</style>code>p>

3. Now Put the below code after

<data:post.body/>

<p><code class="html"><div class='sexy-bookmarks sexy-bookmarks-expand sexy-bookmarks-bg-love' style='margin:20px 0 0 0 !important; padding:25px 0 0 10px !important; height:29px;/*the height of the icons (29px)*/ display:block !important; clear:both !important;'><br />
<ul class='socials'><br />
<li class='sexy-delicious'><a class='external' expr:href='&quot;http://del.icio.us/post?url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Share this on del.icio.us'>Share this on del.icio.us</a></li><br />

<li class='sexy-digg'><a class='external' expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Digg this!'>Digg this!</a></li><br />
<li class='sexy-stumbleupon'><a class='external' expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Stumble upon something good? Share it on StumbleUpon'>Stumble upon something good? Share it on StumbleUpon</a></li><br />

<li class='sexy-reddit'><a class='external' expr:href='&quot;http://reddit.com/submit?url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Share this on Reddit'>Share this on Reddit</a></li><br />
<li class='sexy-google'><a class='external' expr:href='&quot;http://www.google.com/bookmarks/mark?op=add&amp;bkmk=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Add this to Google Bookmarks'>Add this to Google Bookmarks</a></li><br />

<li class='sexy-twitter'><a class='external' expr:href='&quot;http://twitter.com/home?status=Reading: &quot; + data:blog.title + &quot; - &quot; + data:post.url + &quot; (@NAME)&quot;' rel='nofollow' title='Tweet This!'>Tweet This!</a></li><br />
<li class='sexy-facebook'><a class='external' expr:href='&quot;http://www.facebook.com/share.php?u=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Share this on Facebook'>Share this on Facebook</a></li><br />

<li class='sexy-mixx'><a class='external' expr:href='&quot;http://www.mixx.com/submit?page_url=&quot; + data:post.url' rel='nofollow' title='Share this on Mixx'>Share this on Mixx</a></li><br />
<li class='sexy-comfeed'><a class='external' expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' rel='nofollow' title='Subscribe'>Subscribe</a></li><br />
<li class='sexy-yahoobuzz'><a class='external' expr:href='&quot;http://buzz.yahoo.com/submit/?submitUrl=&quot; + data:post.url' rel='nofollow' title='Buzz up!'>Buzz up!</a></li><br />

<li class='sexy-linkedin'><a class='external' expr:href='&quot;http://www.linkedin.com/shareArticle?mini=true&amp;url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Share this on Linkedin'>Share this on Linkedin</a></li><br />
<li class='sexy-designfloat'><a class='external' expr:href='&quot;http://www.designfloat.com/submit.php?url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Submit this to DesignFloat'>Submit this to DesignFloat</a></li><br />

<li class='sexy-technorati'><a class='external' expr:href='&quot;http://technorati.com/faves?add=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Share this on Technorati'>Share this on Technorati</a></li><br />
<li class='sexy-scriptstyle'><a class='external' expr:href='&quot;http://scriptandstyle.com/submit?url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Submit this to Script &amp; Style'>Submit this to Script &amp; Style</a></li><br />

<li class='sexy-myspace'><a class='external' expr:href='&quot;http://www.myspace.com/Modules/PostTo/Pages/?u=http&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Post this to MySpace'>Post this to MySpace</a></li><br />
<li class='sexy-blinklist'><a class='external' expr:href='&quot;http://www.blinklist.com/index.php?Action=Blink/addblink.php&amp;Url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Share this on Blinklist'>Share this on Blinklist</a></li><br />

<li class='sexy-friendfeed'><a class='external' expr:href='&quot;http://friendfeed.com/?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Share this on FriendFeed'>Share this on FriendFeed</a></li><br />
<li class='sexy-newsvine'><a class='external' expr:href='&quot;http://www.newsvine.com/_tools/seed&amp;save?u=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Seed this on Newsvine'>Seed this on Newsvine</a></li><br />

</ul><br />
<div style='clear:both;'/><br />
<div class='sexy-link'> Widget by <a href='http://freexmltemplates.blogspot.com/' title='Free XML templates'> XML </a>|<a href='http://freexmltemplates.blogspot.com/' title='Free XML Templates'> XML</a></div>code><br />
For any query please reply herep>

</div><br />

Friday, July 31, 2009

How to Use Classic Blogger Template (HTML) in New Blogger

“hi! I love this template and would like to use it on my blog.
only problem is, this error occurs when i try to save changes…

Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: The element type “head” must be terminated by the matching end-tag “”.

could you help me rectify it?
hope to hear from u soon!”

If you got the same problem, please read How to Use Classic Blogger template in New Blogger

  1. Login to New Blogger with your Google account.
  2. On your Dashboard choose blog you want to edit, Click on Layout, you’ll go direct to Template tab where blog you want to Edit.
  3. Choose the Template tab of your blog then click on Edit HTML.
  4. Next scroll down to the end of your page and choose Revert to Classic Template.
  5. Copy all the code of the template you wish and paste it into your blog.
  6. Click on SAVE TEMPLATE and you are done!.

How to Use New Blogger Template (XML) in New Blogger

1. Download and Save the .zip file on your hard disk.
2. Extract the .zip file with Winzip or UltimateZIP
2. Go to Blogger Dashboard.
Blogger Dashboard
3. Klik on Layout link.
4. Next klik Edit HTML.
5. Browse the XML file you have saved and upload it.
Upload XML Template
6. Finish

Friday, October 17, 2008

Digg This Story Language Translation Flags and Script

This tutorial explains how you can add a script to allow readers to view your English site in other foreign languages. As you can see on the right of this page, a reader needs only to click the relevant country flag to read this site contents in his preferred language.

English is not the most popular language in the world. In fact, according to many reports, the Chinese language (Mandarin) is certainly the most widely spoken language. In the internet community, the other popular language platforms are arguably Spanish, Russian, Arabic, Portuguese, Malay, Italian, French, Japanese, and Korean.

Translation from English to other languages

If you have a blog written in English, it therefore makes much sense to be able to reach out to the non-English speaking population as well. There are several online translation tools, the popular free tools being AltaVista's Babel Fish translation and Google's Language Translator. WorldLingo is no longer a recommended tool, as the website translator has a translation limit of 500 words, beyond which you have to pay a monthly fee for their service.

For this site, I have used the Google Language Translator. Google is able to translate English website contents into Arabic, Chinese, French, German, Italian, Japanese, Korean, Portuguese, Russian, and Spanish. The JavaScript used here can be applied to most of the blogging sites like Blogspot, Typepad and Wordpress. Copy the following script and paste it at the part of the template where you want your language translator to appear.























































Points to note:-

1. For those using Blogspot, once you have logged into your Dashboard, go to Template-> Page Elements. Add a “Page Element” and select “HTML/JavaScript”.

2. Copy the above JavaScript. Under the “value” (in red), you will see the URL of this website. Please change that to the URL of your own website. Save and refresh the page.

3. If you want a slightly bigger flag, you can increase the width of the images, for example, from “30” to “36” and the height from “20” to “24”.

4. Should you come across a translation that doesn't look right, you can always suggest to Google a better translation to help them improve their translation quality.

Translation from other languages to English

If you have a site written in another language, you can also have a translation tool on your Blog to translate it into English. At the moment, Google is able to translate Arabic, Chinese, French, German, Italian, Japanese, Korean, Portuguese, Russian, and Spanish sites into English.

Go to the official Google Language Tools site. Key in your Blog URL at the place circled in the picture below. Choose the languages e.g., “Italian to English”.

Language Translation Flags and Script

Once you click “Translate”, you will be taken to the translated page. Copy the translated page URL in the browser. We have to insert this URL into the HTML code.

Language Translation Flags and Script

Next, login to your Dashboard, under Template -> Page Elements -> Add a Page Element, choose HTML/JavaScript at the place where you want to put your translation flag.

If you want a United Kingdom flag, copy and paste this code into the page element.

Google Translation




If you want a United States of America flag, use this code instead.

Google Translation



Please remember to insert the translated page URL into the code. If you wish to resize the picture by specifying the width and height, or if you want to have readers go to a new window when they click the link, you may read the article on Hyperlinks and Image Links (II) to see how you can do that.

Save and refresh your Blog to see the translation flag.

Tuesday, October 7, 2008

How To Change Blogger Template

Hey Guys i know many are facing problems while changing their template and also few donot know how to change their blogger templates.

Download then unzip the template file.

NEXT:
1. Upload the image(s) to your image hosting account (Flickr, fotopic.net. Or photobucket.com - recommended).
2. Open the template text file (.txt) in Notepad, UltraEdit, or another text editor.
3. Looking through the text file, replace: http://your_image_url_here/ --> with your own image URL (see no. 1)

4. Login to blogger.com.
5. Select change setting - Template - Edit Current.
6. Delete all of code in the box, replace with all of code from the template file.
7. Click 'Preview' to make sure the layout.
8. If everything looks okay, click 'Save Templates Changes'.
9. Don't forget to click 'Republish' after saving the template.

To see the changes, refresh your browser (press F5 or Ctrl-F5)


NOTE:
You're free to add your own accesories to the template code. Example:

You can put your shoutbox code HERE, in this line!

Sunday, October 5, 2008

How To Add Picture Banner To Blogspot Blog

As you all know blogger is fast developing and including many new features day by day and also maintaining all its features. One of the latest feature of Blogger is the Header image editing feature. Ising this new feature, the image appears in the center, as a background to the title. For more control of your blog and the position of the picture like picture appear on the left or on the right of the title, it may be better to follow this guide.

This guide is about adding an image or picture to your Blogger Header to replace the Header Title, and to add a unique personal touch to your Blog. At the same time, we would like to have a clickable Blogger Header so that anybody clicking on it will be brought directly to your Blog's home page. For purposes of search engine optimization (SEO), we would include a text in the code so that the title of your Blog can still be read by search engine spiders despite your removing the Header text.

Before we begin, if your intention is simply to add a background picture to the Header, but still retaining the Header text and description, please refer to my other article on “Background image for Blogger Header”



Next, you will have to enable additional Page Elements to your Header section. When you log in to your dashboard, and go to Template -> Page Elements, you should see an option for you to add a Page Element above your Header.

Add picture without link to Home page

This is simple. If all you want is to have an additional picture or image above or below your Header text, click the “Add a Page Element” link and select “Picture” to upload the image from your computer. Save and refresh.

Add picture with link to Home page

Instead of uploading the picture, you will need to create a link. To do this, you need to have the picture uploaded somewhere

Wednesday, March 19, 2008

How To Add The Blogger “Read More” Expandable Posts Link

This is a pretty popular Blogger hack that lots of people have asked me about. Instead of answering to each email individually, I thought it would make more sense to write an article about it.

With this hack, you can choose to display a select amount of text from the beginning of each post as a teaser instead of showing the entire post on the front page of your blog. Then when people want to read the rest of the post, they can click a “read more” link to see the full post. This is very handy if you have lots of long articles all on one page. (Note that you’ll need to have post pages enabled in order to make this feature work.)
Step #1 - Update Your Template Code

First you need to edit your existing code so I recommend copying and pasting it into notepad or any text editor. Also, it’s smart at this point to create a backup of your template just in case something goes wrong. Now do a search (CTRL + F) within the text editor for the following code post-header-line-1. This is the default code that Blogger includes but some custom templates remove or change this code so you might have trouble finding it. If you can’t locate this text then try searching for

instead. Your template will for sure have this since it’s the tag that actually prints the body of your post.

Now depending on which code you were able to find will determine how easy the next steps will be. You might need to do some detective work first in order to get this working properly in your custom template. The idea is to get this new code into your template before the
tag. Keep reading and hopefully the explanation will illustrate the concept clear enough so you are able to adapt this hack to your custom template.

Add the following code below the
and
tags if you’ve got both.





The result should look something like this:



If you don’t have the default
tag then your result should look something like this instead. This is how it would be done in the MushBlue Blogger custom template:

Notice in both examples that the code in yellow and the tags are the same — it’s just tag above it that will differ based on the template you’re using.

Now let’s add one more bit of code which will actually create the “read more” link in your post. This code will go below the tag so copy the following and paste it in. Feel free to change the “Read more…” text to whatever you want the link to look like. Be careful not to delete any other code during this process.



Yes, there are supposed to be two
tags in the above code so don’t think it’ s a mistake. The result should look like this:


This code will be the same no matter what template you are using. Just make sure it goes below the as shown in the image above.

Now let’s look at what the final result should be. Here’s the updated code block you just worked on all put together:



Ok, you’re all done editing the template code. Paste it back into your Blogger html window and save it. If you get an error, you made a mistake. The most common mistake is to accidentally delete a > or <> “Formatting” and scroll all the way down to the bottom. It’s the last option called “Post Template”. You’re going to paste in the following code:





You’ll want to keep the spaces in there which will make sense later. After you save this, it will look like this:



Step #3 - Create a New Post

Ok, we’ve got everything all setup so it’s time to go and test it out. Hopefully you’ve got a new post in mind for your blog. If not, then we’ll just create a test post which you can later delete. When you click on the “Posting” tab, you’ll notice that the post text area is now pre-populated with the
tags. If not, then you didn’t save it properly so go back and re-read step #2.

So when writing your new post, anything you put above the tag will be the teaser text. The main body of your post needs to go in between the and tags in order for the “read more…” link to work properly. See the screenshot below. Sometimes pictures illustrate better than words.



Now publish or preview your post to see the “read more” hack working on your blog. If it doesn’t show up for some reason, go back and run through the steps again. Most likely you pasted the code blocks in the wrong places. It’s difficult to troubleshoot these issues since each template can be unique so please make sure to double-check your template before asking for help in the comments section below.

Here’s the live post with the “read more…” link properly working based on the text I used above in the post text area.



Additional Info

If you want to go back and update your old posts with this new “read more…” feature you can. Just go back and edit each post manually. Essentially you’ll need to paste in the
and
tags breaking apart the post into two parts.

For some posts, you might not want to use this feature at all. If that’s the case, just delete the
and
from within your new post text area. Then your new post will show up entirely just like it used to before you implemented this hack. Enjoy!

How to Setup Your Recent Posts and Recent Comments Blogger Page Elements

In order to enable the Recent Posts and Recent Comments page elements in your recently downloaded Blogger template, you need to follow a couple simple steps.

These lists aren’t going to show up when you first install the template so we’re going to bring them to life now. They are actually both RSS Feed widgets so we’ll need to paste in your feed and comment rss feeds to make them work.

Let’s start with the Recent Posts page element so click to edit it. Then paste in your RSS feed url which will most likely be in this format http://YOURSITE.blogspot.com/feeds/posts/default . Make sure to replace “YOURSITE” with your actual blog url.



There’s no need to change the title (unless you want to call it something else) so then hit “Save Changes”. Then save your blogger layout and go over to your other browser window, refresh and see the Recent Posts appear in your blog’s sidebar.

Now you’re going to do the exact same thing with the “Recent Comments” page element but you’ll instead use this feed format http://YOURSITE.blogspot.com/feeds/comments/default . Again, make sure to replace “YOURSITE” with your actual blog url. Save and make sure it’s working properly. If it doesn’t appear on your blog, chances are you don’t have the correct feed url or you might not have any comments yet.

If you really want to fine tune your Recent Posts and Comments settings like increasing the max number displayed to 10 you can. Go read our advanced recent posts settings article and take your widgets to another level.

 
Add to Technorati Favorites Templates Blogs - BlogCatalog Blog Directory Web Design Blogs | My Zimbio
Top Stories Blog Directory Submission Web Design blogs