Feb 26, 2009

Fashionholic

My new design, fashionholic blogger template , especially for fashion or girl blog. Three column, fresh pink and blue with unique detail at top header. Here's the screenshoot.

fashionholic blogger template

[Preview] | [Download]

Installation settings

Toplinks Setting

Edit this code, replace by your own link

<div class='toplinks'>
<a expr:href='data:blog.homepageUrl'>Home</a>
<a class='topnav_about' href='http://YOURLINK.com'>About</a>
<a class='topnav_contact' href='mailto:YOUR-EMAIL-HERE>Contact</a>
</div>

Navbar Setting

How to?

1. Open Layut>Edit HTML

2. Find this code below. Press Ctrl+F for easier search.

<div id='NavbarMenuleft'>
<ul id='nav'>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li>
<a href='#'>Sample Page</a>
</li>
<li><a href='#'>Sample Post</a></li>
<li><a href='#'>Blog Page</a></li>
</ul>
</div>

3. Edit your link. For example

<div id='NavbarMenuleft'>
<ul id='nav'>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>

<li><a href='mailto:missblabla@gmail.com'>Contact</a></li>
<li><a href='http://blogger.com'>Login</a></li>
<li><a href='http://YOUR-POST-LINK.com'>About Me</a></li>
</ul>
</div>

3. To add more link, add this code <li><a href='http://YOUR-LINK.com'>Text Menu</a></li>



133 comments:

  1. wah.. kok di free... sayang amat tul

    ReplyDelete
  2. @subagya:wkekwkewkkew ada perubahan permintaan, gpp deh nyang ini direlease aja

    ReplyDelete
  3. mba ipit bagusss banget,boleh anna coba khan ???

    ReplyDelete
  4. @mbak anna:silahkan mbak heuheue lgi pgn centil aja bikin yg ky gt

    ReplyDelete
  5. wow! your templates are really great. two thumbs up. ;)

    ReplyDelete
  6. wow! your templates are really great. two thumbs up. ;)

    ReplyDelete
  7. @anna monique:hello anna, thanks for visiting again :), yeah I dedicated this for fashionholic girl

    ReplyDelete
  8. I will visit your site always. :)

    By the way, I discovered this blogsite via template footer when I'm browsing blogs, it redirect me to your other blogsite which is written in your language. :) Too bad, I can't understand it. Hehe. What's your language? :D

    ReplyDelete
  9. @anna: LoL... Im an indonesian, there's another two blog using indonesian, just my personal diary :D I know you come from Philipine ;)

    ReplyDelete
  10. I have seen it on your blogger profile. Wow! Asian rules. :D

    The shown blog on my blogger profile is also on our language. But got blogs hidden, written in english. :D I will use your templates there.

    I'm trying to earn online too, I noticed you have adsense, chitika and project wonderful here. :)

    ReplyDelete
  11. @anna:hehehe, yeah...^_^v Go Go Yeah *act like a cheerleader* Yess you right, I'm trying to, still learn to earn hehe... Just email me or leave comment here if any problem with the template ;)

    ReplyDelete
  12. gamezine putih udah disiapkan iki...
    tapi, sek, ojok diprotes warna disek. Iku urusan keri...

    Btw, barbie mu endi... ,opo tak gawe pisan warna merah muda...??

    white-blue gamezine..
    http://white-gamezine.blogspot.com

    ReplyDelete
  13. heheheheh..... sek sori, ngguyu ne keri...
    heheheheheh

    wekekekek

    ReplyDelete
  14. @cahaya biru:lagi jalan jalan..males mikir e wkekwkekwkekwkekw

    ReplyDelete
  15. can i translate this template to my language?

    ReplyDelete
  16. @dropofblood:yess you can...but keep intact the credit footer okey ;)

    ReplyDelete
  17. hey this template is not working? please check will yoo?

    ReplyDelete
  18. wah, hebat...kamu jago banget bikin template. saluuutt...

    ReplyDelete
  19. @sang cerpenis:makasih kunjungannya :)

    ReplyDelete
  20. hi. can u give the code to add the date of blog post?

    ReplyDelete
  21. @kelly: find this code

    h2.date-header {
    margin: 1.5em 0 .5em;
    display: none;
    }


    delete display:none;

    ReplyDelete
  22. @kelly: customize its background, maybe you need to remove h2

    ReplyDelete
  23. hi.. i would like to request on a tutorial from start on how to put the nav setting.. im using blogspot and i dunno how to add pages...
    i wanted to add pages such as home.. refresh , about me, links, contact in the nav bar.. Would u kindly explain to me.. thank u ... i really appreciate if u do... thanks again in advance

    ReplyDelete
  24. @xuen:you can read my post :) hope it's clear enough

    ReplyDelete
  25. thx so much.
    though it looks a bit akward with the layout.
    is there anyway to change the colour or something.
    would appreciate it.
    thanks again

    ReplyDelete
  26. @kelly:just try to edit html code..back up it first, dont afraid make a mistake...try on another trial blog

    ReplyDelete
  27. hey hi.... sorry to bug u again
    erm i still cant find the code u ask me to find.. seriously there is none...was hoping is there is another way compare to that way...

    i mean adding code to create the nav bar? something like that... coz i dig it.. none can i c as a result... thanking u in advance...

    ReplyDelete
  28. @xuen:try to edit it first before create...learn css and html structure...

    ReplyDelete
  29. Such a cute template~ I'll be using this in the near future when I start my fashion blog.^^

    I know this is the wrong blog post to ask help but when I clicked on your 'blog tutorial' link, there was nothing. I hope you don't mind.

    How do you make your blog posts from your main blog page little? I mean it appear 'cut' off... the [...] thingie?

    My single post is like huge so I want to cut it up so the viewer won't have to scroll way down to see the past entries. Hope you can help.

    Thanks!

    ReplyDelete
  30. @animanganiac: :D im sorry, that post using indonesian...I will remove it soon...
    It using automatic readmore.. If you need it, I will post it for you..It will cut automatically, no need another setting when you post it..

    ReplyDelete
  31. yay~ please post this automatic readmore. i tried searching it on google so that i don't have to impose on you but couldn't find it =( so i'm here imposing XD thanks!

    ReplyDelete
  32. @anima: here's special for you hehe http://ipietoon.blogspot.com/2009/03/automatic-thumbnail-and-readmore.html

    ReplyDelete
  33. gimanaa sh caranyaa masukind tu template ?.
    huaaa ~

    ReplyDelete
  34. ini juga cantikkk bangettt...
    jago bikin template ya? ^^

    kupu2 dong... heheheee..

    ReplyDelete
  35. Masya Allah.. ternyata dirimu wong Indonesia tha? Alhamdulillah.. ternyata aku nemu lagi orang Indonesia yang pinter...

    ReplyDelete
  36. Hi,I loves ur template so much,which i had taken for myblog.sorry for not asking u in advance.But i have problem with my site.Why can't I add content to the navigation bar eg. in Sample Page,Sample Post,Edit??
    Can u help? thanks very much.

    ReplyDelete
  37. Am not a Programming person.hope u can help me how to solve it? Terima Kasih

    ReplyDelete
  38. @auntie: change # sign to your own URL post, or anything URL you want... what's error like?

    ReplyDelete
  39. Hi,auntie here,when i click on the navi bar eg.sample page,it direct me to feedburner,ask me to subscribe?Macam mana hah? the link is like this :http://bestylish88.blogspot.com/feeds/comments/default

    ReplyDelete
  40. @auntie:thats your own RSS link :), you can replace to your own link, in example http://www.ipietoon.com with acnhor text Free Template

    Read Navbar Setting carefully

    ReplyDelete
  41. if i dun want the anchor text free template?i want to post blog contents in the Sample Page,Sample post etc..How?

    ReplyDelete
  42. @auntie: it's up to you, Free Template only an example. Choose your own anchor text, and replace link to your post content link

    ReplyDelete
  43. People have a problem posting a comment on my page while in -Internet Explorer-. The comment box gets trapped underneath everything in the right nav bars.

    This only happens in IE, all other browsers seem to work fine. any ideas?

    site is,
    http://busybudgetmom.blogspot.com/

    ReplyDelete
  44. @TUPT:thanks for your correction, thats my false, because I seldom using IE, Im sorry
    here's the way to fix

    find this code

    .comments {
    background: #FFF url(http://2.bp.blogspot.com/_nxOMLf2KJwU/SaOIKuUicgI/AAAAAAAABFk/YION5r430kE/s1600/botpost.png) no-repeat bottom;
    float: left;
    width: 590px;
    margin: 0 0 10px;
    padding: 10px;
    }


    change
    width:590px;

    to
    width:579px;

    thanks

    ReplyDelete
  45. hi,wanna ask u,is it possible tht i can add my image in the rightheader?to replace the shoesand bag rack?

    ReplyDelete
  46. ipiet,what happen to ur post a comment box?lain macam nampak? jadi terlalu kurus?

    ReplyDelete
  47. @BS88: hehehehe seberapa kurus comment box nya? bisa di setting sesuai selera

    you can save header image, if you're using firefox, right click, view background image and save. Edit it using photoshop, just delete it (using eraser tools)

    I only have SVG file.

    ReplyDelete
  48. comment box kurus seperti yang TUPT cakap dalam commentnya.I think bcos i used IE,maybe tht's why jadi macam tu.

    ReplyDelete
  49. Yang Ipiet cakap save header image,bermakna save image yang saya suka tu,lepas tu?I guna IE not Mozilla..dlm Edit HTML,macam mana?

    ReplyDelete
  50. @BS88:oo thanks for telling me about that. find this

    #header {
    background:url(http://2.bp.blogspot.com/_6pbSFKC8YH4/SaVsMwsT3iI/AAAAAAAAATU/jrHCkTYCb_c/s1600/headerfashion.png);
    width: 960px;


    that's header image URL

    ReplyDelete
  51. Hi,Ipiet,
    Am truly sorry to disturb u.
    Can u help me how to align the header image to centre? and my header text to put bottom? and the header background to be blue in colour?? can u visit my site: http://bestylish88.blogspot.com to take a look.
    terima kasih banyak-banyak...

    ReplyDelete
  52. @bs88: resize your header image size to 960px, your image width only 770px

    add padding-top on hummm about 200px maybe

    #header h1

    ReplyDelete
  53. Help!! Can't resize to 960px, cos the original image is only 770px...Help!!

    ReplyDelete
  54. @bs88: maybe you have to find another or edited using imaging software like photoshop

    ReplyDelete
  55. Gorgeous Template, mau donk ah. makasih sebelumnya!

    ReplyDelete
  56. mba,, tempat code nya dmana sih??
    yg diatas itu ko malah cara apaan gitu??
    padahal bagus bgt lhoooo...bls

    ReplyDelete
  57. ka,,, aq ga ngerti cara yg kk bikin diatas,,
    g mana sih cara'n

    ReplyDelete
  58. ka,,,, aq minta code nya dongggggggggggggg
    soal'n aq ga ngerti......tq

    ReplyDelete
  59. Mimah: ituh kan ada link download nya.

    ReplyDelete
  60. tapi ka,, klu aq klik link download nya,,berarti aq nyimpen ke document dong..
    trus klu aq dah nyimpen, truss g mana cara dpt code nya??aq minta tuttorial dunkss ka..tq

    ReplyDelete
  61. Mimah: iyah disimpan, kemudian buka layout di dashboard, klik edit HTML, ada menu upload nya. Di upload langsung file yg tadi sudah di download. Klik Simpan (Save) dan Selesai.

    ReplyDelete
  62. Hi Cebong ! Big problem with "Shopping bag", so i re-use FashionHolic with pleasure !! (modified by me of course... lol !).

    Thanks for this great theme and kisses !

    ReplyDelete
  63. @dee: hehe whats wrong? any problem with?

    ReplyDelete
  64. mba..aku suka bgt templetenya..
    aku dah psang..
    makasi yaaa..
    love iT..

    ReplyDelete
  65. Hi
    I am using your template and just find out that the comment section is hidden under the right bar, how can I fix that?
    http://articulosimportados.blogspot.com/2009/06/abercrombie-remeras.html

    ReplyDelete
  66. @disney fan: it seems you download from another site. I've update it, download it from my link, comment bug is fixed

    ReplyDelete
  67. thanks! I figured out how to fix it myself :)
    I really LOVE your template!

    ReplyDelete
  68. @anabella:great to hear that

    ReplyDelete
  69. Hi, ipiet,
    Can u help me,cos my blog sudah jadi lain macam,can u visit :http:bestylish88.blogspot.com

    Saya guna this template.tq

    ReplyDelete
  70. @BS88: do you edit the code? maybe you should re upload it :)

    ReplyDelete
  71. I didn't edit the template,I have tried few times to re-upload it, still the same, macam mana ah?Tolong....

    ReplyDelete
  72. bs88: be patient :) hehe, i'll try it later

    ReplyDelete
  73. Hi,Ipiet,
    Anyway to fix it back?? TQ

    ReplyDelete
  74. @BS88: im sorry, I don't know, :) i've tried it, and nothing problem on my trial. You can check the font size different. Why your font so large? could you make it smaller?

    ReplyDelete
  75. @BS88:it seems you;re using the old version, i mean i have updated, please download new file, and reupload, click above donwload link

    ReplyDelete
  76. Ipiet,
    Dowloaded and upload got prob like below:

    Widgets are about to be deleted
    Please confirm that the following widgets should be deleted. All the widgets' configuration data will be lost.
    HTML4
    HTML1
    HTML3
    HTML2
    Text1

    How??

    ReplyDelete
  77. Where to adjust the font size?

    ReplyDelete
  78. @BS88: read my latest post, how to change blogger template without deleting widget please. Or, just deleted and then you have to add widget again. Like the first time you add

    You have to EDIT HTML. Find font size code

    ReplyDelete
  79. hi

    how do I install this theme on my website? im a beggineer so I dont understand much....can u please walk me through the steps

    ReplyDelete
  80. @anonym
    1.download xml file
    2.save
    3.open edit html through Layout on your dashboard
    4.upload xml file
    5.save

    ReplyDelete
  81. Hi Mbak Ipiet,

    Terima kasih untuk template yg sangat cantik ini.
    Thanks for releasing free.

    Mbak, gimana cara ngecilin Tulisan di Blog Header, soalnya tempatnya gak muat. Kepotong jadinya http://womenapparelfootwear.blogspot.com/


    Makasi ya mbak

    ReplyDelete
  82. cari kode font size
    di bagian header
    atau h1

    ReplyDelete
  83. mcm mane sudah byk kali saya buat tp x blh jgk..

    ReplyDelete
  84. HI Mbak,

    Makasi udah berhasil ngecilin tulisan di Blog header.
    Mbak, klo untuk ganti font size di posting dimana, soalnya kekecilan. makasi mbak @_@

    ReplyDelete
  85. di bagian post lah hehhee
    coba coba aja , jgn takut salah

    ReplyDelete
  86. hello Cebong Ipiet
    I love your template and I am using it in my blog. But i have a problem using the third column. My widgets in the third column is not displayed properly. it is like its cut. I tried to adjust the width of my widgets on the third column but it does not look good. Is there a way I can expand the white area?

    ReplyDelete
  87. @hi eva

    here's my suggestion
    put wide widget on wide sidebar, I mean under your profile

    but if you still wanna make thats sidebar wider, you have to edit some HTML

    sidebar, mainpost, comments width

    ReplyDelete
  88. ok i'll try that. thanks again.

    ReplyDelete
  89. my site 4 u www.mixghazals.blogspot.com

    ReplyDelete
  90. Mba' maaV ya aqw copet karyanya yg ucul bgd ini...templtenya aqw pake bwt blog baru aqw mba',tapi rada-rada di edit gitu,,,gpp kan mba'...hehe
    tapi nama designNya teu2p aqw tulis c mba' yang poenya,coz takuwt disangka claim..huhuhu
    mampir2 k blog aqw y mba'
    Lam knal y mba dar Rinda di Bandung...^__^

    www.rindaholic.blogspot.com

    (terdengar amad narsis ya..hehe)

    ReplyDelete
  91. hehe makasih mbak rinda

    ReplyDelete
  92. Hi! Nice template but I can't change the navbar. Please help.

    ReplyDelete
  93. Hello! your template is amazing , but i had 2 big problems with it and i wanted to ask you about them :)
    First, i dont think i can find a way to delete comments, since there is no 'bin' icon or option to delete certain comments? how do i do it?
    And second, some posts have long text, so i want the post preview to be viewd on the main page and then go to the post page to see the full text. But i cannot see where your template shows the "READ MORE" link for the user to go to the full post page from the main page... I did the 'jump link' but i dont see the link available under the text to take me to the rest of the full text. can u help me with this?

    ReplyDelete
  94. this template has been built from my another code, that's why many code has been hacked
    the simpliest way is, download minima template (default blogger template), copy all post code...
    maybe you can leave your mail
    i'll try to send new xml

    ReplyDelete
  95. Hi, me again from the sweetcapcake template! I'm trying to modify the toplinks setting and to add the date as it is in this template on top left page but I really am not able to!! Would you be so kind again to help? I think I really need to go to the "support this" section!!

    ReplyDelete
  96. you should search code date setting.. ^_^


    <p>
    <script type='text/javascript'>
    var mydate=new Date()
    var year=mydate.getYear()
    if (year < 1000)
    year+=1900
    var day=mydate.getDay()
    var month=mydate.getMonth()
    var daym=mydate.getDate()
    if (daym<10)
    daym="0"+daym
    var dayarray=new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday")
    var montharray=new Array("January","February","March","April","May","June","July","August","September","October","November","December")
    document.write("<p>"+dayarray[day]+", "+montharray[month]+" "+daym+", "+year+"</p>")

    </script>
    </p>

    ReplyDelete
  97. can't find it...:-( (I am in the sweetcake template, is there the date setting here?) sorry, but it's my first time that I create a blog!

    ReplyDelete
  98. Hi, I have tried to copy the code that you gave me above but, after saving, nothing appears on my blog! What did I do wrong? Please help of you can! This template is so nice!!!

    ReplyDelete
  99. i dont understnd, do you want to show date?
    find h2.date-header{

    delete display:none;

    ReplyDelete
  100. I have been trying for two days to use the fashionholoic template but I don't understand where the code is found?

    I've read the directions atleast 10 times. Please help me.

    Godsfavoriteshoes@yahoo.com

    ReplyDelete
  101. Hi,

    There is double display of my blog , i think something wrong with the HTML code,but i don't know how to resolve it, can you helpme out? my blog is http://myclosetonlineshezsz.blogspot.com/

    Thank you

    ReplyDelete
  102. This comment has been removed by the author.

    ReplyDelete
  103. Hi there. I am trying to create more toplinks, but when I add a new line of code i get the title, but there is no "sign" for it to go in. How to I add new signs of different or similar colors?

    ReplyDelete
  104. Hi there. You have a wonderful template. Very beautiful!

    But I have a problem with the search function. I have a home page and an 'About me' Page. When I do a search, it seems that only the posts on the home page is searched. The text in About Me will not be searched.

    Is there a way to make all the pages of my blog to be searchable?

    Thank you.

    ReplyDelete
  105. mau tanya dong, kode yg toplink settingnya diletakkan dimana ya setelah saya edit.
    saya baru mulai buat blog.

    ReplyDelete
  106. hallo mba...
    aq pake templatenya nih buat blog ku..tapi ada 2 masalah :
    1. Tulisan "FashionHolic" yg kotak atas kiri jadi double, gmana cara ngilanginnya..
    2. Kotak "post"nya juga double...gmana cara editnya

    karena kalo di edit di tata letak - elemen laman ga bisa kan..krn ga ada fasilitas remove...tolong ya..
    trims....

    ReplyDelete
  107. how do i actually put this in my blog?

    ReplyDelete
  108. I like this news, thank you for sharing out the resources, I also have information sharing, this is my share content pandora

    ReplyDelete
  109. Great template , 'I've a little question , i'm italiAn i'd to like to change date in DATA top left side of this tempalte I TRIED A LOT BUT I didn't find the solution yet, can you help me please??
    THANKS
    cRIS

    ReplyDelete
  110. Amazing this post! You work great! I like your style! It’s Great collection of fashion. And I love fashion, luxury brands. Your experience with fashion is so interesting coming from a perspective of modesty. Congratulations

    ReplyDelete
  111. Hello and thanks for this great template! One question: how to add "older posts" in the bottom of the page..can't seem to figure it out..best regards from Serbia :)

    ReplyDelete
  112. hi, please read this post.http://www.ipietoon.com/2010/02/how-to-fixed-newer-older-post.html

    ReplyDelete
  113. Thank you very much for such a quick response and much needed help! I really like your template and didn't want to change it - thank's again so so so much!

    Best regards!!

    ReplyDelete
  114. Coach outlet online Leading American designer and maker of luxury lifestyle handbags and accessories.Large market in Europe and Canada,UK,USA etc.Welcome to Order!2011 New Style arrive,Free Shipping!

    ReplyDelete
  115. “Luxury, fashion and art are both expressions of emotion and passion; they search the

    exceptional and give us an alternative view of the world. Art inspires fashion and luxury,

    as luxury and fashion inspires art, Coach Factory Outlet."

    ReplyDelete
  116. We are Coach Outlet sick of you criticizing us and telling,that his main goal in Brussels was to,biggest crisis since the end of the cold war.

    ReplyDelete
  117. I do not consider myself a fashion kind of guy, but I have some friends who are, so I will show this fashionholic template for their blogs, thanks!

    ReplyDelete
  118. Mbak, thank's yah aku udah pasang, lucuuu.
    Tapi have a problem ni ...
    Kok Judul blognya jadi 2 ya? Piye ta?
    Udah aku cek di tata letak, memang ada 2 kolom judl blog ...n ra isa dihapus ...

    #need ur tutorial please

    ReplyDelete
  119. I want to thank from the mind. I was really inspired from you.

    ReplyDelete
  120. Nice Template,,Tapi aku punya masalah nihh,,Kok kalau aku pake templatenya,Header nya jdi 2 tpi udah aku pindahin sih dibawah,tpi gak asik aja law headernya ada 2,Postingannya jga 2,Truss yang "Diberdayakan oleh Blogger" Itu ada di sidebar bukan dibawah,,
    Mohon Bantuannya ya...
    I'll Wait It...
    Thx,,
    This is the link : http://ayuthepinkygirl.blogspot.com/

    ReplyDelete
    Replies
    1. coba di cek via HTML nya, kalo dobl Search aja Blog1 atau Header1 , kalo menemukan 2 widget tersebut harus dihapus salah satunya

      bisa baca di http://www.ipietoon.com/2010/12/how-to-fix-double-post-problem-on-my.html

      Delete

Hi, thanks for visiting. You can leave your comment here

 

Ipietoon - Blog Design and Online Business Blogging Since 2008