tag:blogger.com,1999:blog-42067921398134157052024-02-20T12:16:39.199+02:00Blogger-MuUnknownnoreply@blogger.comBlogger24125tag:blogger.com,1999:blog-4206792139813415705.post-90917719351051252662010-05-12T23:42:00.000+02:002010-05-12T23:42:09.190+02:00Blogger Draft | Pemudah Cara Untuk Mereka Paparan Yang MenarikBaru-baru ini saya mencuba suatu yang dinamakan sebagai blogger draft. Beza antara blogger draft dengan blogger biasa adalah, blogger draft mengandungi apa yang digelar sebagai template designer (design) menggantikan layout (layout). Ia adalah pemudah bagi sesiapa yang tiada asas untuk mereka paparan blog mengikut cita rasa masing-masing. Saya sudah mencubanya. Ia memang mudah, dan menarik.<br />
<br />
Kalau mahu mencuba, sila log in seperti biasa, kemudian tukar url anda dari blogger.com kepada draft.blogger.com. Atau sejak dari mula lagi anda login dari draft.blogger.com. Kemudian lihat (layout) sudah bertukar menjadi (design). Cuba.<br />
<br />
Adapun kekurangannya, saya tidak nampak setakat ini. Saya sudah menjadikan Blogger Draft sebagai setting default saya.Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-4206792139813415705.post-46462223373293476202010-03-04T13:38:00.004+02:002010-03-04T13:57:29.269+02:00Iklan Yang Merupakan Gambar, Yang Dipaparkan Bergilir-GilirLama dulu, ada yang meminta saya menunjukkan cara untuk memasukkan iklan ke dalam blog, dan iklan itu sebetulnya adalah gambar, tetapi mahukan gambar itu bertukar-tukar dari satu kepada yang lain secara automatik.<br /><br />Sebetulnya, ia tutorial seperti ini banyak di internet, boleh dicari dan dicuba, kerana itu saya malas mahu menggodehnya. Tiba-tiba teringin mencubanya, seperti gambar masjid yang saya letak di atas ini, yang bertukar-tukar setiap 10 saat.<br /><br />Sila upload gambar-gambar tersebut (yang hendak dijadikan paparan bertukar-tukar itu), kemudian ambil url bagi setiap gambar. Kemudian buka <a href="http://docs.google.com/View?id=ddr9wkwk_66gfprmbgm">halaman ini</a>, di situ saya letakkan kod. Ambil kod tersebut dan tukarkan url (gambar masjid-masjid) yang saya letak di situ dengan url gambar anda tadi. Ubah saiz paparan kalau perlu. Juga saat paparan (10000) merujuk kepada 10 saat. Ubah height dan weight merujuk kepada saiz paparan, lebar dan tinggi.Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-4206792139813415705.post-91521650156158735472008-04-12T15:26:00.008+02:002008-12-11T18:17:55.036+02:00Mencipta/Membina Menubar[<span style="color: rgb(255, 0, 0);">Entri ini diedit semula pada 20Jun 2008, sebab ada nota tertinggal. Nota itu ditambah di akhir entri ini.</span>]<br /><br />Seorang kawan meminta saya membuatkan tutorial ini. Tapi sebenarnya, saya bukan menciptanya sendiri, tetapi adalah ciptaan hackers yang lain. Kelak kalau saya sudah ada tutorial sendiri mengenai menubar ini, maka saya akan paparkan.<br /><br />Sebelum itu, kalau saudara tak tahu apa itu menubar, ia adalah seperti gambar berikut.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_MZgRjVZUrSg/SADNvCQ8TrI/AAAAAAAAAvY/rNEGCRhWhBs/s1600-h/contoh+menubar11.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://3.bp.blogspot.com/_MZgRjVZUrSg/SADNvCQ8TrI/AAAAAAAAAvY/rNEGCRhWhBs/s400/contoh+menubar11.JPG" alt="" id="BLOGGER_PHOTO_ID_5188372978676289202" border="0" /></a>Atau gambar ini.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_MZgRjVZUrSg/SADN8CQ8TsI/AAAAAAAAAvg/_hznLNMT8mo/s1600-h/contoh+menubar22.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://3.bp.blogspot.com/_MZgRjVZUrSg/SADN8CQ8TsI/AAAAAAAAAvg/_hznLNMT8mo/s400/contoh+menubar22.JPG" alt="" id="BLOGGER_PHOTO_ID_5188373202014588610" border="0" /></a><br />Berminat?<br /><br />Menubar, seteliti saya, ada dua jenis, yang selalu orang-orang kita suka guna. Satu, menubar yang merujuk kepada URL web tertentu. Contohnya, dia mahukan menubar itu kalau diklik, akan menuju kepada web tertentu. Atau yang kedua, menubar yang merujuk kepada label dalam blognya.<br /><br />Label maksud saya, dalam blog dia itu, dia ada meletakkan label bagi setiap entri, contohnya, ada 10 entri berlabelkan 'komputer', 24 entri berlabelkan 'sukan', ada 33 entri mengenai 'kesihatan', contohnya. Jadi, dia mahu setiap tajuk label ini diletakkan di menubar. Faham kan penjelasan saya?<br /><br />Saya akan bentangkan yang pertama sahaja dulu. Iaitu, menubar yang dia mahukan, adalah menubar yang merujuk kepada URL web-web tertentu. Jadi, ia dalam 3 langkah mudah.<br /><br />Pertama, memilih, menubar mana satu anda suka. <a href="http://exploding-boy.com/images/cssmenus/menus.html">Sila klik link ini</a>, dan pilih menubar kegemaran anda. Suka yang A kah, B kah, C kah. Kemudian, ingat betul-betul. Contohnya, anda suka Tabs jenis B.<br /><br />Kedua, menyalin kod Tabs tersebut. Saya ada uploadkan kod untuk semua jenis Tabs itu dalam satu notepad. <a href="http://mohd.zaki.m.noor.googlepages.com/kodsemua.txt">Di sini</a>. Sila klik kanan, pilih save as, dan muat turun. Kemudian, contohnya anda minat Tabs jenis B, so, sila <span style="font-style: italic;">copy</span> kod untuk Tabs jenis B sahaja, dan masukkan ke Edit HTML anda. Tahu di mana Edit HTML anda? [Layout - Edit HTML]<br /><br />Sila paste-kan kod tersebut di kawasan yang dipanggil CSS - header. Iaitu <span style="font-weight: bold;">SEBELUM</span> kod<br /><br />]] / b: skin ><br />< / head ><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_MZgRjVZUrSg/SADRcyQ8TtI/AAAAAAAAAvs/MI8uq4h4QJ8/s1600-h/kawasan+header+CSS.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://2.bp.blogspot.com/_MZgRjVZUrSg/SADRcyQ8TtI/AAAAAAAAAvs/MI8uq4h4QJ8/s400/kawasan+header+CSS.JPG" alt="" id="BLOGGER_PHOTO_ID_5188377063190187730" border="0" /></a><br />Setelah anda paste-kan kod HTML untuk Tabs B (contohnya) di situ, sila save.<br /><br />Ketiga, <a href="http://mohd.zaki.m.noor.googlepages.com/kodlast.txt">sila download notepad ini</a> dengan mengklik kanan dan save as. Sila buka notepad itu, anda akan dapati DIV ID nya adalah Tabs F. So, tukarkan kepada Tabs B kalau anda memilih Tabs B. [<span style="font-weight: bold;">PENTING</span>]<br /><br />Kemudian, dalam a href itu, adalah URL yang anda mahukan terpapar sebagai menubar anda. Sila tukar kepada mana-mana link yang anda suka.<br /><br />[<span style="color: rgb(255, 0, 0);">Edit: </span>kemudian, setelah anda ubah URL itu, sila ke 'add page element', pilih HTML dan paste-kan kod-nya di situ.]<br /><br />Itu sahaja. Selamat mencuba.Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-4206792139813415705.post-56159984701611521912008-02-26T07:44:00.014+02:002008-12-11T18:17:56.207+02:00Bagaimana Kalau Mahu Upload XML, Tapi Tak Mahu Menyebabkan Terpaksa Men-Delete Gambar Atau HTML? (Tak Mahu Men-Delete Widget)Bagi mereka yang pernah melaksanakan tutorial saya berkenaan 'menguploadkan xml' akan selalu mendapati arahan/nasihat saya untuk mem-back-up-kan semua kod html dan gambar yang mereka sedia letak di sidebar, atau di header dan sebagainya. Kenapa? Kerana blog anda memang telah ada xmlnya sendiri, dan xml yang bakal anda upload akan menindih-hilangkan semua xml anda sebelum ini.<br /><br />Antara benda yang ditindih-hilangkan adalah gambar dan kod-kod html yang anda sedia letak di blog anda.<br /><br />Namun, saya juga mendapati bahawa, ada cara supaya gambar dan kod html ini tidak perlu di-delete dan ditindih-hilang. Terlebih dahulu, anda perlu mengetahui bahawa, setiap gambar dan kod html yang anda letak di blog diwakili oleh 'widget'. Sebagai contoh, dalam blog saya, saya ada meletakkan gambar bertajuk 'niha'. Maka di sidebar wrapper saya, ada widget jenis 'image', dengan id 'Image2' dan dengan title 'niha'. Untuk memahami dengan lebih jelas, rujuk gambar ini.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_MZgRjVZUrSg/R8O1tTOsr5I/AAAAAAAAAuI/s9bNdTKpVSU/s1600-h/1.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://3.bp.blogspot.com/_MZgRjVZUrSg/R8O1tTOsr5I/AAAAAAAAAuI/s9bNdTKpVSU/s400/1.jpg" alt="" id="BLOGGER_PHOTO_ID_5171176587012124562" border="0" /></a><br />Tandakan kotak Expand Widget Templates. Setelah Expand Widget Templates ditanda, kod detail keluar, cuba tekan Ctrl F dan saya taip 'niha' untuk mencari kodnya. Maka, sejumlah kod berkaitan gambar niha muncul.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_MZgRjVZUrSg/R8O3GTOsr7I/AAAAAAAAAuY/SHNwh1la3To/s1600-h/2.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://3.bp.blogspot.com/_MZgRjVZUrSg/R8O3GTOsr7I/AAAAAAAAAuY/SHNwh1la3To/s400/2.jpg" alt="" id="BLOGGER_PHOTO_ID_5171178116020481970" border="0" /></a><br />Copy/Salin kod ini selengkapnya, dan simpan di notepad. Oleh kerana setiap widget dimulai dengan b widget dan di akhiri dengan /b widget, jangan ada keciciran dalam meng-copy.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_MZgRjVZUrSg/R8O3YDOsr8I/AAAAAAAAAug/a8JkjRr1ur8/s1600-h/3.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://2.bp.blogspot.com/_MZgRjVZUrSg/R8O3YDOsr8I/AAAAAAAAAug/a8JkjRr1ur8/s400/3.jpg" alt="" id="BLOGGER_PHOTO_ID_5171178420963160002" border="0" /></a><br />Kemudian, baru lakukan kerja upload xml anda. Ketika upload, anda diminta men-delete widget, tolong jangan tekan 'confirm dan save'. Sebaliknya, scroll html anda, dan cari sidebar wrapper.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_MZgRjVZUrSg/R8O3kjOsr9I/AAAAAAAAAuo/ChEYRlgPmPg/s1600-h/4.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://4.bp.blogspot.com/_MZgRjVZUrSg/R8O3kjOsr9I/AAAAAAAAAuo/ChEYRlgPmPg/s400/4.jpg" alt="" id="BLOGGER_PHOTO_ID_5171178635711524818" border="0" /></a><br />Paste-kan semula kod gambar niha - yang anda letak sementara di notepad tadi - selepas preferred yes.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_MZgRjVZUrSg/R8O3wzOsr-I/AAAAAAAAAuw/xnQrbOW79uQ/s1600-h/5.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://1.bp.blogspot.com/_MZgRjVZUrSg/R8O3wzOsr-I/AAAAAAAAAuw/xnQrbOW79uQ/s400/5.jpg" alt="" id="BLOGGER_PHOTO_ID_5171178846164922338" border="0" /></a>Kemudian, tekan 'save template'. Dengan itu, anda telah berjaya mengelakkan diri dari terpaksa mendelete kod html atau gambar, dan dalam masa yang sama, ada juga telah berjaya meng-upload xml anda.Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-4206792139813415705.post-14982901931477455342008-02-14T06:09:00.004+02:002008-12-11T18:17:57.350+02:00Template Denim Tiga KolumSudah agak lama saya tak mengemaskini blog ini. Setelah sekian lama, hari ini saya menyiapkan xml 3 kolum untuk template jenis Denim.<br /><br />Sebelum bersyarah, saya ada perhatikan beberapa kawan yang cuba berminat dengan idea 3 kolum, tetapi mereka melakukan perubahan yang drastik dalam kod html mereka. Barangkali kerana mereka mengambil kod itu dari web-web yang menyediakan templte tiga kolum, tetapi saya tidak faham kenapa kodnya begitu serabut dan menyukarkan. Mungkin kerana terlalu banyak perubahan yang dibuat.<br /><br />Ayuh kita mulakan sesi 3 kolum edisi template jenis Denim.<br /><br />Seperti biasa, back-up semua kod html anda, yang anda letakkan di sidebar mahupun di header. Juga footer sekiranya ada. Back-up yang saya maksudkan adalah, sila simpan kod itu sementara dalam notepad untuk awasan. Dan juga simpan semua gambar yang anda letak di sidebar mahupun header atau footer, kalau ada. Kenapa? Mungkin gambar dan kod ini akan hilang semasa proses seterusnya.<br /><br />[ Untuk mereka yang pakar: Jika anda sudah selalu mengikuti tutorial ini, anda boleh menyelamatkan daripada kes kod hilang dengan cara menyelamatkan semua widget yang ada di sidebar dan footer/header anda. Maksud saya, copy ke notepad sementara. Tapi kalau tak biasa, tak mengapa. ]<br /><br /><br />Setelah back-up kod dan gambar, sila download <a href="http://mohd.zaki.m.noor.googlepages.com/denimdua2kanan.xml">xml ini </a>dengan mengklik kanan dan save as, ia mempunyai paparan 3 kolum, iaitu kedua-dua sidebar berada di sebelah kanan. Kalau mahukan template 3 kolum Denim dengan kedua-dua sidebar berada di sebelah kiri, sila download <a href="http://mohd.zaki.m.noor.googlepages.com/denimdua2kiri.xml">xml ini</a> dengan mengklik kanan dan save as. Dan kalau mahu template 3 kolum Denim dengan satu sidebar di sebelah kanan, dan satu sidebar di sebelah kiri, sila download <a href="http://mohd.zaki.m.noor.googlepages.com/denimkanankiri.xml">xml ini</a> dengan cara yang sama.<br /><br />Xml yang anda download perlu diuploadkan ke blog anda.<br /><br />Sila ke layout - edit html - dan lihat ruangan back-up dan restore template. Klik browse dan cari xml yang anda telah download tadi. Anda akan diminta mendelete beberapa item, sila akur dan delete. Nanti setelah selesai, anda boleh masukkan semula item itu, ya. Itulah pentingnya back-up. Tapi kalau pandai, masa ini anda boleh masukkan widget-widget yang anda copy ke notepad tadi. Tapi kalau tak tahu macam-mana, tak mengapa.<br /><br />Setelah selesai save, anda akan mendapati rupa blog anda adalah seperti berikut:<br /><br />Dua-dua sidebar kanan.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_MZgRjVZUrSg/R7PFzDOsr0I/AAAAAAAAAtg/IZzB4nD4i0s/s1600-h/denimdua2kanan.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://2.bp.blogspot.com/_MZgRjVZUrSg/R7PFzDOsr0I/AAAAAAAAAtg/IZzB4nD4i0s/s400/denimdua2kanan.JPG" alt="" id="BLOGGER_PHOTO_ID_5166690678355046210" border="0" /></a><br />Dua-dua sidebar kiri:<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_MZgRjVZUrSg/R7PGATOsr1I/AAAAAAAAAto/QAAwlciruko/s1600-h/denimdua2kiri.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://3.bp.blogspot.com/_MZgRjVZUrSg/R7PGATOsr1I/AAAAAAAAAto/QAAwlciruko/s400/denimdua2kiri.JPG" alt="" id="BLOGGER_PHOTO_ID_5166690905988312914" border="0" /></a><br />Satu sidebar kanan, satu sidebar kiri:<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_MZgRjVZUrSg/R7PGPDOsr2I/AAAAAAAAAtw/dPUCU99yPIo/s1600-h/denimkanankiri.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://2.bp.blogspot.com/_MZgRjVZUrSg/R7PGPDOsr2I/AAAAAAAAAtw/dPUCU99yPIo/s400/denimkanankiri.JPG" alt="" id="BLOGGER_PHOTO_ID_5166691159391383394" border="0" /></a><br />Baiklah, selamat mencuba.Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4206792139813415705.post-22299610728233891802007-06-03T14:04:00.000+02:002008-12-11T18:17:58.243+02:00Template Minima White 3 Kolum, Ada 3 VariasiSaya semalam mengusahakan template 3 kolum berasaskan template MINIMA yang berwarna putih. Ada 3 bentuk. Maksud saya, template MINIMA putih ini, setelah dijadikan 3 kolum, ia ada 3 variasi. Satu; sidebar berada di kanan dan kiri bahagian posting. Dua; kedua sidebar berada di kanan posting. Tiga, kedua-dua sidebar berada di kiri posting. Anda boleh pilih mana yang anda minat.<br /><br />Saya pergi dari satu ke satu.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_MZgRjVZUrSg/RmKv4DQOWgI/AAAAAAAAAao/qkYbLNF1i6A/s1600-h/minima+%5Bwhite%5D+3+kolum+kanan+kiri.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://3.bp.blogspot.com/_MZgRjVZUrSg/RmKv4DQOWgI/AAAAAAAAAao/qkYbLNF1i6A/s400/minima+%5Bwhite%5D+3+kolum+kanan+kiri.JPG" alt="" id="BLOGGER_PHOTO_ID_5071809507853490690" border="0" /></a><br />Ini adalah 3 kolum, dengan sidebar kanan dah kiri. Kalau mahu mencuba template ini, sila download <a href="http://al.jantanie.googlepages.com/minimawhite3kolumkanankiri.xml">xml ini</a> dengan cara klik kanan, dan save as. Kemudian download <a href="http://al.jantanie.googlepages.com/kodlast.txt">notepad ini</a> dengan cara yang sama.<br /><br />Pastikan anda telah memback-up semua kod dan gambar yg anda letak di blog. Mungkin semasa proses ini, anda akan mendelete beberapa perkara. Jadi back-up akan digunakan sebagai langkah keselamatan.<br /><br />Setelah itu, upload xml tadi. Pergi Layout - edit html - dan dan uploadkan xml anda di situ dengan browse dan meng-upload-nya.<br /><br />Mungkin anda diminta mendelete beberapa item. Sila delete dan save.<br /><br />Kemudian pergi ke Page Element, sila klik add page element di bahagian bawah header, dan masukkan kod yang ada dalam notepad tadi. Pilih add page element jenis 'HTML&Java script'. Tak perlu letak title (tajuk).<br /><br />Selesai.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_MZgRjVZUrSg/RmKymDQOWhI/AAAAAAAAAaw/ALVrrosQO70/s1600-h/minima+%5Bwhite%5D+3+kolum+kanan+kanan.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://3.bp.blogspot.com/_MZgRjVZUrSg/RmKymDQOWhI/AAAAAAAAAaw/ALVrrosQO70/s400/minima+%5Bwhite%5D+3+kolum+kanan+kanan.JPG" alt="" id="BLOGGER_PHOTO_ID_5071812497150728722" border="0" /></a>Ini pula adalah template MINIMA white juga, 3 kolum, tetapi kedua-dua sidebar di sebelah kanan. Saya bahkan menambah sidebar khas utk yang ini. Lihat di bawah.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_MZgRjVZUrSg/RmKy9jQOWiI/AAAAAAAAAa4/qIPaQRNPos4/s1600-h/minima+%5Bwhite%5D+3+kolum+sidebar+istimewa.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://1.bp.blogspot.com/_MZgRjVZUrSg/RmKy9jQOWiI/AAAAAAAAAa4/qIPaQRNPos4/s400/minima+%5Bwhite%5D+3+kolum+sidebar+istimewa.JPG" alt="" id="BLOGGER_PHOTO_ID_5071812900877654562" border="0" /></a>Berminat? Mula-mula, sila download <a href="http://al.jantanie.googlepages.com/minimawhite3kolumkanankanan.xml">xml ini</a>, dengan cara klik kanan, dan pilih save as. Dan, anda juga memerlukan <a href="http://al.jantanie.googlepages.com/kodlast.txt">notepad yang sama</a> seperti di atas.<br /><br />Ya, anda perlu sediakan back-up, kod-kod yang ada di blog anda, juga gambar.<br /><br />XML itu perlu diupload, sila ikut langkah upload xml seperti yang saya terangkan di atas tadi. Juga anda perlu menambah kod di Page Element. Ikut langkah seperti yang di atas tadi.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_MZgRjVZUrSg/RmK0RjQOWjI/AAAAAAAAAbA/FzA3DjB1AVU/s1600-h/minima+%5Bwhite%5D+3+kolum+kiri+kiri.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://1.bp.blogspot.com/_MZgRjVZUrSg/RmK0RjQOWjI/AAAAAAAAAbA/FzA3DjB1AVU/s400/minima+%5Bwhite%5D+3+kolum+kiri+kiri.JPG" alt="" id="BLOGGER_PHOTO_ID_5071814343986666034" border="0" /></a>Ini pula template MINIMA WHITE juga, 3 kolum, dengan kedua-dua sidebar berada di kiri. <a href="http://al.jantanie.googlepages.com/minimawhite3kolumkirikiri.xml">XML berada di sini</a>, sila download, dan <a href="http://al.jantanie.googlepages.com/kodlast.txt">notepad juga</a> perlu. Langkahnya sama seperti di atas.<br /><br />Back-up, download, upload, delete, save, page element, semuanya sama seperti yang di atas.<br /><br />Selamat mencuba.Unknownnoreply@blogger.com6tag:blogger.com,1999:blog-4206792139813415705.post-58188394849083131072007-05-03T04:59:00.000+02:002008-12-11T18:17:59.808+02:00Template Rose And Love - Yang Dipakaikan Sistem Blogger BaruTemplate ini bukanlah template blogger, tetapi dari laman <a href="http://pannasmontata-templates.net/">Pannasmontata</a>. Saya cuba memakaikan sistem blogger baru, yang punya add page element dan ubahsuai font dan color. Rupa template itu adalah seperti di bawah ini.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_MZgRjVZUrSg/RjlRajTVyYI/AAAAAAAAAaM/_J745hR1_GM/s1600-h/ros.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://3.bp.blogspot.com/_MZgRjVZUrSg/RjlRajTVyYI/AAAAAAAAAaM/_J745hR1_GM/s400/ros.JPG" alt="" id="BLOGGER_PHOTO_ID_5060165172922272130" border="0" /></a><br />Sebelum mencuba template ini, suka saya mengingatkan, agar anda menyimpan gambar back-up bagi gambar yang anda letak di sidebar. Kemungkinan gambar itu akan hilang. Juga kod-kod yang anda guna dalam template sebelum ini.<br /><br />Kedua, sila download gambar ini dengan mengklik kanan pada <a href="http://al.jantanie.googlepages.com/yosh.jpg">link ini</a> dan pilih save as.<br />Ketiga, sila download xml ini dengan klik kanan <a href="http://al.jantanie.googlepages.com/rose.xml">link ini</a> dan pilih save as.<br /><br /><span style="font-weight: bold; font-style: italic;">Perhatian</span><span style="font-style: italic;">, sekiranya anda masih menggunakan blogger jenis lama, sila upgrade template anda kepada sistem baru. Pergi ke [template] + [customize design] + [upgrade your template] dan buat sementara, pilih mana-mana saja template.</span><br /><br />Keempat, sila ke [template] - [edit html].<br />Lihat bahagian back-up /restore template. Klik browse, dan <span style="font-weight: bold;">uploadkan xml</span> yang anda download di atas tadi. [Perhatian, mungkin anda diminta mendelete sesuatu dalam proses ini. Sila delete dan save]<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_MZgRjVZUrSg/RjlRSzTVyXI/AAAAAAAAAaE/F9ubeYt0xeU/s1600-h/ros2.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://4.bp.blogspot.com/_MZgRjVZUrSg/RjlRSzTVyXI/AAAAAAAAAaE/F9ubeYt0xeU/s400/ros2.JPG" alt="" id="BLOGGER_PHOTO_ID_5060165039778285938" border="0" /></a><br />Kemudian, pergi bahagian [page element], di bahagian header, sila klik edit.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_MZgRjVZUrSg/RjlRMjTVyWI/AAAAAAAAAZ8/1x_7YznfQfo/s1600-h/ros3.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://3.bp.blogspot.com/_MZgRjVZUrSg/RjlRMjTVyWI/AAAAAAAAAZ8/1x_7YznfQfo/s400/ros3.JPG" alt="" id="BLOGGER_PHOTO_ID_5060164932404103522" border="0" /></a><br />Kemudian, satu paparan akan keluar. Di bahagian image, sila klik browse, dan uploadkan gambar yang anda download di atas tadi. Kemudian klik save changes.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_MZgRjVZUrSg/RjlRFTTVyVI/AAAAAAAAAZ0/xLvJXawCYzc/s1600-h/ros4.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://2.bp.blogspot.com/_MZgRjVZUrSg/RjlRFTTVyVI/AAAAAAAAAZ0/xLvJXawCYzc/s400/ros4.JPG" alt="" id="BLOGGER_PHOTO_ID_5060164807850051922" border="0" /></a><br />Sekarang, template anda sudah siap. Selamat mencuba.Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4206792139813415705.post-26111766239332342322007-05-02T03:37:00.000+02:002008-12-11T18:18:02.009+02:00Membuat Variable SendiriMereka yang suka bermain dengan warna perlu membaca entri ini. Di bahagian [template] - [fonts and colours], anda akan dapat melihat sistem yang memudahkan anda menukarkan warna dengan hanya mengklik warna yang anda mahu bagi item-item tertentu.<br /><br />Tetapi, tak banyak pilihan item yang boleh anda tukar. Masih ada lagi item yang tidak bertukar warnanya. Jadi bagaimana? Di sini kita akan mencuba satu hack mudah.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_MZgRjVZUrSg/RjlJ8jTVyUI/AAAAAAAAAZs/ZAQQlV1KL-U/s1600-h/vab.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://3.bp.blogspot.com/_MZgRjVZUrSg/RjlJ8jTVyUI/AAAAAAAAAZs/ZAQQlV1KL-U/s400/vab.JPG" alt="" id="BLOGGER_PHOTO_ID_5060156960944802114" border="0" /></a><br />Pergi ke [edit html]. Mula-mula, anda perlu tahu, bahawa warna diwakili oleh simbol bertanda # iaitu simbol yang berada sekali dengan nombor 3 di keyboard anda.<br /><br />Langkah pertama, sila scroll demi mencari mana-mana kod html yang membawa simbol # ini. Sebagai contoh, saya menjumpai kod dengan nama background, seperti di bawah. Ia memakai warna #efefef sebagai nilai warnanya.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_MZgRjVZUrSg/RjlJ0TTVyTI/AAAAAAAAAZk/SwBZV9v1JQ8/s1600-h/vab2.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://2.bp.blogspot.com/_MZgRjVZUrSg/RjlJ0TTVyTI/AAAAAAAAAZk/SwBZV9v1JQ8/s400/vab2.JPG" alt="" id="BLOGGER_PHOTO_ID_5060156819210881330" border="0" /></a><br />Langkah seterusnya, saya perlu mencipta satu nama khas dalam hack mudah ini. Saya memilih nama [percubaan]. Taipkan perkataan percubaan selepas kod nilai #efefef tadi, betul-betul seperti contoh di bawah.<br /><br />Juga jangan lupa, perkataan percubaan itu didahului dengan simbol $ yang berada di key board bersama kekunci 4. Jadi, perkataan yang perlu ditaip adalah $percubaan<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_MZgRjVZUrSg/RjlJtzTVySI/AAAAAAAAAZc/hhKPEin5_Z8/s1600-h/vab3.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://4.bp.blogspot.com/_MZgRjVZUrSg/RjlJtzTVySI/AAAAAAAAAZc/hhKPEin5_Z8/s400/vab3.JPG" alt="" id="BLOGGER_PHOTO_ID_5060156707541731618" border="0" /></a><br />Kemudian, saya kerat (cut) dulu kod #efefef. Kod yang mewakili nilai warna ini akan dipakai nanti. Buat masa ini, kerat saja dulu. Hasilnya seperti di bawah.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_MZgRjVZUrSg/RjlJnDTVyRI/AAAAAAAAAZU/T6NZxUx1rQQ/s1600-h/vab4.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://1.bp.blogspot.com/_MZgRjVZUrSg/RjlJnDTVyRI/AAAAAAAAAZU/T6NZxUx1rQQ/s400/vab4.JPG" alt="" id="BLOGGER_PHOTO_ID_5060156591577614610" border="0" /></a><br />Scroll semula ke atas, pergi ke bahagian variable. Seperti rajah di bawah, saya telah meng-copy variable yang paling atas, dan mem-paste (menampalkannya) di bawahnya.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_MZgRjVZUrSg/RjlJgjTVyQI/AAAAAAAAAZM/wY8ZIqhhdAc/s1600-h/vab5.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://3.bp.blogspot.com/_MZgRjVZUrSg/RjlJgjTVyQI/AAAAAAAAAZM/wY8ZIqhhdAc/s400/vab5.JPG" alt="" id="BLOGGER_PHOTO_ID_5060156479908464898" border="0" /></a><br />Tuakrkan nama variable kepada percubaan. Tukarkan descriptionnya kepada percubaan. Tukarkan default-nya kepada #efefef iaitu nilai warna yang kita ambil tadi. Tukarkan value-nya juga kepada #efefef seperti rajah di bawah.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_MZgRjVZUrSg/RjlJYzTVyPI/AAAAAAAAAZE/AXYHf_PEmRI/s1600-h/vab6.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://4.bp.blogspot.com/_MZgRjVZUrSg/RjlJYzTVyPI/AAAAAAAAAZE/AXYHf_PEmRI/s400/vab6.JPG" alt="" id="BLOGGER_PHOTO_ID_5060156346764478706" border="0" /></a><br />Kemudian save. Siap. Pergi bahagian [fonts and colours]. Menu'percubaan' telah ada. Anda sudah boleh menukar warnanya. Sila sila.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_MZgRjVZUrSg/RjlJRzTVyOI/AAAAAAAAAY8/wohe0m79Hq0/s1600-h/vab7.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://4.bp.blogspot.com/_MZgRjVZUrSg/RjlJRzTVyOI/AAAAAAAAAY8/wohe0m79Hq0/s400/vab7.JPG" alt="" id="BLOGGER_PHOTO_ID_5060156226505394402" border="0" /></a><br />Selamat mencuba.Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-4206792139813415705.post-34551710167590587242007-04-23T14:16:00.000+02:002008-12-11T18:18:03.901+02:00Men-set Supaya Gambar Di Sidebar Boleh Ke Tengah<div style="text-align: left;">Ini mungkin satu hack mudah. Tapi demi meraikan yang bertanya, saya tuliskan juga.<br /><br />Berkenaan gambar di sidebar. Seorang kawan bertanya - dia telah meletakkan gambar di sidebar. Gambar itu berada di posisi kiri [left], dan dia mahu jadikan gambar itu ke posisi tengah [center].<br /><br />Lalu saya kata, ada satu cara mudah nak set supaya semua ke tengah, tapi bukan hanya gambar, tulisan dan semua yang ada di sidebar semuanya akan ke tengah.<br /><br />Dia kata, dia tak nak macam itu. Ada yang dia nak set ke tengah, dan ada yang dia nak set di tepi kiri macam biasa. Lalu bagaimana? Lihat contoh gambar <span style="font-weight: bold;">CDRK</span> di bawah. Gambar di <span style="font-weight: bold;">CDRK</span> ini berada di posisi kiri [left] dan mahu ditengahkan. Dalam hack mudah ini, saya mahu menjadikan gambar <span style="font-weight: bold;">CDRK [depan]</span> supaya ketengah.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_MZgRjVZUrSg/Riymq9xPoJI/AAAAAAAAAY0/3tPQywLscZY/s1600-h/jap.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://1.bp.blogspot.com/_MZgRjVZUrSg/Riymq9xPoJI/AAAAAAAAAY0/3tPQywLscZY/s400/jap.JPG" alt="" id="BLOGGER_PHOTO_ID_5056599738696048786" border="0" /></a><br />Mula-mula, sila ke edit html. Cari [expand widget templates] dan tandakan di kotak itu. Paparan HTML akan diulangpapar.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_MZgRjVZUrSg/RiymedxPoII/AAAAAAAAAYs/f4f_XaM-wZg/s1600-h/jap2.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://3.bp.blogspot.com/_MZgRjVZUrSg/RiymedxPoII/AAAAAAAAAYs/f4f_XaM-wZg/s400/jap2.JPG" alt="" id="BLOGGER_PHOTO_ID_5056599523947683970" border="0" /></a><br />Seterusnya, cari di manakah kod untuk gambar <span style="font-weight: bold;">CDRK [depan]</span> berada di mana. Kerana kita akan membuat sedikit ubahsuai supaya gambar tersebut boleh ke tengah. Untuk memudahkan mencari di manakah letaknya kod tersebut, tekan kekunci Ctrl dan kekunci F bersama-sama. Kalau anda melayari internet menggunakan Internet Explorer (IE), maka paparan di bawah akan muncul.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_MZgRjVZUrSg/RiymUtxPoHI/AAAAAAAAAYk/xZ9gV_VHnPI/s1600-h/jap3.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://4.bp.blogspot.com/_MZgRjVZUrSg/RiymUtxPoHI/AAAAAAAAAYk/xZ9gV_VHnPI/s400/jap3.JPG" alt="" id="BLOGGER_PHOTO_ID_5056599356443959410" border="0" /></a><br />Kalau anda melayari internet menggunakan Mozilla Firefox, di bahagian bawah akan keluar kotak [find].<br /><br />Tak kiralah mozilla atau pun IE, saya taipkan perkataan <span style="font-weight: bold;">CDRK </span>sebab saya nak cari kod bagi gambar tersebut. [anda pula taipkan perkataan yang mewakili gambar yang anda cari.] Mulakan carian. Anda akan menjumpai letak duduknya kod untuk gambar CDRK.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_MZgRjVZUrSg/Riyl5txPoGI/AAAAAAAAAYc/uhhQFnMdIac/s1600-h/jap4.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://4.bp.blogspot.com/_MZgRjVZUrSg/Riyl5txPoGI/AAAAAAAAAYc/uhhQFnMdIac/s400/jap4.JPG" alt="" id="BLOGGER_PHOTO_ID_5056598892587491426" border="0" /></a><br />Kodnya adalah seperti gambar di atas. Anda akan mendapati kod itu ada:<br /> b widget<br /> b includable id main<br /> b if cond<br /> h2 data<br /> div class widget contain<br /><br />Perhatikan div class widget contain.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_MZgRjVZUrSg/Riylt9xPoFI/AAAAAAAAAYU/L1D8lpz-HXk/s1600-h/jap5.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://1.bp.blogspot.com/_MZgRjVZUrSg/Riylt9xPoFI/AAAAAAAAAYU/L1D8lpz-HXk/s400/jap5.JPG" alt="" id="BLOGGER_PHOTO_ID_5056598690724028498" border="0" /></a><br />Selepas div class widget contain, sila masukkan kod center betul-betul selepas tanda '> ' seperti gambar di bawah.<br /><center><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_MZgRjVZUrSg/RiyljNxPoEI/AAAAAAAAAYM/ZUJhDub3vJg/s1600-h/jap6.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://2.bp.blogspot.com/_MZgRjVZUrSg/RiyljNxPoEI/AAAAAAAAAYM/ZUJhDub3vJg/s400/jap6.JPG" alt="" id="BLOGGER_PHOTO_ID_5056598506040434754" border="0" /></a><br /><div style="text-align: left;">Kemudian, lihat lagi pada kod. Anda akan jumpa<br /> img expr,<br /> expr id,<br /> dan expr witdh.<br /></div><br /><div style="text-align: left;">Selepas kod witdh ditutup dengan tanda /> anda perlu menambah kod baru. Iaitu kod /center, seperti dalam gambar di bawah. Ia sebelum br.<br /></div></center><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_MZgRjVZUrSg/RiylYNxPoDI/AAAAAAAAAYE/C93gq20wbXc/s1600-h/jap7.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://2.bp.blogspot.com/_MZgRjVZUrSg/RiylYNxPoDI/AAAAAAAAAYE/C93gq20wbXc/s400/jap7.JPG" alt="" id="BLOGGER_PHOTO_ID_5056598317061873714" border="0" /></a><br />Setelah itu save template. Hasilnya, gambar dengan title CDRK telah ke tengah. Lihat gambar di bawah.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_MZgRjVZUrSg/RiykBdxPoCI/AAAAAAAAAX8/9mFovYosrok/s1600-h/jap8.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://3.bp.blogspot.com/_MZgRjVZUrSg/RiykBdxPoCI/AAAAAAAAAX8/9mFovYosrok/s400/jap8.JPG" alt="" id="BLOGGER_PHOTO_ID_5056596826708221986" border="0" /></a><br />Selamat mencuba. Jangan lupa tanda <><br /></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4206792139813415705.post-88332085872223531162007-04-14T14:20:00.000+02:002008-12-11T18:18:04.347+02:00Template Baru Yang Mirip Dengan Blogger Dashboard<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_MZgRjVZUrSg/RiDHdAc0uAI/AAAAAAAAAXA/acd5OMqF6c0/s1600-h/bloggerasal.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://3.bp.blogspot.com/_MZgRjVZUrSg/RiDHdAc0uAI/AAAAAAAAAXA/acd5OMqF6c0/s400/bloggerasal.JPG" alt="" id="BLOGGER_PHOTO_ID_5053258083060725762" border="0" /></a>Di atas ini adalah paparan dasboard. Tiba-tiba saya terfikir, kalau saya buat satu template dengan paparan dashboard blogger ada baiknya juga. Yang lebih penting adalah, template baru yang saya buat ini mestilah boleh menerima pakai sistem blogger yang baru - ada add page element, ada font and colors.<br /><br />Sebab, template baru yang boleh memakai sistem blogger baru amat sedikit. Berbanding template baru yang memakai sistem lama memanglah amat banyak.<br /><br />Setelah mencuba, saya dapat hasilkan seperti contoh di bawah.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_MZgRjVZUrSg/RiDIggc0uBI/AAAAAAAAAXI/dAtDwU1E2lo/s1600-h/bloggerdashboard.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://1.bp.blogspot.com/_MZgRjVZUrSg/RiDIggc0uBI/AAAAAAAAAXI/dAtDwU1E2lo/s400/bloggerdashboard.JPG" alt="" id="BLOGGER_PHOTO_ID_5053259242701895698" border="0" /></a>Ia memang tidak seratus peratus sama, saya dah cuba, tapi susah. Kerana saya ubah secara manual. :D. Kalau orang tahu yang saya buat cara manual pasti kena gelak. Hu hu hu.<br /><br />Untuk mendapatkan paparan seperti ini, sila <a href="http://mohd.zaki.m.noor.googlepages.com/bloggerciplak.xml">download xml ini</a> dengan meng-klik kanan dan save as. Pergi ke edit html - upload-kan xml ini dengan browse di ruang upload, dan upload-kannya. Dengan itu, anda sudah memiliki paparan template ini.<br /><br />Dan ya, seperti yang saya ingatkan dalam entri-entri sebelum ini, anda mungkin diminta mendelete beberapa benda. Jadi, sebelum upload, buatlah back-up untuk html dan gambar yang pernah anda pernah masukkan ke sidebar, header dan footer.<br /><br />Oleh kerana template ini dalam ujian, mungkin anda tak boleh letakkan description (bimbang jejaskan bentuknya, saya juga kurang pasti). Saya tak pasti kalau ada kelemahan lain.<br /><br />Apapun, ia simple dan lawa.<br /><br />Selamat mencuba.Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4206792139813415705.post-9899197125947964442007-04-13T17:26:00.000+02:002008-12-11T18:18:04.537+02:00Meng-hack Template Afifuddin Dan Memakaikannya Sistem Blogger Baru<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_MZgRjVZUrSg/Rh-jJQc0t9I/AAAAAAAAAWo/Qb7z7obhq6M/s1600-h/pedol.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://3.bp.blogspot.com/_MZgRjVZUrSg/Rh-jJQc0t9I/AAAAAAAAAWo/Qb7z7obhq6M/s400/pedol.JPG" alt="" id="BLOGGER_PHOTO_ID_5052936686362998738" border="0" /></a>Saya baru meng-hack satu template milik <a href="http://ibnu-ummi.blogspot.com/">Afifuddin</a> dan menjadikannya memakai sistem blogger baru yang punya add page element dan edit color and font. Sehingga entri ini ditulis, beliau masih lagi menggunakan sistem blogger lama.<br /><br />Ssperti biasa, kalau anda mahu mencuba template ini, pastikan kod-kod html di sidebar anda telah anda simpan untuk back-up kelak. Begitu juga gambar-gambar.<br /><br />Pertama, sila download <a href="http://mohd.zaki.m.noor.googlepages.com/afif.xml">xml ini</a> dengan mengklik kanan dan memilih save as.<br /><br />Kedua, pergi ke blog anda, pergi ke edit html - dan upload xml tadi dengan mem-browse dan meng-uploadnya. Mungkin anda diminta mendelete beberapa benda. Itulah tujuan saya meminta anda menyimpan kod dan gambar back-up.<br /><br />Sepertimana gambar contoh di atas, bahagian header iaitu banner yang digunakan oleh Afifuddin (siap dengan gambar beliau sekali) itu boleh ditukar kepada gambar lain. Saya meletakkannya di add page element. Kerana header saya ada add page element.<br /><br />Yang asas adalah latarnya, iaitu latar hijau kuning.<br /><br />Selamat mencuba.Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4206792139813415705.post-26147409288047908762007-04-08T15:45:00.000+02:002008-12-11T18:18:07.175+02:00Memecahkan Kotak Sidebar - Khas Untuk Template Jenis Rounders 3Ada seorang kawan bertanya, kerana dia juga menggunakan template rounders3 macam saya. Katanya, di bahagian sidebar cuma ada dua pecahan saja. Macam mana hendak buat lebih dari dua pecahan. Hm, boleh bayangkan tak dua pecahan yang dimaksudkan?<br /><br />Dua pecahan itu macam gambar di bawah.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_MZgRjVZUrSg/RhkS8lDTxcI/AAAAAAAAAVg/kpNYOKO0Ea0/s1600-h/we.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://1.bp.blogspot.com/_MZgRjVZUrSg/RhkS8lDTxcI/AAAAAAAAAVg/kpNYOKO0Ea0/s400/we.JPG" alt="" id="BLOGGER_PHOTO_ID_5051089289020163522" border="0" /></a><br />Oleh kerana cuma ada dua pecahan kotak, jadi, kotak yang bawah tu berkongsi antara blog archieve, ucap selamat dan lambang blogger.<br /><br />Jadi, nak pisahkan setiap satu dalam kotak pecahan masing-masing.<br /><br />Apa yang perlu dibuat adalah mencari kod itu dulu. Kod di mana setiap item itu berada. Lihat bawah.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_MZgRjVZUrSg/RhkVh1DTxdI/AAAAAAAAAVo/ltQv6ZJcg3s/s1600-h/we2.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://2.bp.blogspot.com/_MZgRjVZUrSg/RhkVh1DTxdI/AAAAAAAAAVo/ltQv6ZJcg3s/s400/we2.JPG" alt="" id="BLOGGER_PHOTO_ID_5051092127993546194" border="0" /></a><br />Anda lihat, ada blog archieve, ucap selamat dan blogger button. Perhatikan di atas dan di bawah ketiga-tiga item itu. Ada div id sidebar... hinggalah preferred yes, juga di bawahnya pula ada /b section dan /div.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_MZgRjVZUrSg/RhkV-VDTxeI/AAAAAAAAAVw/k86SUoBenZg/s1600-h/we3.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://4.bp.blogspot.com/_MZgRjVZUrSg/RhkV-VDTxeI/AAAAAAAAAVw/k86SUoBenZg/s400/we3.JPG" alt="" id="BLOGGER_PHOTO_ID_5051092617619817954" border="0" /></a><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_MZgRjVZUrSg/RhkWm1DTxfI/AAAAAAAAAV4/AowbHM9vo3E/s1600-h/we4.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://2.bp.blogspot.com/_MZgRjVZUrSg/RhkWm1DTxfI/AAAAAAAAAV4/AowbHM9vo3E/s400/we4.JPG" alt="" id="BLOGGER_PHOTO_ID_5051093313404519922" border="0" /></a>Kod yg saya hitamkan itu, atas dah bawah itu, perlu dicopy 3, satu utk blog arkib, satu utk ucap selamat dan satu untuk blogger button. Ia akan jadi seperti di bawah ini.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_MZgRjVZUrSg/RhkZkFDTxhI/AAAAAAAAAWI/O8dsFzBFOig/s1600-h/we5.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://3.bp.blogspot.com/_MZgRjVZUrSg/RhkZkFDTxhI/AAAAAAAAAWI/O8dsFzBFOig/s400/we5.JPG" alt="" id="BLOGGER_PHOTO_ID_5051096564694763026" border="0" /></a>Kemudian, anda perlu menukar id sidebar kepada sidebar1, sidebar2 dan sidebar3,seperti di bawah ini.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_MZgRjVZUrSg/RhkaWFDTxiI/AAAAAAAAAWQ/7AZRmA8mnNs/s1600-h/we6.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://3.bp.blogspot.com/_MZgRjVZUrSg/RhkaWFDTxiI/AAAAAAAAAWQ/7AZRmA8mnNs/s400/we6.JPG" alt="" id="BLOGGER_PHOTO_ID_5051097423688222242" border="0" /></a><br />Maka dah siap. Dah jadi pecahan sidebar asing-asing.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_MZgRjVZUrSg/Rhka_lDTxjI/AAAAAAAAAWY/OrbU3xf0e40/s1600-h/we7.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://1.bp.blogspot.com/_MZgRjVZUrSg/Rhka_lDTxjI/AAAAAAAAAWY/OrbU3xf0e40/s400/we7.JPG" alt="" id="BLOGGER_PHOTO_ID_5051098136652793394" border="0" /></a><br />Selamat mencubaUnknownnoreply@blogger.com0tag:blogger.com,1999:blog-4206792139813415705.post-33261705062031548332007-04-08T01:12:00.000+02:002008-12-11T18:18:07.367+02:00Meng-hack Template Fairuz Supaya Dapat Memakai Sistem Blogger Baru.Pernah saya bercanda mahu membina sebuah blog yang memakai sistem blog baru - ada add page element, ada font and color setting - tetapi mahu juga dalam masa yang sama memakai wajah template saya sendiri, BUKAN memakai template asal dari blogger.<br /><br />Ia semacam dua permintaan yang saling bertentangan. Tapi, akhirnya saya berjaya meng-hack juga [kalau boleh dipanggil hack lah].<br /><br />Pertama, cuba buka blog <a href="http://afais.blogspot.com/">Fairuz</a>. Dia masih mengekalkan style blogger lama supaya bebas membuat perubahan. Setakat entri ini ditulis, dia masih kekal dengan style lama.<br /><br />Saya telah meng-hack (kalau boleh dipanggil hack la) blog dia tapi hack budak-budak hingusan je. Kalau mahu cuba, sila klik kanan <a href="http://mohd.zaki.m.noor.googlepages.com/apai.xml">link ini</a>, dan save as. Save dalam komputer fail xml itu. Kemudian upload ke blog dengan cara [ pergi ke layout + edit html + browse + upload]<br /><br />Dengan cara ini, anda telah memiliki blog yang sama seperti beliau. Maksud saya, latar template. Tetapi, memakai sistem blogger baru.<br /><br />Akhirnya berjaya juga saya hack.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_MZgRjVZUrSg/RhjuUFDTxbI/AAAAAAAAAVY/aCqpPAcyPJQ/s1600-h/apai.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://2.bp.blogspot.com/_MZgRjVZUrSg/RhjuUFDTxbI/AAAAAAAAAVY/aCqpPAcyPJQ/s400/apai.JPG" alt="" id="BLOGGER_PHOTO_ID_5051049010816861618" border="0" /></a><br />O ya. Gambar wafa tu saya masuk dalam add page element, jadi boleh tukar.Yang asas adalah latar merah biru. Itu pun kalau pandai adobe, boleh tukar juga. Cuma saiz jangan tukar.<br /><br />Selamat mencuba.Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4206792139813415705.post-34753069001135622032007-04-07T06:08:00.000+02:002008-12-11T18:18:07.580+02:00Template Rounders 3 Dengan 3 KolumDi sini saya baru siapkan xml untuk satu template lagi. Sesiapa yang menggunakan template Rounders 3 bolehlah mengambil xml ini untuk menukarkan blognya dari 2 kolum kepada 3. Kolum main berada di tengah-tengah, dan 2 kolum sidebar di kanan kirinya.<br /><br />Seperti aturan panduan yang sebelum ini, sila simpan semua kod html yang anda letak di sidebar. Juga gambar yang anda upload. Simpan semua supaya boleh jadi bahan back up kemudian.<br /><br />Kemudian, download xml 3 kolum ini, dengan mengklik kanan pada <a href="http://mohd.zaki.m.noor.googlepages.com/round3.xml">link ini</a> , dan pilih save as.<br /><br />Lepas itu, pergi ke layout/template, pergi ke edit html. Sekarang kita akan upload xml tadi. Klik browse untuk mencari xml tadi. Dan upload.<br /><br />Anda mungkin diminta mendelete beberapa item. Sila klik delete. Item-item yang sudah di delete inilah tujuan anda diminta simpan kod html dan gambar tadi. Supaya boleh dimasukkan balik.<br /><br />Saya juga telah menggunakan template jenis ini. Rounders 3 dengan 3 kolum. [Kemudian saya tukar warna kepada warna hitam dan kuning]<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_MZgRjVZUrSg/Rh-p2gc0t_I/AAAAAAAAAW4/HEKP4nYkxa4/s1600-h/zaki.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://4.bp.blogspot.com/_MZgRjVZUrSg/Rh-p2gc0t_I/AAAAAAAAAW4/HEKP4nYkxa4/s400/zaki.JPG" alt="" id="BLOGGER_PHOTO_ID_5052944060821846002" border="0" /></a>Dan <a href="http://mohd.zaki.m.noor.googlepages.com/ronder3juga.xml">yang ini pula</a>, juga xml untuk rounders 3, cuma bezanya dengan xml yang atas, sidebar dua-dua di sebelah kanan, sebelah menyebelah, dan main di sebelah kiri. Kalau yang atas tadi tu, sidebar satu sebelah kanan dan satu sebelah kiri, xml yang ini kedua-duanya di sebelah kanan.<br /><br />Selamat mencubaUnknownnoreply@blogger.com0tag:blogger.com,1999:blog-4206792139813415705.post-13859368142006225412007-04-06T01:59:00.000+02:002008-12-11T18:18:07.905+02:00Menambah Add Page Element Ke Header - Versi Baru | Lebih Mudah Dari Entri Yang DuluEntri saya yang dulu ada menjelaskan macam mana mahu menambah add page element di header. Cara yang saya ajar dulu itu agak panjang. Saya ada hack yang lebih, lebih mudah.<br /><br />Anda cuma perlu mendelete [maxwidget] dan [showaddelement] di kod header itu, dan gantikan dengan [prefered yes]. Pastikan hasilnya adalah seperti gambar di bawah.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_MZgRjVZUrSg/RhbibVDTxZI/AAAAAAAAAVI/Mp9GPe4L1l8/s1600-h/qa2.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://1.bp.blogspot.com/_MZgRjVZUrSg/RhbibVDTxZI/AAAAAAAAAVI/Mp9GPe4L1l8/s400/qa2.JPG" alt="" id="BLOGGER_PHOTO_ID_5050472991277958546" border="0" /></a>Cara ini bagi saya lebih mudah. Walaupun ada juga cara lain seperti menukarkan setting maxwidget kepada 5, atau lebih, tapi saya lebih suka cara yang ini.<br /><br />Selamat mencuba.Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4206792139813415705.post-17671989552139145482007-04-05T01:54:00.000+02:002008-12-11T18:18:08.189+02:00Template Baru 3 Kolum - Ubahsuai Daripada Thisaway BlueBaru-baru ini ada kawan memberi komen. Katanya, tutorial untuk buat 3 kolum tidak jelas, sebab setiap template lain-lain. Saya turut memerhatikan dan mendapati kebenarannya juga. Lalu ide ini berkembang.<br /><br />Bagaimana kalau saya sediakan siap-siap fail xml bagi template, anda cuma perlu download file xml ini dan upload ke blog anda. Dan SIAP! Siap langsung jadi 3 kolum tanpa perlu bersusah.<br /><br />Sebelum itu ada baiknya menjelaskan mengapa 3 kolum jadi payah bagi sesetengah blog. Ini kerana, sesetengah jenis template blog menggunakan gambar sebagai item tambahan. Bila kita membuat pembesaran saiz sidebar atau main, atau menggandanya, gambar ini tidak membesar sekali bersama saiz tadi. Jadi, ubahsuai akan gagal.<br /><br />Sesetengah jenis template blog yang lain, tak bergantung pada gambar dalam pemaparan rupa blog. Jadi, ia tak bermasalah untuk diubah saiz nya, atau untuk diganda sidebarnya.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_MZgRjVZUrSg/Rh-l1gc0t-I/AAAAAAAAAWw/OOGAK-bUBws/s1600-h/thisawayblue.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://4.bp.blogspot.com/_MZgRjVZUrSg/Rh-l1gc0t-I/AAAAAAAAAWw/OOGAK-bUBws/s400/thisawayblue.JPG" alt="" id="BLOGGER_PHOTO_ID_5052939645595465698" border="0" /></a>Saya telah mengubah template Thisaway Blue menjadi 3 kolum, kolum main berada di tengah, dan dua sidebar di kanan dan kirinya. Kalau minat, klik kanan <a href="http://mohd.zaki.m.noor.googlepages.com/templatebiru.xml">link ini</a>, dan download xml yang saya siapkan.<br /><br />Kemudian, pergi ke Layout/template - klik edit html. Di bahagian browse, klik dan cari xml yang anda download tadi. Kemudian selesaikan dengan mengklik upload.<br /><br />Cuma jaga-jaga, sebab, dengan berbuat sedemikian, item-item yang anda add di sidebar akan hilang. Jadi, pindahkan dulu kod-kod html dan gambar-nya ke notepad buat sementara dan ke komputer dulu, nanti lepas upload baru masukkan balik.<br /><br />Selamat mencuba.Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4206792139813415705.post-50237804827777829132007-03-12T14:17:00.000+02:002008-12-11T18:18:09.098+02:00Menambah Add Page Element Ke Atas [Main]<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_MZgRjVZUrSg/RfVHg2rc_oI/AAAAAAAAAUY/cKjfAtJhAhQ/s1600-h/ha.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://3.bp.blogspot.com/_MZgRjVZUrSg/RfVHg2rc_oI/AAAAAAAAAUY/cKjfAtJhAhQ/s400/ha.JPG" alt="" id="BLOGGER_PHOTO_ID_5041013987670294146" border="0" /></a><br />Main adalah kawasan posting. Soal seorang kawan, boleh tak nak letak [add page element] kat atas main?<br /><br />Ikuti langkah ini. Cari kod ini.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_MZgRjVZUrSg/RfVHuWrc_pI/AAAAAAAAAUg/RAfl6cyJj18/s1600-h/ha2.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://1.bp.blogspot.com/_MZgRjVZUrSg/RfVHuWrc_pI/AAAAAAAAAUg/RAfl6cyJj18/s400/ha2.JPG" alt="" id="BLOGGER_PHOTO_ID_5041014219598528146" border="0" /></a><br />Tukarkan perkataan no kepada 'yes'<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_MZgRjVZUrSg/RfVIJWrc_qI/AAAAAAAAAUo/sB2p2kAlogo/s1600-h/ha3.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://1.bp.blogspot.com/_MZgRjVZUrSg/RfVIJWrc_qI/AAAAAAAAAUo/sB2p2kAlogo/s400/ha3.JPG" alt="" id="BLOGGER_PHOTO_ID_5041014683454996130" border="0" /></a><br />Save sekarang.Lihat hasilnya di page element.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_MZgRjVZUrSg/RfVIbmrc_rI/AAAAAAAAAUw/lbwQS3bnU90/s1600-h/ha4.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://2.bp.blogspot.com/_MZgRjVZUrSg/RfVIbmrc_rI/AAAAAAAAAUw/lbwQS3bnU90/s400/ha4.JPG" alt="" id="BLOGGER_PHOTO_ID_5041014996987608754" border="0" /></a>Dah ada kan sekarang?<br />Selamat MencubaUnknownnoreply@blogger.com3tag:blogger.com,1999:blog-4206792139813415705.post-67329633536195437772007-03-12T10:44:00.000+02:002008-12-11T18:18:13.695+02:00Mewujudkan 2 Jenis Sidebar Di Satu Sisi Yang Sama, Satu Besar, Dan Satu KecilMenjelaskan maksud tajuk kadang-kala sangat susah. Lihat contoh page element di bawah. Anda akan dapati sidebarnya di sebelah kanan. Tapi, satu besar, berada di atas, dan 2 lagi sidebar kecil, berada di bawahnya.<br /><br />Seorang kawan bertanya, bagaimana hendak membina sidebar sebegini?<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_MZgRjVZUrSg/RfUTPWrc_bI/AAAAAAAAASw/sHSh0O5x_N0/s1600-h/fa12.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://1.bp.blogspot.com/_MZgRjVZUrSg/RfUTPWrc_bI/AAAAAAAAASw/sHSh0O5x_N0/s400/fa12.JPG" alt="" id="BLOGGER_PHOTO_ID_5040956512417938866" border="0" /></a><br />Pertama, cari kod ini.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_MZgRjVZUrSg/RfUUU2rc_cI/AAAAAAAAAS4/z9l76g-hVEU/s1600-h/fa.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://3.bp.blogspot.com/_MZgRjVZUrSg/RfUUU2rc_cI/AAAAAAAAAS4/z9l76g-hVEU/s400/fa.JPG" alt="" id="BLOGGER_PHOTO_ID_5040957706418847170" border="0" /></a><br />Header wrapper, tukarkan dari 660px kepada 980px. Supaya headernya jadi besar. Kemudian cari kod ini.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_MZgRjVZUrSg/RfUUp2rc_dI/AAAAAAAAATA/57noLLriebw/s1600-h/fa2.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://3.bp.blogspot.com/_MZgRjVZUrSg/RfUUp2rc_dI/AAAAAAAAATA/57noLLriebw/s400/fa2.JPG" alt="" id="BLOGGER_PHOTO_ID_5040958067196100050" border="0" /></a><br />Outer wrapper, tukarkan dari 660px kepada 980px. Main wrapper, tukarkan dari 410px kepada 500px.<br /><br />Kemudian lihat sidebar wrapper.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_MZgRjVZUrSg/RfUVOGrc_eI/AAAAAAAAATI/fNHRII6tw9w/s1600-h/fa3.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://4.bp.blogspot.com/_MZgRjVZUrSg/RfUVOGrc_eI/AAAAAAAAATI/fNHRII6tw9w/s400/fa3.JPG" alt="" id="BLOGGER_PHOTO_ID_5040958689966357986" border="0" /></a><br />Copy kod sidebar wrapper itu seperti di bawah, sebanyak 2 kali, supaya ada 3 sidebar. Kekalkan kod sidebar yang asal, cuma ubah witdh-nya, 220px kepada 210px. Sidebar yang di-copy tadi, tukarkan namanya kepada sidebar2 dan sidebar3. Sidebar2 saiznya 210px, dan float-nya left, sebab sidebar asal float-nya right. Adapun sidebar3, saiznya 460px.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_MZgRjVZUrSg/RfUWQmrc_fI/AAAAAAAAATQ/9tfjpi9Jxd8/s1600-h/fa4.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://2.bp.blogspot.com/_MZgRjVZUrSg/RfUWQmrc_fI/AAAAAAAAATQ/9tfjpi9Jxd8/s400/fa4.JPG" alt="" id="BLOGGER_PHOTO_ID_5040959832427658738" border="0" /></a><br />Konsepnya mudah, sidebar3 akan 'meliputi' sidebar 1 dan 2.<br /><br />Oya, jangan lupa besarkan footer juga, dari 660px kepada 980px.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_MZgRjVZUrSg/RfUX7Wrc_gI/AAAAAAAAATY/Nv_kEc_3Eg4/s1600-h/fa5.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://1.bp.blogspot.com/_MZgRjVZUrSg/RfUX7Wrc_gI/AAAAAAAAATY/Nv_kEc_3Eg4/s400/fa5.JPG" alt="" id="BLOGGER_PHOTO_ID_5040961666378694146" border="0" /></a><br />Sekarang, cari [div id sidebar wrapper]. Delete-kan b widgetnya, dan kekalkan yang lain.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_MZgRjVZUrSg/RfUYRGrc_hI/AAAAAAAAATg/D7WdeA9bOZA/s1600-h/fa6.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://4.bp.blogspot.com/_MZgRjVZUrSg/RfUYRGrc_hI/AAAAAAAAATg/D7WdeA9bOZA/s400/fa6.JPG" alt="" id="BLOGGER_PHOTO_ID_5040962040040848914" border="0" /></a><br />Setelah delete, baki kod di [div id sidebar wrapper] akan tinggal seperti di bawah.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_MZgRjVZUrSg/RfUZUGrc_iI/AAAAAAAAATo/B0GOIFSuJqQ/s1600-h/fa7.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://4.bp.blogspot.com/_MZgRjVZUrSg/RfUZUGrc_iI/AAAAAAAAATo/B0GOIFSuJqQ/s400/fa7.JPG" alt="" id="BLOGGER_PHOTO_ID_5040963191092084258" border="0" /></a><br />Copy baki kod itu sebanyak 2 kali, menyebabkan div id sidebar akan ada 3. Satu yang asal, dan 2 yang baru. Namakan yang baru itu sebagai sidebar2 dan sidebar3.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_MZgRjVZUrSg/RfUaVWrc_jI/AAAAAAAAATw/Mf7d8H8bb6A/s1600-h/fa8.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://1.bp.blogspot.com/_MZgRjVZUrSg/RfUaVWrc_jI/AAAAAAAAATw/Mf7d8H8bb6A/s400/fa8.JPG" alt="" id="BLOGGER_PHOTO_ID_5040964312078548530" border="0" /></a><br />Lihat sidebar3 yang baru itu. Selain [ div ] yang berada di bawah sekali, semua kod akan dibawa ke atas.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_MZgRjVZUrSg/RfUauWrc_kI/AAAAAAAAAT4/KMfojBfwe_A/s1600-h/fa9.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://1.bp.blogspot.com/_MZgRjVZUrSg/RfUauWrc_kI/AAAAAAAAAT4/KMfojBfwe_A/s400/fa9.JPG" alt="" id="BLOGGER_PHOTO_ID_5040964741575278146" border="0" /></a>Hasilnya akan jadi seperti di bawah.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_MZgRjVZUrSg/RfUpl2rc_lI/AAAAAAAAAUA/wexAvcilBB8/s1600-h/fa10.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://3.bp.blogspot.com/_MZgRjVZUrSg/RfUpl2rc_lI/AAAAAAAAAUA/wexAvcilBB8/s400/fa10.JPG" alt="" id="BLOGGER_PHOTO_ID_5040981088220806738" border="0" /></a>Oleh kerana kita mendelete b widget, maka, kalau kita klik save template sekarang, maka paparan ini akan muncul - bertanya mahu delete-kah?<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_MZgRjVZUrSg/RfUp9Wrc_mI/AAAAAAAAAUI/Lmu7mEkagjw/s1600-h/fa11.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://1.bp.blogspot.com/_MZgRjVZUrSg/RfUp9Wrc_mI/AAAAAAAAAUI/Lmu7mEkagjw/s400/fa11.JPG" alt="" id="BLOGGER_PHOTO_ID_5040981491947732578" border="0" /></a><br />Kalau anda pergi ke page element sekarang, hasilnya sudah kelihatan, iaitu, Mewujudkan 2 Jenis Sidebar Di Satu Sisi Yang Sama, Satu Besar, Dan Satu Kecil<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_MZgRjVZUrSg/RfUqTmrc_nI/AAAAAAAAAUQ/6o7JlbcLBEM/s1600-h/fa13.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://2.bp.blogspot.com/_MZgRjVZUrSg/RfUqTmrc_nI/AAAAAAAAAUQ/6o7JlbcLBEM/s400/fa13.JPG" alt="" id="BLOGGER_PHOTO_ID_5040981874199821938" border="0" /></a><br />Selamat mencubaUnknownnoreply@blogger.com0tag:blogger.com,1999:blog-4206792139813415705.post-54584380379406050462007-03-11T08:36:00.000+02:002008-12-11T18:18:18.439+02:00Bagaimana Menambah [Add Page Element] di antara [Header] dengan [Main]Header adalah banner atas sesebuah blog. Main yang saya maksudkan adalah kawasan posting. Jadi, menambah di antara 2 kawasan ini.<br /><br />Teori yang saya gunakan adalah; mengekalkan kawasan main [kawasan posting] dan sidebar asal, dan saya MENAMBAH main2 dan sidebar2.<br /><br />Ikuti langkah ini. Mula-mula, cari kawasan content. Besarkan witdh untuk content wrapper kepada 980px, witdh untuk wrapper kepada 700px, dan witdh untuk sidebar kepada 250px.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_MZgRjVZUrSg/RfOo4mrc_LI/AAAAAAAAAQw/n6gjgH2jUMY/s1600-h/lu.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://4.bp.blogspot.com/_MZgRjVZUrSg/RfOo4mrc_LI/AAAAAAAAAQw/n6gjgH2jUMY/s400/lu.JPG" alt="" id="BLOGGER_PHOTO_ID_5040558098366659762" border="0" /></a><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_MZgRjVZUrSg/RfOpKGrc_MI/AAAAAAAAAQ4/FfsRz3Bnysk/s1600-h/lu2.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://2.bp.blogspot.com/_MZgRjVZUrSg/RfOpKGrc_MI/AAAAAAAAAQ4/FfsRz3Bnysk/s400/lu2.JPG" alt="" id="BLOGGER_PHOTO_ID_5040558399014370498" border="0" /></a><br />Copy semua kod content ini, dan paste-kan di bawahnya. Namakan content baru ini sebagai content2<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_MZgRjVZUrSg/RfOqPGrc_PI/AAAAAAAAARQ/CySqXb0-Px4/s1600-h/lu3.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://2.bp.blogspot.com/_MZgRjVZUrSg/RfOqPGrc_PI/AAAAAAAAARQ/CySqXb0-Px4/s400/lu3.JPG" alt="" id="BLOGGER_PHOTO_ID_5040559584425344242" border="0" /></a><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_MZgRjVZUrSg/RfOp_Grc_OI/AAAAAAAAARI/-es0cmTWbro/s1600-h/lu4.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://2.bp.blogspot.com/_MZgRjVZUrSg/RfOp_Grc_OI/AAAAAAAAARI/-es0cmTWbro/s400/lu4.JPG" alt="" id="BLOGGER_PHOTO_ID_5040559309547437282" border="0" /></a><br />Kemudian cari kod ini.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_MZgRjVZUrSg/RfOqcGrc_QI/AAAAAAAAARY/VO_w2FW41BI/s1600-h/lu5.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://2.bp.blogspot.com/_MZgRjVZUrSg/RfOqcGrc_QI/AAAAAAAAARY/VO_w2FW41BI/s400/lu5.JPG" alt="" id="BLOGGER_PHOTO_ID_5040559807763643650" border="0" /></a>Copy semua dari [div id main wrapper] hinggalah ke [end content]. Paste-kan [div id main wrapper] baru ini SEBELUM kod div id asal ini. Kemudian, tukar namanya kepada main2.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_MZgRjVZUrSg/RfOrQWrc_RI/AAAAAAAAARg/qrD66mnkaEA/s1600-h/lu6.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://3.bp.blogspot.com/_MZgRjVZUrSg/RfOrQWrc_RI/AAAAAAAAARg/qrD66mnkaEA/s400/lu6.JPG" alt="" id="BLOGGER_PHOTO_ID_5040560705411808530" border="0" /></a>Delete-kan b widget setelah anda menukar main kepada main2. Ada beberapa lagi yang juga kena tukar namanya kepada 2, seperti sidebar2 dll. Tengok rajah. Setelah anda delete b widget, ia akan jd seperti rajah di bawah. Kawasan itu kosong. Tetapi kod yang lain masih kekal.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_MZgRjVZUrSg/RfOruWrc_SI/AAAAAAAAARo/on79WL0UVWU/s1600-h/lu7.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://3.bp.blogspot.com/_MZgRjVZUrSg/RfOruWrc_SI/AAAAAAAAARo/on79WL0UVWU/s400/lu7.JPG" alt="" id="BLOGGER_PHOTO_ID_5040561220807884066" border="0" /></a><br />Kemudian, pergi ke kawasan content2 yang kita tambah tadi. Tukarkan float dari left kepada right, dan right kepada left.<br /><br />DARI<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_MZgRjVZUrSg/RfOsXGrc_TI/AAAAAAAAARw/LO8FFuowtw0/s1600-h/lu8.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://2.bp.blogspot.com/_MZgRjVZUrSg/RfOsXGrc_TI/AAAAAAAAARw/LO8FFuowtw0/s400/lu8.JPG" alt="" id="BLOGGER_PHOTO_ID_5040561920887553330" border="0" /></a> KEPADA<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_MZgRjVZUrSg/RfOshGrc_UI/AAAAAAAAAR4/CynZKuy7-hs/s1600-h/lu9.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://2.bp.blogspot.com/_MZgRjVZUrSg/RfOshGrc_UI/AAAAAAAAAR4/CynZKuy7-hs/s400/lu9.JPG" alt="" id="BLOGGER_PHOTO_ID_5040562092686245186" border="0" /></a>Kalau anda save sekarang, anda akan melihat sudah ada 2 main, dan 2 sidebar. Main 1 berada di sebelah kiri, dan main 2 di sebelah kanan. Sidebar1 di sebelah kanan, dan sidebar2 di sebelah kiri.<br /><br />Sekarang, kita akan mendelete main2, kerana tak mahu kawasan posting keluar di blog dua kali, dan kita akan gantikannya dengan sidebar baru yang akan ditambah. Ikuti langkah berikutnya.<br /><br />Pergi ke [div id main2] dan delete kawasan yang ditanda.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_MZgRjVZUrSg/RfOtv2rc_VI/AAAAAAAAASA/O6xmsTOZuVw/s1600-h/lu10.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://1.bp.blogspot.com/_MZgRjVZUrSg/RfOtv2rc_VI/AAAAAAAAASA/O6xmsTOZuVw/s400/lu10.JPG" alt="" id="BLOGGER_PHOTO_ID_5040563445600943442" border="0" /></a><br />Kemudian copy [div id sidebar2] di bawahnya, paste-kan di tempat main yang kita delete tadi. Namakan sidebar baru ini sebagai sidebar3.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_MZgRjVZUrSg/RfOuaWrc_WI/AAAAAAAAASI/ymPwsUlfguo/s1600-h/lu12.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://3.bp.blogspot.com/_MZgRjVZUrSg/RfOuaWrc_WI/AAAAAAAAASI/ymPwsUlfguo/s400/lu12.JPG" alt="" id="BLOGGER_PHOTO_ID_5040564175745383778" border="0" /></a><br />Kemudian cari kod ini.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_MZgRjVZUrSg/RfOuqGrc_XI/AAAAAAAAASQ/d2iO15xgkQY/s1600-h/lu13.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://2.bp.blogspot.com/_MZgRjVZUrSg/RfOuqGrc_XI/AAAAAAAAASQ/d2iO15xgkQY/s400/lu13.JPG" alt="" id="BLOGGER_PHOTO_ID_5040564446328323442" border="0" /></a><br />Copykan dan pastekan di bawahnya. Namakan sebagai sidebar3. Jangan lupa besarkan witdh kepada 460px, dan tukarkan float kepada right dan left. Biar ada right dan left.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_MZgRjVZUrSg/RfOvHmrc_YI/AAAAAAAAASY/7a1Qv8vB4Tw/s1600-h/lu14.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://4.bp.blogspot.com/_MZgRjVZUrSg/RfOvHmrc_YI/AAAAAAAAASY/7a1Qv8vB4Tw/s400/lu14.JPG" alt="" id="BLOGGER_PHOTO_ID_5040564953134464386" border="0" /></a><br />Sekarang save. Anda akan ditanya adakah benar mahu delete blog2. Klik confirm dan save. Ini berlaku kerana kita mendelete main2 tadi.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_MZgRjVZUrSg/RfOvoWrc_ZI/AAAAAAAAASg/8GBN-R2ehAk/s1600-h/lu15.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://3.bp.blogspot.com/_MZgRjVZUrSg/RfOvoWrc_ZI/AAAAAAAAASg/8GBN-R2ehAk/s400/lu15.JPG" alt="" id="BLOGGER_PHOTO_ID_5040565515775180178" border="0" /></a><br />Selesai. Pergi lihat bentuknya di page element anda. Anda dapati, sudah ada add page element di antara header dengan main posting.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_MZgRjVZUrSg/RfOwA2rc_aI/AAAAAAAAASo/5kqaI8xw7Yk/s1600-h/lu16.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://1.bp.blogspot.com/_MZgRjVZUrSg/RfOwA2rc_aI/AAAAAAAAASo/5kqaI8xw7Yk/s400/lu16.JPG" alt="" id="BLOGGER_PHOTO_ID_5040565936681975202" border="0" /></a><br />Selamat mencuba.Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4206792139813415705.post-23187980037452252332007-03-10T08:09:00.000+02:002008-12-11T18:18:19.225+02:00Membuang Navbar.Pernah terfikir tak pasal navbar? Nak buang tak?<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_MZgRjVZUrSg/Re-pgbKtPMI/AAAAAAAAAQU/SwyhAGf6uO4/s1600-h/ea.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://4.bp.blogspot.com/_MZgRjVZUrSg/Re-pgbKtPMI/AAAAAAAAAQU/SwyhAGf6uO4/s400/ea.JPG" alt="" id="BLOGGER_PHOTO_ID_5039432882564447426" border="0" /></a><br />Cari kawasan kod ni.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_MZgRjVZUrSg/Re-p87KtPNI/AAAAAAAAAQc/eVo2U3LH100/s1600-h/ea3.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://2.bp.blogspot.com/_MZgRjVZUrSg/Re-p87KtPNI/AAAAAAAAAQc/eVo2U3LH100/s400/ea3.JPG" alt="" id="BLOGGER_PHOTO_ID_5039433372190719186" border="0" /></a><br />Kemudian tambahkan kod ini antara dua kawasan tu.<br /><br />#navbar-iframe {<br />height:0px;<br />visibility:hidden;<br />display:none<br />}<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_MZgRjVZUrSg/Re-qNbKtPOI/AAAAAAAAAQk/LNiSxHttHgI/s1600-h/ea2.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://4.bp.blogspot.com/_MZgRjVZUrSg/Re-qNbKtPOI/AAAAAAAAAQk/LNiSxHttHgI/s400/ea2.JPG" alt="" id="BLOGGER_PHOTO_ID_5039433655658560738" border="0" /></a><br />Selamat mencubaUnknownnoreply@blogger.com0tag:blogger.com,1999:blog-4206792139813415705.post-73854084555185367602007-03-09T07:33:00.000+02:002008-12-11T18:18:20.182+02:00Bagaimana Menambah Add Page Element Di Header?Untuk Menambah Add Page Element Di Header, anda perlu mengubah kod header menjadi mirip dengan kod sidebar. Perhatikan asalnya.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_MZgRjVZUrSg/Re-gdLKtPGI/AAAAAAAAAPk/0aLrwbUjJa8/s1600-h/qa.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://3.bp.blogspot.com/_MZgRjVZUrSg/Re-gdLKtPGI/AAAAAAAAAPk/0aLrwbUjJa8/s400/qa.JPG" alt="" id="BLOGGER_PHOTO_ID_5039422931125222498" border="0" /></a><br /><br />Anda akan mengubah header anda menjadi seperti ini. Ia adalah mirip dengan sidebar, cuma namanya lain.<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_MZgRjVZUrSg/Re-hIbKtPHI/AAAAAAAAAPs/RWZ2trX7bBw/s1600-h/qa2.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://4.bp.blogspot.com/_MZgRjVZUrSg/Re-hIbKtPHI/AAAAAAAAAPs/RWZ2trX7bBw/s400/qa2.JPG" alt="" id="BLOGGER_PHOTO_ID_5039423674154564722" border="0" /></a><br /><br />Dan kemudian klik save. Mungkin anda diminta mendelete header. Seterusnya, kalau buka page element, ia akan keluar pilihan [add page element] di header.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_MZgRjVZUrSg/Re-h2rKtPII/AAAAAAAAAP0/dW0u98yFd5I/s1600-h/qa3.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://1.bp.blogspot.com/_MZgRjVZUrSg/Re-h2rKtPII/AAAAAAAAAP0/dW0u98yFd5I/s400/qa3.JPG" alt="" id="BLOGGER_PHOTO_ID_5039424468723514498" border="0" /></a><br />Kalau nak tambah gambar di header, inilah masanya.Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4206792139813415705.post-86704392194158779482007-03-07T16:16:00.000+02:002008-12-11T18:18:25.017+02:00Macam mana nak buat 3 kolum / Macam mana nak tambah satu side bar lagiSaya maksudkan, untuk mereka yang menggunakan blogger jenis baru [new blogger] dan menggunakan sistem baru [tidak merevert kepada old template]<br /><br />Ada banyak laman yang ajar benda ni. Macam blog niezom dot blogspot, atau blog beautifulbeta dot blogspot. Saya nak juga terangkan, secara bergambar. Dalam percubaan ini, saya guna template [ Minima Ochre ]<br /><br />Lihat.<br /><br />Ini asalnya. Cuma ada satu sidebar. Dan satu main [ruang posting]<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_MZgRjVZUrSg/Re7K3pmfkkI/AAAAAAAAAN8/Z6khZKJgzE8/s1600-h/1.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://2.bp.blogspot.com/_MZgRjVZUrSg/Re7K3pmfkkI/AAAAAAAAAN8/Z6khZKJgzE8/s400/1.JPG" alt="" id="BLOGGER_PHOTO_ID_5039188090483085890" border="0" /></a><br />Pergi ke Edit HTML. Cari kawasan bertanda seperti di bawah. Iaitu, header wrapper<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_MZgRjVZUrSg/Re7LL5mfklI/AAAAAAAAAOE/Zr3NldWWWfk/s1600-h/2.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://3.bp.blogspot.com/_MZgRjVZUrSg/Re7LL5mfklI/AAAAAAAAAOE/Zr3NldWWWfk/s400/2.JPG" alt="" id="BLOGGER_PHOTO_ID_5039188438375436882" border="0" /></a><br />Tukarkan saiz header wrapper daripada 660px kepada 980px.<br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_MZgRjVZUrSg/Re7LkZmfkmI/AAAAAAAAAOM/a6IEx9dLfZk/s1600-h/3.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://1.bp.blogspot.com/_MZgRjVZUrSg/Re7LkZmfkmI/AAAAAAAAAOM/a6IEx9dLfZk/s400/3.JPG" alt="" id="BLOGGER_PHOTO_ID_5039188859282231906" border="0" /></a><br />Cari kawasan outer wrapper dan main wrapper.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_MZgRjVZUrSg/Re7L2ZmfknI/AAAAAAAAAOU/uQ8TU4J9Cms/s1600-h/4.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://1.bp.blogspot.com/_MZgRjVZUrSg/Re7L2ZmfknI/AAAAAAAAAOU/uQ8TU4J9Cms/s400/4.JPG" alt="" id="BLOGGER_PHOTO_ID_5039189168519877234" border="0" /></a><br />Tukarkan outer wrapper dari 660px kepada 980px. Main pula dari 410 kepada 400<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_MZgRjVZUrSg/Re7Ma5mfkoI/AAAAAAAAAOc/J34f1ojwd_4/s1600-h/5.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://3.bp.blogspot.com/_MZgRjVZUrSg/Re7Ma5mfkoI/AAAAAAAAAOc/J34f1ojwd_4/s400/5.JPG" alt="" id="BLOGGER_PHOTO_ID_5039189795585102466" border="0" /></a><br />Cari kawasan sidebar wrapper. PERHTIAN. Di sinilah kita mula menambah sidebar kedua. Kawasan ini masih di kawasan css.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_MZgRjVZUrSg/Re7M8ZmfkpI/AAAAAAAAAOk/071ijeMLNuY/s1600-h/6.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://1.bp.blogspot.com/_MZgRjVZUrSg/Re7M8ZmfkpI/AAAAAAAAAOk/071ijeMLNuY/s400/6.JPG" alt="" id="BLOGGER_PHOTO_ID_5039190371110720146" border="0" /></a><br />Kemudian tambahkan satu lagi sidebar supaya menjadi sidebar kedua, dengan cara menyalin kod yang sama dan menukarkan namanya. Namakan ia sebagai sidebar2. Lihat di bawah. Kalau nak ada 3 sidebar, salin dan namakannya sidebar 3. Begitulah seterusnya.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_MZgRjVZUrSg/Re7NkZmfkqI/AAAAAAAAAOs/C9wP18jLUd8/s1600-h/7.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://1.bp.blogspot.com/_MZgRjVZUrSg/Re7NkZmfkqI/AAAAAAAAAOs/C9wP18jLUd8/s400/7.JPG" alt="" id="BLOGGER_PHOTO_ID_5039191058305487522" border="0" /></a><br />Scroll ke bawah lagi, dan cari kod ni. PERHATIAN. Ini juga penting. Kawasan ini bukan lagi kawasan css.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_MZgRjVZUrSg/Re7N7ZmfkrI/AAAAAAAAAO0/Gt9FCABDc4w/s1600-h/8.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://1.bp.blogspot.com/_MZgRjVZUrSg/Re7N7ZmfkrI/AAAAAAAAAO0/Gt9FCABDc4w/s400/8.JPG" alt="" id="BLOGGER_PHOTO_ID_5039191453442478770" border="0" /></a><br />Salin semula kod ini, dan pastekan di bawahnya. Buangkan b widget. Tukarkan namanya kepada sidebar2, juga di bahagian section. Perhati betul-betul. Ada dua tiga tempat perlu menukar nama kepada sidebar 2. Dan, kalau nak lebih dari 2, salin dan tampal. Namakan sebagai sidebar3. Begitulah seterusnya.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_MZgRjVZUrSg/Re7OYZmfksI/AAAAAAAAAO8/COQVECfwhEs/s1600-h/9.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://1.bp.blogspot.com/_MZgRjVZUrSg/Re7OYZmfksI/AAAAAAAAAO8/COQVECfwhEs/s400/9.JPG" alt="" id="BLOGGER_PHOTO_ID_5039191951658685122" border="0" /></a><br />Jadi, dengan itu, anda sudah ada 2 sidebar. Kalau anda save dan melihat hasilnya, ia akan jadi seperti ini. Ada ruangan kosong di antara keduanya.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_MZgRjVZUrSg/Re7OwJmfktI/AAAAAAAAAPE/lbQiYth6bqo/s1600-h/10.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://4.bp.blogspot.com/_MZgRjVZUrSg/Re7OwJmfktI/AAAAAAAAAPE/lbQiYth6bqo/s400/10.JPG" alt="" id="BLOGGER_PHOTO_ID_5039192359680578258" border="0" /></a><br />Di bahagian page element, ia akan jadi seperti ini.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_MZgRjVZUrSg/Re7O8pmfkuI/AAAAAAAAAPM/Vas9X5v2PrQ/s1600-h/11.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://2.bp.blogspot.com/_MZgRjVZUrSg/Re7O8pmfkuI/AAAAAAAAAPM/Vas9X5v2PrQ/s400/11.JPG" alt="" id="BLOGGER_PHOTO_ID_5039192574428943074" border="0" /></a><br />Sekiranya anda add di kawasan itu, maka akan ada 2 sidebar. Dalam konsep yang sama, kalau nak buat banyak-banyak sidebar, pastikan anda menyalin sahaja kod [sidebar2]. Berikan nama baru seperti sidebar 3. Dan ya, hasil tambah semua saiz jangan lebih 980. Contoh di atas [ 400 main] + [220 sidebar] + [ 220 sidebar2 ] = 840.Unknownnoreply@blogger.com3tag:blogger.com,1999:blog-4206792139813415705.post-56843262069841799942007-03-07T07:52:00.000+02:002008-12-11T18:18:25.607+02:00Macam Mana Nak Besarkan Kawasan Header, Main Dan Sidebar Juga FooterUntuk mengubah luas kawasan header, cari kod ini dan ubah dari 660px kepada 980px<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_MZgRjVZUrSg/Re-k_7KtPJI/AAAAAAAAAP8/uFMsV-Y3vpE/s1600-h/da.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://2.bp.blogspot.com/_MZgRjVZUrSg/Re-k_7KtPJI/AAAAAAAAAP8/uFMsV-Y3vpE/s400/da.JPG" alt="" id="BLOGGER_PHOTO_ID_5039427926172187794" border="0" /></a><br />Outer Wrapper juga perlu diubah kepada 980px. Main ubah kepada luas yang anda mahu. Contoh, 700px. Sidebar juga. Anda juga boleh ubah kedudukan sidebar dari kiri ke kanan, atau dari kanan ke kiri. Gantikan sama ada left atau right. Cuma, kalau sidebar ditukar kepada right, tukar juga main kepada left.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_MZgRjVZUrSg/Re-lU7KtPKI/AAAAAAAAAQE/5u7Cf8CQlbI/s1600-h/da2.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://2.bp.blogspot.com/_MZgRjVZUrSg/Re-lU7KtPKI/AAAAAAAAAQE/5u7Cf8CQlbI/s400/da2.JPG" alt="" id="BLOGGER_PHOTO_ID_5039428286949440674" border="0" /></a><br />Dan akhirnya, untuk footer, gantikan kepada 980px.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_MZgRjVZUrSg/Re-l8LKtPLI/AAAAAAAAAQM/gZjfTbFPwlg/s1600-h/da3.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://3.bp.blogspot.com/_MZgRjVZUrSg/Re-l8LKtPLI/AAAAAAAAAQM/gZjfTbFPwlg/s400/da3.JPG" alt="" id="BLOGGER_PHOTO_ID_5039428961259306162" border="0" /></a><br />Selamat mencuba.Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-4206792139813415705.post-7030447460707472122007-03-07T00:34:00.000+02:002007-03-07T00:35:04.558+02:00Panduan BlogPanduan BlogUnknownnoreply@blogger.com0