07 March 2010
Membuat Button Print Article
hak milik
Sue
Assamualaikum , Msue nak kongsi camna nak buat butang print article pada blog korang supaya lebih memudahkan korang punye pengunjung dapat print terus korang punye artikel atau pape yang ade kat dalam blog korang..
1. Login ke Blogspot .
2. Klik Layout - Edit HTML(tanda kat kotak Expand widget)
3. Cari kod dibawah ini
</head>
4. Paste kod dibawah ini dibawah kod tersebut
<style media='print' type='text/css'>
#header-wrapper, #header, .header, #sidebar-wrapper, .sidebar, #footer-wrapper, #footer, .date-header, .post-meta-data, .comment-link, .comment-footer, #blog-pager, #backlinks-container, #navbar-section, .subscribe_notice, .noprint {display: none;}
#main-wrapper {width: 95%}
</style>
5. Cari kod dibawah ini
<p><data:post.body/></p>
Atau kod ini
<data:post.body/>
6. Pastekan kod dibawah ni dibawahnye .
<b:if cond='data:blog.pageType == "item"'>
<span style='background: url(http://bloggerbuster.com/images/print.gif) left no-repeat; padding-left: 20px;'><a href='javascript:window.print()'>Cetak Artikel Ini</a></span>
</b:if>
7. Preview dan Save template .
1. Login ke Blogspot .
2. Klik Layout - Edit HTML(tanda kat kotak Expand widget)
3. Cari kod dibawah ini
</head>
4. Paste kod dibawah ini dibawah kod tersebut
<style media='print' type='text/css'>
#header-wrapper, #header, .header, #sidebar-wrapper, .sidebar, #footer-wrapper, #footer, .date-header, .post-meta-data, .comment-link, .comment-footer, #blog-pager, #backlinks-container, #navbar-section, .subscribe_notice, .noprint {display: none;}
#main-wrapper {width: 95%}
</style>
5. Cari kod dibawah ini
<p><data:post.body/></p>
Atau kod ini
<data:post.body/>
6. Pastekan kod dibawah ni dibawahnye .
<b:if cond='data:blog.pageType == "item"'>
<span style='background: url(http://bloggerbuster.com/images/print.gif) left no-repeat; padding-left: 20px;'><a href='javascript:window.print()'>Cetak Artikel Ini</a></span>
</b:if>
7. Preview dan Save template .
