Mocha Choca Updates!

Hi everyone, I just updates Mocha Choca template with its own favicon!



To learn how to include this favicon or use your own favicon, continue to read this post!

Here it goes. To start off, go to your main tab 'Layout' and under this tab, go to the sub tab 'Edit HTML'. Under the 'Edit Template' heading, look for this code (Highlighted in red):



Copy and insert these codes (Highlighted in blue) directly just after the red codes (Click on the pic for larger view).




And, if you wish to use your own favicon, just replace the code highlighted in green with your own favicon link! (Click on the pic for larger view)



Alright, so that's about it! Remember to save the template and preview your updates! Enjoy!
Continue reading...

Welcome to Mocha Choca Blogger Template

Hello everyone. This is my first blogger template - Mocha Choca and I'm excited to announced that I will be giving away this template for free! Use it anyway you like but please do not claim it as your work and resell or redistribute it. Continue to read on to find out how you can get your hands on this template as well as all the information regarding tweaks and changes needed to use this template as it is.


To download this template, headover here:
Mocha Choca Template

Here are the lists of tweaks required:

1.Date Header Format



As you can see from above, you need to set your blog’s date header format to become “Mon XX, Year” (etc, Dec 8, 2008) to take advantage of the effect that the date seems to appear within the calendar icon. To change this, go to main tab ‘Settings’ and under the ‘Settings’ tab, click on secondary tab ‘Formatting’. Within ‘Formatting’, locate ‘Date Header Format’ entry and change the entry to “Mon XX, Year” format. See steps below:



Once you have change it, click on the 'Save Settings' to save your new settings.

2.Customize Menu Link



In order to insert your own links and have it appear on the horizontal menu, you need to be able to edit this template. Fear not, I will guide you through every step and make this as simple as possible for you.


Step 1:

Go to your main tab ‘Layout’ and click on the secondary tab ‘Edit HTML’





Step2: Backup Your Template!

As a step of precaution, save a copy of your original template before you start editing in case you mess it up.

Under the ‘Backup/Restore Template’ heading Click on the link ‘Download Full Template’ and save the copy on your harddrive. Once you have a backup copy on your harddisk, you are ready for the editings


Step3:

Under the 'Edit Template' heading, locate this code (Highlighted in blue. Click on the picture for larger view):



Then locate this line of codes (Highlighted in red):



Once you have found the codes highlighted in red, replace the green part with your own link (address together with http://) and the purple part with your own name:



To include more buttons, just copy the entire codes highlighted in red and paste them one after another like this:



Then as usual, just replace each of the green part with your own address link and the purple part with your choice of name for each button.

Once you've completed all these, click on the 'Save Template' and preview your changes.

3. Other Optional Tweaks

So that’s almost all about it that you need to do in order to use this template. Just in case you want to hack your blog even more, for example the ‘Expandable Post Summary’ hack that I used in this blog, you can head over to this here and follow the guide there. Don’t worry, every steps are explain to you in details. Just follow all the steps and you will never go wrong. Enjoy!



Continue reading...