07 March 2010
Menambah Post Divider
hak milik
Sue
Assalamualaikum , MSue ingin berkongsi ngan korang sume macam mana cara hendak buat Post Divider supaya blog korang nampak lebih menarik .
1. Login ke Blogspot .
2. Klik Layout - Edit HTML(tandakan pada kotak Expand widget)
3. Cari kod di bawah .
.post
4. Gantikan kod tersebut dengan kod di bawah ini .
.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;
}
5. Preview dan Save Template .
Note: Pada highlight merah itu gantikan ngan url gambar kesukaan korang.di bawah ini ada contoh - contoh url yang boleh korang gunakan .
CONTOH URL YANG BOLEH KORANG GUNAKAN
1.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEin3yTF-Jbtb9A6eXKYAJGJzCQaqDySDKwXyMDzVLOFOdF1WWR9iU8s3I-FL8xdRVfGZVIvKx3Rt0XpSopzU9C_ISUDIlP7OGuHEc5bjuqu62ClqcQz-KTenK-B7aygkGgHiw5MgOx7LqA/s400/astarl7s.gif
2.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrWN8CeML9DNcx9y0gyJWzRfZ8gkrp_04FNjdA8aHsXNKQSQLc8IMy6jPh497rdlITiuEwlrfrUEe2BMzANBBOH3_mRBAnQ0zQj5yC3kUiQLgM4MiVQM0ztEgfsHTpxQIKf4m0AHkYrm0/s400/bar54.gif
3.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidO7FcIdqBs3k3VbKaiWo7vUmXIClbUFrUAbVYR96smBYVLRLwlWTT2SCR2010Pb_RAPYYGzgbFKbmWCI8_cyYyldvgXQ4GyjdPswYUxy8uTTwZO0IiqKkxjsDw-s1KpzTVFauPkWnkLo/s400/chain.gif
4.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9bJxZB2VXruZIvc07BVx8Mrg0kkh0VP7QPwl8pCu0J3-Kuz0jA7zIRT3NCEZ7mvdf-krf7hgYO4TmPPKG1S2sX5z5vKmdV8nPfPdH5GfM_ArJS_w1IcFaKqmuHMajTAiO0YkyR8QnhgA/s400/dividers_96.gif
5.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgojkNDHGsY7uwn5DsHs2l1kfSsBj-_UC0iz7MQLPjy_CzEwRIxMYxJdTUYlL4TZ4If6AV1QLIZi-2tz6nv0pi-KiOjgH_rSk4qO3Hl2KbvWifoEQX57BOOlgXFfni2RbeGR6klwe0nlpM/s400/bloodrose.gif
6.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHTua90fa0J13tIM66xdWkQ6SfZt_ZsLT4PZL9V1DPAs63H0jomoERdWu7aDZNHXNRH9mMsZoPZbznQlZPAq0gn0pfAd6F-5n-VtJxMUWpU6mNOx_VVkgkIxwLLuesUdDXBlkLNZJOMNM/s400/flowerbar.gif
7.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPSOKUNc-xBoWUYr-fuKbxCHuh-d21ADQna3C6ZK_0XJltJYdZjE1HsEAtOAxfIIhWRpLU15IWN7J6mJdiY57M0Y1LUfXOVcSNbTURMZZsdjY3qd-NZEJH_LvX6v-cWU48dY8uTWDS3cQ/s400/resfiles_output.php.gif
8.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgWk22mpBSOl19t9cvWJkanBkR95VMq-9DcOvhfsUxiwxVCUfqNbjGgnQYlckV3hVNw9JSIc92IO5zXME-J_QOedb6tPeCTJmusx5EqboUQ_F4rvfrjo-wYvUoWXaUU_6ptcycXOOirp0/s400/resfileszcp.png
9.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgxFqFF5u0X6qfE71Hhd6C_2Ap_cY8fbFixo1IdxSfupYoVgeF9YaGbf_92HUzqHjpNKFbcTn6bcIKb7yk0HZ8vzXvByY0xoMdfYs38dEgmJ3kSq2rXbxYNxGdJiOabrky1td3ODcFLZs/s400/irish-border4.gif
Via - ShamZone
1. Login ke Blogspot .
2. Klik Layout - Edit HTML(tandakan pada kotak Expand widget)
3. Cari kod di bawah .
.post
4. Gantikan kod tersebut dengan kod di bawah ini .
.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;
}
5. Preview dan Save Template .
Note: Pada highlight merah itu gantikan ngan url gambar kesukaan korang.di bawah ini ada contoh - contoh url yang boleh korang gunakan .
CONTOH URL YANG BOLEH KORANG GUNAKAN
1.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEin3yTF-Jbtb9A6eXKYAJGJzCQaqDySDKwXyMDzVLOFOdF1WWR9iU8s3I-FL8xdRVfGZVIvKx3Rt0XpSopzU9C_ISUDIlP7OGuHEc5bjuqu62ClqcQz-KTenK-B7aygkGgHiw5MgOx7LqA/s400/astarl7s.gif
2.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrWN8CeML9DNcx9y0gyJWzRfZ8gkrp_04FNjdA8aHsXNKQSQLc8IMy6jPh497rdlITiuEwlrfrUEe2BMzANBBOH3_mRBAnQ0zQj5yC3kUiQLgM4MiVQM0ztEgfsHTpxQIKf4m0AHkYrm0/s400/bar54.gif
3.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidO7FcIdqBs3k3VbKaiWo7vUmXIClbUFrUAbVYR96smBYVLRLwlWTT2SCR2010Pb_RAPYYGzgbFKbmWCI8_cyYyldvgXQ4GyjdPswYUxy8uTTwZO0IiqKkxjsDw-s1KpzTVFauPkWnkLo/s400/chain.gif
4.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9bJxZB2VXruZIvc07BVx8Mrg0kkh0VP7QPwl8pCu0J3-Kuz0jA7zIRT3NCEZ7mvdf-krf7hgYO4TmPPKG1S2sX5z5vKmdV8nPfPdH5GfM_ArJS_w1IcFaKqmuHMajTAiO0YkyR8QnhgA/s400/dividers_96.gif
5.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgojkNDHGsY7uwn5DsHs2l1kfSsBj-_UC0iz7MQLPjy_CzEwRIxMYxJdTUYlL4TZ4If6AV1QLIZi-2tz6nv0pi-KiOjgH_rSk4qO3Hl2KbvWifoEQX57BOOlgXFfni2RbeGR6klwe0nlpM/s400/bloodrose.gif
6.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHTua90fa0J13tIM66xdWkQ6SfZt_ZsLT4PZL9V1DPAs63H0jomoERdWu7aDZNHXNRH9mMsZoPZbznQlZPAq0gn0pfAd6F-5n-VtJxMUWpU6mNOx_VVkgkIxwLLuesUdDXBlkLNZJOMNM/s400/flowerbar.gif
7.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPSOKUNc-xBoWUYr-fuKbxCHuh-d21ADQna3C6ZK_0XJltJYdZjE1HsEAtOAxfIIhWRpLU15IWN7J6mJdiY57M0Y1LUfXOVcSNbTURMZZsdjY3qd-NZEJH_LvX6v-cWU48dY8uTWDS3cQ/s400/resfiles_output.php.gif
8.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgWk22mpBSOl19t9cvWJkanBkR95VMq-9DcOvhfsUxiwxVCUfqNbjGgnQYlckV3hVNw9JSIc92IO5zXME-J_QOedb6tPeCTJmusx5EqboUQ_F4rvfrjo-wYvUoWXaUU_6ptcycXOOirp0/s400/resfileszcp.png
9.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgxFqFF5u0X6qfE71Hhd6C_2Ap_cY8fbFixo1IdxSfupYoVgeF9YaGbf_92HUzqHjpNKFbcTn6bcIKb7yk0HZ8vzXvByY0xoMdfYs38dEgmJ3kSq2rXbxYNxGdJiOabrky1td3ODcFLZs/s400/irish-border4.gif
Via - ShamZone
