23 April 2010
Cantikkan Subscribe Section Di Blog
hak milik
Sue
Assamualaikum , Msue nak kongsi lagi ngan korang sume bagaimana nak Cantikkan Subscribe Section Di Blog.
1. Login ke Blogspot .
2. Klik Layout - Edit HTML(Tandakan pada Expand Widget)
3. Cari kod di bawah (Gunakan CTRL + F untuk memudahkan korang mencarinya)
</head>
4. Copy kod di bawah
<style type='text/css'>
#hsection{
border:4px solid #D3D3D3;
background-color:#e9e9e9;
}
#hsection:hover{
border:4px solid #BABABA;
background-color:#e9e9e9;
}
#sectionmy .sectionmy2 h2.subscription {
border:0; margin:0; padding:6px 0 0 55px;
height:42px; font-size:16px;
font-family:"Segoe UI",Calibri,"Myriad Pro",Myriad,"Trebuchet MS",Helvetica,Arial,sans-serif;
font-weight:bold; }
#sectionmy .sectionmy2 h2.rss {
background:url(http://2.bp.blogspot.com/_4HKUHirY_2U/S209wcnxO5I/AAAAAAAAAw4/I7aEXRVYR8s/RSS.png) no-repeat top left;
}
#sectionmy .sectionmy2 h2.email {
background:url(http://3.bp.blogspot.com/_4HKUHirY_2U/S209s4_wFoI/AAAAAAAAAww/8VovLp1Yxlg/EmailRSS.png) no-repeat top left;
}
#sectionmy .sectionmy2 h2.twitter {
background:url(http://4.bp.blogspot.com/_4HKUHirY_2U/S209oJTU3UI/AAAAAAAAAwo/28dTiLvxvDQ/twitter.png) no-repeat top left;
}
#sectionmy .sectionmy2 .subscription a {
color:#252e28;
text-decoration:none;
}
</style>
Note : Pada higlight , tukarkannya mengikut citarasa korang
5. Pastekan diatasnya
6. Preview dan Save template
7. Klik Layout - Add a Gadget - Javascript / HTML
8. Copy kod di bawah
<div id="hsection">
<div id="sectionmy">
<div class="sectionmy2">
<h2 class="subscription rss"><a href="YOUR-RSS-FEED-URL">SUBSCRIBE VIA RSS</a></h2>
<h2 class="subscription email"><a href="YOUR-FEEDBURNER-EMAIL-SUBSCRIPTION-URL">SUBSCRIBE VIA EMAIL</a></h2>
<h2 class="subscription twitter"><a href="YOUR-TWITTER-URL">FOLLOW ON TWITTER</a></h2>
</div></div>
</div>
Note : Pada higlight , tukarkannya .
9. Pastekan kedalamnya
10. Save dan Preview .
1. Login ke Blogspot .
2. Klik Layout - Edit HTML(Tandakan pada Expand Widget)
3. Cari kod di bawah (Gunakan CTRL + F untuk memudahkan korang mencarinya)
</head>
4. Copy kod di bawah
<style type='text/css'>
#hsection{
border:4px solid #D3D3D3;
background-color:#e9e9e9;
}
#hsection:hover{
border:4px solid #BABABA;
background-color:#e9e9e9;
}
#sectionmy .sectionmy2 h2.subscription {
border:0; margin:0; padding:6px 0 0 55px;
height:42px; font-size:16px;
font-family:"Segoe UI",Calibri,"Myriad Pro",Myriad,"Trebuchet MS",Helvetica,Arial,sans-serif;
font-weight:bold; }
#sectionmy .sectionmy2 h2.rss {
background:url(http://2.bp.blogspot.com/_4HKUHirY_2U/S209wcnxO5I/AAAAAAAAAw4/I7aEXRVYR8s/RSS.png) no-repeat top left;
}
#sectionmy .sectionmy2 h2.email {
background:url(http://3.bp.blogspot.com/_4HKUHirY_2U/S209s4_wFoI/AAAAAAAAAww/8VovLp1Yxlg/EmailRSS.png) no-repeat top left;
}
#sectionmy .sectionmy2 h2.twitter {
background:url(http://4.bp.blogspot.com/_4HKUHirY_2U/S209oJTU3UI/AAAAAAAAAwo/28dTiLvxvDQ/twitter.png) no-repeat top left;
}
#sectionmy .sectionmy2 .subscription a {
color:#252e28;
text-decoration:none;
}
</style>
Note : Pada higlight , tukarkannya mengikut citarasa korang
5. Pastekan diatasnya
6. Preview dan Save template
7. Klik Layout - Add a Gadget - Javascript / HTML
8. Copy kod di bawah
<div id="hsection">
<div id="sectionmy">
<div class="sectionmy2">
<h2 class="subscription rss"><a href="YOUR-RSS-FEED-URL">SUBSCRIBE VIA RSS</a></h2>
<h2 class="subscription email"><a href="YOUR-FEEDBURNER-EMAIL-SUBSCRIPTION-URL">SUBSCRIBE VIA EMAIL</a></h2>
<h2 class="subscription twitter"><a href="YOUR-TWITTER-URL">FOLLOW ON TWITTER</a></h2>
</div></div>
</div>
Note : Pada higlight , tukarkannya .
9. Pastekan kedalamnya
10. Save dan Preview .
Tinggalkan Komen Anda Disini