Portal Magajah

free blogger template magazine style with automatic image slider

demo free blogger template magazine style with automatic image slider

download free blogger template magazine style with automatic image slider

Template Info :




























Platform Type Blogger / Blogspot
Name Template Portal Magajah
Template Author Ireng Ajah
URL Author DheTemplate.com / http://freetemplate-ajah.blogspot.com/
Description Blogger template Portal Magajah is template magazine style with automatic content slider. I try to combine white and red color for this template. With 4 column in main page, you can set content like you want in your blog.
Instructions

Setting Blogger Template Portal Magajah


1. Setting Ad 927 x 90

Go to layout > Edit HTML and find this code



<!-- Adsense Top 729px X 90px -->

--- your Adsense code here ----



2. Setting Ad 160 x 600 (left sidebar section in single post)



Go to Layout > Edit HTML > click Expand Widget Templates and find this code



<span class="adsense">

<!-- Adsense Left -->



--- your Adsense code here ----

</span>



3. Setting image author




download free blogger template

Go to Layout > Edit HTML and find this code



.mypic {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj38OGkwjU3_nhLwdTyPnMcwHQJrDQThlC63NdZh75T9aq4dCRLaiKXg4ouedlPHhF-TidXFTWeAJIsmu8Dazf4f0vey6NWUHkghQsdA5iHwEoE-bEdc103-1YQtLI95UmTKmspHrXTADI9/s1600/ireng+ajah.jpg) no-repeat;

Change the red color with url your image. Size image is 50 x 50



4. Setting Feature Content Image Slider


Go to Layout > click Edit Feature Content widget. Copy and paste these code below :


<div class="jflow-content-slider"><div id="slides">

<div class="slide-wrapper">


<div class="slide-thumbnail">

<a href="http://freetemplate-ajah.blogspot.com/2009/12/blogger-template-ireng-manis-template.html" title="blogger template ireng manis"><img width="200" alt="blogger template ireng manis" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaVNKPI9aScyPHgb-8JzdvBlYVeEZsYCkdqe18m1t6N1X5Go9XkVa07dL1wnV2MmEP43Ys0iDSJee8for-s52Fw6DB-8Y_knOBASMy37H5tQbHyJMnUVk1eeqSMa0FgJfvuvAY9uG-ydM/s1600/template+ireng+manis.JPG" height="180" /></a></div>


<div class="slide-details">

<h3>Ireng Manis Template</h3>


<div class="description">A blogger template by ireng_ajah</div></div>

<div class="clear"></div>
</div>




<div class="slide-wrapper">


<div class="slide-thumbnail">

<a href="http://freetemplate-ajah.blogspot.com/2009/12/blogger-template-ireng-manis-template.html" title="blogger template ireng manis"><img width="200" alt="blogger template ireng manis" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaVNKPI9aScyPHgb-8JzdvBlYVeEZsYCkdqe18m1t6N1X5Go9XkVa07dL1wnV2MmEP43Ys0iDSJee8for-s52Fw6DB-8Y_knOBASMy37H5tQbHyJMnUVk1eeqSMa0FgJfvuvAY9uG-ydM/s1600/template+ireng+manis.JPG" height="180" /></a></div>


<div class="slide-details">

<h3>Ireng Manis Template</h3>


<div class="description">A blogger template by ireng_ajah</div></div>

<div class="clear"></div>
</div>



</div>

<div id="myController">


<span class="jFlowPrev">Prev</span>

<span class="jFlowControl">1</span>


<span class="jFlowControl">2</span>

<span class="jFlowNext">Next</span>


</div>

<div class="clear"></div>
</div>



*This is example for 2 content slider. If you want to add more, just copy and paste red color code above and add controller code (blue color) . Change the Yellow color with YOUR LINK, TITLE, ALT IMAGE, YOUR IMAGE LINK and YOUR SHORT DESCRIPTION
Categories 2 Column | 4 Column | 1 Right Sidebar | Clean | Red | White | Magazine Style | Ads Ready | SEO Friendly | Image SlideShow | News

0 comments:

Post a Comment

Followers