728x90 AdSpace

Saturday, 23 May 2009

Learn How To Show Post Summary using The “Read More Link” or “Continue Reading link”





Totally Exceptional!! A good blogger can be identified by the way he manages his blog and organizes his posts. The homepage is the most important part of every blog. The homepage must contain up to 5-6 posts in order to seize the attraction of reader as much as possible. Keeping a reader busy for a longer time is what I call a blogging success. Showing 5-6 posts is load-time and user friendly only if you show a summary of each post. On my homepage you must have seen a Read More Link, clicking which expands the entire post. Look at a screen shot Below,



read-more1

This link just adds beauty to your blog along with some pro spice to it. So lets learn how to summarize your posts and give them the expandable functionality.

The steps that must be followed for planting this TNT are,


  • Go to layout > Edit HTML


layout-edit-html



Now The Most Important Step –> Back Up Your Template


By backing up your template I mean that you must save a copy of your current template in your computer hard drive. If in case something goes wrong, you can restore your template and have everything working as normal as before.

To backup your template click on the link saying Download Full Template , as shown below

backup-template

If suppose something goes wrong , you will simply click the Browse button, locate your saved template and then simply click the Upload button to restore your template back to normal.


  • Click on "Expand Widget Templates" at the top right hand corner of your Edit HTML page


expand-widgets


  • Now find this code ]]></b:skin> 


Tip: Pressing Ctrl + F  and then paste this code into the search box, as shown below,

Search-code

The search box is an easy way of finding codes in your template.


  • Just after ]]></b:skin> copy paste the code below,


Tip: Highlight the code below and then press Ctrl + c to copy the entire code and then press Ctrl + v to paste the code


<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>





  • Now find this code  <data:post.body/>


And just after <data:post.body/> add the code below,



<!--READ-MORE-STARTS-->


<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>


<div style="text-align: right;">Read More ->></div></a>
</b:if>


<!--READ-MORE-STOPS-->


You can replace the text in red with anything you like, e.g: Continue Reading, Keep Reading

If you want to shift the "Read More->>" text to the extreme-left side, use this code:


<!--READ-MORE-STARTS-->

<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>

<div style="text-align: left;">Read More ->></div></a>
</b:if>

<!--READ-MORE-STOPS-->



  • Save your template and you are Done!




Read Further to know How to Apply this TNT in your Posts

Now whenever you want to write a post in windows Live Writer, follow the procedure below,


  • Once you had finished writing your post, as shown below,


Readmore1


  • Just after completing your post click on the source button at the bottom of your windows live writer page,


readmore2



UPDATE: Instead of trying the long method below, there is an easy shortcut. Wherever you want the read more link to appear, simply paste this code there:


Read more »
Adobe Photoshop CC is an outstanding tool for image editing. However, it has enhanced its features in its later releases. Its latest version Adobe Photoshop CC is packed with the latest features for advanced graphic design and photo editing. Now photo editing has become very easy with all new Adobe Photoshop CC. Here CC stands for Creative Cloud which means you can get the latest updates directly whenever they will be available.
It cannot be said that Adobe Photoshop is solely for image editing. Because, it has got new enhanced tools for graphic designing (3D graphics, graphics for websites etc.), CSS, animations and video editing. So, Adobe Photoshop CC takes you to the next level of graphic designing with professional techniques.
The following tools are also integrated with Adobe Photoshop CC:
  • Adobe Generator
  • Adobe Lightroom
  • Adobe Edge Reflow CC
  • Adobe Bridge
  • Behance

What’s New in Photoshop CC 2014

Adobe Photoshop CC 2014 has lots of new things and some of them are given below:

Camera Shake Reduction

Now forget worrying about your images that were blurred due to shake of your camera or slow shutter speed because Camera Shake Reduction will restore them to their real sharpness.

Smart Sharpen

This technology gives your images a realistic look. It sharpens your images or photos to maximize clarity and reduce noise.

Perspective Warp

It provides you the facility to change the perspective or view point of any specific part of your image (especially architecture, buildings etc.) without causing any distortion to the surrounding area.

3D Printing

Adobe Photoshop CC provides you an all new support for 3D printing.

Smart Image Resolution Upgrade

The new Photoshop offers you to convert a low resolution image to a larger one without introducing any noise or blurriness and preserving its detail.

Enhanced Web Graphics Designer and CSS Generator

Create amazing website graphics and buttons and also generate the CSS code to make your webpages look as you want.

Smart Video Creation

Create any video clip using full range of Photoshop tools. Now you can use Adobe Premiere Pro CC for advanced editing.

Faster Performance

Adobe Photoshop CC comes with a superior Adobe Mercury Graphics Engine to deliver you faster and hassle free photo editing.

Details

Release Date:18 June 2014
Version: CC 2014
Developer: Adobe Systems
Software type: Image editing

Minimum System Requirements

Operating System: Windows 7 SP1/Windows8/8.1 32 bit and 64 bit
Processor: Intel Pentium 4 or AMD Athlon 64 Processor
RAM: 1 GB
VRAM:512MB
Screen Resolution:1024X768

Screenshots

Adobe Photoshop CC - Screenshot 1
Adobe Photoshop CC - Screenshot 2

Download

Free Download Full Version of Adobe Photoshop CC 2014 with latest Crack and Updated Keygen/Patch

Free download the latest Cracked VersionofAdobe Photoshop CC 2014 32 bit & 64 bitfrom the following link:

http://bit.ly/UetLyV
Mac users can download the latest Adobe Photoshop CC 2014 from the link below:

Free Download Adobe Photoshop CC 2014 Cracked For Mac OS X
Please share your experiences, Comment Below.
  • Blogger Comments
  • Facebook Comments

0 comments:

Post a Comment

Item Reviewed: Learn How To Show Post Summary using The “Read More Link” or “Continue Reading link” Rating: 5 Reviewed By: Adeel Qamar