tag:blogger.com,1999:blog-21198733319148602262011-07-29T00:03:54.658-07:00lips_pj1http://www.blogger.com/profile/07028425745080817725noreply@blogger.comBlogger11100tag:blogger.com,1999:blog-2119873331914860226.post-12505614254677884082009-11-14T01:53:00.000-08:002009-11-16T02:15:08.202-08:00(copied from <span style="font-style:italic;"><a href="http://maribinablog.blogspot.com/2009/09/membina-template-ringkas-dan-mudah.html">http://maribinablog.blogspot.com/2009/09/membina-template-ringkas-dan-mudah.html</a></span>) <br /> <br /> <br />Untuk membina template yang ringkas yang di edit dari template classic, tidak begitu sukar untuk anda mencuba sebenarnya. Apa yang diperlukan ialah hanya dengan memasukkan beberapa kod pada script template asal. <br /> <br />Untuk permulaan, saya akan memberikan tips bagaimana mengubah background template classic (Minima) kepada background satu paparan penuh. Anda boleh lihat background template classic (Minima) sebelum dan selepas dibuat editting pada gambar dibawah ini. <br /> <br /><div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/_LZtXSNcp76A/Sp0uri8B63I/AAAAAAAAAVM/ukHW_lRgHs4/s1600-h/untitled1.bmp" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img src="http://3.bp.blogspot.com/_LZtXSNcp76A/Sp0uri8B63I/AAAAAAAAAVM/ukHW_lRgHs4/s320/untitled1.bmp" border="0" /></a></div><div style="text-align: center;">Sebelum</div><div style="text-align: center;"><a href="http://2.bp.blogspot.com/_LZtXSNcp76A/Sp0t2dId5cI/AAAAAAAAAVE/XnAtJ3qD_fA/s1600-h/untitled3.bmp" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img src="http://2.bp.blogspot.com/_LZtXSNcp76A/Sp0t2dId5cI/AAAAAAAAAVE/XnAtJ3qD_fA/s320/untitled3.bmp" border="0" width="311" height="209" /></a></div><div style="text-align: center;"> Selepas </div> <br />Walaubagaimanapun, penggunaaan background paparan penuh tidak digalakkan untuk digunakannya kerana akan menyebabkan page akan menjadi lambat untuk proses loading. <br /> <br />Jika anda ingin mencubanya, saya nasihatkan supaya anda bina satu blog yang baru (akaun yang sama) khas untuk anda membuat editting. <br /> <br /><b>Langkah 1</b> <br /> <br />Login blog => Dashboard => Create a blog. <br /> <br />Lengkapkan maklumat yang diperlukan pada bahagian tersebut. Seterusnya klik continue dan pilih template Minima (lihat gambar dibawah) dan klik Continue. Seterusnya klik pula button Start Blogging. <br /> <br /><b>Langkah 2</b> <br /> <br /><div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/_LZtXSNcp76A/Sp0tnpIIzvI/AAAAAAAAAU8/4riGtEJOw5c/s1600-h/untitled.bmp" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img src="http://2.bp.blogspot.com/_LZtXSNcp76A/Sp0tnpIIzvI/AAAAAAAAAU8/4riGtEJOw5c/s320/untitled.bmp" border="0" width="298" height="202" /></a></div> <br />Masukkan dahulu artikel pada bahagian Posting. Anda boleh menyalin mana-mana artikel dari blog anda sendiri. Ini bertujuan memudahkan anda membuat rujukan bagi teks pada posting. Save posting tersebut. <br /> <br /><b>Langkah 3</b> <br /> <br />Seterusnya klik Layout => Edit HTML. Tick pada Expand Widget Templates. Tekan pula Ctrl + F dan taipkan body { dan klik enter. Anda akan melihat kod sama seperti di bawah ini. <br /> <br />body { <br /><span style="color:blue;"> background:$bgcolor;</span> <br />margin:0; <br />color:$textcolor; <br />font:x-small Georgia Serif; <br />font-size/* */:/**/small; <br />font-size: /**/small; <br />text-align: center; <br /> <br />Salin kod berwarna merah di bawah dan gantikan pada kod <span style="color:blue;"> background:$bgcolor;</span> (lihat kod di atas). <br /> <br />Kod ini akan memaparkan background satu paparan penuh. <br /><div class="post-body entry-content"><link href="file:///C:%5CDOCUME%7E1%5Cteacher%5CLOCALS%7E1%5CTemp%5Cmsohtml1%5C01%5Cclip_filelist.xml" rel="File-List" style="color: red;"><style> <!-- /* Style Definitions */ p.MsoNormal, li.MsoNormal, div.MsoNormal {mso-style-parent:""; margin:0in; margin-bottom:.0001pt; mso-pagination:widow-orphan; font-size:12.0pt; font-family:"Times New Roman"; mso-fareast-font-family:"Times New Roman";} @page Section1 {size:8.5in 11.0in; margin:1.0in 1.25in 1.0in 1.25in; mso-header-margin:.5in; mso-footer-margin:.5in; mso-paper-source:0;} div.Section1 {page:Section1;} --> </style> <br /><div class="MsoNormal" style="color:red;">background-image: url("<span style="color: rgb(153, 0, 0);">masukkan url background</span>"); background-position: center; background-repeat: no-repeat; background-attachment: fixed;</div> <br />Gantikan perkataan <span style="color: rgb(153, 0, 0);">masukkan url background </span>dengan url background anda. Anda boleh mencuba beberapa background dengan menyalin url dibawah ini. Klik Preview untuk melihat hasil editting yang telah dibuat. <br /> <br /><span style="color: rgb(153, 0, 0);">http://i195.photobucket.com/albums/z279/crazyleaf/phoenix-1024x768.jpg</span> <br /> <br /><span style="color: rgb(153, 0, 0);">http://i42.tinypic.com/2ugf6dj.jpg</span> <br /> <br /><span style="color: rgb(153, 0, 0);">http://i527.photobucket.com/albums/cc357/decentforums/my_wallpaper.jpg</span> <br /> <br />Akhir sekali, klik save. <br /> <br /><b>Langkah 4</b> <br /> <br />Untuk mengubah warna dan jenis font, klik pada Layout dan klik pada Font and colour. Anda boleh membuat edditting di situ. (lihat gambar dibawah) <br /> <br /><div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/_LZtXSNcp76A/Sp0v3ZNRjVI/AAAAAAAAAVU/W-xISlDqTlc/s1600-h/untitled4.bmp" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img src="http://2.bp.blogspot.com/_LZtXSNcp76A/Sp0v3ZNRjVI/AAAAAAAAAVU/W-xISlDqTlc/s320/untitled4.bmp" border="0" /></a></div> <br />Akhir sekali, klik save. <br /> <br /><span style="text-decoration: underline;"> <br /> <br /></span></div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2119873331914860226-1250561425467788408?l=myeditblog.blogspot.com' alt='' /></div>lips_pj1http://www.blogger.com/profile/07028425745080817725noreply@blogger.com0