BLOG TIPS CODES

Showing posts with label Blogger Templates. Show all posts

Latest Johny Templates for Blogger

Posted by LAHAUL SETH ~ Comments

Johny Gangnet Bangnet

It a simple template with elegant style. There's no specific feature in this template. It's a white and orange color with 2 column blogger in there, easy loading and SEO friendly I think, 1 right sidebar, 3 columns footer, automatic slider, multi level drop down menu, ads ready, clean design template, and more. This template suitable for all type of content blog especially for daily blogs, but you can use it for your site anything you like to.

Johny Kena Banned

It is a magazine style with a white and red color. This blogger template is a free to use, you can use it for portal news. It's a 3 column blogger template with one sidebar in the right, and automatic recent per category, 3 column footer, magazine style blogspot template, categories tab view widget, automatic slider carousel, ads ready, pagination for blogger ready, dropdown menu, tab view menu, clean design template, and more. This template is designed for portal news blog with daily updates.

Johny Sompret Bangnet

This is a different style in Johny Ganteng Banget template, this template made in magazine style with a white and blue color. Johny Sompret Banget blogger template is a free magazine style blogger template for portal news blog with automatic recent per category. It's a 3 column blogger template with one sidebar in the right, 3 column footer, magazine style blogspot template, automatic featured content slider, categories tab view widget, automatic slider carousel, ads ready, pagination for blogger ready, dropdown menu, tab view menu, clean design template, and more. This template designed for portal news blog with daily updates.

Johny Kampret

Johny Kampret is template blogger that design in magazine game style blogger. You can use this template for any content games. It's a 2/3 column blogger template with 1 right sidebar, static page ready, 3 column footer, magazine style blogspot template with blue and white color, automatic slider carousel, ads ready, pagination for blogger ready, automatic recent slider, dropdown menu, clean design template, and more. This template designed especially for content games but you can use it for any content with daily updates

Johny Light Bangnet Blogger Template

Posted by LAHAUL SETH ~ Comments

Template Name : Johny Light Banget
Author : Maskolis
Designer : Creating Website

Template Features :

Light style, designed for gallery content blogger especially for movie review
Green and grey color with 5 column blogger in there,
Easy loading with elegant looks
Automatic slider Carousel for your recent post
1 right sidebar
3 columns footer
Navigation drop down menu
Grid and list style
Pagination for blogger ready
Clean design template
Suitable for gallery content blog with daily updates
Gallery images content for your blog

Johny Ember Blogger Template

Posted by LAHAUL SETH ~ Comments

Template Name : Johny Ember
Author : Maskolis
Designer : Creating Website

Template Features:

Designed for gallery content blogger especially for movie review
5 categories label below blog post
Blue and grey color with 5 columns
Easy loading with elegant looks,
Automatic slider Carousel for your recent post
1 right sidebar
3 columns footer
Navigation drop down menu
Grid and list style
Pagination for blogger ready
Clean design template
Suitable for gallery content blog with daily updates
Gallery images content for your blog.

Johny Kenthir Bangnet Template

Posted by LAHAUL SETH ~ Comments

Template Name : Johny Kenthir Banget
Author : Maskolis
Designer : Creating Website

Template Features :

Free magazine style blogger template for portal news
Blog with automatic recent per category
4 column blogger template with right sidebar
3 column footer
1 right sidebar,
Automatic featured content slider
Categories tab view widget
Automatic slider carousel
Ads ready,
Pagination for blogger ready,
Dropdown menu
Tab view menu
Clean design template
Designed for portal news blog with daily updates.

How to change the background color of a custom blogger template ?

Posted by LAHAUL SETH ~ Comments

Blogger provides some default templates whose background , text , link and other colors can be changed with ease. But when someone uploads a custom template then one has to edit the CSS code in the template to change the background color of the template.

Let's see how it can be done.

First go to "Edit HTML" in your blogger account. Here your template's whole coding is displayed. To change the background color first you have to know which part of the CSS code is associated with background color of the template.

For normal custom blogger templates, you will have to find a code like this.

body{background:#000000;font-family:Arial,Helvetica,Sans-serif;font-size:13px;margin:0px;

padding:10px 0px 0px 0px;}

As you can see that in the above sentence the background color provided is #000000 (black).

Now to change the background color you simply have to change the HTML Hexadecimal Color Code with a new one.

If you don't have any knowledge of how the HTML hexadecimal color code then go to this link , choose a color , copy the color code and paste it in the CSS code.

You can also use a color by using a url. To do that you have to change the CSS code like this :

body{background: url(http://3.bp.blogspot.com/-WuNNuMVTUSc/T3ylu3hMRzI/AAAAAAAAAP8/

z62OmG7JdA0/s1600/menu_bg.gif); font-family:Arial,Helvetica,Sans-serif;font-size:13px;margin:0px;

padding:10px 0px 0px 0px;}

Hope that this post will be useful for many. Leave a comment if anyone has any difficulty.

How to change the color of a navigation menu of a blog ?

Posted by LAHAUL SETH ~ Comments

Most of the blogger templates now-a-days comes with navigation menu. There are few types of navigation menus that I have shown how to implement in your blog such as

Now you may want to change the color of a navigation menu which will look good with your template. So here's how you can do it.

First find the html code of the menu in the body part or look for a code that looks something like this in the <body> section after the "header-wrapper" part.

First identify which of the ids define the navigation menu whose color you want to change. If there are more than one navigation menu in your blog then identifying the id is crucial. After identifying the id you can go to its CSS code and change the color of the menu. Here's how.

Look for the id that you have identified in head section i.e in between <head> and </head>.

For e.g, for the above html code the CSS lines should be something like this

#navwrapperpic {width:100%;height:35px; background: #000000 ; border-bottom:1px solid #002851;margin:0 auto;padding:0 auto;overflow:hidden;text-shadow:1px 1px 2px #002851}

#navwrapper {width:100%;height:30px;margin:0 auto;padding:0 auto}.clearit {clear: both;height: 0;line-height: 0.0;font-size: 0;}

The first line is for the menu color and the second line is for the contents in the menu. To change the menu color you simply have to change the HTML Hexadecimal color code of the background which is highlighted in red.

If you don't have any knowledge of how the HTML hexadecimal color code works then go to this link , choose a color , copy the color code and paste it in the CSS code.

You can also use a color by using a url. To do that you have to change the CSS code like this :

#navwrapperpic {width:100%;height:35px; background : url ( https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjS_dMeV4i6ccPaZp8GN27YwMbslLLHJfdC-ftRXjwF11W6HlhOuxk7JK0vaTt77nIw0PcHUUAXOZ3zsNCEimxXlHuf4Yv0u4nxS3n9J2A_7MCgNZ_G86SOlJF7efEa8mrD1XdX1AWNpty5/s1600/menu_bg.gif ) repeat-x top ; border-bottom:1px solid #002851;margin:0 auto;padding:0 auto;overflow:hidden;text-shadow:1px 1px 2px #002851}

And you're done. Leave a comment if you have any difficulty.