your text here (tab1)
your text here (tab2)
your text here (tab3)
your text here (tab4)
your text here (tab5)

Saturday, August 29, 2009

Blogger Tricks

Blogger Tricks


TurnOut Mag & SchemerMag Templates updated!

Posted: 01 Apr 2009 10:26 PM PDT

automatic thumbnails and automatic post summary


Good news guys!
I added to more functionalities to the two Free Premium blogger templates TurnOut Mag and SchemerMag that I released a couple of days ago.

1. AUTOMATIC THUMBNAILS on Homepage:
Previously, we have to add small images to the top of the post to display thumbnails on the homepage. Even, if go to post pages, the thumbnails stay as thumbnails.
But, now, I added the AutoThumbnails feature to the template.
What it does?
You can add big images to your posts, doesn't matter you add them at the top of the post or at the bottom of the post. This trick automatically grabs the picture from the post and resizes it on the homepage.. and the same pic appear in full size in the post pages.

2. AUTOMATIC Post Summarize and Read More... :
Previously, we have to edit each and every post to display the summary on the homepage.. If we don't edit them.. the homepage looks crappy.
But, with the additional feature I added, doesn't matter if you have 1 post or 1,000000 posts, the trick will automatically summarize the text for you on the homepage..

What next..?
With these two additional features, Personally I feel, these are the top 2 Blogger templates of all time with so many features included...what do you say..?
So, why not test the layout on your blog..?
Download the Turnout Mag here and SchemerMag here.


-------------------------------------------------
NOTE : You DON'T need to change these if you are downloading a FRESH COPY now!
Downloaded the previous version (2 days ago) and want to change to this one?
Simply make these couple of changes..
1. FIND THIS:
</head>

AND ADD THIS CODE AFTER THAT
<SCRIPT type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 230; summary_img = 200; img_thumb_height = 80; img_thumb_width = 80; </SCRIPT> <SCRIPT src='http://myblogtalk.com/bloggertemplates/turnoutmag/autoreadmorethumb.js' type='text/javascript'/>

2. FIND THIS:

<style>#fullpost{display:none;}</style>



<p><data:post.body/></p>


and REPLACE it with this..

<DIV expr:id='&quot;summary&quot; + data:post.id'><p><data:post.body/></p></DIV> <SCRIPT type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</SCRIPT>



and Done!


One more Magazine style Blogger Template "SchemerMag"

Posted: 29 Mar 2009 10:56 PM PDT

After very good response on my previous Magazine style Blogger template Turn out Mag, I decided to go for one more Magazine style layout.. so, here it is..

Releasing SchemerMag Magazine style 3 Column Blogger Template:
As usual, this is a wordpress to blogger conversion.. wp theme by Chiq Montes of wpthemedesigner.com and converted to Blogger by me.

look at the screenshot:

SchemerMag blogger template screenshot

Special Features:
» Thumbnails on articles (automatic resize)
» Google Adsense/banner ready
» 3 Columns
» SEO Optimized
» Featured video
» Read more..(automatic summarize)


Step by Step Installation guide:

Step 0: First , follow the basic installation steps here.

Step 1 : Editing top Navigation links
1.a :

editing links 1
Go to Layout » Edit html and find this code


<li><a expr:href='data:blog.homepageUrl'>Home</a></li>

<li><a href='http://bloggertricks.com'>Blogger Templates</a></li>

<li><a href='http://blogger.com'>Blogger</a></li>

<li><a href='http://bloggertricks.com'>Blog Tips</a></li>


and Replace the Anchor text (Blogger Templates,Blogger,Blogtips) and their respective links to your needs.

1.b:

editing nav links 2
and again, there's another navigation bar..
Find this code


<li class='f'><a href='http://google.com'>Google</a></li>

<li><a href='http://bloggertricks.com'>Blogger Templates</a></li>

<li><a href='http://gmail.com'>Gmail</a></li>

<li><a href='http://bloggertricks.com'>Blogging Tips</a></li>

<li><a href='http://blogger.com'>Blogger</a></li>

<li><a href='http://adsense.com'>Adsense</a></li>


and edit the anchor texts,links as you wish.

Step 2: Adding Adsense banners to header and on top of every post

2.a: Adsense on header

Adsense on headerJust go to Layout and edit the gadget as shown below and paste your adsense code (468 x 60px) and save it..

edit the gadget for adsense banner on header

2.b: Adsense on above first post (even on labels,search pages)

editing ad
Just go to Layout page and edit the 'advertisement' gadget as shown below

edit this

Step 2 : Edit the logo text

edit the header
The .psd file is included in the template download file. Just open it with photoshop and edit the text and save it as image file (.jpg or .gif). Next , upload to any image hosting servies and copy the image url of the uploaded image.
Next, go to Edit html and replace this image url in the template with the one you just copied now.

http://i43.tinypic.com/er0iyo.jpg


No comments:

Post a Comment

सरफरोशी की तमन्ना अब हमारे दिल में है...........

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus facilisis, risus at tempor volutpat, eros nulla malesuada augue, vitae consectetuer quam quam eu nibh. Suspendisse laoreet dignissim neque. Sed semper. Nullam facilisis. Nam tristique sapien. Sed turpis justo, lobortis sit amet, posuere at, tristique id, nunc. Vestibulum rutrum dui at lectus. Sed enim. Ut eros eros, pulvinar a, vestibulum sit amet, ornare ac, eros. Suspendisse imperdiet. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus facilisis, risus at tempor volutpat, eros nulla malesuada augue, vitae consectetuer quam quam eu nibh. Suspendisse laoreet dignissim neque. Sed semper. Nullam facilisis. Nam tristique sapien. Sed turpis justo, lobortis sit amet, posuere at, tristique id, nunc. Vestibulum rutrum dui at lectus. Sed enim. Ut eros eros, pulvinar a, vestibulum sit amet, ornare ac, eros. Suspendisse imperdiet.
कबीरा खड़ा 
     बाज़ार में

  • REGISTER NOW AND PUT THIS CODE ON YOUR BLOG/SITE

  • BLOG 
लोचाकबीरा खड़ा 
     बाज़ार में DARE ITमेराSEO
    "कबीरा खडा़ बाज़ार में" आपका स्वागत है। इस ब्लाग से जुडने के लिये अपना ई-मेल का पत्ता और फोन हमें लिख भेजें-kabirareply@gmail.com "कबीरा खडा़ बाज़ार में" पर चिठ्ठों की प्रकाशन को त्वरित करने के उद्देश्य से आप सभी ब्लागर बंधुओं से आग्रह है कि अपनी सहमती देते हुए मुझे अपने ब्लाग का पता तुरन्त प्रेषित करें। इस हेतु तकनीकी तैयारी हो चुकी है। आपका चिठ्ठा स्वत:"कबीरा" पर प्रदर्शित होने लगेगा। इस ब्लाग से जुडने के लिये अपना ई-मेल का पत्ता और फोन हमें लिख भेजें-kabirareply@gmail.com चिठ्ठा सूचि देखें