Senin, 25 April 2011

Membuat Kolom Menu Scroll



Tutorial blogspot kali ini adalah bagi yang Ingin mengoptimalkan navigasi blog anda dengan membuat kolom menu scroll, ini sangat berguna untuk menampilkan judul postingan anda yang menarik di halaman utama.


cara membuat kolom menu scroll di blogspot :



1. Masuk ke Blog anda

2. Klik Tata Letak

3. Klik Elemen Halaman

4. Klik Tambah Gadget
5. Pilih pilihan menu HTML/JavaScript
6. Pastekan script di bawah ini ke halaman conten HTML/JavaScript tersebut


<div style="overflow:auto; width:100%px; height:200px; padding:10px;

border:1px solid #999999;"&gt;


<li><li><a href="http://classicom.blogspot.com/2010/02/chat-facebook-di-hp-dengan-ebuddy.html">Chat Facebook di hp dengan ebuddy</a>


</li><li><a href="http://classicom.blogspot.com/2010/02/kode-emotions-facebook-new.html">Kode Emotions Facebook New</a>



</li><li><a href="http://classicom.blogspot.com/2010/02/seppukoo-bunuh-diri-virtual-para.html">Seppukoo : Cara bunuh diri di Facebook</a>


</div>



7. Tulisan warna biru dapat anda ganti disesuaikan dengan lebar,tinggi kolom, dan warna border yang inginkan.

8. Ganti Tulisan berwarna merah dengan judul dan alamat url postingan anda, untuk memudahkan mengedit url klik Rich Text dan anda dapat memberikan link pada masing-masing postingan dengan mengelik tab link.



Selamat mencoba.
</span>
Read more »

13 Penyebab Facebook Anda diblokir

sejauh ini sudah banyak laporan akun pengguna fecebook yang diblokir, bahkan salah satu grup yang saya ikuti harus diblokir dan terpaksa melakukan kontak langsung dengan team facebook mengaktifkan grup tesebut. cara ini sebenarnya cukup repot karena harus mengirim pesan ke facebook yang belum pasti dibalas. ini cukup wajar mengigat banyaknya pesan yang masuk. 


Facebook memang sedikit berbeda dengan friendster, kalau di fs pengguna diberikan kebebasan untuk membuat sendiri profilnya walaupun banyak yang melakukan pemalsuan profile. Facebook mencoba melakukan perbaikan terhadap kelemahan friendster tersebut, membuat semacam filter atau aturan agar seminimal mungkin tidak terjadi kecurangan atau pemalsuan identitas dari penggunan facebook. Dari berbagai sumber yang saya baca ada beberapa hal yang bisa memyebabkan akun facebook diblokir atau dihapus : 
akun facebook diblokir, disable


1. Tidak Menggunakan nama asli 
Jangan menggunakan nama palsu, inisial, atau nama samaran. facebook menyarankan gunakan nama sesuai akte kelahiran anda. 


2. Terlalu banyak Group yang diikuti 
Ingat batas maksimum mengikuti group adalah 200 group per pengguna tidak bisa lebih. 

3. Terlalu banyak pesan yang ditulis didinding atau di group 
karena terlalu banyak posting injil di dinding membuat akun facebook "Guy Kawasaki "di blokir. 

4. Terlalu banyak yang berkomentar dinding anda. 
terlalu banyak yang berkomentar di dinding anda sebab terlalu banyak group dan teman. bahkan komentar semacam spam muncul didinding anda. 

5. Terlalu banyak Add eman 
Penyebab utama akun facebook di blokir karena terlalu banyak add teman, maksimal jumlah teman adalah 5000 orang. 

6. Sekolah dan Oraganisasi anda diragukan 
Jangan memasukkan nama sekolah atau organisasi palsu di profil anda, padahal anda tidak pernah terdaftar ataupun lulus disekolah atau organisasi tersebut. 

7. Terlalu banyak mengundang bermain poker 
Poker adalah permainan kartu dengan taruhan, aplikasi facebook yang ini banyak juga pegikutnya, undang orang dekat anda saja. 

8. Tentang Promosi diri anda di dinding 
batas antara spam dan promosi diri memang sangat tipis, seperlunya saja. 

9. Meggandakan teks untuk banyak pesan yang dikirim 
Biasanya untuk mempersingkat membuat pesan kita copy paste sebuah pesan teks yang sama untuk dikirim kebanyak teman kita, hal ini bisa dianggap spam oleh facebook. 

10. Anda seekor sapi, anjing atau sebuah perpustakaan. 
Anda suatu yang nyata sekalipun belum cukup, anda harus seorang "Homo Sapiens". jangan coba membuatkan akun facebook untuk sapi, anjing, atau perpustakaan kesayangan anda karena akan dihapus. 

11. Umur anda dibawah 18 Tahun 
Sebuah laporan menyebutkan salah satu akun pengguna facebook diblokir karena dicurigai berusia dibawah 18 tahun, dan dimintai alamat email kantornya untuk membuktikan kebenaran tanggal lahirnya. 

12. Anda menulis sesutu hal yang menyinggung 

karena menulis tentang kematian mendadak sebuah akun facebook dilaporkan karena dianggap telah menyinggung, tidak dijelaskan apa pelanggarannya. 

13. Anda membuat halaman facebook palsu 
facebook tidak memberi toleransi untuk penjiplakan halaman web mereka. 



Catatan : Kalau anda merasa facebook itu penting hindarilah hal-hal diatas. 
Read more »

Cara II : Tips n Trik Mempercantik Theme Facebook anda

Kalau belum juga puas dengan tampilan facebook dengan Cara I : Tips n TrikMempercantik Theme Facebook kamu bisa coba cara II. Software yang kita pakai adalah Yontoo Layers Kali ini kita coba di browser Mozilla Firefox, langkah2nya sebagai berikut :
  1. install Software Add-on Yontoo Layers pada browser Mozilla Firefox anda. Untukmenginstall Software nya buka ini http://www.yontoo.com/install.aspx atau download disini : http://www.yontoo.com/DownloadFFClient.aspx.
  2. Setelah terbuka Klik Get Plug-in
  3. Jangan lupa (options) Klik Allow di pojok kanan atas kemudian klik Install now
  4. Setelah selesai terinstal tutup dulu Firefox anda dan login ke Facebook
  5. Buka kembali Browser firefox masuk ke http://www.pagerage.com/
  6. Lihat bagian bawah halaman akan banyak pilihan layouts, pilih yang anda suka klik select
  7. Refresh Facebook anda, nah sekarang tampilannya kini lebih keren kan.
Yontoo Layers

Sekedar info semua aplikasi Theme ini hanya merubah tampilan facebook di kumputer anda saja.
Selamat mencoba semoga berhasil
Untuk Moifikasi warna tampilan buka di sini http://apps.facebook.com/pagerage/
Read more »

25 ADD-ONS FIREFOX TERBAIK

25 Add-ons Firefox Terbaik
1. Adblock Plus.

(https://addons.mozilla.org/id/firefox/addon/1865?collection_uuid=c867f4e3-1031-72c6-d68a-6d8593691b6b)
Add-ons untuk mengeblok iklan dan banner pada halaman web yang dibuka.

2. Personas Plus.

(https://addons.mozilla.org/id/firefox/addon/10900?collection_uuid=c867f4e3-1031-72c6-d68a-6d8593691b6b)
Merupakan skins untuk firefox dan mempunyai 60,000 design yang tersedia.

3. NoScript.

(https://addons.mozilla.org/id/firefox/addon/722?collection_uuid=c867f4e3-1031-72c6-d68a-6d8593691b6b)
Add-ons keamanan untuk firefox, melindungi diri terhadap serangan XSS dan Clickjacking.

4. Firebug.

(https://addons.mozilla.org/id/firefox/addon/1843?collection_uuid=c867f4e3-1031-72c6-d68a-6d8593691b6b)
Add-ons untuk mengedit, debug, dan memonitor CSS, HTML, dan JavaScript dalam setiap halaman web.

5. Greasemonkey.

(https://addons.mozilla.org/id/firefox/addon/748?collection_uuid=c867f4e3-1031-72c6-d68a-6d8593691b6b)
Memungkinkan Anda untuk menyesuaikan cara menampilkan halaman web dengan menggunakan JavaScript.

6. ImTranslator.

(https://addons.mozilla.org/id/firefox/addon/2257?collection_uuid=c867f4e3-1031-72c6-d68a-6d8593691b6b)
Online Translator dengan 1640 dukungan bahasa.

7. Xmarks Bookmark and Password Sync.
(https://addons.mozilla.org/id/firefox/addon/2410?collection_uuid=c867f4e3-1031-72c6-d68a-6d8593691b6b)
Add-ons untuk bookmarking.

8. Cooliris.

(https://addons.mozilla.org/id/firefox/addon/5579?collection_uuid=c867f4e3-1031-72c6-d68a-6d8593691b6b)
Cara tercepat dan paling menakjubkan untuk menelusuri foto dan video dari Web atau desktop Anda.

9. AniWeather.

(https://addons.mozilla.org/id/firefox/addon/12331?collection_uuid=c867f4e3-1031-72c6-d68a-6d8593691b6b)
Add-ons untuk cuaca.

10. Stylish.

(https://addons.mozilla.org/id/firefox/addon/2108?collection_uuid=c867f4e3-1031-72c6-d68a-6d8593691b6b)
Stylish memungkinkan Anda dengan mudah menginstal tema dan skins untuk Google, Facebook, YouTube, Orkut, dan banyak situs lainnya.

11. Yoono.

(https://addons.mozilla.org/id/firefox/addon/1833?collection_uuid=c867f4e3-1031-72c6-d68a-6d8593691b6b)
Add-ons untuk social networks dan instant messaging.

12. Read It Later.

(https://addons.mozilla.org/id/firefox/addon/7661?collection_uuid=c867f4e3-1031-72c6-d68a-6d8593691b6b)
Add-ons untuk menyimpan halaman dan membaca kemudian dengan hanya satu klik.

13. AmazonAssist.

(https://addons.mozilla.org/id/firefox/addon/64761?collection_uuid=c867f4e3-1031-72c6-d68a-6d8593691b6b)
Official Amazon.com add-on.

14. ReminderFox.

(https://addons.mozilla.org/id/firefox/addon/1191?collection_uuid=c867f4e3-1031-72c6-d68a-6d8593691b6b)
Add-ons untuk pengingat.

15. InvisibleHand.

(https://addons.mozilla.org/id/firefox/addon/11377?collection_uuid=c867f4e3-1031-72c6-d68a-6d8593691b6b)
Add-ons untuk menunjukkan pemberitahuan suatu harga sebuah produk.

16. WeatherBug.

(https://addons.mozilla.org/id/firefox/addon/2455?collection_uuid=c867f4e3-1031-72c6-d68a-6d8593691b6b)
Menampilkan perkiraan cuaca.

17. Glue.

(https://addons.mozilla.org/id/firefox/addon/3481?collection_uuid=c867f4e3-1031-72c6-d68a-6d8593691b6b)
Membantu Anda menemukan film favorit Anda, buku, atau musik album.

18. Delicious Bookmarks.

(https://addons.mozilla.org/id/firefox/addon/3615?collection_uuid=c867f4e3-1031-72c6-d68a-6d8593691b6b)
Delicious Bookmarks adalah Firefox add-on resmi untuk Delicious.

19. Image Zoom.

(https://addons.mozilla.org/id/firefox/addon/139?collection_uuid=c867f4e3-1031-72c6-d68a-6d8593691b6b)
Menambahkan fungsi zoom dan rotasi untuk foto

20. StumbleUpon.

(https://addons.mozilla.org/id/firefox/addon/138?collection_uuid=c867f4e3-1031-72c6-d68a-6d8593691b6b)
Membantu Anda menemukan situs yang sesuai dengan minat Anda

21. YSlow.

(https://addons.mozilla.org/id/firefox/addon/5369?collection_uuid=c867f4e3-1031-72c6-d68a-6d8593691b6b)
Untuk menganalisa performance suatu website.

22. Shareaholic.

(https://addons.mozilla.org/id/firefox/addon/5457?collection_uuid=c867f4e3-1031-72c6-d68a-6d8593691b6b)
Shareaholic adalah cara termudah untuk berbagi halaman Web yang menarik menggunakan Facebook, Email, Gmail, Reader, Bookmarks, Buzz, Evernote, Bit.ly, dan banyak lagi.

23. KidZui.

(https://addons.mozilla.org/id/firefox/addon/9689?collection_uuid=c867f4e3-1031-72c6-d68a-6d8593691b6b)
Mengubah browser menjadi menyenangkan untuk anak-anak.

24. Destroy the Web.

(https://addons.mozilla.org/id/firefox/addon/14572?collection_uuid=c867f4e3-1031-72c6-d68a-6d8593691b6b)
Untuk video game.

25. CLIP.

(https://addons.mozilla.org/id/firefox/addon/12544?collection_uuid=c867f4e3-1031-72c6-d68a-6d8593691b6b)
Gambar foto dan link untuk halaman pencarian Craigslist.

Source : https://addons.mozilla.org/id/firefox/collection/bestof2billion?sortby=popularity
Read more »

Tips Supaya Blog Muncul di Search Engine

Untuk membuat supaya blog kita bisa muncul di search engine, apa lagi munculnya dihalaman depan dan bagian atas, merupakan keinginan hampir semua bloger. Namun tidaklah mudah untuk membuat blog kita nangkring di top rank result search engine. Ada banyak cara yang dilakukan supaya hal tersebut terwujud, mulai dari yang otak-atik script dan meta tag sampai membayar jasa SEO Service. Nha berikut ini akan aku berikan sedikit tips atau hal-hal yang mempengaruhi kenapa blog kita bisa nangkring di urutan atas hasil pencarian search engine, atau setidaknya masuk dalam deretan hasil pencarian walopun berada diurutan buncit :D

Berikut ini tipsnya (untuk Google) :
1. Coba ketikkan alamat URL blog kamu di google search kemudian tekan Enter. Jika blogmu muncul berarti sudah ke indes di google tapi mungkin masih kalah bersaing dengan yang lain. Dan jika blogmu tidak muncul berarti belum keindex di google. Coba daftarkan blog km di http://google.com/addurl. Hasil tidak langsung jadi lho, jadi perlu waktu supaya blog kita terindex oleh google.

2. "Title Blog", jika membuat blog tentunya kita disuruh untuk membuat title blog. Title blog ini sangat penting dan sangat berpengaruh terhadap hasil pencarian di search engine, jadi pintar-pintarlah untuk memilih title blog km. Buatlah title blog yang menggambarkan isi dari blog km. Jangan terlalu panjang dan jangan terlalu pendek.

3. "Title Postingan". Title postingan ini juga hampir sama pentingnya dengan title blog. Dalam membuat title postingan atau judul postingan hendaknya dipikirkan betul, bayangkan kira2 judul apa yang paling cocok untuk postinganmu. Juga bayangkan kira2 jika km mencari artikel tentang postingan mu tersebut, keyword apa yang akan km ketikkan di dalam search engine. Bayangkan seperti itu. 

4. "Update Blog", sering-seringlah mengupdate blog km setidaknya dalam satu minggu itu sekali ato dua kali. Hal ini pernah aku rasakan efeknya di salah satu blogku. Blogku yang pada awalnya memiliki pengunjung dari search engine sekitar 30-40% tiba-tiba menurun drastis menjadi hanya sekitar 3%. Itu terjadi karena blog tersebut sudah lama tidak aku update, dan ketika aku update lagi, kemudian blogku kembali bisa memasuki jajaran top rank di search engine result.

5. "Promosikan blogmu", promosikan blogmu ke banyak web/blog, forum, situs2 promosi gratis, dll. Karena semakin banyak link blogmu tersebar maka akan semakin sering pula spider searh engine mengunjungi blogmu.

6. Gitu aja deh tipsnya....

NB: perhatian tips-tips diatas tidak menjamin blogmu akan langsung terangkat di hasil pencarian search engine, karena metode sebenarnya dari pencarian itu yang mengetahui hanyalah dari pemilik search engine itu sendiri. Tapi setidaknya dengan mengikuti tips diatas web/blogmu bisa masuk kedalam hasil pencarian search engine walopun mungkin berada diurutan keberapa..he..he..
Read more »

Minggu, 24 April 2011

Smooth Scrolling and Bounce Effect in Mozilla Firefox




Nah, ini ada info yang menarik bagi pengguna Mozilla Firefox. Tidak ada salahnya untuk melakukan "modifikasi" pada browser anda, karena tentunya dapat memberikan suatu sensasitersendiri ketika sedang menelusuri dunia internet. Jika modifikasi yang dilakukan kurang berkenan, tinggal diubah kembali (disable) saja seperti yang semula.



Seperti judul post ini, scroll mouse kita dapat dibuat lebih halus dan juga ada efek pantulan (bounce) jika sudah sampai di ujung halaman ketika sedang browsing menggunakan Mozilla Firefox. Mungkin sukar untuk dipahami jika hanya dibaca, langsung dicoba saja langkah-langkah di bawah ini:


1. Install  Greasemonkey

2. Install yang ini
(sama seperti poin 1, pilih saja "Add to Firefox")
3. Restart Firefox anda
4. Selesai! Ketika membuka Firefox anda kembali akan muncul kotak hijau █  di bagian kanan bawah. Silahkan atur sesuai dengan keinginan anda.



Bagaimana? Anda merasakan perubahan pada pergerakan scroll mouse dan juga terdapat efek bounce seperti pada iPhone bukan?
Read more »

Tragedi Hilangnya Blog di Blogger

Artikel di kutip dari : http://trik-tips.blogspot.com/2008/03/tragedi-hilangnya-blog-di-blogger.html


Akhirnya kembali juga blog yg kusayangi ini. Setelah sekitar 2 hari lenyap dari duni internet kini telah exist kembali, walopun belum pilih seutuhnya. Uuuuuh senengnya... :z
Ternyata bener-bener mengerikan jika blog yang kita buat, yang telah menghabiskan isi kantong dan juga waktu kita berbulan-bulan ato bahkan ada yg bertahun-tahun, tiba-tiba harus lenyap dalam sekejap karena dicurigai mengandung "malware". apa itu "malware"? malware (Malicious Software) adalah sebuah program yang pada umumnya diciptakan untuk membobol atau merusak suatu software atau sistem operasi. Nha dalam kasus kali ini, malware tersebut biasanya mendompleng pada sebuah ads/iklan, widget atau template.

Setelah aku cari info kesana kemari ternyata akhir-akhir ini banyak sekali bloger yang kehilangan blognya. Mereka semua juga langsung kelabakan begitu mengetahui bahwa blognya hilang, tidak bisa dibuka sama sekalli, dan ketika dibuka di browser yang yg muncul adalah pesan

"Sory, the blog at xxxx.blogspot.com has been removed. This address is not available for new blogs."

Bener-bener membuat jantungan jika kita membuka blog kita dan yang muncul adalah pesan tersebut. Ditambah lagi ketika kita login dan melihat dalam dashboard kita kosong isinya, blog-blog yang kita buat lenyap semuanya. Dalam kasus ini aku mencurigai beberapa tersangaka yang diangal google sebagai malware, jadai hati2 jika rekan-rekan bloger bekerjasama dengan beberapa ads/tersangka dibawah ini :

- Tersangka Utama : Popuptraffic.com (salah satu program earning yang memunculkan popup)
- Tersangka Kedua : pay-ads.com (salah satu program banner CPM)
- Tersangka Ketiga : blueadvertise.com (sama seperti pay-ads)

Mungkin dari ketiga tersangka yang aku curigai tersebut ada yang tidak bersalah, aku masih belum tahu pasti yg mana dari ketiganya yang bener-bener bersalah, tapi berdasarkan pengalamanku aku memasang beberapa program tersebut dalam blogku. Jadi bagi bagi-rekan-rekan bloger yang ikut atopun akan ikut dalam program tersebut harap berhati-hati, alih-alih bukanya dolar yang didapat tapi malah kehilangan semua blog yg dimiliki.

Trus apa yang akan kita kita lakukan jika kita mengalami kejadian tersebut, kalo berdasarkan pengalamanku aba beberepa hal yang bisa kamu lakukan yaitu:

1. Hubungi blogger melalui "contact us blogger" mengenai hal ini

2. Masuk ke "Blogger Help Group", ungkapkan permasalahanmu disana karena disana banyak sekali terdapat para bloger yang mengalami kasus yang sama, dan disana ada juga karyawan blogger yang bisa mengatasi masalha kita.

Pada awalnya aku minta semua blogku dikembalikan tapi masih belum ada respon, kemudian aku minta beberapa blog utamaku aja yang dikembalikan dna teryata berhasil, tidak sampe satu hari blog yang aku minta untuk dikembalikan sudah ada dalam dashboardku . Kalo kemarin aku minta sama Mr. Gatsby (nama salah satu karyawan blogger) untuk mengembalikan blogku. aku dikasih tahu penyebabnya ama Mr. Gatsby ini dan juga dikasih solusinya. aku disuruh membersihkan blogku dari malware2 yang menempel, jika sudah aku disuruh melaporkan kembali blog yg sudah bersih dari malware tersebut. Jadi walopun blogku sekarang sudah exist lagi tapi keadaanya masih belum pulih total, alias masih dalam pengawasan blogger dan masih menunggu blogku direview dan dinyatakan bebas dari malware.
Jadi mohon maaf bagi para pengunjung, untuk saat ini yang bisa masuk untuk membaca artikel-artikel selain dihalaman utama hanyalah yang memiliki account di blogger dan dalam keadaan "login".

Oh ya aku ada beberapa tips supaya tidak mengalami atau setidaknya mengurangi resiko yang lebih parah dari hal yang semacam ini:

1. Jika kamu membuat banyak blog sebaiknya tidak dalam satu account karena dalam kasus seperti ini, bukan hanya satu blog yang mengandung malware aja yang akan diremove blogger tapi semua blog yang ada dalma satu account tersebut.
2. Hati dalam memilih iklan-iklan earning, alih-alih bukanya dolar yang didapat tapi malah kehilangan blog.
3. Hmmm... :t gitu aja deh tipsnya :D
Read more »

CARA MEMBUAT TEMPLATE DI BLOGGER

Yak akhirnya jadi juga, seperti yang aku janjikan kemarin yaitu "Cara Membuat Template Blogger". Mulai dari mana ya? nnnngg.. :t ohya, tak jelasin dulu deh tentang artikel ini. Gini, dalam trik berikut, kita akan mencoba membuat template yang paling sederhana dan paling mudah. Sebenarnya dalam mebuat template di blogger harus mengerti tentang CSS dan HTML, tapi untuk kali ini kita hanya memerlukan sedikit kemampuan tersebut karena kita akan membuat template yang paling sederhana, tapi jangan salah walaupun caranya sederhana tapi hasilnya bisa sangat luar biasa, tergantung dari desainernya. Ok deh mulai aja deh ya, kayaknya udah pada nggak sabar nih.


Gini, cara termudah dalam membuat template blogger yaitu dengan mendownload sebuah template kemudian kita otak-atik sendiri, jadi kita tidak perlu membuat dari awal. Untuk bahan praktek kali ini kita coba memakai template yang aku dah pernah aku buat, downlad disini bahannyaSebelum kita mulai gue saranin lo buat blog baru aja biar gak ngerusak blog asli kamu.

Tahap Desain

Template yang akan kita buat disini memiliki empat komponen utama yaitu Background, Header, Main dan Footer. seperti yang ada dalam gambar berikut:


Jadi kamu harus membuat keempat komponen tersebut. Cara buatnya gimana? kamu harus bisa menggunakan software image editor seperti Photoshop, Corel, Paint dll. Cara pembuatan desainya lebih jelasnya seperti ini:
1. Buat desain seperti gambar diatas
2. Pada bagian background usahakan bersifat "Tile / Pattern"(kecil dan berulang-ulang).
3. Untuk Main dibagi lagi menjadi beberapa kolom, boleh 2 kolom, 3 kolom atau terserah deh. Dan biasanya terdiri dari bagian utama (posting) dan sidebar.
4. Kemudian potong-potong perbagian.
5. Untuk bagian Header motongnya harus full.
6. Bagian background, main dan footer motongnya sedikit aja karena bersifat "tile"
7. Desain diatas kalo dipotong-potong akan menjadi seperti ini :


8. Upload potongan-potongan tersebut pada sebuah webhosting atau layanan penyimpanan file lainya. Contohnya di geocities atau Photobucket dll.

Nha modeng po ra?

Sekarang kita memasuki ke tahap penyusunan di blogger. gini langkah-langkahnya. Ohya udah di download belum tadi bahanya, kalo belum download dulu diatas itu. Ok kita mulai:
1. Kembali ke blogger dan ke menu "Edit HTML".
2. Trus klik tombol "Brows" untuk mengupload template yg udah kamu donwload tadi.
3. Kemudian Cari kode seperti ini:

body { margin: 0px; padding: 0px; text-align: left; font:$bodyfont; color:$textcolor; background: #323232 url('http://kendhin.890m.com/template/bg.jpg') repeat-x top left; }

4. Ganti text yang dicetak tebal dengan lokasi gambar background yang kamu buat.
5. Cari kode seperti ini :

#center {background: #ffffff url('http://kendhin.890m.com/template/main.jpg') repeat-y top center;}

6. Ganti text yang dicetak tebal dengan lokasi gambar main kamu.
7. Cari kode seperti ini:

#header { margin: 0; height:196px; width:898; color: $pagetitlecolor; background: url('http://kendhin.890m.com/template/head.jpg') no-repeat top center; }

8. Ganti text yang dicetak tebal dengan gambar header.
9. Cari kode seperti ini:

#footer { margin: 0; width: 898px; height:80px; padding: 0px; background: url('http://kendhin.890m.com/template/foot.jpg') repeat-y top center; }

10. Ganti text yang dicetak tebal dengan gambara foter.
11. Masih ada beberapa hal yang harus kamu perhatikan. coba cari kode-kode berikut:

#outer-wrapper { width: 898px; margin: 0px auto 0; text-align: justify; } 

kode width: 898px menunjukkan lebar dari blog kamu, kamu bisa mengubahnya sesuai keinginanmu, tapi harus disesuaikan dengan lebar desain gambar yang kamu buat.

#main { float: left; width: 445px; margin: 5px; padding: 0px 0px 0px 10px; line-height: 1.5em; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; }

kode width: 445px; adalah lebar daerah main yang berisi posting, kamu bisa merubahnya.

#sidebar { float: right; width: 153px; padding-right: 50px; font-size: 83%; color: $sidebartextcolor; line-height: 1.4em; word-wrap: break-word; overflow: hidden; }
#ads-wrapper {float: left; width: 195px; padding-left: 10px; word-wrap: break-word; overflow: hidden; }

kode width: 153px; adalah lebar sidebar bagian kanan. Dan kodewidth: 195px; adalah lebar sidebar bagian kiri. Terus kodepadding-right: 50px; jarak antara tulisan atau isi sidebar sebelah kanan dengan garis batas kanan. Dan kode padding-left: 10px;adalah jarak antara isi sidebar kiri dengan garis batas kiri.

#header { margin: 0; height:196px; width:898; color: $pagetitlecolor; background: url('http://kendhin.890m.com/template/head.jpg') no-repeat top center; }

kode height:196px; width:898; adalah ukuran tinggi dan lebar bagian header, kamu bisa menyesuaikannya dengan ukuran header kamu.

#footer { margin: 0; width: 898px; height:80px; padding: 0px; background: url('http://kendhin.890m.com/template/foot.jpg') no-repeat top center; }

kode width: 898px; height:80px; adalah ukuran lebar dan tinggi bagian footer.

12. Nah kalo udah selesai coba di preview template kamu, sudah sesuai kah? atau hancur?
13. Kalo sudah di Save.

:f akhirnya selesai juga aku buat artikel tentang pembuatan template, capek ya? tapi ingat sekali lagi ini adalah metode membuat template yang mudah dan sederhana, jadi sebenrnya isi dari template lebih rumit lagi, munkin kapan-kapan akan kita bahas detail dari bagian-bagina template tersebut.
OK SELAMAT BERJUANG......


Read more »

STATISTIK