The Quick Answer
Add tags to your posts to mark which parts you want hidden in the summary version.
Add CSS declarations to your template to hide those sections on the index and archive pages, but not on post pages.
With this trick, you can choose to display an arbitrary amount of text from the beginning of each post, as a teaser for the whole thing. Then users who want to read the rest of the post can click a link to see the full text. THis is handy if you have lots of long articles all on one page. Note that you'll need to have post enabled in order to make this feature work.
There are three ingredients that go into this feature: conditional CSS, a "read more" link for each post, and a modification for the posts that use this feature. You an find the links and tags and codes, and modifications for this at google help.
Showing posts with label templates. Show all posts
Showing posts with label templates. Show all posts
Wednesday, November 12, 2008
How can I create expandable post summaries?
Labels:Add DotBlogger.blogspot.com to Technorti
bloggers,
blogs,
codes,
create links,
CSS declaration tags,
Customize Your Blog,
post tags,
tags,
templates
Sunday, August 3, 2008
Free Wordpress Theme for your blogs
Here is a free wordpress theme for your blog.. Good for creating a MMO blog.
Meethere - Free Wordpress Theme - Adsense ready
3 column , adsense ready, widgetized, clean, unique wordpress theme
Features:
Tested on Wordpress version 2.5
3 columns
Widget ready
Fixed width
Cross browser compatible with IE, FF, Opera, Flock & Safari
Demo DownloadIf above links dont work, try : Demo Download
If you enjoyed this post, feel free to subscribes to our rss feeds
Stumble it
!
Meethere - Free Wordpress Theme - Adsense ready
3 column , adsense ready, widgetized, clean, unique wordpress theme
Features:
Tested on Wordpress version 2.5
3 columns
Widget ready
Fixed width
Cross browser compatible with IE, FF, Opera, Flock & Safari
Demo DownloadIf above links dont work, try : Demo Download

If you enjoyed this post, feel free to subscribes to our rss feeds
Stumble it
!
Labels:Add DotBlogger.blogspot.com to Technorti
bloggers,
blogging tips,
blogs,
make money blogging,
make money on line,
tech news,
templates,
wordpress templates,
wordpress themes
Sunday, June 22, 2008
Blogging tips on How to Improve your Blogs Ranking?
Many advertising programs still place significant weight on Alexa rank. Naturally if you are part of any of these programs you will want to improve your rank to maximize your earnings. Or if you’re like me you do it for the pleasure of seeing your rank improve.
The three most common and effective ways of improving your Alexa Rank are the widget, the toolbar, and redirects. However there is another way to improve your rank that I haven’t seen discussed.
First, this is the explanation the Alexa FAQ gives for how rank is determined:
A site’s ranking is based on a combined measure of reach and pageviews. Reach is determined by the number of unique Alexa users who visit a site on a given day. Pageviews are the total number of Alexa user URL requests for a site. However, multiple requests for the same URL on the same day by the same user are counted as a single pageview.
I had always assumed Alexa rank was based purely on unique visits, but it would appear pageviews are also a significant factor.
The three most common and effective ways of improving your Alexa Rank are the widget, the toolbar, and redirects. However there is another way to improve your rank that I haven’t seen discussed.
First, this is the explanation the Alexa FAQ gives for how rank is determined:
A site’s ranking is based on a combined measure of reach and pageviews. Reach is determined by the number of unique Alexa users who visit a site on a given day. Pageviews are the total number of Alexa user URL requests for a site. However, multiple requests for the same URL on the same day by the same user are counted as a single pageview.
I had always assumed Alexa rank was based purely on unique visits, but it would appear pageviews are also a significant factor.
Labels:Add DotBlogger.blogspot.com to Technorti
bloggers,
blogging tips,
codes,
computer tips alexa,
gagets,
tech news,
templates
Saturday, May 10, 2008
If you want to see spy cookies on your machine

Looking for Spy Cookies on Your PC
Not all Web cookies are bad. But spy cookies in particular can be very irritating. You can end up on spam lists. Your personal information could go to somebody you've never heard of. Your Web surfing habits could be tracked.
Choose Start, My Computer, and navigate to C:\Documents and Settings\
My C:\Documents and Settings\woody\Cookies folder has a lot of small text files -- my cookies.
Look for files with the word ad, ads or advertising in the name. Open the ones that look suspicious.
You can opt to install a cookie catcher that will do away with the bad cookies before they cause problems. Consider a product from Lavasoft called Ad-aware Standard Edition. It's free for noncommercial use. Just go to www.lavasoft.nu and in the Software category on the left, click Ad-aware. Then click Download. Follow the instructions to download a copy of Ad-aware Standard.
When the installer is finished, double-click the Ad-aware icon that is automatically placed on the Window desktop. Immediately click Check for Updates Now, then click Connect, and then click Scan Now.
From here, before you proceed with a scan, click the Settings button (the one that looks like a gear, at the top of the page). Ad-aware offers to let you change the settings. In general, Lavasoft recommend that you not run Ad-aware automatically when Windows starts.
Source: Windows techniquies in Dummbies guide
Labels:Add DotBlogger.blogspot.com to Technorti
blogs,
codes,
Computer tips,
make money online,
templates,
tips on blogging
Tuesday, May 6, 2008
Three Colum Templates
FINAL RESULT
BEFORE
AFTER
Three column templates are popular because they make more use of the screen real estate. Adding another column to your blog enables you to add more widgets or advertisements to your blog.
In this post I will show you how to transform your blog into a three column blog in three simple steps. Have a look at the before and after screenshots below :
To demonstrate this I have taken the Minima Dark Template of Blogger. I have shown the columns using colors to demonstrate them better...........
FIRST : INCREASE BLOG WIDTH
The first step is to increase the width of the blog. To do this follow these steps :
1. Login at Blogger.com.
2. The Blogger Dashboard page opens on successful login.
3. Click the Layout link under your blog title.
4. The Page Elements subtab of Layout tab will open.
5. Click the Edit Html subtab of Layout tab.
6. The Template Code box page will open. Scroll down in the box to this code :
#outer-wrapper {
width: 660px;
margin:0 auto;
background:#ff0000;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}
Increase '660px' in the width line in the above code to '880px' and save template. We have increased the width of the outer-wrapper so that it will accommodate a third column. Since we want the second sidebar to have the same dimensions we have increased the width by the same width - 220px - as that of the original sidebar. This is how it looks now :
The outer-wrapper is the red column containing the main posts column (blue) and the yellow original sidebar. Space has now been created to add a third column.
SECOND : ADD THE CSS CODE.
Now that we have created space for the third column we need to define it in the template. This is done by adding code to the CSS part of the template. We want the new column to be exactly like the original sidebar on the right. We want it to be on the left og the posts column. So we add this code between tags in the template :
#sidebar-wrapperL {
width: 220px;
float: $startSide;
background:#ffff00;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
This is the same code as the original sidebar. To differentiate it we have added a 'L' after 'sidebar-wrapper'. It has the same width. Since we want it to be on the left of the posts column we have changed the float property to be '$startside'.
Since Blogger has enabled support for bidirectional languages the float:left and float:right have been replaced by $startSide and $endSide respectively.
Save template.
THIRD : ADD CODE IN THE PAGE BODY.
Lastly we need to add the code for the new sidebar in the part of the template. Since it has to be the left of the posts column this code will come before it. Scroll down and paste this code :
immediately above this line in the template :
I have added two Html widgets to the code as examples. Preview and save template. You can change the background color of the columns if you want to. This is the final result :
Enjoy. Siyurce: Dummies Guide
BEFORE

AFTERThree column templates are popular because they make more use of the screen real estate. Adding another column to your blog enables you to add more widgets or advertisements to your blog.
In this post I will show you how to transform your blog into a three column blog in three simple steps. Have a look at the before and after screenshots below :
To demonstrate this I have taken the Minima Dark Template of Blogger. I have shown the columns using colors to demonstrate them better...........
FIRST : INCREASE BLOG WIDTH
The first step is to increase the width of the blog. To do this follow these steps :
1. Login at Blogger.com.
2. The Blogger Dashboard page opens on successful login.
3. Click the Layout link under your blog title.
4. The Page Elements subtab of Layout tab will open.
5. Click the Edit Html subtab of Layout tab.
6. The Template Code box page will open. Scroll down in the box to this code :
#outer-wrapper {
width: 660px;
margin:0 auto;
background:#ff0000;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}
Increase '660px' in the width line in the above code to '880px' and save template. We have increased the width of the outer-wrapper so that it will accommodate a third column. Since we want the second sidebar to have the same dimensions we have increased the width by the same width - 220px - as that of the original sidebar. This is how it looks now :
The outer-wrapper is the red column containing the main posts column (blue) and the yellow original sidebar. Space has now been created to add a third column.
SECOND : ADD THE CSS CODE.
Now that we have created space for the third column we need to define it in the template. This is done by adding code to the CSS part of the template. We want the new column to be exactly like the original sidebar on the right. We want it to be on the left og the posts column. So we add this code between
#sidebar-wrapperL {
width: 220px;
float: $startSide;
background:#ffff00;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
This is the same code as the original sidebar. To differentiate it we have added a 'L' after 'sidebar-wrapper'. It has the same width. Since we want it to be on the left of the posts column we have changed the float property to be '$startside'.
Since Blogger has enabled support for bidirectional languages the float:left and float:right have been replaced by $startSide and $endSide respectively.
Save template.
THIRD : ADD CODE IN THE PAGE BODY.
Lastly we need to add the code for the new sidebar in the part of the template. Since it has to be the left of the posts column this code will come before it. Scroll down and paste this code :
immediately above this line in the template :
I have added two Html widgets to the code as examples. Preview and save template. You can change the background color of the columns if you want to. This is the final result :
Enjoy. Siyurce: Dummies Guide
Labels:Add DotBlogger.blogspot.com to Technorti
bloggers,
blogs,
Computer tips,
gagets,
make money online,
templates,
tips on blogging
Wednesday, April 23, 2008
Less Acidents with SeatBelts of the Future
Labels:Add DotBlogger.blogspot.com to Technorti
bloggers,
blogging tips,
codes,
layouts,
make money online,
templates,
tips on blogging
The Designer tool for Uninspired Webloggers
Here is a link to a layout generator, that I found that I thought might be of interest to alot of you bloggers out-there. On this blog you will come to find all sorts of different items that can be of use to you all so I hope you all enjoy visiting my blog and I sincerely hope you all will leave comments if you like or dislike this blog. There are more interesting and different things to come. So do stop by and check out what is happening in Cyberspace. I do the search for you so you don't have to. Its simple to use for those who want to design and generate a 2 - Colum Layout or a 3 - Colum layout. Go and check it out Firdamatic™ is an online tableless layout generator that allows you to create and customise layouts easily only by completing forms, making creating skins for your Firdamatic-based layout a breeze. This tool is available for free for personal/non-commercial use only and comes with no technical support as my interest in web design has died down. Use it at your own risk. If you find it useful, please consider making a donation.
This blog is also open for contributors. If you would like to write a guest post, go ahead and register here.
Firdamatic
This blog is also open for contributors. If you would like to write a guest post, go ahead and register here.
Firdamatic
Labels:Add DotBlogger.blogspot.com to Technorti
blogs,
generator,
layouts,
make momey online,
templates
Subscribe to:
Posts (Atom)







My StumbleUpon Page





![Validate my Atom 1.0 feed [Valid Atom 1.0]](valid-atom.png)







