test

Blogger Template | Potrika

Hello readers,i am again with another blogger template which i don't know you will be going to like or not but i hope some will like it for sure and will use it on your blog.It took a lot time to me to make it but i have made it very easy to setup for you including menu links.Its just simple design,which can have featured post and also don't forget its again a magazine style,one of my favourites.

My last release was Foodiary Blogger template and best one was bueno blogger template.Check it if you haven't checked it.

Let's take an look at potrika blogger template.

Features Of Potrika Blogger Template

• Fixed Width Template


• Two Column Blogger Template


• Right Sidebar


• Adds Ready


• Top Menu Links


• Compatible With Mozilla, Chrome and IE7


• Automatic Thumbnail


• Add Featured Post

Hacks Supported By Template

• Swap Title Hack For Blogger


• Hidden Navbar Layout


• Blogger Avatars Activated


• Featured Post Content


• Read More Hack With Thumbnail


• Top Menu Links


• Splited Header

Potrika Template Layout

Potrika Template Installation

• Header Image


Just go to Blogger Layout > Page Elements > Click On Edit Button Of Header as i shown in above layout.A Popup window will open.Just browse for the image of your header from your computer and select an option for Instead of Title And Description and save it.

To best fit your header use an image of size 239px × 105px as i have used in demo blog.If you wants its psd file and make yours just get it from wordpress download link.


• Featured Content


Just Go To Blogger Layout > Page Elements > Click on Edit Button of New Post Widget or Add a Gadget and open HTMl/Javascript as shown in above picture.And add the following codes to it.



<p>
<a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-lrKnz7d8rc3cW5GRWDAPI3S98CDmIgdP1xQyVAMaQgG58wgghmRmyPvYCYAxY3Ws6OnK332G584ZJDEq2dCgLNmU6Dr79BLNKC1aQt8F3RMdF_RIQEsViSSa5MLQlg4oD5F4YkC_Jes/s400/w2.jpg"/></a>
</p>

<div class="latest_content">
<p><strong>Lorem Ipsum</strong> is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing .......
</p></div>



Just what you have to do is edit the red # with post url,green link with your image link,and text written in bold with post description.


• Two Menu Links As Linklist


When you will go to Layout > Page Elements there you will see two linklist widget as shown in above layout picture.Just click on Edit button and add the links you want to add.


• 728 by 90 Leadeboard Add


Just see the Layout Picture I have shown above.There i have shown you the advertise widget.Just click on the edit button and add your advertising codes there.

If i left something that you need more while installation of template or something where i got wrong in explaination or made complex let me know.

Donate If You Like The Work

If You Really liked our work and want us to continue provide these premium templates for free, Then support us by donating something you feel for this design by using paypal button in my sidebar.

Blogger Template | Foodiary

Foodiary another blogger template from me which is again a magazine style template.I don't know most of you like them or not but i have many more like these to release,if you like these templates.It was the free wordpress theme from simplywp.net and i converted it for you with full features support from blogger.I have also made to work featured gallery for you to show of your featured content.

As many of bloggers love to show of there content in gallery or can say there most important posts or works to there readers.The first featured gallery template which i released was chucky blogger template which again was magazine style,don't forget to check it for sure.So lets take an demo of foodiary blogger template.

Features Of Foodiary Blogger Template

• Fixed Width Template


• Two Column Blogger Template


• Right Sidebar


• Rss Button Ready


• Twitter Ready Widget


• Compatible With Mozilla, Chrome and IE7


• Search Box Ready


• Beautiful Comment System


• 125 x 125 adds Widget


• Add Post Automatic Thumbnail


• Auto Slider Featured Post

Hacks Supported By Template

• Search Box For Blog


• Swap Title Hack For Blogger


• Hidden Navbar Layout


• Post Date Widget


• Blogger Avatars Activated


• Three Column Footer


• Auto Move Featured Posts


• Tweet Me Button


• Social Bookmarking Widget


• Read More Hack WIth Thumbnail

Foodiary Template Installation

• Featured Content


Just Go To Blogger Layout > Page Elements > Click on Edit Button of HTML/Javascript Widget as shown in below picture



And add the following codes to it.



<div id="featured">
<div class="enter">

<div class="featured-body">
<div class="featured-thumb"><img alt="&nbsp;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYamT37b4GTF4EHrjGk_HTUygD8O4riHtDnov9CZw0hFT73rChZyAioxmKhIzfo4rgwhZZ-93QARkkfLxZpxfplfAmSA1FVgK-MORMQTDJEtfKA6UNrc4cngkW8Y6tD2t-B_JQjmUSqhr5/s400/twitter_lg2.jpg"/></div>
<div class="featured-text"><a href="#" class="featured-title">Twitter Traffic &#8211; How To Drive Loads of Traffic to your blog</a></div>

</div>

</div>
<div class="enter">

<div class="featured-body">
<div class="featured-thumb"><img alt="&nbsp;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPUol_UBGorFqb1VkkBiAaBNxLWHYelbHkwgGSs6OYhF0Z6gl7-TYlb5sQBClw3J7N0M-sVP51g3h4GkK5WVJ8OOCKzkZ5Bp2ZWe_w3dtQFU47TkAsuQtXZS7gURDFwAs9kJn8NBGhK1ti/s400/ebook_350.png"/></div>
<div class="featured-text"><a href="#" class="featured-title">Secret Methods of How to Make Money with Email Marketing</a></div>
</div>

</div>
<div class="enter">

<div class="featured-body">
<div class="featured-thumb"><img alt="&nbsp;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmtmnfsvcGhvKzXddXLldZNdsjkI26ChYyfsNEWuQQgnIhyphenhyphenl1vEL2InhJiv4d08VvEJn6DCt8Z3oKk3f_7KC27866Zl5lZe7G6F63e0nLT8hCemMvuGMqQZHUBaOYXEw8Y9kBhUJRnRoYk/s400/070125_the_traffic_bully.gif"/></div>
<div class="featured-text"><a href="#" class="featured-title">Get paid to blog at today.com</a></div>

</div>

</div>
<div class="enter">

<div class="featured-body">
<div class="featured-thumb"><img alt="&nbsp;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxvojgGhqKKGo7gluK19dRlQBbW8omYTWmndLKXb8KxdOOB6yJICVfFAKr-ZXmBQokI68Nbg_eYQN2QPrRFuQdVoey1uPVXKfrZ9CnwcUKyMwoT1JQPySL4HTURsqrDnBjyBgVslNVYwV8/s400/downloadreport.jpg"/></div>
<div class="featured-text"><a href="#" class="featured-title">Free download CPA marketing guide</a></div>
</div>

</div>
<div class="enter">

<div class="featured-body">
<div class="featured-thumb"><img alt="&nbsp;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxj8aYkAV1dst071F2YVIxFTiKaD0ey3YKeKQXVgV61ANZ2j592UHBzZfzPdXD2nv8998nychyphenhyphen1X_9C5J50_PA-3iRSzef7fWC-QOOrnff8ETdiasEsX_TRaaH4-cJi5E9kQ7lPvfukyoI/s400/ice_cream.jpg"/></div>
<div class="featured-text"><a href="#" class="featured-title">Delicious ice cream post</a></div>

</div>

</div>
</div><!-- END featured -->



Just what you have to do is edit the red content i.e red link with the image link of your post,red text with post title and # with the post link.Edit all the below content like this to make your own.

I have hosted the javascripts file in blogger itself because of bandwidth problems.You can host them to your server also to make your template load fast.All three scripts you will get together with template on above download link.


• Twitter Username


Just find below codes and change the twitter username to yours.



<a class='side-twitter' href='http://www.twitter.com/anshuldudeja'>Follow me on Twitter</a>




• 125 Banner Ads


Just find the below codes:-



<div class='banner'>
<a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeHKKYVJGWx120TKLJOivOtaxnZY4WJBMMdLbItNfLWdiz3OYfXdg34576r8fPKE9DI01WaRlvi9ixhYJPUxRZAo683etkjXgBe4KTDX9WaH0wShJWDb8iVdcXXsjja8J0sztfxOe2J1Ns/s400/125.gif'/></a>
<a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeHKKYVJGWx120TKLJOivOtaxnZY4WJBMMdLbItNfLWdiz3OYfXdg34576r8fPKE9DI01WaRlvi9ixhYJPUxRZAo683etkjXgBe4KTDX9WaH0wShJWDb8iVdcXXsjja8J0sztfxOe2J1Ns/s400/125.gif'/></a>
<a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeHKKYVJGWx120TKLJOivOtaxnZY4WJBMMdLbItNfLWdiz3OYfXdg34576r8fPKE9DI01WaRlvi9ixhYJPUxRZAo683etkjXgBe4KTDX9WaH0wShJWDb8iVdcXXsjja8J0sztfxOe2J1Ns/s400/125.gif'/></a>
<a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeHKKYVJGWx120TKLJOivOtaxnZY4WJBMMdLbItNfLWdiz3OYfXdg34576r8fPKE9DI01WaRlvi9ixhYJPUxRZAo683etkjXgBe4KTDX9WaH0wShJWDb8iVdcXXsjja8J0sztfxOe2J1Ns/s400/125.gif'/></a>
</div>



Now replace the # with links and image link with yours or either completely remove all codes if you don't want banner ads.


• Post Image And Content Size




summary_noimg = 730;
summary_img = 140;
img_thumb_height = 230;
img_thumb_width = 295;



Just find above codes and control these properties to do change in image size and content size if you want to,as many users like to adjust in there own way.You can read about adjusting whole hack here - Automatic Read More Hack With Thumbnail.

If i left something that you need more while installation of template or something where i got wrong in explaination or made complex let me know.

Donate If You Like The Work

If You Really liked our work and want us to continue provide these premium templates for free, Then support us by donating something you feel for this design by using paypal button in my sidebar.

Blogger Template | Bueno

Hello my friends,today i am going to release another blogger template which you will be going to love a lot.This time the template again comes in seven beautiful colors as same as irresistible template one which was my previous released template available in nine different colors.If you have not checked it then check for sure as it was my one of the best conversion with full functionality.You can view it here.

As irresistible was designed by woothemes and this time again a theme i took for conversion is from them,as they give really the best wordpress themes.So lets take a look at my new template name Bueno.

Just Don't Forget To Check All The Colors Available For This Template From Fixed Drop Down Menu at Top Right Of Demo Blog.

Features Of Bueno Blogger Template

• Fixed Width Template


• Two Column Blogger Template


• Right Sidebar


• Seven Colors Background


• Two Menu Links


• Compatible With Mozilla, Chrome and IE7


• Search Box Ready


• Beautiful Comment System


• 125 x 125 adds Widget

Hacks Supported By Template

• Search Box For Blog


• Swap Title Hack For Blogger


• Hidden Navbar Layout


• Post Date Widget


• Blogger Avatars Activated


• Three Column Footer


• Remove Subscribe To Posts Atom


• Remove Archives Count


• Remove Labels Count

Bueno Template Installation

• Header Image

Just go to Blogger Layout > Page Elements > Click On Edit Button Of Header > A Popup window will open.Just browse for the image of your header from your computer and select an option for Instead of Title And Description and save it.

To best fit your header use an image of size 175px × 61px as i have used in demo blog.


• Top Menu Links


Just find the below codes and edit the links and text in it.


<ul id='topnav'>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'>Posts RSS</a></li>
<li><a expr:href='data:blog.homepageUrl + &quot;feeds/comments/default&quot;'>Comments RSS</a></li>
<li><a href='#'>Edit</a></li>
</ul>



Replace Red ones with links and bold ones with linking text.


• Page Links


Just find the below codes in your template.



<div id='meniu'>
<ul>
<li class='current_page_item'><a href='/'>Home</a></li>
<li><a href='#'>About</a></li>
<li><a href='#'>Archive</a></li>
<li><a href='#'> Sitemap</a></li>
<li><a href='#'>Full Width</a></li>
<li class='rss'><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' title='RSS Feed'>Rss</a></li>
</ul>
</div>



Just replace the # with your links and the linking text pointing to them.


• Timestamp Format


Just Go To Blogger Layout > Settings > Formating > Timestamp Format and just select the format as shown in picture below and save it.




• 125 Banner Adds


Just go to Blogger Layout > Page Elements > Add a Page Element in Sidebar > HTML/Javascript and now just add below codes.



<div class="ads125">
<a href="#"><img src="http://i38.tinypic.com/25ezi91.jpg"/></a>
<a href="#"><img src="http://i38.tinypic.com/25ezi91.jpg"/></a>
<a href="#"><img src="http://i38.tinypic.com/25ezi91.jpg"/></a>
<a href="#"><img src="http://i38.tinypic.com/25ezi91.jpg"/></a>
</div>



Just replace # with your advertisers blog link and image link with advertisers banner link.


• Archive Format


If you are using blogger archive in your sidebar i suggest to select these settings.Just go to Blogger Layout > Click On Edit Button Link of Blog Archive Widget . A pop-up window will open just select from there the style as Flat List.As Blog will look nice with it.


• Switching To Other Themes Of Template


I have released this theme in 7 colors,so i wanted that users can switch to any theme they like at any time they want.So i made the switching of the theme very easy and will take hardly a minute to give new look to your template.

As i have given you xml file for all 7 colors you can use any color xml you like but at any time if you want to switch to other color you will try to upload other color xml but this will effect all your widgets so just read simple instructions to switch to other color theme within a minute.

Just what you need is to change 4 image links and two colors to give your theme a new look.For images just find for bodytile.jpg, bullet_hover.png, date.png and ico-rss.png.Just replace them with other colors images.You will get image links to use for all themes in notepad file when you download this template.

For colors just check for below codes in your template.You will get them at the beggining of your template codes only.



<Variable name="linkcolor" description="Link Color"
type="color" default="#ccc" value="#115900">
<Variable name="bordercolor" description="Border Color"
type="color" default="#ccc" value="#9bd28e">



Just change the two color values in red and you are done with it.All the color codes you will get in notepad file when you download this template.

If i left something that you need more while installation of template or something where i got wrong in explaination or made complex let me know.

Donate If You Like The Work

If You Really liked our work and want us to continue provide these premium templates for free, Then support us by donating something you feel for this design by using paypal button in my sidebar.

Auto Move Image Slider i.e carousel For Blogger

I had provided you earlier with an image slider with two left and right panels which on click take you to other images.But some of my readers at that time wanted it to have auto moves of images in slider.So in this post i will tell you how to auto move the images in slider.If you you don't know what exactly image slider is, then don't worry, just i would like you first to read my previous post on image slider for it and if you like it just follow that tutorial to have it in your blog.After following that tutorial and adding it in your blog,just you have to make small change in that tutorial to make it automove.


Some other widgets you would like to implement for sure like peel add for blogger for attracting your visitors to subscribe your blog or show of your advertiser or show of some other important stuff.Some hacks like these i previously wrote were image hover effect,images reflection in blogger posts and zoom your images in blogger posts,which might also help you a lot.

Now lets carry on with an important tutorial of how to add the auto move image slider to your blog.

Implementation

Just visit my Previous post on image slider and follow the complete instructions there and save your template.If you get work your slider and want to make it auto move,just follow this important step.

Important Step

While adding image slider from here you would have added some script in my special step i have mentioned there.Just what you have to do is replace that whole script with the below one and you will get your slider auto move,that's it.

<script type='text/javascript'>
stepcarousel.setup({
galleryid: &#39;mygallery&#39;, //id of carousel DIV
beltclass: &#39;belt&#39;, //class of inner &quot;belt&quot; DIV containing all the panel DIVs
panelclass: &#39;panel&#39;, //class of panel DIVs each holding content
autostep: {enable:true, moveby:1, pause:6000},
panelbehavior: {speed:500, wraparound:true, persist:true},
defaultbuttons: {enable: true, moveby: 1, leftnav: [&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6K8P_u1GnJfvPLLGEDnx4ucAWOiSzkw-xc6sze13EFwmKYIoSX-uy2TQKa82hzaLxxOtJ1iHA4B1NLNhAql9cLbRNpcJ6WYeX_sEdi5fsnoRg3I9UOFwkRf_CXWGvQJfy7_-T5IzX3JY/s400/left.jpg&#39;, -48, 0], rightnav: [&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIO5CY0ijim4ib6IWgE9bLbhu_nR4o_zEfcw1_Lt8GAi7cxZGNewoqmDPHAzKs91Z0FIqezt1G9z0UP9pkpKWjtU9T6pwB0UbbRMe9TSbLyxRdfaMK1w-JL6g8GKTDEedmuxCPI3BhMz8/s400/right.jpg&#39;, 0, 0]},
statusvars: [&#39;statusA&#39;, &#39;statusB&#39;, &#39;statusC&#39;], //register 3 variables that contain current panel (start), current panel (last), and total panels
contenttype: [&#39;external&#39;] //content setting [&#39;inline&#39;] or [&#39;external&#39;, &#39;path_to_external_file&#39;]
})
</script>

The green lines are the images of side arrows to make it scroll left and right,you can have your images also to make it look different.And in red are number to control speed of slider and no of images to be shown at one auto move in slider,so make it adjust acc. to you.If you increase images to be shown from 3 to any number then you have to increase the size of slider.For this you need to study its css part and make modifications in it.

I hope now you would have no problem in making this mage slider auto move.Enjoy It !!

Read More Buttons Collection For Free Download

We all bloggers have been using read more hack in our blogs but when comes the turn of placing read more button you have no choice to keep only read more text unless you have an perfect read more button to match your blog design or you are good at photoshop to design an good one for your blog.So today i am going to share with you a collection of read more buttons with all different styles and i am sure if you are in the want of it will get fit with at any button for sure from my collection of read more buttons.

And i am sure you would have liked my last collection of 60+ Best Blogger Templates for sure and if you haven't installed read more hack just get it for sure.



I have categorized the collection in four Sections below:-

Just download all four folders from below donwnload link in one click.Some of the buttons are taken from the allblogtools.

Small Size Read More Buttons

Large Size Read More Buttons

Read More Buttons Set

Different Styles Read More Buttons

Just click on the below download button to get download all four set of read more buttons or download it from here.

Just leave your comments for sure whether you liked it or not.