Monday 20 January 2014

HOW TO: CREATE AND CUSTOMIZE A DROP DOWN LABEL WIDGET!

Hello,
Recently I've been... attempting... to spice up my blog design and add in some new features and one of my new features is a drop down label menu. Let me show you how to do it!

Note: This only works in Blogger.

Step One: Firstly add in the labels widget into your blog. Start by logging into your account and then go to your dashboard, select your blog, go to the 'Layout' section which is in the left sidebar and then click on 'Add A Gadget' and the 'Labels' gadget wherever you want it to be, I want it to be in my sidebar so I am adding it there!

This was a different type of post in which I am normally used to posting, if you like these sorts of helpful, how-to posts let me know so I can create more!

Step Two: Look at the left sidebar and find 'Template' which should be directly underneath the 'Layout' tab. Click on 'Edit HTML'. Now click anywhere inside your template editor where all the HTML codes are and then press Ctrl + F if you are using a Windows computer, if you are using a Mac then do Command + F, search for Label1 in your template. You will now see a line of code which should look like the code below in bold.

<b:widget id='Label1' locked='false' title= 'Labels' type= 'Label'/>

Step Three: Replace that code with the code below in bold.

<b:widget id='Label1' locked='false' title='Search With The Label...' type='Label'>
<b:includable id='main'>
<b: if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<select style='width:100%'onchange='location=this.options[this.selectedIndex].value;'>
<option>Pick A Label</option>
<b:loop values= 'data:labels' var='label'>
<option expr:value= 'data:labels' var='label'>
<option expr:value='data:label.url'><data:label.name/>
(<data:label.count/>)</option>
</b:loop> </select> <b:include name='quickedit'/> </div> </b:includable>
</b:widget>

Customization


If you'd like you could easily customize your drop down label widget!

  • You could replace the RED colour 'Search With The Label...' with your desired title for the drop down menu.
  • You could change the width of the the drop down menu by changing the PURPLE colour that says 'width:100%' with whatever percentage you want the width to be.
  • You could change the title of the drop down menu which is in the colour GREEN which says 'Pick A Label' with the title of the drop down menu instead.
  • If you do not want to display the number of posts go under the label category you can remove (<data:label.count/>) which is in ORANGE.
So my final code for me is going to be:

<b:widget id='Label1' locked='false' title='' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<select style='width:100%' onchange='location=this.options[this.selectedIndex].value;'>
<option>Search With The Label...</option>
<b:loop values='data:labels' var='label'>
<option expr:value='data:label.url'><data:label.name/>
</option>
</b:loop> </select> <b:include name='quickedit'/> </div> </b:includable>
</b:widget>

I hoped this helped any of you! If you enjoy reading these posts, let me know so I can post more of these helpful 'how to's'!
post signature

Saturday 18 January 2014

UPDATE: DOODLER DESIGNS?

Hello,
I recently found a love, a passion for blog designing! I recently have decided to start designing custom blog headers and blog buttons for FREE! They may take quite a period of time to complete them. This is just a quick short post just to inform you about this! If you are interested please contact doodlerdesigns@outlook.com to learn more about it and the process!

Thanks a bunch!

post signature

Tuesday 14 January 2014

WISE WORDS #1!

Hello,
I've recently been getting into quotes, and I really adore some quotes so I decided to make a motivational series where I will share with you some lovely little quotes and I'll also explain to you what they really mean!
If you live you life how you enjoy it, living your life once is enough, you'll do all the things you want, you'll have what you want, it'll all be completed in your entire life span!
You don't have to be perfect being imperfect is what makes us learn from our mistakes.
You can do anything which you think is impossible, but once you have hope, it's all possible!

What are your favourite quotes?

post signature

Saturday 11 January 2014

QUESTION COLLAB WITH THE NEXT CHAPTER!

Hello,
Today is going to be my very first question collab with Rebecca from the blog 'The Next Chapter'. We decided to get together and ask each other ten of the same questions so we could learn a little bit more about each other and each others blog! Tomorrow there will also be a post ready for you so three posts in a row... yipee!

Let's go!

Question One: Favourite Disney film? Tangled or Nemo.
Question Two: What do you want to do as a job when you're older (dream job)? I'm not sure either YouTube or something to do with animals.
Question Three: Favourite thing to blog about? I like giving advice or something beauty related like reviews or OOTD stuff like that.
Question Four: Why did you start a blog? I'm not sure what made me want to start blogging fully but I think part of it was that I just enjoyed blogging and thought that it would be a lot of fun.
Question Five: Do you have any pets? I have a dog and her name is 'Beauty'. I would also love a kitten or another dog, their so cute!
Question Six: Why is your blog name called 'The Next Chapter'? My blog is called 'The Next Chapter' because as I get older I am showing my life more and more so it's basically showing my life throughout years, it can ask what's going to happen in my life.
Question Seven: What would your dream blog design look like? I love my blog design at the moment, the only thing I would change would be my blog button but I can't change that as a few blogs have it on there also. Aha!
Question Eight: If you had to make your life into a movie, what would you call it and what would it be about? I'm not sure what I would call it as there's so many possibilities but all I would know about it is that it would be a comedy and romantic mushed together.
Question Nine: Do you play any musical instruments or have you played a musical instrument? I don't play any music instruments but I really want to start playing the guitar.
Question Ten: What is your favourite quote? 'It's never too late to be what you might have been' or 'don't wait for the perfect moment, take the moment and make it perfect'. I have a lot of favourite quotes to be honest.

This has been SOOO much fun that I decided to turn this question collab into a little blogging series! If you would like to do a question collab with me too, all you have to do is email me at woahlaurenfowler@gmail.com and we can do a question collab!

post signature

Friday 10 January 2014

UPDATE: I FIXED MY PHONE!

Hello!
So do you remember my update that I posted on Wednesday that I accidentally locked my phone... well today I went to school and my mother told me that she went to the phone unlocking store and they unlocked it! Booyah! I should probably change my password to something no-one has seen on my phone before but I can't be bothered to remember another password so I'm keeping it to the password I always had before that incident! I'm so happy! Now to the girl who saw my password twice all I can say to you is... ha...
post signature

Wednesday 8 January 2014

UPDATE: DID I REALLY?!?

Hello,
Right now I feel so angry with myself! Argh! Today I just locked my phone, it's an HTC Windows 8S phone and I set a password lock on it and I forgot it so now I'm screwed! What happened was I was in class and one of my friends saw my password so I changed it, then I used that password and that bitch saw my password again! I changed my password back to what it originally was but it turns out I didn't type it any right or something like this and now I don't have a clue on what I typed! They even asked to confirm the new password! Seriously! Why? I had loads of personal data on my phone, ugh! I just hate it! Screw you friend who was walking past and saw my password! You forever scarred me...

I might do an update on what happens to my phone, if you'd like! I probably will though, blogging is just sometimes the way to take out your anger, try it... it works!

post signature

Monday 6 January 2014

GOING BACK TO SCHOOL!

Ugh! The day I highly dread like none other! Going back to school! School is so boring, I mean ain't nobody got time fo' dat! My reasons for disliking school? Well read below...

Waking Up Early

This really bugs me, like seriously, I stay up until 04:45am when I have to wake up at 07:00am. Like this part kills me. In the morning I will spam that snooze button on my alarm like none other. Not cool. ๏_๏

One Lesson Of PE Every Day

Like seriously, the image above is practically what we have to do in our fitness class... except without the water. Damn, like I don't know about you but everyone else I know who doesn't go to my school has one lesson of PE once every five days. NO, just NO!

Slow Walkers Who Take Up All The Space In The Corridors 

I face these people everyday and take me that extra two minutes to get to class. Why?!? I once bumped into a girl who was a slow walker who took all the space in the corridors and then she stopped by her locker and sat there taking up so much time! Why is she so stupid?!?

So that's all about what I have time for! Thanks!

post signature
Related Posts Plugin for WordPress, Blogger...