Powered By Symoon

Free XML Skins for Blogger

Powered by Blogger

Tuesday, December 15, 2009

Make a News Paper Style Drop Caps

Do you have read a magazine or newspaper? the answer is surely have. In this opportunity I will study concerning how do to make an alphabet which in printing bigger in comparing with other ordinary alphabet such as in writing in a newspaper or magazine. For example :
Many the way to back up the data in Widgets / page element, but I'm limitation of time to comment it in detail, hence I will try explain just two way, that is backing up directly from Page element and also backup from template source code.



To make the article like that is easy very, you are only adding a few CSS codes when you post an article. However you post an article, you must choose edit html tab tab, don't at compose tab tab. This is the codes :




First alphabet 
 




Example. however you must remember when you add this code you must at Edit HTml tab :



Many the way to back up the data in Widgets / page element, but I'm limitation of time to comment it in detail, hence I will try explain just two way, that is backing up directly from Page element and also backup from template source code.


 This is the result :

 Many the way to back up the data in Widgets / page element, but i'm limitation of time to comment it in detail, hence I will try explain just two way, that is backing up directly from Page element and also backup from template source code.
To be you more understanding, I will elaborate concerning above codes : 

 
color: #000 : this is the code for alphabet color, #000 is code for black color, you can alter this code with your color.
 
background:#fff : this is the code for background color of first alphabet (firt alphabet). #fff is code for white color, you can alter this code with you want color.
 
padding:1px 5px 0 0 : this the code dor padd, 1px--> padding for top, 5px psdding for right, 0 --> padding for bottom, 0 --> padding for left. You can alter the value of padding with other value.  
font-family:times : this code is for style of font, you can alter the font with font what you want, example verdana, georgia and etc.
 
Font-size:100px : this code is for size of font, you can alter the size of font.
This is several example :




First alphabet 

The result :

 
  M any the way to back up the data in Widgets / page element, but I'm limitation of time to comment it in detail, hence I will try explain just two way, that is backing up directly from Page element and also backup from template source code.




First alphabet 

The result :

 
  M any the way to back up the data in Widgets / page element, but i'm limitation of time to comment it in detail, hence I will try explain just two way, that is backing up directly from Page element and also backup from template source code.




First alphabet 

The result :

 
  M any the way to back up the data in Widgets / page element, but i'm limitation of time to comment it in detail, hence I will try explain just two way, that is backing up directly from Page element and also backup from template source code. And please create any style with your.
Except the above step, you can create a News Paper Style Drop Caps with other way. this is more then easy. this is the steps:

 
Step #1 :


  1. Login to blogger with your ID
  2. After entering the dashboard page , click Layout. Please saw the picture :
  3. Then click edit HTML tab. Please saw the picture :
  4. Click the Download full template link. Save your template:
  5. Go to your template code
  6. Copy and paste the following code above of ]]>
  7. Click Save Template button
  8. Step #1 is finish.

Step #2 :

  1. Click Setting tab.
  2. Click formatting tab.
  3. Go to lower side. you will find a blank text are beside Post Template. Fill that blank text area with this code :
  4. Click Save settings button.
  5. finish



How to post your article?

When you post your article, choose tab. and you will see the code below :







Place the first alphabet between and

Example :

Many the way to back up the data in Widgets / page element, but I'm limitation of time to comment it in detail, hence I will try explain just two way, that is backing up directly from Page element and also backup from template source code.
Publish your article and finish. Please see the result. I think this is enough, see you at my next tips.

No comments:

Post a Comment