Media Online

Template Details :
Free Media Online Blogger Template is elegant magazine style blogger template with auto recent post per categories, 3 column blogger template with 4 column footer, automatic featured content, SEO optimized, ads ready, tabview ready, social widget ready, title post for newer an older post ready and this template designed for news style blogs. I used jSon script for auto recent post from Simplex Design (Thank, dude) with a little bit modification
Similar Templates : Simplex Enews Blogger Template & Simplex BlogNews Blogger Template
Author and Designer : ireng_ajah -
*Updates 16-01-2012 : The layout section has been changed itself (Blogger issue??) and Featured Post 1 and 2 are missing. Please see the updates below

**Updates 31-01-2012 : If the images are broken, see the updates at end of post

***Updates 16 Feb 2012 : JavaScript code for Tabview not works cos too much traffic and have been temporarily disabled!. Check at end of post for resolving
1. Setting Recent Post / Featured Post
This template support auto recent post per categories. All you have to do is just add the Label Name, See the image below :

free download media online blogger template

2. Setting Social Network and Links Feed

Go to Design > Edit HTML and find this code below :
<li class='facebook'><a href='/' title='Add Our Facebook'>Facebook</a></li>
<li class='twitter'><a href='/' title='Follow Our Twitter'>Twitter</a></li>
<li class='rss'><a href='/' title='Subscribe RSS Feed'>RSS</a></li>
<li class='email'><a href='/' title='Subscribe Email Feed'>Email</a></li>

Change the red color with your Link

3. Setting Featured Content

Go to Design > Edit HTML and find this code below :
a. Small thumbnail
<li class='ui-tabs-nav-item ui-tabs-selected' id='nav-fragment-1'><a href='#fragment-3'><img alt='testing' height='60' src='' width='80'/><span>DheTemplate Blogger Template</span></a></li>

Change the red color with your IMG URL and short title

b. Big thumbnail
<div class='ui-tabs-panel ui-tabs-hide' id='fragment-3' style=''>
<img alt='testing' height='290' src='' width='420'/>
<div class='info'>
<h3><a href=''>DheTemplate - Free Blogger Templates Everyday</a></h3>
<p>Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros...<a href=''>More</a></p>

Note :
Red color : replace with your Image URL
Blue color : replace with Title and URL post
Green color : replace with short description

4. Setting Banner ad 125 x 125px
For perfect view banner ad 125 x 125px, the code look like this below :
<span class='banner'>
Your banner ad codes here

*Updates 16-01-2012:
The layout section has been changed itself. I'v tried to fix it to make everything normal, look alike when i first releashed this template (screenshot the layout section in download file) bu i can't. The change make the Featured Post 1 and 2 are missing. To make appear, please follow this steps

Go to Edit HTML and find this code :
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div id='featuredNews'>

Replace that code with this one :

<div class='clear'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div id='featuredNews'>


*Updates 31-01-2012:
Image some blogs that use this template are broken. I dont know why. If your bolog is one of them, please download again this template (images available on download file) and upload all images to your host (recommended use a Blogger itself). Then, replace all the broken images with your new images

**Updates 16 February 2012 for Javascript code of Tabview
Find this code
<script src='' type='text/javascript'/>

And replace with this one
<script src='' type='text/javascript'/>

Contact us or leave a comment if you have any question about this template

279 Person has expressed his thoughts, Now you turn guys!

«Oldest   ‹Older   1 – 200 of 279   Newer›   Newest»
  1. I can't understand!! How you guys have so amazing templates? THANK YOU SO MUCHHHHH

  2. @MeymiGrou Business : Thankyou :D

  3. i cn't upload this template. i'm getting error message while i'm try uploading this template. Error is:

  4. @Razakoli : Hi.. Try to clear your cookies first

  5. Very cool template. I just download this template and I hope some can help me. I have problems with the featured posts.. ?
    Hope someone can help me.

  6. @Benedicte : Hi.. There are 8 widget for featured posts/recent posts per label. For perfect view, You must fill all the recent posts widget as you have done for Helse and Electronics categories.

  7. This template is awesome ! Thanks for sharing and hope you don't mind if I also share this at my blog :)

  8. @Dhiren : Hi.. Yes.. You can share it in your blog. Thankyou

  9. Hey ireng!
    I have some problem that I can't see posts title in Recent Post / Featured Post. How can I do? Please help me!

  10. @AungMyoHtunKyaw : Hi.. This template is just show up auto recent post per Label in Homepage. It will normal when you see Labelpage or single post. Try to explore the demo live

    Just add your Label Name in Featured Post widget. For example you have a label name Tutorial

    Add Tutorial Label name in Featured Post widget and all the posts about Tutorial will show up there

  11. Well, i have the same problem with autocategorias recent posts.... nothing apears....

    What im doing wrong? In FEATURED POST 1 or 2 or 3 is nothing? OI only have to put the categorie?

    Thanks Ireng

  12. @Manuel Malvo : Hi... I can't see your blog. It just for invitation readers.

    By the way. I have a same problem with you when my blog open to invited readers only. All features can not work. But when i open it, it works. Try to open you blog first then follow the setting above

  13. Thanks .. it's Cool themplat !

  14. Anonymous

    Hello, ireng_ajah!

    First of all, congratulations for this awesome template!

    Well, when I add more than two featuredStyle widgets, the sidebar goes down. Could you help me, please? What am I doin wrong?

    Here it's where I'm trying:


  15. @Wilhelm D. Mondschein : Hi.. Thankyou. Please, fill up all recent posts/featured posts to get perfect view. Then, the Featured Post widget already set for 1 widgets. If you add more widgets, it will not work for featured post. Just like widget for Ads in the middle


  16. Anonymous

    @ireng_ajah: Thanks for the answer! But well, when I try to configure the other widgets, it gets one just down the other, as now you might see in the blog. What may I do?

    I'd also like to do not use featuredStyle 8 and 9. Could I, and yet this way the sidebar gets in its normal position?


  17. @Wilhelm D. Mondschein : Yes.. You can. I saw your blog and there are only 2 posts there. Try to make many posts first. Check these :

  18. Its really a nice template, I have following questions about this template.
    1. How to remove attribute"Powered by Blogger" ?
    2. Just above powered by blogger I added a banner but it appeared to 125X125 how to show a banner on top?

  19. @Master Zico : Hi..
    1. You should reinstal again. Then, you will get notification like this :
    Warning: Your new template does not include the following widgets:

    Click Delete Widgets

    2. Actually, baner on top for 468 x 60px. Go to Design > Page Element. Click Edit Advertise widget and add your banner code there

  20. Anonymous

    @ireng_ajah: Thanks, it worked!

    But now I have another trouble: in the index page, the submenu of the horizontal menu works fine. But if I open any post, it stops working. Do you know why?

    Check it on "Esparsos" submenu under "Categorias" menu.


  21. @Wilhelm D. Mondschein : Hi.. It not work cos no URL there. The stucture of submenu "Esparsos" look like this

    <li><a href='#' title='Documentos esparsos...'>Esparsos &#187;</a>

    You should add the '#' (without quote) with link.

    This is same with your menu, Como baixar

  22. Anonymous

    @ireng_ajah: There might be no link as well as it's like a menu, not an option to open any page. The problem is that when I open any post, this menu [Esparsos, Como baixar] stops working like it does in the main page...


  23. @Wilhelm D. Mondschein : yess.. it will not work if you not add a link there. If you want menu Esparsos, Como baixa work, you should add a link look alike Livros, Mangas, etc.

    Bye the way, i think the Esparsos menu should be Main menu it self. Not in Categorias menu

  24. Anonymous

    @ireng_ajah: Thanks! That wasn't what I wanted to do, but I fixed it.


  25. @Wilhelm D. Mondschein : Apologized if i can't help you about this. Maybe i dont know what you meaning of

  26. Anonymous

    Is there anyway to show text and a thumbnail in the "featured post" instead of labels?

  27. @Anonymous : Apologized. Featured Posts this template only show up the Title but you can customize the javascript

  28. Anonymous

    @ireng_ajah: There's no problem about this. You really, really helped me a lot!

    Thanks one more time,

  29. @Wilhelm D. Mondschein : You'r welcome

  30. Ireng, can you show me how to show the thumbnail and the quote of the last post in features post widget?

  31. @Nguyễn Việt Phương : Apologized. I can't for this template. It's very complex. Maybe my next template.

  32. @Nguyễn Việt Phương : Thankyou. Please wait. Not similar but still use auto recent post per Label and both of thumbnail and link

  33. Anonymous

    Hi,, i have a little problem with this template "The dates of the posts don´t appear" and i don´t know how to do to appear the dates, please help me...

  34. @Anonymous : Try this step. Go to Design > Page Elements. Click Edit on Blog Post widget. Check "The Dates of the posts" there

  35. Anonymous

    Thank you for reply soon, I´ve tried that and don´t works, I´ve tried adding html code in the template code and doesn´t, There is another way to make appear the post date?
    My blog is It´s in spanish...

  36. Anonymous

    well, I just made some tests with the template, but since I add the featured posts the positions get mumbled...
    like this

    how do I fix that?

  37. @Anonymous : Hi.. If i see your blog, i think you make a change for Post Author and Post TimeStamp. Please do not remove specially for Post TimeStamp

    <span class='post-author vcard'>

    <span class='post-timestamp'>

    You can reinstal this template but don't forget to backup your current blog (Featured Post Slider)

    @Ramon S. Killer : Hi.. Please make a post first and add all the featured post per Label. YOu can see the setting in above

  38. Anonymous

    Thanks so much, now I´m going to try that you say, I hope It works...

  39. @Anonymous : You'r welcome and i hope it works

  40. Thanks a lot!! I will try it out. I hope it will work!!!

  41. Anonymous

    hey! thanks dude... I get it... Nice template man... good job!

  42. Hey, Ireng.

    I just sent you an email, in regards to another challenge that I had with your Media Online template.

    Thanks for your ongoing support.

  43. Anonymous

    Thank you, I tried that you said and It worked...You saved me jajaja.
    but I have another question: "How can I change the page numerator? I want It appears with page numbers and It only shows "newer page or older page" and I would want to know how to put 2 gadgets in the space of 1 gadget of the sidebar... I mean,I´ve put a random post gadget and It only cover the half of widht of the sidebar and the another half it´s empty and I was thinking that if I put 2 gadgets with the same dimensions It would appear covering all the space of widht of the sidebar. I hope I´ve xplained well my point, please answer me soon, I would love to.

  44. @CashCrate Insider : Hi.. Thankyou..

    @Anonymous : Hi.. For page numbering, you can see this blog

    Can you give me your address blog? So i can see what the meaning of about random post gadget

  45. wow great template ,but i cant edit the menu .how??

  46. Hello, I found this template perfect for my blog, however I would like to remove all "featured" or find a template like this and now without the 'featured'.

    It would also be helpful to remove the slide.

    Could you help me?

  47. @davemust.corp : Hi Davemust.. For edit menu, Go to Edit HTML and find this code :
    <div id='menu'>

    Then, you can edit the menu structure like this (this is default menu from template file)

    <li><a href=''>Daily Templates</a></li>
    <li><a href='#'>Drop Menu 1 &#187;</a>
    <li><a href='#' title='Edit Me'>Child Menu 1.1</a></li>
    <li><a href='#' title='Edit Me'>Child Menu 1.2</a></li>
    <li><a href='#' title='Edit Me'>Child Menu 1.3</a></li>


    Replace the and Daily Templates with your Link and Title Menu (for singe menu)


    #, Edit Me, Child Menu 1.1 with your Link, Title Menu and Title SubMenu (for menu with submenu)

    @Damien Willis : Hi Damien.. Please contact us via email (menu Contact Us) and i'll guide you how to remove all featured also slider

  48. Anonymous

    Hi,, I tried the page numbering that you answered me, but it doesn´t work, I think that It´s a template defect... can It be fixed?

  49. @Anonymous : I try to make page numbering and it works but any problem for that

    You can see this demo

    Try to click POST, HTML etc from Homepage then click Older Post.

    Check also this page

    Sometimes, this is not perfect view like that demo or like this blog ( You can try with click some menu, example Style > Adapted WordPress. Then click Older page. Page numbering will appearing after you click Older Page

  50. I cant see my posts !!! why ??

  51. @Gonçalo Silva : Hi Gonçalo Silva.. This template set up only show up Recent Post per Category in homepage. You will see your post when you click label page or single post. Please explore the demo live for more details

  52. nice them...but im dont understand to use this theme...maybe must adaptable first...thx


  53. hello ireng, i love your template so much. great work of you!

    I want to ask about some error on my blog
    1. why the featured post on my blog show only in 1 column and not 2 column?

    this is my blog;

  54. my 2nd question
    why is the blogger templates widget and 'recent,popular,label' widget appear in the middle under the featured post?

    I want to out it at the right side.
    please help me

  55. @sakura putih : Hi Sakura Putih..
    FOr perfect view, please fill up the Featured Post per category. You can see the setting in my post above.
    For example : You have a post with label name Muslim. Add the Muslim Label name in Featured Post widget (see my post above)

    By the way, if i see your post, you not give a labelname. Please, give a label name in all your posts

  56. @sakura putih : Hi Sakura Putih.. This is normal when you not fill up all featured post. So, please fill up the featured post first

  57. Thanks for the reply irejeng. i`ve filled up every featured posts with labels, but it still didn't work as the preview. Any advice?

    (this is new blog I inherit from someone else, so i'm in process to rebuild the blog. Thanks for the reminder :) )

  58. @sakura putih : Hi Sakura Putih.. Great for Featured Post 1 and 2. Try to fill up another Featured Post and you will see everything is ok

  59. I didn`t fill every featured post with the correct label.
    Now as I did correctly, everything went very well.
    Thanks again for your very helpful guidance.
    keep up with your good work :)

  60. @sakura putih : Hi Sakura Putih.. Great and you'r welcome

  61. @ireng_ajah i've read through all your posts above and am still have problems!

    address is

    1) i can't get anything to show up under the recent posts section?

    2) the featured posts don't include featured posts, just the label name as the title.

    thank you for any help you can give! its a very nice template!

  62. sorry i have fixed it - didnt realise it had to be available to everyone for the widgets to work!!

    can i make a financial contribution to you and in exchange remove the backlinks to your sites?

  63. @admin : Hi admin.. Great site. About financial contribution, yes, you can. I saw your blog and my sponsorship has been removed. Contact us via Contact Form about this

  64. sakura putih

    Hello again ireng,

    I want to ask if the drop down menu can have submenu for the submenu?

    Its very cool if you can assist me on how to add the submenu for the submenu.

    thanks :)

  65. @sakura putih : Hi Sakura... Apologized but you can try this one :

  66. Hi ireng,

    Thanks to the new link reference.
    I've try to modify the code and add the sub menu to sub menu.
    But it didn't work.

    I've try many other option,from other reference but i don't know where i'm wrong.
    But it didn't work.

    How should i change the coding?

  67. hey hi .. everyone .. i m facing one problem with this template whenever i use the first two featured post label columns .. the whole page disturbs. I mean that .. after i use the first 2 labels of featured post .. the page lines up all the featured post 1 below the other and everything looks bad then.

  68. @Jiten Oswal : Hi Jiten.. If i see your blog, you don't have any post in your blog. Make a many posts first then fill up all the featured post

  69. @Muslimin Society of Morioka : Hi Sakura.. Contact me via email (Contact Us menu). I'll try to guide you about this

  70. Hey you done such a good Job, I like your this template.I want to ask 1 thing from you which is that I want to show my newly published post on my home page instead of features post which is from 1 to 8. Is there any methode to remove all these feature post widgets from template and show in this area newly published complete post?

  71. @channelspk : Hi.. Contact me via email (Contat Us menu). I'll guide you how to remove Featured Posts and show normally post

  72. Hi ireng_ajah, thank you for the brilliant template:-)

    I'm maju from Japan with a started-up blogger webpage (a customized domain) and have some question for you. Would be very nice if you could help me.

    1. On iPhone/iPad screen, normally websites can be zoomed in and out with fingers, but this template won't do so at all. (Totally fixed size) How can I do that to this template?

    2. How can I change the title area and main area's back ground into white colour?

    3. I'd like to make sure: this templates can be used for commercial use such as my future client putting their ad on my website at some price etc? NOT like my using the template for making a new web design for other people.

    Thank you!

  73. @maju : Hi maju..
    1. Actually, i don't know about this and i never tested on iPad or iPhone screen before but try this one. Go to Edit HTLM and find this code :

    <?xml version="1.0" encoding="UTF-8" ?>
    <!DOCTYPE html>
    <html dir='ltr' lang='en-US' xmlns='' xmlns:b='' xmlns:data='' xmlns:expr=''>
    <meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>
    <meta content='width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no' name='viewport'/>
    <b:if cond='data:blog.isMobile'>
    <meta content='width=device-width, initial-scale=1.0, user-scalable=0' name='viewport'/>
    <meta content='width=1100' name='viewport'/>

    Replace that code with this one :
    <?xml version="1.0" encoding="UTF-8" ?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "">
    <html expr:dir='data:blog.languageDirection' xmlns='' xmlns:b='' xmlns:data='' xmlns:expr=''>

    2. I don't know what you mean about these cos title and main area's are white color

    3. Yes.. This template is free and you can use both of personal and commercial blog but please, do not remove credit footer links

  74. Hi again, ireng_ajah

    Thank you so much for your quick response,
    1. has been solved, it's now working as I wanted to:-)

    2. I tried to explain my question on an image:

    the picture on the right is how I want the site to look like.

    3. OK and don't worry, I haven't touched the original links.

    "© 2011 & Main Blogger"
    won't be taken away. You are the one who created the design, right?

    But just in case I want to ask, is
    "Supported by Makeityourring Diamond Engagement Rings"
    also not to remove either? I wondered just because this link sounds like just a non-related ad.

  75. @maju : hi maju.. Great bro..
    Thankyou for your post about that, hehehe... Go to Edit HTML and find this CSS code :
    background:#eaeaea url( repeat-x top;
    color: #5e5e5e;
    font: 13px Arial, Tahoma, Verdana;

    Replace with this one :
    color: #5e5e5e;
    font: 13px Arial, Tahoma, Verdana;

    3 and 4. Yes and link in number 4 is my sponsor. If you want to remove all credit links, you can buy the license. Contact us for more details

  76. I need a little help for my template.
    I use this template to my blog, but, how do i copy/duplicate TABVIEW (Recent, Popular, Label).
    I have tried to resolve this, but I can't, I just look like this :
    I hope you answer with indonesian, karena saya orang Indonesia,
    oh ya,
    ty before, :)

  77. Hi, thanks for this amazing template.

    I want to know how to activate the trackback in my blog, I tried do it with the traditional form of blogger but It didn´t work, I think It can be a template configuration problem.

    I wanna know how to do it, I hope your answer

  78. @Fikri Blaze : Wahh.. Aku belum pernah nyoba untuk membuat dobel, mas. Mungkin mas bisa pake tabview dalam bentuk biasa yang langsung dimasukkan ke Add HTML/Javascript kodenya, bukan yang seperti ini

  79. @José : Aplogized, i cant' help you about this. I try to make a trackback from Default template (Minima Template) and it's not work too

  80. hmm,,
    kalo dulu bikin tu tabview kode apa aja yang digunain?

  81. @Fikri Blaze : Kode apa aja?? Ya kode yang sekarang yang ada di demo live atau blog sobat tp kan kadang JavaScript gak fungsi kl untuk dobel2. Coba pake metode laen dimana kodenya langsung di copas di widget HTML/Javascript
    Googling ajah "Cara membuat tabview"

  82. saya pengennya sama persis gitu,,

  83. @Fikri Blaze : hehehe.. Sebenarnya pake tabview yang laen jg bisa disamain. Tinggal edit CSS nya ajah. Ato coba download Prado Blogger Template. Template itu juga pake tabview dengan metode kaya Media Online tp dengan kode berbeda. Mungkin bisa kalo diterapin. Untuk style.nya, tinggal di atur sendiri

  84. Anonymous

    How can I adapt this template for rtl language?

  85. @Anonymous : rtl language?? i don't know what you mean

  86. the xml link doesnt come out! please help admin

  87. @MarlinsNationBaseball : I dont know what yu mean with "the xml link doesnt come out!". Everything is Ok. You can download from link Download above

  88. Hi, ireng I really admire you for this amazing template.

    I´d wanna know how to change the colors ( the posts titles, the backgrounds, the texts colors) and How to remove the slider.

    I wanna remove the slider because I think It´s a little bored for my visitors see the same photos or pictures in a week (I change the photos every week), so I would wanna put a widget of the same size (as If that were the slider), exactly as the slider that present a featured Posts of the day, as I think you´ve seen this page(

    My blog is

    I hope your answer

  89. @team-elpuntocristiano : Hi Team..

    For change the background color and tect color, go to Edit HTML and find this code :

    background:#eaeaea url( repeat-x top;
    color: #5e5e5e;
    font: 13px Arial, Tahoma, Verdana;

    Replace the bold code with your colors

    For posts titles color, find this code :

    .post-title a, .post-title a:visited, .post-title strong{

    Replace the bold code with your color

    Then, for slider, You can reinstal a template file without Slider (available in download file) but if you want to remove from your current blog, go to Edit HTML ad find this code

    Remove featured code start from



    I recommend you to reinstall with new template without Slider cos no CSS, HTML and JavaScript codes for featured content slider there

  90. thanks man, God bless you for help us to create blogs...

    And about you said, Yes, I wanna continue using my actual template so can you say wich code can I delete of javasript and CSS when I remove the slider?

    The another things are solved now, just this question I still have.

  91. Hi again, sorry bother so much...

    I´d know wich is the difference between the your template downloaded here in your web site and the downloaded in, because I was viewing both templates and I saw one shorter.

    And I watching the template you offer here doesn´t have the JQuery and Javascript and they as a external file ¿wich is the difference?

  92. @team-elpuntocristiano : Hi Team..
    1. Remove CSS and JavaScript codes
    Go to Edit HTML. Remove these code starts from :

    /* === Featured Posts === */


    #featured .ui-tabs-hide{

    For Javascript code, remove these code :

    <script src='' type='text/javascript'/>
    <script src='' type='text/javascript'/>

    <script type='text/javascript'>
    $(&quot;#featured &gt; ul&quot;).tabs({fx:{opacity: &quot;toggle&quot;}}).tabs(&quot;rotate&quot;, 5000, true);

    2. Actually is same. I use external link for JavaScript and it same function with hosted in Blogger itself. Then, max submit template to Btemplates only 200Kb. So i must delete some files there

  93. Hi again, I wanna know how to put a banner with my blog´s name and my logo in the header instead the text that appear as the blog´s name.

    and I would want to know how to change the menu colors too.

    I hope your answer

  94. @team-elpuntocristiano : Hi Team..
    1. For logo : Go to Design > Page Elements (if you use old dashboard) or Layout (if you use new interface dashboard). Click Edit in Header widget. You can upload your logo or inset URL image. You can choose the placement for your logo :
    - Behind title and description
    - Instead of title and description
    - Have a description placed after the image

    2. For menu
    a. Top menu (staticpage). The code starts from :

    /* === Top Menu === */

    until exactly before
    /* === Social === */

    b. Bottom menu. he code starts from :
    /* === Bottom Menu === */

    until exactly before
    /* === Search Form === */

    You can edit there for backgrounds and colors text

  95. ireng ajah,

    Sorry for the late reply.

    2.has been solved, now the background is all white and works fine.

    BUT the drop down menus are now unseen, that another problem for me.

    tried to find possible codes and tried to change color or something, but it's still invisible. (unless you cursol over)

    any tips for this?

    Thank you!!

  96. @ =DKDK Projekt : Hi DKDK Projekt..
    Try these :
    1. Top menu
    Find this code
    margin:0 auto;

    and replace with this one

    margin:0 auto;

    1. Bottom menu
    Find this code
    margin:0 0 22px 0;

    and replace with this one

    margin:0 0 22px 0;

    You can change the bold code for background color

    Complete code
    1. Top menu. The code starts from :

    /* === Top Menu === */

    until exactly before
    /* === Social === */

    2. Bottom menu. The code starts from :
    /* === Bottom Menu === */

    until exactly before
    /* === Search Form === */

    You can edit there for backgrounds and colors text

  97. Hi again ireng, I wanna know how to put a border to the sidebar widgets, and thank you for always being help us, God bless You.

    And I would wanna know too (This is not about blogs) are you christian?

  98. @team-elpuntocristiano : H again Team..

    For border in sidebar widgets, go to Edit HTML and find this code :

    .sidebar .widget{
    padding:10px 10px 20px 10px;
    border-bottom:2px solid #cfcfcf;

    For same color, replace the bold code with this one

    border:2px solid #cfcfcf;

    For different color each sides, replace with these :

    border-top:2px solid #000000;
    border-right:2px solid #ff0000;
    border-left:2px solid #0000ff;
    border-bottom:2px solid #00ff00;

    Note : change the color and size of border (px) as you want

    Im a Muslim, Sir..
    God bless you too, Sir

  99. Hi there,

    How can I change the size (width and height) of the slider?

    Thanks in advance,

    .: G :.

  100. @.: G :. : Hi G..

    Featured content slider code starts from
    /* === Featured Posts === */

    until before

    1. Width
    Attention these code :

    #featured ul.ui-tabs-nav, #featured .ui-tabs-panel, #featured .ui-tabs-panel img, #featured .ui-tabs-panel .info

    Original width are
    #featured ul.ui-tabs-nav = left:425px; width:215px;
    #featured .ui-tabs-panel = width:430px;
    #featured .ui-tabs-panel img = width:430px !important;
    #featured .ui-tabs-panel .info = width:410px;

    Change width structure : (according original width)

    increasing width:215px; = decrease left:425px; = decrease width:430px; = decrease width:430px !important; = decrease width:410px;

    Example : You want increase the width for small thumbnail slider 20px. So according that structure, it must like this :

    (increasing) width:235px; = (decrease) left:405px; = (decrease) width:410px; = (decrease) width:410px !important; = (decrease) width:390px;

    2. Height
    Attention these code :

    #featured, #featured ul.ui-tabs-nav, #featured ul.ui-tabs-nav li img, #featured li.ui-tabs-nav-item a, #featured .ui-tabs-panel, #featured .ui-tabs-panel img, #featured .ui-tabs-panel .info

    #featured = height:292px;
    #featured ul.ui-tabs-nav = height:292px;
    #featured ul.ui-tabs-nav li img = height: 57px !important;
    #featured li.ui-tabs-nav-item a = height:63px;
    #featured .ui-tabs-panel = height:292px;
    #featured .ui-tabs-panel img = height:292px;
    #featured .ui-tabs-panel .info = height:63px;

    If you want to change the height, make sure it must same height for #featured, #featured ul.ui-tabs-nav, #featured .ui-tabs-panel, and #featured .ui-tabs-panel img

    For small thumbnail height, you have carefully to calculate the height of #featured li.ui-tabs-nav-item a for perfect view

    and for #featured ul.ui-tabs-nav li img = height: 57px !important;, you can adjusting theheight #featured li.ui-tabs-nav-item a

    Note : I use background image for #featured li.ui-tabs-nav-item a with width and height are 205*73px. I recommend you to change the background image or use without image

    I hope you understand what i mean

  101. Hi,

    I think I did :)

    Just one more thing: You forgot to mention that the complete width of the slider is 630px.

    A big hug,

    .: G :.

  102. Hi G.. : Great bro.. About that, i think you not to implement with another template

  103. Hi ireng, I wanna know why I can´t change the slider for a mootool slider, I´ve tried and when It preview It doesn´t appear.

    I think It´s a conflict with jQuery, and I wanna know wich is jQuery function in this template because I´m thinking about in delete all the jQuery code to can put the slide i want.

    But first I wanna know that, I hope your answer

  104. Hi ireng, sorry, I wanna know too how to edit the slider you´ve put for don´t change the slider, I wanna know how to configure the slider to show at the right side panel only the little images and don´t titles.

    If I can do this I don´t need to change the slider as I wrote in the previous comment

  105. #team-elpuntocristiano : Hi Sir... May i know which mootool slider that you want to use?

  106. Hi, I would wanna know how to modify the slider, I wanna remove the right side panel (The section of the thumbails and posts names)

    I hope your answer

  107. Hi Team : Apologized. I can't help you about this. I tried to remove the right side panel but the featured can not rotate. I think the left and right panel are related with script. Im not a programmer, just end user. So i don't know how to modify the javascript

  108. Great template, but complicated.
    A lot of peoples with troubles in featured post :(

  109. Anonymous

    Hi, i'm from Brazil.
    I want to show my newly published post on my home page instead of features post which is from 1 to 8. How to remove all these feature post widgets from template and show in this area newly published complete post?

  110. Hi, is there any way to show regular blog posts (rather than the label/feature boxes)? I'd really like to just have one or two regular blog posts on the homepage.

    Been trying to figure it out, but can't seem to.


  111. hi! on the sidebar where it has "Recent, Popular, Label", my post titles go out of the border.

    hope you could help me. thanks!

  112. looks perfect now! thanks!

    i used it here:

  113. @JoaoF : Absolutely, not. It just put the label name in widget Featured Post section

    @joão : Contact me via email about this (Contact Us menu)

    @Keegan FP : GO to Edit HTML and remove this code
    #blog-pager, .post, .feed-links {display:none;}


    @Marvin De Gracia : Great job, bro..

  114. salam kenal, ireng ajah

    saya mu tanya kenapa tabview(recent,pupular) koq ada dibawah ya..tidak disamping?
    Lalu kenapa saya sudah hapus widget lama, tapi kenapa masih muncul ya?

    terima kasih

  115. Hai, bro! can I put comment box on page? I have enabled the comment on the "Edit Page", but it still hiding.. :O

    Gai, gan! gimana nih pasang kotak komentar di halaman? ane udah enable di tempat "edit laman" tapi masih kaga nongol.. :O

    Thanks before. :)

  116. Hi Ireng, you created very nice template and i am using it for my blog i have same questions
    1. can you show me how to show the thumbnail and the quote of the last post in features post widget?
    2. i want to change black color of heading background?
    3. and i want to remove RSS logo in my featured post which is place at the left hand corner.

  117. @hasplahrocket : salam kenal juga.. Itu terjadi karena widget featured post belum diisi semua. Coba diisi semua dulu dan nti semuanya akan baek2 saja

    @Iqbal Nugroho : wahh... billingual :D Coba cari kode ini :
    #blog-pager,#commentsbox,.post-header {display:none;}

    dan ganti dengan kode ini :
    #blog-pager,.post-header {display:none;}

    @techruma : Hi Tech..
    1. Sorry, the featured post are use JavaScript. I can't help you about this. Maybe in my next template but for first post

    2. The header use an image. You can edit the image in Photoshop or other drawing softwares.
    Here's the image :
    background:#eaeaea url( repeat-x top;
    color: #5e5e5e;
    font: 13px Arial, Tahoma, Verdana;

    Edit the color with black color, then upload to Blogger (recommended) and copy and paste again to that code

    3. For remove RSS logo, find this code :

    .index {
    background:url( no-repeat center left !important;
    margin:5px 0 0 0;
    padding:0 10px 0 15px;

    and remove the bold code

  118. Thanks, gan! I love you muaaahahahaha!
    I love your template! Maturnuwun sanget! Check this one out (tapi belom jadi)


  119. @Iqbal : Sama2. Trimakasih juga

  120. Hello ireng

    i tried you given trick for remove RSS logo but it still showing the RSS name
    give me the solution to completely remove the rss logo with name.

  121. @Techruma : Go to Edit HTML and find all this code and delte it :
    document.write('<span class="index"><a href="/feeds/posts/default/-/?">RSS</a></span>');

  122. terima kasih atas infonya.

    tapi setelah diisi semua tidak bisa juga..apa karena saya hapus isi di widgetnya ya..
    tapi setelah saya upload template ulang..tetap tidak ada isi widgetnya..
    mohon pencerahannya.

    terima kasih
    mungkin bisa di cek kembali blognya.

  123. @hasplahrocket : jika aku meliat blog sobat, itu belum di isi semuanya..

  124. mr. ireng this template is cool
    i use it in my blog
    but it in the layout section (Dashboard) I am experiencing problem with the auto recent post widgets
    1)they do not appear in two columns as they used two they now appear only in single column.
    it is very hard to customize now.

    2)the featured post 1 and 2 are missing.

    but i have made my blog look normal from the outside
    But i urgently need the old and good media online please analyze and rectify the problem immediately and reply.

    here is a snapshot

  125. @Keethu : Hi Mr. Keethu.. Yes but i don't know why this could happen. I think this is Blogger issue. If you download the file from this post (click the Download Template above), you will see the original screenshot of layout section before this issue

    I was tried to fix it to make the layout section normal, look alike when i first releashed this template (before this issue) but i can't. I really sorry for that

    For Featured Post 1 and 2, try this one

    Go to Edit HTML (i use old dashboard) and find these code

    <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <div id='featuredNews'>

    Repalce that code with this one :

    <div class='clear'/>
    <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <div id='featuredNews'>


  126. man you are really great ireng this solved my problem for now. I really love this template man. thank u for taking this problem seriously.
    and also consider editing the template and testing the template and rectify all the layout errors.

  127. @Keethu : Hi Mr. Keethu... You'r welcome. Glad to know everything is fine. Thankyou too for using my template

  128. dear ireng aja.

    terima kasih atas perhatiannya.

    kalau cara membuat popolar post menjadi judulnya saja bagaimana (sama seperti recent post)?

    terima kasih

  129. @hasplahrocket : kalo soal itu, itu ada settingannya di widget, um. Um bisa piliah apakah mau menggunakan image, deskripsi singkat ato judul saja ato perpaduan diantara itu.
    Coba um klik Edit pada widget Popular post. Nti ada settingannya disitu

  130. want to add Recent Post / Featured Post.
    There are 8 widget for featured posts is 16

    thank you

    by thailand

  131. @l3iw : Hi.. Complex to explain here. Contact us via form Contact Us

  132. hai ireng ajah came back for your help again.
    please help me with this
    I had begun a forum page
    all i need is that the entire sidebar widgets should not appear in that particular page. help with the codes.
    also please repair the problems I already mentioned in your template and provide a Fresh and new media online template.

  133. @Hi Mr. Keethu.. For sidebar not appear in Forum page, try this one

    Go to Edit HTML and add this code below exactly after <style type='text/css'> code

    <b:if cond='data:blog.url == ""'>
    #mainright {display:none}

    For the problems, sorry, i was tried but i can't. It's a Blogger issue. Even the layout section look like that, your blog view it's ok

  134. thanx problem solved

  135. @Keethu : You'r welcome

  136. hi ireng ajah, im having problems just setting up this fab template. with all the changes with blogspot, im unsure as to what to put where. i have looked at your instructions but due to the changes with the site i am unsure if i amd doing the right thing. please help me out so i can start using your temp please..

  137. @DirtyLINEN : Hi.. May i know your blog and specific description about the problem??

  138. Incredible Template....Im searching this few days ago. Thanks¡¡¡
    One question:
    Will be possible show featured label contents with small thumbnail?

  139. Hi Ireng I wanna know how to remove the tabs (recent, popular and categories) wich code do I gotta remove?

  140. Very nice template, but i don't know why adsense don't show ads on every page on this template?

  141. Link to my page

  142. Hi Team : For remove tabview, following these step :

    1. CSS code

    Remove the code starts from
    /* === Tabview === */

    untill exactly before

    /* === Post Content === */

    but leave the the .sidebar ul and .sidebar li (just delete .tabdiv ul, and .tabdiv li,

    2. HTML code :
    Remove this code starts from

    <div class='clear'/>
    <div class='tabview' id='tabzine'>


    <div class='clear'/> exactly before

    <b:section class='sidebar' id='sidebar-bottom' preferred='yes'>

    3. JavaScript code

    Remove this code :
    <script src='' type='text/javascript'/>


  143. Hi Goran : First, maximal Ads from Adsense are 3 ads.
    Second. Maybe you add the ads direct from Blog Post widget, not copy and paste the ads code to HTML widget.

  144. Hi FutbolZoom : About your question, no. The javascript code has been set just for title post. Maybe in my next template. Please wait..

  145. Thanks Ireng...

    And put summary posts before or after featured box???

    Great Work!!!

  146. I add only 3 ads on page. Same thing when copy ads code to HTML widget, but never mind and thx for this great template.

  147. Hi Ireng, now I wanna know how to add a left sidebar more, I mean My blog has 3 columns (a left sidebar, main, and right sidebar)

  148. Yes. I have a plan to create another magazine style template with auto recent post look alike Media Online but with summary post for featured post. The summary post just for first post and post number 2-5 only title post. Please wait

  149. Hi Ireng...Thanks for your answer.

    I have been checking template code and I see that script summary post appear. There arent any single way to put summary posts before or later featured box?? I dont want summary posts for featured posts, only summary posts like others templates. I need to combine featured posts box and summary...Thanks a lot!!!!

  150. Please check. I make a blog with this template. The problem of your blog is the ads in top of featured posts doesn't appear.

    I added the add at top of featured post and everything is ok.

    Click add a gadget > HTML/Javascript > put your adsense code > Save. Tehn, drag that widget to the top od Blog Posts widget > save
    But remember, Google adsense only allow 3 ads for each page. In single post, you have ads in top header and end of post. It's a 2 ads and become 4 ads with 2 ads at top of featured posts. And google not allowed with 4 ads

    Hope you understand what i mean

  151. Hi Team : It's a custom template and custom template is not free. Please check

  152. Find this code :

    #blog-pager, .post, .feed-links {display:none;}

    Replace with this one

    #blog-pager, .feed-links {display:none;}


    Btw, don't forget to see the updates for this template

  153. Btw, don't forget to see the updates of this template

  154. Hi Ireng now I wanna know how to change the sidebar widgets h2 color, I mean, I wanna the sidebar widgets title are orange.

    So I need to know which code modify

  155. thanks ireng!!!

    I wait the updates.....I hope soon!!!


  156. @futbolZoom : the updates for layout section has been posted. Please check at the post

  157. Hi Team : Find this code :
    .sidebar h2 {
    padding:0 0 5px 0;
    border-bottom:1px solid #eaeaea;

    Replace with this one

    .sidebar h2 {
    padding:0 0 5px 0;
    border-bottom:1px solid #eaeaea;

    Change the bold code with your new color

  158. BTW..

    after all, i dont like the mix between featured post and summary posts ;(

    There are any possibilities of change the featured box for these:

    Best and a lot of thanks¡¡¡¡

  159. Of course you can but it's a complex

  160. Hi Ireng!
    Help me to fix my template, the dropdown...
    I can't.
    I thank u!

  161. Itu template Remark. Itu karena ukuran font terlalu besar dimana judul blog sobat panjang. Sobat bisa edit ukuran font headernya

    Masuk ke Edit HTML dan cari kode ini :

    #header h1{
    text-shadow:1px 2px 2px #fdffe2;
    margin:10px 0 0 0;

    Ganti ukuran yg dicetak tebal, misalnya 40px

  162. u/ mengganti nama-nama drodown bgaimana ya,
    thanks Ireng

  163. Kode dropdown menu seperti ini :
    <li><a href='#' title='Edit Me'>Child Menu 1.1</a></li>

    Tinggal ganti # dengan link dan Edit Me dan Child Menu 1.1 dengan judul menu

  164. trus untuk mengisi link ya bagaimana?
    Maksud ssaya semisal tanda # saya ganti alamat, trus link jika diklik kodenya bagaimana?

    Thanks anymore Ireng :D

  165. Contoh link nya bisa sobat liat dr dropdown menu di blog ini.

    Misalnya (make blog sobat)

    <li><a href='' title='Todays'>Todays</a></li>

    Itu untuk link yang ngarah lgsg ke postingan. kalo sobat ingin per label, ya tgl ganti dgn alamat Label postingan

  166. again sir!
    untuk mengganti gambar fragmen yg di template ada 4 beserta review y, bagaimana cara biar itu gambar and reviewy bisa Q ganti jadi gambar Q..


  167. Hi Ireng, What do I gotta do to align the sidebar widgets h2 title to center?

  168. Kalo soal itu, ada tutorialnya dipostingan..

  169. Hi Team : Just add this code to the CSS code of sidebar title :


  170. Buddy, How can I configure Labels to show 10 posts when someone click on one label? now they´re showing only 5 posts.

  171. Hi Team : Go to Edit HTML. Click the Expand Widget Templates and find this code :

    document.write(&#39;&lt;span class=&quot;labelTitle&quot;&gt;&lt;a href=&quot;/search/label/<data:content/>?max-results=5&quot;&gt;<data:title/>&lt;/a&gt;&lt;/span&gt;&#39;);

    Replace the bold code with 10

  172. Ireng when I said - How can I configure Labels to show 10 posts when someone click on one label? I meant when some one is viewing any post and click on the labels of that post.

    I didn´t mean to Featured Posts labels.

    how do I do?

  173. Hi Team. Sorry for miss understanding. Go to Edit HTML, click Expand Widget Templates and find this code

    <div class='post-labels'>

    You will see code look like this

    <a expr:href='data:label.url + &quot;?&amp;max-results=5&quot;' rel='tag'><></a><b:if cond='data:label.isLast != &quot;true&quot;'>

    Replace the bold code with 10 or other values

  174. I wanna use this template, but using limited internet connection (max 3mb/s I only have it) I need more than 5 minutes to see my blog completely. How can I fix it??? I have given up and no switch back to the default template.

  175. Wow.. 3mb/s?? My connections only 384kb/s and everything is OK. I can load the Media Online demo less that 1 minutes

    1. Make sure your computer very fine. No virus there cos some viruss can make connection down

    2. Try to compress the css and javascript code. You can search in google

  176. Hello -

    As of this morning, the template seems to have some broken code? I have not edit the template since the day I installed it, so I'm not sure what happened.

    In the bottom footer, and in the right "Recent, Popular, Label" post section, I am getting big ! marks inside of a rectangle!

    Advice is apprecaited!

  177. Hi Brian : May i know your blog? So i can see the problem

    If i see the demo live, everything ok

  178. Hello! Thanks for the really nice template! I need your help, though. I noticed that the slider is visible on every page of the site. How do I restrict it to the homepage only? Thanks.

  179. Hello! How do I change the footer so that it's not divided into 3 sections?

  180. Hello! Is it possible to change the featured post areas below the slider with a text or html widget?

  181. Hi Patricia.. To make the slider visible on every pages, follow these steps :
    Go to Edit HTML and find these code

    1. CSS code
    Cut this code starts from
    /* === Featured Posts === */


    #featured .ui-tabs-hide{

    and paste exactly before ]]></b:skin> code

    2. HTML code
    Find this code and remove it

    <!-- Featured Content Started -->
    <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
    <b:if cond='data:blog.pageType != &quot;item&quot;'>


    <!-- Ends of Featured content-->

    Delete the bold code


  182. I don't know waht you mean. Footer of this template are 4 section, not 3

  183. Featured post set up for Recent posts categories but you can add new text or HTML widget. Do not add your text or HTML into the featured post widget. You can add it from Add a Gadget

  184. saya juga mas bermasalah templatenya, isi kotak tanda seru gitu, ini kenapa ya? btw saya sangat amat menyukai templatenya.. ^^ thanks.

    sorry pake bahasa Indonesia.. Saya sudah memakai templatenya semenjak bulan Desember..

    ini alamatnya:

  185. @Kyd The Phantom : Udah 4x ini saya dapet laporan soal template yang gambarnya berubah menjadi tanda seru alias rusak. Saya pribadi gak tau kenapa. Semua gambar pendukung di upload ke Blogger dan apabila gambar asi rusak, otomatis semua blog yang make template buatan saya akan rusak tapi ini, demo live normal, beberapa blog yang pake template ini juga normal. Aneh ya.. hehehe...

    Kalo saya liat url image yang rusak dan bandingin ma demo template, url imagenya semuanya berubah.

    Contohnya untuk body :
    Blog sobat

    Demo live Media Online (

    Coba sobat ganti url imagenya sesuai ma demo atau donlot lagi filenya dan upload gambar2 pendukung (gambar ada di file donlot)

    Semoga membantu

  186. #Brian : I really dont know why the images are broken. You can see live demo and everything is ok

    But i give you an example same case with you. Check this blog This is Kyd The Phantom blog's. Then click View Page SOurce. You will see the different url image between that blog and demo live blog

    Kyd The Phantom blog's

    Demo live Media Online (

    **Maybe is a different too with your blog. Please check it

    So, i suggest to you to download again this template. You will see all images there, then upload all and replace the old image url (broken image) with new url image. Or, you can replace all images url from demo live

    Hope it can help you

    Btw, i found this link. It's same case with your blog

  187. thanks so much!

    is there a way to make the theme automatically adjust in size when viewed on a tablet or phone? i noticed that on the ipad i need to scroll to view the entire width.

  188. Hi Paricia.. You need to make this template become a responsive for iPad and iPhone

    For phone (mobile) itself, actually you can set from your dashboard co Blogger has been supported mobile

  189. Hi Anonymous.. To change featured posts for 7, 8, 9 articles, find this code

    numposts1 = 5;

    Replace the bold code with yours
    But, you should change the height featured posts too..

    .recentCol {
    border-bottom:2px solid #cfcfcf;

    Replace the bold code with new height

  190. Oh that's great if auto collapse feasults post frame, much too long column, the column is both column is too short

  191. photos on my blog broke the frame, how to fix it?


  192. Thankyou for your feedback. This template is not support collapse Maybe next time

  193. That is not broken but auto hidden. Try to use height and width look alike your first image post

  194. How to change the font of the title

  195. h1, h2, h3, h4, h5{font-family:'Abel', Arial, Tahoma; color:#333;font-weight:normal;margin:0;padding:0 0 5px 0}

    change the bold code with yours

  196. plz help me
    How to change the font of the title

    tks you very much

«Oldest ‹Older   1 – 200 of 279   Newer› Newest»

+ Add Your Comment

Do not waste your time with irrelevant comments or leave a link for backlink will be removed