Wednesday, 2017-12-13, 9:59 PM Welcome Guest

THE HALL OF GREAT GURUS

Site menu
Section categories
Software Blog [17]
This blog is for software gurus to display their talent.
Hardware Blog [13]
This blog is for all hard ware Gurus and those who want to be gurus in hardware
Programming Blog [10]
This blog is for all programming Gurus and those who want to be gurus in programming.
Internet Blog [88]
This blog is for all internet Gurus and those who want to be gurus in internet
Computer Zone [97]
This blog is for all computer Gurus and those who want to be gurus in computer
Tutorials Blog [34]
This blog is for all tutorials Gurus and those who want to be gurus in tutorials
Education Blog [18]
This blog is for all book Gurus and those who want to be gurus in future
Gurus Admins Blog [1]
This blog is for only Admins
Gurus Guide Blog [9]
This blog is where all members can help others or for others to post their requests for assistance.
Society, Entertainment And Discussions. [3]
This category is all about Society, Entertainment And Discussions by Gurus.
Gurus Politics And Culture [1]
This blog is all about politics and culture.
Gurus Sports Blog [0]
This blog is where Gurus discuss about all aspects of sports.
Gurus Health And Fitness Blog [1]
This is where all Gurus discuss about health and guidelines to improve upon ones health.
Tag Board
200
Gurus Poll
Rate Gurus site
Total of answers: 15
Gurus Online

Total Gurus online: 1
Guests: 1
Users: 0

Login form
GurusShopping Cart
Your shopping cart is empty
Gurus Tag
hacking Gurus Facebook vpn internet INDIAN WEB PROXY Latest PC Tunneling Software s60v3 python Handler Apps FLASH UR PHONE UPGRADE MTN MODEM Registry Exe files MODEM SIGNAL Pc Tricks Animted Logo Security Enhancements firefox COMPUTER VIRUSES IWP SERVER s60v3 Phones HAcking Windows Yahoo Messenger Unblock Websites Circuit Diagram Biology of Vertebrates Gurus Biology Satelite Dish Gurus Chemistry Connectivity Gurus Phones Gurus Java Gurus Technology Gurus Software Gurus Tutorials Gurus Browsers Computer Tutorials Gurus Windowa Gurus Internet Gurus Browsres Gurus Windows Gurus Hack Facebook Status Hardware & Drivers
Gurus Shoutroom
Main » 2011 » March » 9 » Powerful and reliable Professional Code Box For Bloggers
10:55 AM
Powerful and reliable Professional Code Box For Bloggers

Professional Code Box For Bloggers


code boxI will start with the Professional Looking Code Box. This tutorial assumes that you have at least little bit knowledge of working around with templates.

This Professional looking Code Box can also be used with Wordpress, but here I am taking the example of Blogger.

Also this Code Box comes with a hover effect, that is when you hover your mouse over this the color changes.

Here we start:
01. Login to Blogger and on your Dashboard choose the blog for which you want to Add The Code Box and then click on Layout tab:
layout

Once there, click on Edit Html tab:
edit html

02. Now in Edit Html tab, before proceeding next, it would be a better idea to backup your template, by clicking on Download Full Template link:
hide navigation bar

Now just before the ]]></b:skin> add this Code:
before this line
.code {color: #006AB0; border : 1px solid #DADADA;padding : 5px 5px;font-family : Consolas, "Courier New", Courier, mono, serif;font-size : 12px;background-color : #fAfAfA; width : 90%;overflow : auto;margin : 10px 0 10px 10px; border-left : 20px solid #DADADA;max-height : 500px;min-height : 16px;line-height : 16px;}
.code:hover {background-color : #f3f3f3;}
code box
Save Your Template. And it is done.

03. Now whenever you want to put any code in your template just use the div class code as shown below:
<div class="code">
YOUR TEXT OR CODE GOES HERE
</div>
code box

If you find any problem, please feel free to reply here and I will gladly help you with the best possible way

Category: Programming Blog | Views: 517 | Added by: seniorkoa | Gurus Tags: Gurus Internet | Gurus Rating: 5.0/1
Total comments by Gurus: 1
0   Spam
1 LittleProf   (2011-03-10 2:01 PM)
We need more on codding to improve on this site.!!!!!!!!!!!!!!!!!!
Let us all put heads together to achieve this. biggrin wacko tongue

Only registered GURUS can add comments.
[ Gurus Registration | Login ]
Your IP
Gurus Search
Gurus Calendar
«  March 2011  »
SuMoTuWeThFrSa
  12345
6789101112
13141516171819
20212223242526
2728293031
Entries archive
Gurus Beloved Coun
  • Gurus Beloved Country
  • Gurus Content
    Gurus Informers
    "Guests" are not permitted to view this module.
    Gurus Facebook Ads
    Bessle Pandorine

    Create Your Badge
    Seniorkoa And Gurus Copyright MyCorp © 2017