Monday, September 13, 2010

ஒவ்வொரு பதிவுக்கு கீழ் டிசைன் கொண்டு பிரிக்க

ஒவ்வொரு பதிவுக்கு கீழ் மேலுள்ள  மாதிரி  டிசைன்   கொண்டு பிரிக்கலாம் .
அது எப்படி என இனி பார்க்கலாம் .
உங்கள் பிளாக்கர் அக்கௌண்டில் நுழைந்து Dashboard>>Layout>>Edit html செல்லவும் .
எப்போது எடிட் செய்தாலும் மறக்கமால்  இந்த செக் பாக்ஸில் டிக் மார்க் செய்து விடுங்கள் .

பின் Ctrl+F கீ  அழுத்தி திறக்கும் பாக்ஸில் கீழுள்ள  கோடை தேடவும்



.post

இந்த கோட் சில CSS ப்ராபர்டிஸ் உடன் கீழுள்ள மாதிரி வரும்.  



.post {
margin: 0 0 40px 0;
width: 90%
}

இதில் { and } என இரண்டு அடைப்பு குறிகள் தெரியும்.
அதற்கு இடையில் கீழுள்ள கோடை பேஸ்ட் செய்யவும். 



background: url(பதிவை பிரிக்கும் Url முகவரி );
background-repeat: no-repeat;
background-position: bottom center;
margin:.5em 0 1.5em;
padding-bottom:2.5em;

இந்த அளவை மாற்றுவதன் மூலம் பிரிக்கும் படத்தின் அளவை மாற்றலாம்.  
2.5em 3.5 Or 4.5.
பேஸ்ட் செய்த உடன் அது இவ்வாறு தெரியும் .



.post{
margin: 0 0 40px 0;
width: 90%;
background: url(http://www.imagehost.com/separator.jpg);
background-repeat: no-repeat;
background-position: bottom center;
margin:.5em 0 1.5em;
padding-bottom:2.5em;
}
பின் டெம்ப்பிளேடை சேமித்து விடவும் .
உங்களுக்காக இதோ சில Separator Images



https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMslIMT3NBWNBXRRE59ebgiFG27Mjt4TYDyCCcT5R68qAiGF6z8e7N0CCx4SFX3nuaaXA6M93bvI-1TEMiX21bLXJ5h09I20X0XKYO0uB6z6IFYXbm_19rYrX3uaoqUKms8UNvgcE332__/s1600/barsnake.gif




https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOBzbE1_2FPtH7LklFVKAs5FdjrHArd33cY0pkaDLwfIJ5pD11iTqKozlt25nc82C7zUsUt1XSFSZdY62lWtjY26u63qzydPPBBLLp6awzR9_8WGXKTU7yNw-CXqiWiCbeSZRHiDxMRLCD/s1600/bar54.gif




https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3jYQK94NCJ8trPPmzsJhSdxk5eik4kz1CLzMcUfBQRw7r_91VjSRRRXbhcMyoRFPZTCKtHOMeR65xDN8QmjNqLBjce9nl3X33G5Wvl1v8KdcU5iHqorVnzR1PXbrVoBwlGCmlavHyyqLg/s1600/bar48.gif




https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJzgWe6j9_SeCsU6DHCKJe6iLO64XO4RhygLCM0wN8qduEG-cMIyt2S27TW0bl0h9_N9MdwjXSjJnWsO5Ekvkj3lKGxAv_bpWjTfoCbPwEClaBd9k8wZyqAgEQIZAhZ0lBh4DcxyxRqzVW/s1600/bar47.gif




https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhI9h9ph9pEGWaGmNqzbsac62KvF3Es55v_GoFA9Wfnlqo6E1z7wtva92FztpOz7VOdkJAmButxrvmlO3hU1IEeH4L9s0PojTQnmAuPcc6_DdLKk-hXoeAgmRmUcAChEncn7a613KN7OQoD/s1600/astarl7s.gif




https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiS2CpwX9aWvxpR9bqcKaDrDscr9OFonc6yDGc9Y01gF832n8HDrug_78k-DUflACaUMU4M37EwpquqveZb94fjXBBWU7F8ssnpHQc3gHYLKLqonvdITs06DhkZzgev0UzGOyFNvEaTnnn/s1600/dividers_129.gif




https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4WVW34_r8kqKlYMsMHNwAMvftypm3tRF-TOMjMCFqr9HszgSpcRa6iD9r6c6FubPJesMWMSUoW9D7j9Ny1ffYSE7g8ll_RK_B5nZQTZ_Kd7gV9kdCr3z_nrDZE4G3ZdfaLVuKMcqZmSA5/s1600/dividers_96.gif




https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfG2q2DAuInGExnc56tyUEhyphenhyphenDLM0615REFHQGEentJEuK3d9F8I65GoHGnGMakVY3AzoGbInFj-y3TS2bVywZe3nPzcZ5z0-xMEJTea03f6poVSRFVh0o66exQAKAxl1fotoEJ0x5bf3n6/s1600/clipart-heart-border.jpg




https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtKbUufyvd_T9O_QKdU4rv9GvrLgzAgHMWdNtU3PtdwwBbSMjGheydafFfJ5wKomImsvSQIjeMTp7wEClITNOF5WDbilqYVpwttgRL30cOToP3W3UxfVqhwq9Abf8SWTGqH-2R9j_mDZDx/s1600/chain.gif




https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF3aldco10IM0TTw-mJ3LrZmQ4u_xq0xVwT5SU51UBsMMeaUh80AjdpG0-S8jxJ1VduXjvd-w-X4vTCYEzgWEPrE7IQMSjhjqD1z-8F5lNMsuAiuPsyAejBGwvOrUFUMUSsCaAxK1Z8YwU/s1600/bloodrose.gif




https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCj5wW0Mw7at6WIhC2e8_bSiC-a7foeB4iVekDg3kO3g-t288oBcC8uIfXrdbaEWpTRMDY3n-zMIdhNU1XaxernXCTx34UVBkDWZ0zsyWjDEAHpVqaNEGODeIv22FJk5xJ7rBFpgpeCYzc/s1600/stonebar.gif




https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWxmJpu2m838U66zgnO0JIy54RM7v2dZLRscCxhWqNwh3rEUxRYNvM-wPR6EUxtM8X77jLcIL_jSm9_EG7TgiGuS_D_8IPdhbsnGCtWZswNSY6JqAYYuwyVHjG_aLycx9Ffqof5rNfcb5N/s1600/resfiles_sdfp.gif




https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVTVXIAtBFWOeeFYQbyWt-QRe0uRdN3Cy7U9ed1Fb_3bEGZLTfgfK1rhKbeW2dj-4DySB4uPKTTkTy3ytGwwmQPyndqDPxTw80e8qL8uh_CWroav1Yokt574Ja57eZXqfwsuZJdBkiHPVz/s1600/resfileszcp.gif




https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6gKnoI5W1FFeh6jH_FrX1qeNfAY4JD_BLtkKApVQ7HJsWpmkH5D9ccXLkPCdEqi-m-Pa_-cs7mQR0wSihrVQCEWIeKC27srVCgyjvvOh_o4ydQiw-zKXZpSkKc1N3JuPtXqEpKDCz3NDV/s1600/resfiles_output.php.gif




https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_GxysdHzIxj33v0nCQtWc0-py1_4LUYb6ToOFdHfP1cco76pReCuDNGX3uKDE1kBT07sCC_YexDpZfUgKezLePLR3azQS_gpBvrJ45XEbIRmAH6nw_lzo0Bn1seyV1T_L-EedOBNfzGeW/s1600/pumpkin-border-hth.gif




https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvw6VcW5r_EaJK8MeGRG6nZMhVCAkDjyNrb0j57AAgEQyUpGhZva-eUZ49QaEr4F2W8cXODNfIvYKb5nUzicm_wDo8C_qLnmD7-WxQ0IxAo5nuDna2LjC8TnP_XEgdNjLO7XsTXGMylIZ7/s1600/irish-border4.gif




https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX7VGyZcmBA_6Z1EfIO2Een1l4UZo572cArTblDlIlIbp8MIcnViI4HSElNpRyci2Kx-e2SqGAxWBl5SIrPb17XHxw2N2sH5L-wZAf00MzqHurzi_UxvZarQDoBG7BNFXunh38qE5eDG-2/s1600/ivy.gif




https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJ9enMHWBUyZmLRMZyXQ2bRwDbCOESjmJ_q0xvKWdJUtSg5gVEThz1SFopoY7Gr1r6qeTjxnVMCfib-Q03j-ZVFPPtF7eBKFvdBmah8pZltAQBOVHYkt0bSrAwMY9f-y80xEHWhET7Q8Xk/s1600/irish-border1.gif




https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgr_rU4s7tt6EBsP8NJPEzeqOhDDCBlE-lME7b1Cyt4GehqkjZVCnucy0atR72_Ny0eDGeSWHJMJ2mahPtLspwTGM5jgW5dFgvVYVTztCUtNCV87nJGKW1Chjt2EpOSESsLxq9omj5idWRQ/s1600/frog54.gif




https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFRafJztr14QQY13_6Q1046GjELYSFOR8QpyEuh4kN8vAhP6oDLrj9XKZEKi_p0I5QTgsI03vkN4_4LK7gnjYY11ctI3xgSNHpZmASrTlv4tSsxXOS1E1-iAGzXMp4H4nyu_W5FcjOJyrx/s1600/flowerbar.gif




https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4aOLdaq8v8nH7b-4Ob9CcCFF0DK3jpZ_O6aISNqbyNmZmveUJe1yQw0Wr1n0vFasU_D2nDF7sRF3BCAAnaE7VS3SYuTjdCeo03yQZKu8g8WpoCnL1duJxmhSrHZ94DM0dXLEL329-LCP_/s1600/drawing-separator.gif

சும்மா தமாசுக்கு... இந்த மாதிரி கோடு போடதீங்க.

No comments:

Post a Comment

வாங்க நண்பரே.வருகைக்கு மிக்க நன்றி.தங்கள் மேலான கருத்தை கீழே பதியவும்.