Girly Magazine


Description
Girly Magazine Blogger template, my new free blogger template. Its unique header, combination of girl vector image (created by ipietoon) and pattern, become a main attractive section. This template designed multi column, and multi navigation menu, accomodate many categories, suitable for online shopping blog, cosmetic blog, and everything about girl or woman blog.

Installation Setting

Install Template
  • Download xml file, click on download link
  • Save to your desktop
  • Go to blogger dashboard, open Edit HTML, click on upload and choose your downloaded xml file
  • Save
Top Navigation Menu

Open Edit HTML, edit these code below

<div class='topnav'>
<ul id='topnav'>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='http://www.bietemplates.com/' target='_blank'>
Template Gallery</a></li>
<li><a href='http://dezigntuts.com' target='_blank'>Dezigntuts</a></li>
<li><a href='http://www.emocutez.com' target='_blank'>Emoticon</a></li>
<li><a href='http://blogger.com' target='_blank'>Login</a></li>
</ul>
</div>


Header Logo


If you want to set your own logo follow these instruction
  • create your logo image using image editor, size max width 400px height 100px
  • upload it through Page Element
  • click Edit on Header widget
  • upload your image, choose instead of tittle and description
  • save
If you just want to edit that girl image, access

.headerleft {
background:url(http://3.bp.blogspot.com/_sunpK_FtO1E/SmZu0EeiKrI/AAAAAAAAANM/joaDzltcrVw/s1600/girlmagz.png) no-repeat left bottom;
width: 480px;
height:250px;
float: left;
margin: 0;
padding: 0;
}

Change red text color to your URL image


Second Navigation Menu


Open Edit HTML, edit these code below

<div id='navbarmenu'>
<ul id='nav'>
<li><a href='http://your-link-here'>Photoshop</a></li>
<li>
<a href='http://your-link-here'>Freebies</a>
<ul>
<li>
<a href='http://your-link-here'>Icon</a>
<ul>
<li><a href='http://your-link-here'>Icon #1</a></li>
<li><a href='http://your-link-here'>Icon #2</a></li>
<li><a href='http://your-link-here'>Icon #3</a></li>
</ul>
</li>
<li><a href='http://your-link-here'>Pattern</a></li>
<li><a href='http://your-link-here'>Brush</a></li>
<li><a href='http://your-link-here'>Swirl</a></li>
</ul>
</li>
<li><a href='http://your-link-here'>Vector</a></li>
<li><a href='http://your-link-here'>Sketch</a></li>
<li><a href='http://your-link-here'>Wallpaper</a></li>
<li><a href='http://your-link-here'>Theme</a></li>
<li><a href='http://your-link-here'>Layout</a></li>
<li><a href='http://your-link-here'>Inkscape</a></li>
<li><a href='http://your-link-here'>Graphic</a></li>
<li><a href='http://your-link-here'>CSS</a></li>
<li><a href='http://your-link-here'>Community</a></li>
<li><a href='http://your-link-here'>Submit</a></li>
</ul>
</div>


Twitter Update Featured

You can put your twitter update on this template. Open Edit HTML. Tick mark on Expand Widget Template. Find these code below

<h2 class='sidebar-title' style='display:none;'>Twitter Updates</h2>
<ul id='twitter_update_list'/>
<a href='http://twitter.com/bietemplates' id='twitter-link' style='display:block;text-align:right;'><img src='http://4.bp.blogspot.com/_sunpK_FtO1E/SmLUaSyCm5I/AAAAAAAAAIo/171-xow2ueI/s1600/twitter.png'/></a>
</div>
<script src='http://twitter.com/javascripts/blogger.js' type='text/javascript'/>
<script src='http://twitter.com/statuses/user_timeline/bietemplates.json?callback=twitterCallback2&amp;count=1' type='text/javascript'/>

Change red text to your twitter username


Advertisement Banner 125x125

Open Edit HTML. Tick mark on Expand Widget Template. Find these code below

<a class='ad1' href='#'><img src='http://4.bp.blogspot.com/_sunpK_FtO1E/SmLcNLRnB4I/AAAAAAAAAI8/T31xo25DqCQ/s1600/themeforest.jpg'/></a>
<!-- Ad2 start -->
<a class='ad2' href='#'><img src='http://4.bp.blogspot.com/_sunpK_FtO1E/SmLcNLRnB4I/AAAAAAAAAI8/T31xo25DqCQ/s1600/themeforest.jpg'/></a>
<!-- Ad3 start -->
<a class='ad3' href='#'><img src='http://4.bp.blogspot.com/_sunpK_FtO1E/SmLcNLRnB4I/AAAAAAAAAI8/T31xo25DqCQ/s1600/themeforest.jpg'/></a>
<!-- Ad4 start -->
<a class='ad4' href='#'><img src='http://4.bp.blogspot.com/_sunpK_FtO1E/SmLcNLRnB4I/AAAAAAAAAI8/T31xo25DqCQ/s1600/themeforest.jpg'/></a>


Change '#' to your targetted URL
Change http://4.bp.blogspot.com/_sunpK_FtO1E/SmLcNLRnB4I/AAAAAAAAAI8/T31xo25DqCQ/s1600/themeforest.jpg to your image URL

76 comments:

^^haqie said...

Ebong mesti buat template girly

TemplateGoal said...

thank you again, bie.

cocutzamisca said...

Nice design.

ddadmin said...

Templates are your biggest time saver and your easiest way to standardize. You already probably use templates and don't even realize it. When I started my blogs I did a lot of search and research on this and collected a big list of good sites (more than 250 sites) that have decent templates. If you are interested take a look at the below link.
http://markthispage.blogspot.com/2009/06/250-sites-to-know-about-blog-templates.html
Also, if you want to get more information about blogs (like submit URLs,,Website Widgets,Blog Widgets,Blog Copyright Laws,Blog Templates,Blogging, Blog Marketing,Blog Adwords,Blog Adsense,Blog Trends or Pulse,Blog Statistics,Blog Ranking,Top Blogs,Top Sites) go to my home page and check blogs section.

Loren Merlin (Roberta Cirillo) said...

I Have problems setting my twitter account on the top of the headr... can you please give other instructions? (i don't see anything in red in the code you wrote)

Bie said...

@loren: tick mark on expand widget template
change bietemplates to your own twitter account

Melanie said...

Thank you for such a detailed post. Is it possible to change the font in the header of the image of the girl?

Bie said...

@melanie: find this code

.headerleft h1 {
color:#fff;
font-family:georgia;
font-size:40px;
font-style:italic;
font-weight:bold;
line-height:normal;
margin:5px 5px 0;
padding:30px 0px 0px 170px;
}

just edit that's all font size, family, type, etc

LTfillette said...

I did smth wrong... My post titles r not showing up... :( Could someone help me please???

Bie said...

@filette: re-upload it... or create new blog

LTfillette said...

thanks! worth to try :)

- hikayat putri aienz - said...

yes u r right

Fen said...
This comment has been removed by the author.
Fen said...

Hi, wonderful template. I love it just perfect for two of my blogs. I just have two questions:

1. How would I change my link and hover color in the body of post?

2. I want to see the date of post, not just time.

Help. Thanks.

Bie said...

@fen: showing date header i guess not good idea for layout, just change your timestamp format to day format
setting>formatting>timestamp format choose date format

change after body
a:{
color:#colorcode;
}

Fen said...

wow, thanks bie!

Dez said...

Some can't comment on my posts, there are errors on the password or something. how can I fix it? thanks

Bie said...

@dez:check your own setting
did you set verification word?
go to setting>comments
remove it all restricted setting

Always Carrying Coupons said...

I was wondering how do you change to top menu bar to what you want?

Always Carrying Coupons said...

Also, for the secound navigation bar. How do you get it to work, to set up a different page...

Always Carrying Coupons said...

Sorry another thing. How do you make it so the post are larger and clear. They look blurry. Also, the links don't show unless you press into continue reading.

Bie said...

that's using automatic readmore, so your post will looks neat than give your reader such a long post to view in homepage.
read nall avigation menu set up, i have wrote it all
to view in new window, add target="_blank"
so your link will be
a href='http://yourlink' target='_blank'

Stuart810 said...

I don't know what is that for

I don't know if I can erase it, because speak about sexy, too much.

in the zone skin>
.sexy-furl, .sexy-furl:hover, .sexy-digg, .sexy-digg:hover, .sexy-reddit, .sexy-reddit:hover, .sexy-stumble, .sexy-stumble:hover, .sexy-delicious, .sexy-delicious:hover, .sexy-yahoo, .sexy-yahoo:hover, .sexy-blinklist, .sexy-blinklist:hover, .sexy-technorati, .sexy-technorati:hover, .sexy-facebook, .sexy-facebook:hover, .sexy-twitter, .sexy-twitter:hover, .sexy-myspace, .sexy-myspace:hover, .sexy-mixx, .sexy-mixx:hover, .sexy-script-style, .sexy-script-style:hover, .sexy-designfloat, .sexy-designfloat:hover, .sexy-syndicate, .sexy-syndicate:hover, .sexy-email, .sexy-email:hover {
background:url('http://img509.imageshack.us/img509/3131/sexysprite.png') no-repeat !important;

Bie said...

thats for social bookmarks icon under post

Shannon said...

I want to make the post section bigger how can I do that?

Shannon said...

It's me again is thera away to do away with the shortend post & just show the whole post instead.

Bie said...

you should adjust all css size
just lookin for main-wrapper, post, comment, sidebar, width size
adjust it all

you should read about autoreadmore to remove it all

Trina said...

How do you insert banner ads in the square spaces you have on this template?

Bie said...

read installation setting pls

Jessica Kennedy said...

Loving this template! I switched it the other day from a previous template you created.

Visit my blog!

Bie said...

hi Jessica, thanks, this is collaboration with my friend

duchessberry said...

hi bie, I use this template for my new website. just want to ask how can i put my link at the top menu icon when people click on it ? thanks.

Bie said...

hi, you can follow instruction (I have wrote it) on top navigation menu section

{Diamond} said...

Beautiful design! I'd liketo know how to get my blog title on the header. Thanks!

Andrea said...

I would like to you use this template. Is there a way to keep my header & use this body?

Bie said...

@andrea: just change header image to your own

fairies angel said...

hii... aku mo tanya donk..
ko twitter update nya susah dirubah c..?
di xml filenya juga aq ga nemu kodenya..

Bie said...

@fairies: sudah di klik expand widget template, gunakan ctrl + F utk memudahkan mencari

fairies angel said...

owh udah^6 gak jadi..heheee

Anonymous said...

Why can't I move the page elements up and down? The only way I can move anything it to go into edit HTML and manually move the code to where I want it and I HATE to do that!

What's the key to making it easier????????

Other than that, I like the layout!

Annz said...

Hello I have only 1 question How can I remove this at the top header.

Fresh Magazine Demo download Installation Setting Discription Simply Fresh Magazine Another 3 column Simple http.....

Bie said...

@anonym:thanks, will update new xml file, and remove that bug

Lillian G. Rose said...

Hello, I run a tween blog and really need help changing the "Sharing is sexy!" to like the one on this blog ("sharing is caring") if anyone canhelp me and help me fast, it would be appreciated!

Bie said...

replace image url
find this http://i43.tinypic.com/2ueii3t.png;
and replace with sharing is caring image URL

Lillian G. Rose said...
This comment has been removed by the author.
Lillian G. Rose said...

@Bie thanks! After I edit the template link list bar thing under the header, I get this error message:
The element type "li" must be terminated by the matching end-tag "".
Can anyone help?

Jessica Kennedy said...

Bie. My sexy-bookmarks thing has stopped working, specifically the logo pics are not showing up.

Can you help?

http://bookreviewsbyjess.blogspot.com/

Feel free to email me directly:

bookreviewsbyjess (at) gmail (dot) com

Melanie said...

My sexy bookmarks have stopped working as well..

Bie said...

hi all.. please hosted to your own hosting...
open this link
http://2.bp.blogspot.com/_ZndXpD4mctI/Svrk3WhMv3I/AAAAAAAAA-Y/Dn-mpBB2fVc/s1600/sprite.png
save the image
upload to your own imagehosting
replace
http://img509.imageshack.us/img509/3131/sexysprite.png
to your own image URL

Snowflake said...

Hey bie! How can i remove the "continue reading"? I want the post to show up everything. I can't find the code to take it out. Please help!

admin said...

1.open edit html
2. tick mark on expand widget template

3. find these code
<b:if cond='data:blog.pageType != &quot;item&quot;'>

<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'> read more &#8220;<data:post.title/>&#8221;</a></span>

</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

4. replace with
<data:post.body/>

5. save

Lillian G. Rose said...

Hi Bie,
Is there any way for the tabs to link to a way to show posts other than search/label/... like on Wordpress?

Melanie said...

Hi Bie, I'm using another theme of yours which I would like to use the read more feature, I tried to do the opposite of the instructions you have above but that didnt work. (had to try!) Is it possible to set how much space will show before the read more setting is implemented? Thanks in advance!

Bie said...

@lilian: you can not create new page, but you can link it to your post URL..just replace search label etc to your post URL
@melanie :

1.open edit html
2. tick mark on expand widget template

3. find these code
<b:if cond='data:blog.pageType != &quot;item&quot;'>

<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'> read more &#8220;<data:post.title/>&#8221;</a></span>

</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

4. replace with
<data:post.body/>

5. save

The Frugal-ista Diva said...

Thank you for the template! I was not able to get the sharing is caring to work so I took it out. If there is a way to fix it or make it work, let me know. I did not want "sharing is sexy".

check out my blog to see the changes I made: www.thefrugalistadiva.com

The Frugal-ista Diva said...

why is it now that if I click on the title of my post it only shows the comment box instead of the full post and comment section? Please help!

Anonymous said...

Hello, excellent staff, I have a problem: how do to remove the following sentence: "Colorbold: Demo | DownloadDescriptionColorbold blogger template, 2 column layout with elegant design. Featured wit... http://bit.ly/dbKDqq 7 days ago"

Thanks, greetings from Caracas, Venezuela.

Fer Freitas said...

hey, i loved the template...I installed on my blog, but it appears on the reader WP Burn Blue: Demo | DownloadDescriptionWP burn blue blogger template, simple 2 columns layout for personal blogDe... http://bit.ly/cS53KM 5 days ago
how can i remove this?

daves said...

Very nice templates, i like very much. And it's very useful to me.

You may want to web templates at www.itemplatez.com Easy to download.

Boutique Club de Novias said...

Hi, I have a problem the button of Read more only works in the main page, but not in the others ¿why?

That Chick said...

Is there a way to have the "previous" and "Next" button visible?

Mystee said...

When you do the read more, at the bottom of your post...the sharing is sexy area...there's nothing but jumbled stuff in there...no real clear wording or graphics...how can I fix this?

admin said...

@mystee: please hosted to your own hosting...
open this link
http://2.bp.blogspot.com/_ZndXpD4mctI/Svrk3WhMv3I/AAAAAAAAA-Y/Dn-mpBB2fVc/s1600/sprite.png
save the image
upload to your own imagehosting
replace
http://img509.imageshack.us/img509/3131/sexysprite.png
to your own image URL
@boutiq: yes, this is a conflict script, so you can remove the readmore if you want
@chick: open edit html, insert
clear:both;

under
#blog-pager{

Anonymous said...

is speedily Links london Chainsapproaching and men across the earth will start stress out about it. links of london sweetie bracelet Choosing a Valentine's Gift can be somewhat grueling, friendship bracelets especially if she and you are entirely close and all you want to do is dash her sympathy during this unusual reason. links of london uk All you necessity is some planning, the little thoughts, and a whole lot of honey. links of london silver If you are mystified for an idea for the Valentines Day gift now then why not ponder a discount links of london section of .Links Of London Bracelet is the classic and thoughtful gift to believe, links of london bracelet sale however, this is regularly above people's budgets. When selecting cheap links of london bracelet Bracelet get something that she will like, attire and show off to her links. links of london bracelet uk If she never wears jewels then bountiful her a wristlet is a very discount links of london bracelets risky and inadvisable gift.

Anonymous said...

Because of the fact christian louboutin beige pumps that Microsoft suffered from the negative impact of the red ring of death on their gaming console, they extended the warranty of their Xbox 360. Because of the fact that the red ring of death has become a very common christian louboutin boots uk problem, you will see that there are quite a lot of repair guides about it that you can readily access online.However, you need to christian louboutin studded shoes remember that prevention is better than repair. In order to avoid experiencing the red ring of death on your Xbox 360 gaming console is to constantly keep it cool christian louboutin nude shoes and well-ventilated. You need to remember that overheating cause damage on the hardware which causes the red ring of death. Avoid louboutin shoes discount shoes uk placing your Xbox 360 on display cabinets. Instead, place it on a well-ventilated spot or you can also purchase a small fan and keep it pointed on your Xbox 360 while you are playing.You might to buy louboutin shoes in uk want to try playing with your Xbox 360 on an air conditioned room. This will help in preventing overheating and hardware damage. Proper ventilation is the key to preventing nude christian louboutin shoes the red ring of death.

Anonymous said...

When UGG Classic Tall moment in Classic Tall Boots time Classic Tall uggs pertains find ugg 5815 expensive jewelry regarding UGG Cardy Mother you'll notice Cardy Boots engagement rings is among the actual
Classic Tall uggs ideal presents you can actually produce your mother. You Cardy Ugg boots can find explanation Cardy uggs why folks should display his or her's mother's ugg 5819 with gifts. A birthday and mom's birthday are usually a couple of the extremely UGG Classic Short

FreeThemes4all Staff said...

Thank you so much... You can get a Nice Website Templates From Free Website Templates Download and Free Web Templates That gona be helpful!!

threza said...

Hi admin....please help me remove this sentence from the header image on right side....Happily Ever After: Description:2 columns blog layoutWidgetized right sidebar columnBeautiful header designCust... http://bit.ly/gdXAUA about 6 hours ago
How to remove it..?

threza said...

The above bug has not been removed it seems...

Anonymous said...

Hello would you mind stating which blog platform you're using? I'm looking to start my own blog in the near future but
I'm having a hard time deciding between BlogEngine/Wordpress/B2evolution and Drupal. The reason I ask is because your layout seems different then most blogs and I'm looking for something
unique. P.S My apologies for getting
off-topic but I had to ask!
Look at my webpage - www.monclerja2013.com

Anonymous said...

Somebody essentially lend a hand to make critically posts I might state.

This is the first time I frequented your web page and up to now?
I surprised with the analysis you made to create this actual publish amazing.
Excellent activity!
Visit my weblog ; モンクレール

jake li said...


thank you for your wow gold post..it's nice!!!! This can be buy runescape gold a great inspiring article.about runescape gold. i like game yah rs gold

Anonymous said...

continuously i used to read smaller posts that as well clear their
motive, and that is also happening with this post which I am reading here.


My web blog: スニーカー nike

Anonymous said...

of course like your website however you need to test the
spelling on quite a few of your posts. Several of them are rife with spelling problems and I to find it
very bothersome to inform the reality however I will definitely come again
again.

my webpage :: nike schuhe air max

Anonymous said...

You're so interesting! I don't believe I've read through something like this before. So great to find someone with genuine thoughts on this topic. Really.. many thanks for starting this up. This web site is something that is needed on the internet, someone with a bit of originality!

Also visit my web-site - nike air max

Anonymous said...

I am really enjoying the theme/design of your weblog.
Do you ever run into any web browser compatibility problems?
A couple of my blog visitors have complained about my website
not working correctly in Explorer but looks great in Chrome.
Do you have any ideas to help fix this issue?

Also visit my homepage - ナイキ ランニングシューズ

Post a Comment


 

Recent Comments