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 bahannya. Sebelum 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 :
background
header
main
footer
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 kode width: 195px; adalah lebar sidebar bagian kiri. Terus kode padding-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......
Rabu, 24 Maret 2010
Carapasang Flash di Blog
Untuk memasang flash ke dalam blog cukuplah mudah. Yang kamu perlukan yaitu file flash yang biasanya ber-extensi .swf lalu upload file tersebut ke hosting. misal di geocities.com ato 000webhost ato tempat hosting lainnya. File animasi flash tersebut bisa dijadikan hiasan pada blog ato bisa juga dijadikan hiasan di header sehingga membuat blog menjadi lebih animatif. Untuk memasang flash pada blog caranya sebagai berikut :
1. Login ke blogger kemudian pilih menu "Layout".
2. Kemudian klik link "Add a gadget" dimana akan ditempatkan animasi flash.
3. Pilih "HTML/Javascript" kemudian taruh script berikut :
Contoh :
* Ganti "http://blogoholic.info/wellcome.swf" dengan alamat file flash kamu yang telah ditaruh di hosting.
* Ganti width="500" height="100 dengan ukuran dari file flashmu.
1. Login ke blogger kemudian pilih menu "Layout".
2. Kemudian klik link "Add a gadget" dimana akan ditempatkan animasi flash.
3. Pilih "HTML/Javascript" kemudian taruh script berikut :
Contoh :
* Ganti "http://blogoholic.info/wellcome.swf" dengan alamat file flash kamu yang telah ditaruh di hosting.
* Ganti width="500" height="100 dengan ukuran dari file flashmu.
Buat domain blog dari blogspot jadi yg simple
Seperti yang sudah kita ketahui, bahwa co.cc adalah top level domain yang bisa kita dapatkan secara gratis. Kita bisa mengganti nama blog kita dari "http://namadomain.blogspot.com" atau "http"//namadomain.wordpress.com" (dll) menjadi "http://namadomain.co.cc" . Dengan co.cc kita bisa mengontrol DNS Records, A, MX, dan CNAME records, sehinga domain co.cc bukan hanya sekedar "URL Forwarding".
Berikut ini akan saya coba mengungkapkan tentang cara setting domain di co.cc:
Ada 3 tipe pengaturan di co.cc. Ketiganya memiliki fungsi tersendiri. berikut ini penjelasanya:
1. Managed DNS
Ini biasanya digunakan untuk sebuah web yang memerlukan web hosting dan mengharuskan untuk mengarahkan Name Server-nya ke hosting tersebut. Misal untuk membuat web di 000webhost, atau bisa juga untuk blog wordpress yg menggunakan hosting dari luar. Metode ini tidak cocok digunakan untuk blogger/blogspot yang menggunakan hosting default dari blogger/blogspot.
Cara setting untuk metode ini yaitu dengan mengisi pada kolom "Name Server 1 dan Name Server 2 dengan name server yg sesuai dengan hosting yang digunakan. Misal, bagi yang menggunakan hosting dari 000webhost maka untuk kolom "Name Server 1" disi dengan "ns01.000webhost.com" dan kolom "Name Server 2" disi dengan "ns02.000webhost.com". Kemudian klik tombol "Setup". Selesai
2. Zone Records
Zone records cocok digunakan bagi para pengguna blogger/blogspot. berikut ini cara setting untuk Zone Records
* Pada kolom "Host" isikan dengan nama domain yg sudah km daftarkan, misal "www.namadomain.co.cc" (jangan lupa dikasih "www")
* Untuk option "TTL" biarkan saja, gak perlu dirubah2
* Pada option "Type" pilih yang "CNAME"
* Untuk kolom "Value" isikan "ghs.google.com"
Sehingga akan seperti pada gamabr dibawah ini:
Langkah selanjutnya yaitu merubah settingan di blogger/blogspot caranya begini:
* Login ke blogger/blogspot kemudian masuk ke menu "Setting-->Publishing"
* Kemudian pilih "Switch to: • Custom Domain
* Setelah itu klik pada "Already own a domain? Switch to advanced settings"
* Kemudian isikan nama domain kamu yang baru pada kolom "Your Domain".
* Selanjutnya klik tombol "Save Setting"
Selesai. Kalau berhasil (Settingnya sudah benar) maka domain kamu yang baru akan aktif dalam waktu antara beberapa jam sampai 2 hari. Jadi sabar aja menunggunya. Blog kamu akan tetap bisa diakses dengan melalui domain yang lama.
3. URL Forwarding
URL forwarding bisa digunakan untuk apa aja, bisa web ato blog. Tapi URL Forwarding ini hanya memforward domain yg baru (yang di co.cc) ke domain lama. Jadi domain lama akan 100% seperti semula tanpa ada perubahan apapun, cuma kita bisa mengakses web/blog kita dengan mengetikkan nama domain baru kita di browser. Jika menggunakan URL Forwarding maka yang terindex di google atau Search engine yang lain adalah tetap Domain kita yang lama.
Untuk setting URL Forwarding sangat mudah, kita hanya mengisikan data-data yang diminta dan disesuaikan dengan web/blog kita, seperti "Redirect to:, Page Title, URL Hiding, Meta Description dan Meta Keywords". Kita tidak perlu lagi mensetting domain di web/blog kita lagi.
Note: Metode ini tidak dianjurkan jika tidak terpaksa
Jadi kesimpulannya adalah:
* Jika kamu memakai layanan blogger/blogspot maka gunakanlah "Zone Records"
* Jika domainnya digunakan untuk web yg memerlukan hosting atau untuk wordpress maka gunakanlah "Manage DNS"
* Jangan menggunakan "URL forwarding" jika tidak terpaksa. Misal untuk untuk blog dari multiply yang tidak support custom domain.
Berikut ini akan saya coba mengungkapkan tentang cara setting domain di co.cc:
Ada 3 tipe pengaturan di co.cc. Ketiganya memiliki fungsi tersendiri. berikut ini penjelasanya:
1. Managed DNS
Ini biasanya digunakan untuk sebuah web yang memerlukan web hosting dan mengharuskan untuk mengarahkan Name Server-nya ke hosting tersebut. Misal untuk membuat web di 000webhost, atau bisa juga untuk blog wordpress yg menggunakan hosting dari luar. Metode ini tidak cocok digunakan untuk blogger/blogspot yang menggunakan hosting default dari blogger/blogspot.
Cara setting untuk metode ini yaitu dengan mengisi pada kolom "Name Server 1 dan Name Server 2 dengan name server yg sesuai dengan hosting yang digunakan. Misal, bagi yang menggunakan hosting dari 000webhost maka untuk kolom "Name Server 1" disi dengan "ns01.000webhost.com" dan kolom "Name Server 2" disi dengan "ns02.000webhost.com". Kemudian klik tombol "Setup". Selesai
2. Zone Records
Zone records cocok digunakan bagi para pengguna blogger/blogspot. berikut ini cara setting untuk Zone Records
* Pada kolom "Host" isikan dengan nama domain yg sudah km daftarkan, misal "www.namadomain.co.cc" (jangan lupa dikasih "www")
* Untuk option "TTL" biarkan saja, gak perlu dirubah2
* Pada option "Type" pilih yang "CNAME"
* Untuk kolom "Value" isikan "ghs.google.com"
Sehingga akan seperti pada gamabr dibawah ini:
Langkah selanjutnya yaitu merubah settingan di blogger/blogspot caranya begini:
* Login ke blogger/blogspot kemudian masuk ke menu "Setting-->Publishing"
* Kemudian pilih "Switch to: • Custom Domain
* Setelah itu klik pada "Already own a domain? Switch to advanced settings"
* Kemudian isikan nama domain kamu yang baru pada kolom "Your Domain".
* Selanjutnya klik tombol "Save Setting"
Selesai. Kalau berhasil (Settingnya sudah benar) maka domain kamu yang baru akan aktif dalam waktu antara beberapa jam sampai 2 hari. Jadi sabar aja menunggunya. Blog kamu akan tetap bisa diakses dengan melalui domain yang lama.
3. URL Forwarding
URL forwarding bisa digunakan untuk apa aja, bisa web ato blog. Tapi URL Forwarding ini hanya memforward domain yg baru (yang di co.cc) ke domain lama. Jadi domain lama akan 100% seperti semula tanpa ada perubahan apapun, cuma kita bisa mengakses web/blog kita dengan mengetikkan nama domain baru kita di browser. Jika menggunakan URL Forwarding maka yang terindex di google atau Search engine yang lain adalah tetap Domain kita yang lama.
Untuk setting URL Forwarding sangat mudah, kita hanya mengisikan data-data yang diminta dan disesuaikan dengan web/blog kita, seperti "Redirect to:, Page Title, URL Hiding, Meta Description dan Meta Keywords". Kita tidak perlu lagi mensetting domain di web/blog kita lagi.
Note: Metode ini tidak dianjurkan jika tidak terpaksa
Jadi kesimpulannya adalah:
* Jika kamu memakai layanan blogger/blogspot maka gunakanlah "Zone Records"
* Jika domainnya digunakan untuk web yg memerlukan hosting atau untuk wordpress maka gunakanlah "Manage DNS"
* Jangan menggunakan "URL forwarding" jika tidak terpaksa. Misal untuk untuk blog dari multiply yang tidak support custom domain.
Berjalan ditepi di rel kereta
Mulai berjalan dan berjuang untuk suatu kehidupan blablabla
jadi kalo pengen nyoba untung2an tapi dapet duit klik aja disini (http://www.AWSurveys.com/HomeMain.cfm?RefID=Lukluk) atau coba klik gambar link ijo di atas yah.
Adapun cara-cara ngejalaninnya lihat baca selanjutnya ajah. hehehehe
1. http://www.AWSurveys.com/HomeMain.cfm?RefID=Lukluk
2. CLICK : CREATE A FREE ACCOUNT
3. ISI LAH KOLOM" YANG HARUS DI ISI. ( ISINYA JANGAN NGASAL YA )
4. KLIK OK !
5. CLICK 1 PER 1 DI BAGIAN BAWAH YANG TULISANNYA GET $6.00, $4.00 SAMPE FREE MARCH !
6. MISALKAN KAMU KLIK GET $6.00. KAN ADA 2 KOLOM KOSONG YANG HARUS DI ISI. TULIS HTTP://PAYPAL.COM DI BAGIAN 2 KOLOM KOSONG TERSEBUT LALU PENCET ENTER !
7. NAH SEKARANG KAMU SUDAH PUNYA 27 DOLAR !
8. CLICK REFER FRIEND. NANTI KLUAR TULISAn "CLICK LINK BELOW THIS" DI BAWAHNYA ADA EMAIL. KAMU COPY, DAN PASTE DI WALL FACEBOOK TEMAN2 KAMU SEBANYAK2NYA. SURUH MEREKA REGISTER DARI LINK TERSEBUT.
9. SETIAP 1 ORANG REGISTER DARI LINK TERSEBUT. ANDA MENDAPATKAN 1.25 DOLAR GRATIS. ( KAN TD UDAH ADA 27$ JADI DI TAMBAHIN INI )
10. KUMPULKAN DOLAR TERSEBUT SAMPAI 75 DOLAR !
11. SETELAH TERKUMPUL 75$, ANDA BISA MENUKARNYA DOLAR TERSEBUT
jika sudah terkumpul 75$ , ingin ambil uang nya gini caranya :
1. click redeem money kamu di awsurveys ( misal redem 75$ )
2. masukan alamat emai lkamu waktu bikin paypal di kolom yang tersedia
3. tunggu 5 hari.
4. setelah 5 hari, buka id paypal kamu
5. nah click transfer
6. pilih bank apa yang agan gunakan
7. contoh ( bca ) kamu click
8. nanti d srh tulis nomor kartu atmkamu.
9. tulis dah yang lengkap.
10. nah.. kamu ke atm deh
11. kamu check saldo yang kamu punya
12. wew ! Rp 750.000 sudah kamu bisa ambil.
A.W.Surveys The New Survey Experience
www.AWSurveys.com A.W.Surveys The New Survey Experience
www.AWSurveys.com
pusing yah
tulis ajah komennyanti tak bales
jadi kalo pengen nyoba untung2an tapi dapet duit klik aja disini (http://www.AWSurveys.com/HomeMain.cfm?RefID=Lukluk) atau coba klik gambar link ijo di atas yah.
Adapun cara-cara ngejalaninnya lihat baca selanjutnya ajah. hehehehe
1. http://www.AWSurveys.com/HomeMain.cfm?RefID=Lukluk
2. CLICK : CREATE A FREE ACCOUNT
3. ISI LAH KOLOM" YANG HARUS DI ISI. ( ISINYA JANGAN NGASAL YA )
4. KLIK OK !
5. CLICK 1 PER 1 DI BAGIAN BAWAH YANG TULISANNYA GET $6.00, $4.00 SAMPE FREE MARCH !
6. MISALKAN KAMU KLIK GET $6.00. KAN ADA 2 KOLOM KOSONG YANG HARUS DI ISI. TULIS HTTP://PAYPAL.COM DI BAGIAN 2 KOLOM KOSONG TERSEBUT LALU PENCET ENTER !
7. NAH SEKARANG KAMU SUDAH PUNYA 27 DOLAR !
8. CLICK REFER FRIEND. NANTI KLUAR TULISAn "CLICK LINK BELOW THIS" DI BAWAHNYA ADA EMAIL. KAMU COPY, DAN PASTE DI WALL FACEBOOK TEMAN2 KAMU SEBANYAK2NYA. SURUH MEREKA REGISTER DARI LINK TERSEBUT.
9. SETIAP 1 ORANG REGISTER DARI LINK TERSEBUT. ANDA MENDAPATKAN 1.25 DOLAR GRATIS. ( KAN TD UDAH ADA 27$ JADI DI TAMBAHIN INI )
10. KUMPULKAN DOLAR TERSEBUT SAMPAI 75 DOLAR !
11. SETELAH TERKUMPUL 75$, ANDA BISA MENUKARNYA DOLAR TERSEBUT
jika sudah terkumpul 75$ , ingin ambil uang nya gini caranya :
1. click redeem money kamu di awsurveys ( misal redem 75$ )
2. masukan alamat emai lkamu waktu bikin paypal di kolom yang tersedia
3. tunggu 5 hari.
4. setelah 5 hari, buka id paypal kamu
5. nah click transfer
6. pilih bank apa yang agan gunakan
7. contoh ( bca ) kamu click
8. nanti d srh tulis nomor kartu atmkamu.
9. tulis dah yang lengkap.
10. nah.. kamu ke atm deh
11. kamu check saldo yang kamu punya
12. wew ! Rp 750.000 sudah kamu bisa ambil.
A.W.Surveys The New Survey Experience
www.AWSurveys.com A.W.Surveys The New Survey Experience
www.AWSurveys.com
pusing yah
tulis ajah komennyanti tak bales
Langganan:
Postingan (Atom)