Black Website Template: Black and Blue by Daniel Likin

Filed Under : , ,

Hi bloggy readers,
Today i am releasing my new black website template for Blogger-powered blog called Black and Blue template. If you want to use my template, i am strictly asking you for not removing the credit section on the footer position. So if you can do that, you are allowed to use this template. Thanks!

black website blogger template black and blue

black website blogger template black and bluedownload black website blogger template black and blue

-----------------------------------------------

Original template: Minima
Designer: Douglas Bowman
URL: www.stopdesign.com
Date: 26 Feb 2004
Updated by: Blogger Team

-----------------------------------------------

Black Website Template Name: Black and Blue
Designer: Daniel Likin
URL: www.whatmakesblog.com
Date: 8 Nov 2009
-----------------------------------------------

Here's the steps you need to follow in order to install the Black Website Template.

Top Menu Navigation

1. Log in to Blogger
Firstly, now go to http://www.blogger.com and then Log in to your Blogger Account.

2. Go to Layout
In Dashboard, now pick a blog that you want to change with the new template, and then press the Layout/Design button.

3. Go to Edit HTML
After pressing the Layout/Design, you will be automatically brought to the first sub-tab, Page Element. Now switch the sub-tab to Edit HTML to begin installing the Black Website Template "Black and Blue" to your blog.

browse template in computer

Now Extract the Zip file of black website template: Black and Blue and then put the template file with the extension .xml to the Desktop, to make it easier in finding the file when we are about to upload that file.
After landing to the Edit HTML page, now press the Browse button in the Back Up/Restore template area. By pressing the Browse button, you will be prompted with the option of uploading the template file, now pick the black website template: Black and Blue.xml file, and then press the Upload button.
After that, wait for the uploading process, it might take a while. If in the new page, you can see the message "Your changes have been saved", it means that, the black website template: Black and Blue has been successfully installed in your blog.
save blogs templates
4. Switch the Sub-tab Page Element
Okay, after uploading the Black Website Template "Black and Blue" to your blog, now switch back the sub-tab to Page Element.

5. Edit the current widget
As you can see in your blog layout via Page Element, the widget for the menu has been added to you blog on the top position of layout. The next thing to do is we need to fill the existing widget with the links for the menus. To do this, now press the "Edit" link on the top position of blog layout. By doing so, you will be automatically presented with the HTML/Javascript box. Take a look at the picture below!

Page Element: press edit button


6. Copy and paste the widget code
After that, now copy the widget code for menu navigation below, and then paste it to the HTML box.
<div style="float:left;margin-top:0px;"> 
<div id="tabs6"> 
<ul> 
<li><a href="URL-address" title="Home"><span>Menu-Title</span></a></li>
<li><a href="URL-address" title="Home"><span>Menu-Title</span></a></li>
<li><a href="URL-address" title="Home"><span>Menu-Title</span></a></li>
<li><a href="URL-address" title="Home"><span>Menu-Title</span></a></li>
 
</ul> 
<!-- #tabs6 end -->
</div>
</div>

7. Customize the menu links
<li><a href="URL-address" title="Home"><span>Menu-Title</span></a></li>
<li><a href="URL-address" title="Home"><span>Menu-Title</span></a></li>
<li><a href="URL-address" title="Home"><span>Menu-Title</span></a></li>
<li><a href="URL-address" title="Home"><span>Menu-Title</span></a></li>

As you can see in the widget code on number 6 above, the code URL-address must be changed with your own blog address (e.g., http://www.whatmakesblog.com)

<li><a href="URL-address" title="Home"><span>Menu-Title</span></a></li> 
<li><a href="URL-address" title="Home"><span>Menu-Title</span></a></li>
<li><a href="URL-address" title="Home"><span>Menu-Title</span></a></li>
<li><a href="URL-address" title="Home"><span>Menu-Title</span></a></li>

And then, you can also edit the menu title Menu-Title with another title that will be assigned as the menu titles of your blog (e.g., Home, Contact Us, Privacy Policy, etc).

Configuring Blog Search Engine

On the top position of your blog, you can see the blog search engine has been provided to search the specific topic in your own blog. To install this search engine, all you have to do is:

1. Find the search engine widget code
Press Ctrl + F at the same time, and then search the code below:
<div style='float:right;margin-top:5px;'>
<form action='http://YourBlogAddress.blogspot.com/search' id='searchform' method='get' name='searchform'> <input id='s' name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Search...&quot;;}' onfocus='if (this.value == &quot;Search...&quot;) {this.value = &quot;&quot;}' type='text' value='Search...'/> <input id='searchsubmit' type='submit' value=''/> 
</form>
</div>

2. Replace the URL address
In that code above, you can see the red code: http://YourBlogURLAddress.blogspot.com. Now change that code with the URL of your own blog. For example http://whatmakesblog.blogspot.com

Ok that's all guys, enjoy this Black Website Template and see you at my next tutorial. Anyway, if you have picked and used this template, feel free to ask questions, tell your opinion of my creation template, and also share this template to your friends and family with the social bookmarking button i've provided in this blog.

Filed Under : , ,
You might also like to read :
Share This Article to Other People Across the World !
Thanks!
Get the fresh updates from Whatmakesblog.com!
To get updates from this blog, just enter your email address in the below subscription form and then click Subscribe.
Your email address will not be shared to any third party
Delivered by FeedBurner
edit post

26 comments:

VCC Untuk Verifikasi Paypal said...

Good looking template, I would to like to place it in one of my blog. Thanks for sharing, and don't forget to share useful things again.

Daniel Likin said...

Oh sure. You are welcome, putraeka, anyway, i bought a VCC from you.. Thanks

Paman Gober said...

Good template, visit your blog today

belajar komputer said...

ehemm thanks for this

Daniel Likin said...

Your welcome!!

Muhammad Fauzi Anhar said...

please,send me html of templete Black and Blue....

Daniel Likin P said...

What do you mean? @muhammad fauzy

UUN UMAR ROBI said...

thank you for template

elvi said...

Nyooo!!!! Daniel, I like it Soo much!!! Thank YOU!!!
What a Nice Art!!!

Keep Up work!!! :)

Daniel Likin P said...

Sure @elvi and @UUN Umar Robi, You Are Welcome...

OEN-OEN said...

daniel i got a problem with my template, why the footer shift to right??? im not understandt to make it normally? can you help me? thanks

Daniel Likin P said...

ok, oen-oen, but firstly, can you give me your current template and send it to me. now what you need to do is, download your current template you are using right now (Layout -> Edit HTML and Download your template) and then upload that file to fileupyours.com.

ahmad_jihad said...

nice template....

Daniel Likin P said...

thanks, You are welcome

Abu Inayat dot Com said...

his one is nice. I liket. and i'l use it.

Daniel Likin P said...

thanks Abu Inayat, You are welcome...

Mitsaqan Ghalisa said...

Thanx for your layout great and succes for yous

Daniel Likin P said...

Yeah Sure @Mitsaqan Ghalisa, You are welcome and thanks for the comment

nate said...

love this design but have a couple questions.

how would i change the main background to black?

http://impressionsgallery.blogspot.com/

also is there a way to move the "older posts" link to the bottom of the page or remove that entirely?

thanks...

nate said...

love the look but there are too many errors in the blog .. even the search box is solid white.. when there are imgs that should make it blend more.. plus search no matter what you type in goes to something named bowie... not good

think i will try something else

Daniel Likin P said...

Hi Nate, sorry for the error you got in this template, maybe i'll fix this problem for further use. Anyway, i was gonna tell you how to change the main background and about the older link from this template, but after you consider to use another template, then i dont think it's necessary for me to tell you about that.

Thanks for the critics

Daniel Likin P said...

Hi Nate, you were right about the search engine that leads you to someone's blog named BOWIE. Yeah, my bad. i already fix this problem. How to fix it? just read the tutorial above.

Thanks

Anonymous said...

thanks...... it's coollll tamplate

Qualitative Research said...

thanks for sharing bro

TIGnov harli said...

thanks for template,
I have used this for my blog http://tignovharli.blogspot.com/
it's very nice, I like it

مصر النهاردة said...

thanks for template

Post a Comment

Copyright © 2013 Whatmakesblog.com All Rights Reserved. Reproduction in whole or in part or in any form or medium without written permission is prohibited.
Web Theme Designed by Daniel Likin
Disclaimer | Privacy Policy | Contact Us Google Analytics Alternative