Friday, June 26, 2009

Display CSS codes and Scripts in unique Style – Blogger Post Styling hack

All of you might have noticed that in my blogger posts I use a custom CSS style to show CSS codes , Scripts and other important notes. After looking at this cool features one of my reader asked me how to do this. So I am Posting this ” Post Styling Hack for blogger to display scripts and CSS codes in unique style ” .
Just Follow This steps to add this ” Post Styling Hack ” to your Blog .

Step 1 :

Login to your Blogger account and navigate to Layout section . Then go to Edit Html subtab .

No Need to Check Expand Widgets Box

Step 2 : Add This CSS code above this line ]]> .

.hint {
border : 1px solid #4ab7ff;
font-size : 11px;
color : #191919;
background : #bfe5ff url( no-repeat 5px center;
font-family : Verdana, sans-serif, "Courier New";
line-height : 125%;
margin : 5px 0 0;
padding : 12px 12px 12px 40px;
display : block;
font-weight : 400;
width : 85%;

See Screenshot Below for Instructions :

Blogger Post Styling Hack

you can change the text in red to your wish to suit your Template.

Step 3 :

Whenever you create new posts just include the speical Script ( CSS code , Scripts , etc ) within this div section .

<div class=<hint>

Insert the Special code here


Don’t use id instead of class

that’s it you have add this post Styling hack to your blogger template celebrate .

Related Posts by Categories

Widget by Hoctro | Jack Book


themplat news said...

សុខសប្បាយជាទេ​ មើលប្លុក​អាមួយ​វាដាក់​ឃោសនា​ បានប្រហែល​២០០០​​ឃោសនាឯនោះ​

khmerfree template said...

ដល់ណាហើយ​អត់មានចាំផងទេ​!​ទៅចុះ​រកតែឯងតាមមិនទាន់​សោះឡើយ​!​ខ្ញុំលឺថា​ប្លុក​កូនខ្មែរ​មិន​ចេះ​ស្រលាញ់​ស្រីទេ!​ស្រលាញ់តែ​ប្រុស់គ្នាឯង​ៗ!​វាពិតមេន​ឬអត់​ប្រាប់​មក​ឲ្យ​ត្រង់​មកមិនបាច់​ខ្មាស់​អីទេណា! :D:)

Khmer iT, Blogger Template, Worpress Themes, Movie, Music download said...

មានទៅដល់ណា! នៅដដែល ខ្ញុំនៅចាំបងតើ :D

ភី ឧត្តម said...

សប្បាយមែន មកលេង Khmer iT ឃើញគេឃើញុងង ដូចឃើញមនុស្សពេលចូលឆ្នាំខ្មែរអញ្្ឹង !!!

Khmer iT, Blogger Template, Worpress Themes, Movie, Music download said...

ក្នុងប្លុករបស់​បង​ Comments មិនបានទេ :( មិនទេ ទើបខ្ញុំសរសេរ​ប្រាប់នៅ​ទីនេះ

Post a Comment


©2009 daily news | by TNB