Friday, June 26, 2009

Smoky Blogger Template

Digg Google Bookmarks reddit Mixx StumbleUpon Technorati Yahoo! Buzz DesignFloat Delicious BlinkList Furl

Smoky Blogger Template

Template Name : Smoky
Original Designer : Web Site Hosting
Bloggerize by : Free Blogger Template
Demo Url : CLICK HERE
Download : Smokyblogger.zip

Instalations Guide :

Go to "Edit HTML" (The blue text is your guide to change the code.)

Find the Code below (don't include the blue text) and Change with your own :

1. Javascript Host

Find this code and replace with your own host.
<script src='http://WWW.YOURHOST.COM/jquery.min.1.2.6.js' type='text/javascript'/>
<script src='http://WWW.YOURHOST.COM/jqueryslidemenu.js' type='text/javascript'/>
<script src='http://WWW.YOURHOST.COM/stepcarousel.js' type='text/javascript'/>


2. Configuration of Featured Posts
<h2>Featured Posts[FEATURE TITLE]</h2>
<div id='board_carusel'>
<div class='belt'>

<div class='board_item'>
<!-- board_item -->
<p><img alt='Home Refinance Loan' src='http://www.skinpress.com/thumbs/125x125.png[IMAGE URL]'/><strong><a href='#[YOUR POST URL]'>Home Refinance Loan[YOUR POST TITLE]</a></strong> Our homes are our biggest assets. A fruit borne out of many years of hard work, earnings and dreams! But, are you still paying the same higher interest rates on the home loan...[YOUR POST SUMMARY]</p>
<p class='more'><a href='#[YOUR POST URL]''>Readmore</a></p>
<!-- /board_item -->
</div>

<div class='board_item'>
<!-- board_item -->
<p><strong><a href='#[YOUR POST URL]''>An image in a post[YOUR POST TITLE]</a></strong> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec...[YOUR POST SUMMARY]</p>
<p class='more'><a href='#[YOUR POST URL]''>Readmore</a></p>
<!-- /board_item -->
</div>

<div class='board_item'>
<!-- board_item -->
<p><strong><a href='#[YOUR POST URL]''>Cash-Out Refinance[YOUR POST TITLE]</a></strong> For many, their homes are just not dwellings that protect them against rain, sun, and wind. But they are piggy banks, which can be used to raise some urgent money, even if...[YOUR POST SUMMARY]</p>
<p class='more'><a href='#[YOUR POST URL]''>Readmore</a></p>
<!-- /board_item -->
</div>

3. Change Twitter Url
<a href='http://twitter.com/yourname'><img alt='' src='http://i606.photobucket.com/albums/tt142/freebloggertemplate/smoky/button_twitter.png'/></a>

4. Configuration of Menu Navigation
<div id='menu'>
<div id='mainmenu'>
<ul>

<li class='first current_page_item'><a href='/'>Home</a></li>
<li class='page_item page-item-2'><a href='#' title='About'>About</a>
<ul>
<li class='page_item page-item-36'><a href='#' title='test1'>test1</a></li>
<li class='page_item page-item-40'><a href='#' title='Test2'>Test2</a></li>
<li class='page_item page-item-42'><a href='#' title='Test3'>Test3</a></li>
<li class='page_item page-item-43'><a href='#' title=''ADDING NEW SUB MENU'>ADDING NEW SUB MENU</a></li>
</ul>

</li>
<li class='page_item page-item-12'><a href='#' title='Contact'>Contact</a></li>
<li class='page_item page-item-13'><a href='#' title='Advertise'>Advertise</a></li>
<li class='page_item page-item-14'><a href='#' title='themes'>themes</a></li>
<li class='page_item page-item-15'><a href='#' title='ADDING NEW MENU'>ADDING NEW MENU</a></li>

<li class='page_item page-item-16'><a href='#' title='ADDING NEW MENU+SUB'>ADDING NEW MENU+SUB</a>
<ul>
<li class='page_item page-item-50'><a href='#' title='SUB1'>SUB1</a></li>
<li class='page_item page-item-51'><a href='#' title='SUB2'>SUB2</a></li>
<li class='page_item page-item-52'><a href='#' title='SUB3'>SUB3</a></li>
</ul>
</li>

</ul>
</div>
</div>

5. Configuration of Sidebar Banners
<div>
<a href='#[LINK ANCHOR]' title=''><img alt='' src='http://www.skinpress.com/thumbs/125x125.png[BANNER URL]'/></a>
</div>

<div>
<a href='#[LINK ANCHOR]' title=''><img alt='' src='http://www.skinpress.com/thumbs/125x125.png[BANNER URL]'/></a>
</div>

<div>
<a href='#[LINK ANCHOR]' title=''><img alt='' src='http://www.skinpress.com/thumbs/125x125.png[BANNER URL]'/></a>
</div>

<div>
<a href='#[LINK ANCHOR]' title=''><img alt='' src='http://www.skinpress.com/thumbs/125x125.png[BANNER URL]'/></a>
</div>


Ok, all done.

Update Version :
Smoky blogger template with automatic "read more" feature :
Smoky Blogger Template

36 comments:

subagya said...

cool.. i like black and grey combination.. good job

Anonymous said...

Hi,
nice template
Is possible to change The labels (1, 2, 3)
to next and Stop in the banner???

Thank you!!

Free Blogger Template said...

@Subagya: Thanks
@Anonymouse: no, need a different code if you want to change it

guru_onizuka said...

try

www.egaliter.co.cc

try on www.bfsmoky.blogspot.com

cheth said...

Nice template! how about a partnership in designing templates with chethstudios a PR 5 blog. DO contact me if you're interested :)

kuya_gani said...

i love the layout the very much. however, there'e one problem. the "search" bar seems to be not functioning. do i have to change something to make it work? check my blog "marcelinasgarden.blogspot.com" to see what I am talikng about. thank you very much. keep up the good work.

Swagat said...

hey a very nice template, but i guess "continue reading" thing not workin. any help?

Swagat said...

one more thing, the number of comments on each post appearing on right side of template dont work, when we open any post, any help?

Free Blogger Template said...

@Cheth: more detail please.
@Kuya_gani: Please redownload.
#Swagat: Download the Update Version.

kuya_gani said...

thanks for the prompt reply. it is already working. godbless. be back soon.

Free Blogger Template said...

@Kuya_gani: you're welcome ;)

Ritesh Kawadkar said...
This post has been removed by the author.
Swagat said...

hey
the carousel viewer is not working. I tried the old, as well as the updated version.. please help..
Check out. http://tech-feast.blogspot.com

Free Blogger Template said...

@Ritesh: yes i can. please be patient ;)
@Swagat: check step 1, upload javascript file to your own hosting.

marnoto said...

thanks for this template,
but the link to the comments, on the number of comments on each post (on the right side) do not work in IE7, am i wrong?

Anonymous said...

"Find this (javascript) code and replace with your own host????" How can this be done if blogger is the host? Or can this template only be used if you're paying for your own hosting? Thanks!

Free Blogger Template said...

@Marnoto: yes, it's true. It's because i'm try to fix the png image transparancy. you can remove the code under ]]></b:skin> to make the comments link work

Started from <!--[if IE]> until <![endif]-->

@Anonymous: i mean is file hosting not blog hosting. if you does'nt know anything about file host, maybe you can read [this tutorial] to add javascript into blogspot.

marnoto said...

I want to thank you for your suport. If i find some solution for that, i will come back here.

Luiz Otávio said...

Why doesn't "Continue Reading" work?

Free Blogger Template said...

@Marnoto: You're welcome ;)
@Luiz: Try the update version

Amelia said...

I tried to opened

http://www.skinpress.com/demo/wp-content/themes/Smoky/js/jquery.min.1.2.6.js

To copy the script and upload it with my own host.. But why I see nothing to copy? Can you help me?

Free Blogger Template said...

@ Amelia: read this http://www.freebloggertemplate.info/2009/08/tutorial-javascript-hosting-using.html.

FAU UEMA 2009.2 said...

There's something wrong with the template. The images are not appearing...

Free Blogger Template said...

Please read my latest post for image problem
http://www.freebloggertemplate.info/2009/08/photobucket-limit-exceeded-coming-soon.html

FAU UEMA 2009.2 said...

Ok! Problem solved! Thanks!

Pepino said...

How i change the Continue Reading, for my language (Leia Mais)

Free Blogger Template said...

go to "Edit HTML" => check "Expand Widget Templates" => search "Continue Reading" text(use CTRL+F).

Then you can change it with your language

Bashir Ahmad Gwakh said...

Thanks for this brilliant theme. Could you please tell me how do I delete the feautured posts? (Please give the full code...

2nd, the comment link is not working. How do I fix that? Full code please.

Bashir Ahmad Gwakh said...

Also, how do I delete adds? Please full code. Thank you so much in advance...

Greg McKay said...

hey there,

I can't get the comment bubbles to come up. Everything looks okay in the HTML but if you have any ideas or can give me another form that would be great.

http://1.bp.blogspot.com/_t47uhxwKFVM/Skm1bXxcfxI/AAAAAAAAAZA/iuxomWn2TCE/s1600/bgr_post_comment.png

Thanks!

jeniliathiruve said...

Blogger Template nice i own super blog & it's template also good i got it as free service becaz i registered Domain name in tucktail.com.

Yo said...
This post has been removed by the author.
Yo said...
This post has been removed by the author.
Lance said...

Pls post an alternate link
I'm not allowed to download from this link
if possible, mail it to lance555@rocketmail.com

M_I said...

I've just created my blog.
THX U VERY MUCH! This template is fantastic!

Damien Willis said...

Hello,

I have a question.

SMOKY installed the template, and it also summed up the pages.

But they do not open.

See:
http://incertezascertas.blogspot.com/p/eu.html

thanks.

Post a Comment