Template Information
- Two Column
- Left Sidebar
- Blue
- Yellow
- Slider
- Automatic Read More
- Social Bookmarking
- Twitter Updates Widget
- Fixed Width
Best regard
Enjoy your Blogspot Template
Cheer's - ThemeSkype | Tutorial Blogs
Related to Extend Blogger Template
I am enursa, a blogger who love make blog template that converted from WordPress themes. I try to spread out my works, and hope it useful for everyone.
What’s the code for the slider/featured section?
Here is the slider code. Paste it into your widgets. Change link, description, and image source with your own.
<div id="myController">
<span class="jFlowControl">No 1 </span>
<span class="jFlowControl">No 2 </span>
<span class="jFlowControl">No 3 </span>
</div> <!– end myController –>
<div id="mySlides">
<div class="slider">
<!– first slide –>
<div class="description">
<h3><a href="Your_Link" rel="bookmark" title="Your_Title">Your_Title</a></h3>
<p><p>Description</p></p>
<a class="learn_more" href="Your_Link" rel="bookmark" title="Your_Title">Read more…</a>
</div> <!– end description –>
<div class="photo">
<!– Thumbnail from Custom Field, Post first image or default thumbnail –>
<div class="slide">
<a href="Your_Link" rel="bookmark">
<img alt="Capture the Market" src="Image_Source"/>
</a>
</div>
</div>
</div> <!– end of the first slide –>
<div class="slider">
<!– first slide –>
<div class="description">
<h3><a href="Your_Link" rel="bookmark" title="Your_Title">Your_Title</a></h3>
<p><p>Description</p></p>
<a class="learn_more" href="Your_Link" rel="bookmark" title="Your_Title">Read more…</a>
</div> <!– end description –>
<div class="photo">
<!– Thumbnail from Custom Field, Post first image or default thumbnail –>
<div class="slide">
<a href="Your_Link" rel="bookmark">
<img alt="Capture the Market" src="Image_Source"/>
</a>
</div>
</div>
</div> <!– end of the first slide –>
<div class="slider">
<!– first slide –>
<div class="description">
<h3><a href="Your_Link" rel="bookmark" title="Your_Title">Your_Title</a></h3>
<p><p>Description</p></p>
<a class="learn_more" href="Your_Link" rel="bookmark" title="Your_Title">Read more…</a>
</div> <!– end description –>
<div class="photo">
<!– Thumbnail from Custom Field, Post first image or default thumbnail –>
<div class="slide">
<a href="Your_Link" rel="bookmark">
<img alt="Capture the Market" src="Image_Source"/>
</a>
</div>
</div>
</div> <!– end of the first slide –>
<div class="slider">
<!– first slide –>
<div class="description">
<h3><a href="Your_Link" rel="bookmark" title="Your_Title">Your_Title</a></h3>
<p><p>Description</p></p>
<a class="learn_more" href="Your_Link" rel="bookmark" title="Your_Title">Read more…</a>
</div> <!– end description –>
<div class="photo">
<!– Thumbnail from Custom Field, Post first image or default thumbnail –>
<div class="slide">
<a href="Your_Link" rel="bookmark">
<img alt="Capture the Market" src="Image_Source"/>
</a>
</div>
</div>
</div> <!– end of the first slide –>
<div class="slider">
<!– first slide –>
<div class="description">
<h3><a href="Your_Link" rel="bookmark" title="Your_Title">Your_Title</a></h3>
<p><p>Description</p></p>
<a class="learn_more" href="Your_Link" rel="bookmark" title="Your_Title">Read more…</a>
</div> <!– end description –>
<div class="photo">
<!– Thumbnail from Custom Field, Post first image or default thumbnail –>
<div class="slide">
<a href="Your_Link" rel="bookmark">
<img alt="Capture the Market" src="Image_Source"/>
</a>
</div>
</div>
</div> <!– end of the first slide –>
</div>
<!– end mySlides –>
<a class="jFlowPrev">Prev</a>
<a class="jFlowNext">Next</a>
Thank you!
Your welcome Jon.
Hy!How can i move the social icons bar of the posts from the top of the post to the bottom.
Thank you so much!
I’m a total novice at this..are there any complete instructions on how to make the pages work?
@Nic… maybe i didn’t make a complete instruction. But if you have some questions, please feel free to write in comments. I will answer it as soon as possible.
About how to make “Page”, you must edit change some code in your template.
That code like this….
<ul id=’nav’>
<li class=’page_item current_page_item’ id=’first’><a href=’/'>Home</a></li>
<li class=’page_item’><a href=” title=’About’>About</a>
<ul>
<li class=’page_item’><a href=” title=’Sample Page’>Sample Page</a></li>
<li class=’page_item’><a href=” title=’More Pages’>More Pages</a></li>
</ul>
</li>
<li class=’page_item’><a href=” title=’Contact us’>Contact us</a></li>
</ul>
just change the put your URL, and change the title.
Best Regard
I don’t how to create a blog at all. I am using the design feature in blogger, but my blog still looks very plain. I’ve seen templates that I like but when I upload them they look like a bunch of squares and stuff, nothing legible, and then blogger says there is an error. I want a slider in my blog and some really cool stuff, but I’m stuck as to how to get started. It would be easier for me to get a nice template and edit it to the way I want, than to code it from scratch which I can’t do.
Any suggestions? Thanks
Try to find all feature in free blogger template. I think it better than you made from scratch design. But, if you have some $$$, you can try to order your own design.
How do I change the twitter link to link to my twitter account, everytime I change it it keeps reverting back to the one here.