Men-set Supaya Gambar Di Sidebar Boleh Ke Tengah

Ini mungkin satu hack mudah. Tapi demi meraikan yang bertanya, saya tuliskan juga.

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].

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.

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 CDRK di bawah. Gambar di CDRK ini berada di posisi kiri [left] dan mahu ditengahkan. Dalam hack mudah ini, saya mahu menjadikan gambar CDRK [depan] supaya ketengah.


Mula-mula, sila ke edit html. Cari [expand widget templates] dan tandakan di kotak itu. Paparan HTML akan diulangpapar.


Seterusnya, cari di manakah kod untuk gambar CDRK [depan] 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.


Kalau anda melayari internet menggunakan Mozilla Firefox, di bahagian bawah akan keluar kotak [find].

Tak kiralah mozilla atau pun IE, saya taipkan perkataan CDRK 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.


Kodnya adalah seperti gambar di atas. Anda akan mendapati kod itu ada:
b widget
b includable id main
b if cond
h2 data
div class widget contain

Perhatikan div class widget contain.

Selepas div class widget contain, sila masukkan kod center betul-betul selepas tanda '> ' seperti gambar di bawah.

Kemudian, lihat lagi pada kod. Anda akan jumpa
img expr,
expr id,
dan expr witdh.

Selepas kod witdh ditutup dengan tanda /> anda perlu menambah kod baru. Iaitu kod /center, seperti dalam gambar di bawah. Ia sebelum br.

Setelah itu save template. Hasilnya, gambar dengan title CDRK telah ke tengah. Lihat gambar di bawah.


Selamat mencuba. Jangan lupa tanda <>

Template Baru Yang Mirip Dengan Blogger Dashboard

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.

Sebab, template baru yang boleh memakai sistem blogger baru amat sedikit. Berbanding template baru yang memakai sistem lama memanglah amat banyak.

Setelah mencuba, saya dapat hasilkan seperti contoh di bawah.

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.

Untuk mendapatkan paparan seperti ini, sila download xml ini 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.

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.

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.

Apapun, ia simple dan lawa.

Selamat mencuba.

Meng-hack Template Afifuddin Dan Memakaikannya Sistem Blogger Baru

Saya baru meng-hack satu template milik Afifuddin 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.

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.

Pertama, sila download xml ini dengan mengklik kanan dan memilih save as.

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.

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.

Yang asas adalah latarnya, iaitu latar hijau kuning.

Selamat mencuba.

Memecahkan Kotak Sidebar - Khas Untuk Template Jenis Rounders 3

Ada 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?

Dua pecahan itu macam gambar di bawah.


Oleh kerana cuma ada dua pecahan kotak, jadi, kotak yang bawah tu berkongsi antara blog archieve, ucap selamat dan lambang blogger.

Jadi, nak pisahkan setiap satu dalam kotak pecahan masing-masing.

Apa yang perlu dibuat adalah mencari kod itu dulu. Kod di mana setiap item itu berada. Lihat bawah.


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.
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.
Kemudian, anda perlu menukar id sidebar kepada sidebar1, sidebar2 dan sidebar3,seperti di bawah ini.

Maka dah siap. Dah jadi pecahan sidebar asing-asing.


Selamat mencuba

Meng-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.

Ia semacam dua permintaan yang saling bertentangan. Tapi, akhirnya saya berjaya meng-hack juga [kalau boleh dipanggil hack lah].

Pertama, cuba buka blog Fairuz. Dia masih mengekalkan style blogger lama supaya bebas membuat perubahan. Setakat entri ini ditulis, dia masih kekal dengan style lama.

Saya telah meng-hack (kalau boleh dipanggil hack la) blog dia tapi hack budak-budak hingusan je. Kalau mahu cuba, sila klik kanan link ini, dan save as. Save dalam komputer fail xml itu. Kemudian upload ke blog dengan cara [ pergi ke layout + edit html + browse + upload]

Dengan cara ini, anda telah memiliki blog yang sama seperti beliau. Maksud saya, latar template. Tetapi, memakai sistem blogger baru.

Akhirnya berjaya juga saya hack.


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.

Selamat mencuba.

Template Rounders 3 Dengan 3 Kolum

Di 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.

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.

Kemudian, download xml 3 kolum ini, dengan mengklik kanan pada link ini , dan pilih save as.

Lepas itu, pergi ke layout/template, pergi ke edit html. Sekarang kita akan upload xml tadi. Klik browse untuk mencari xml tadi. Dan upload.

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.

Saya juga telah menggunakan template jenis ini. Rounders 3 dengan 3 kolum. [Kemudian saya tukar warna kepada warna hitam dan kuning]

Dan yang ini pula, 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.

Selamat mencuba

Menambah Add Page Element Ke Header - Versi Baru | Lebih Mudah Dari Entri Yang Dulu

Entri 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.

Anda cuma perlu mendelete [maxwidget] dan [showaddelement] di kod header itu, dan gantikan dengan [prefered yes]. Pastikan hasilnya adalah seperti gambar di bawah.

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.

Selamat mencuba.

Template Baru 3 Kolum - Ubahsuai Daripada Thisaway Blue

Baru-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.

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.

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.

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.

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 link ini, dan download xml yang saya siapkan.

Kemudian, pergi ke Layout/template - klik edit html. Di bahagian browse, klik dan cari xml yang anda download tadi. Kemudian selesaikan dengan mengklik upload.

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.

Selamat mencuba.