Desain Blog: 01/25/09

Minggu, 25 Januari 2009

Choose a Good Email Marketing

By Edy

Many companies use email marketing to communicate with existing customers. They use it for purpose of enhancing the relationship of a merchant with its current or previous customers and to encourage customer loyalty and repeat business. Lately there are many email marketting company that offer their service. One of them is iContact. iContact is an easy to use email marketing, surveying, autoresponder, and blogging tool that allows small businesses, non-profits, and associations to easily communicate online with their customers, prospects, and members.

iContact is the best option out there for anyone who wants to send out email newsletters. They have great inbox deliverability, an extremely easy to use interface, great prices that start at $9.95 per month, lots of templates, and also include surveying, autoresponder, and blogging capability from the same application at no additional charge. They take care of managing bounces and unsubscribes for you. They also take care of making sure your message gets to the inbox of your recipients through their ISP relations, feedback loops, and whitelist status. If you are currently running into deliverability issues with your existing newsletter sending method, iContact will be very helpful and ensure inbox delivery of your messages. 15 day free trial of iContact is available here.

Cara Pasang Flash di Blog

By Edy

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.

Cara Membuat Kotak Link Exchange

By Edy

Kamu belum bisa masang banner link exchange? masa' sih? hari gini belum bisa masang banner, capeee'' deeh

Kalo kita mau tukeran link biasanya ada kotak seperti ini :

<a href="http://trik-tips.blogspot.com"><img src="http://http://kendhin.890m.com/banner-trik.gif" width="90" height="17" border="0" /></a>

Nha trus gimana cara buat kotak tersebut?
gini lho,
pertama Login ke blogger trus pilih Layout --> Page Elements
trus klik Add a Gadget lalup pilih HTML/Java Script
trus kopi kode berikut ini di tempat yang disediakan.

text yang berwarna hijau menunjukkan labar kotak, text warna biru adalah link, ganti text tersebut dengan alamat blogmu sedangkan text warna merah adalah alamat gambar beserta ukurannya, ganti text tsb dengan alamat gambar km.
terus simpan templatenya.
Hasilnya akan seperti kotak diatas, trus gambarnya mana?, gini didalam kotak tersebut kan ada textnya tuh, nha kalo textnya itu dicopy terus di paste di blog, maka hasilnya akan menjadi gambar dan juga ada linknya. Kisi kotak diatas kalo dicopy dan paste jadinya akan seperti ini:

piye? wes mudeng rung?
Guampang tho?

Cara Membuat Link Download

By Edy

Setelah beberapa kali mendapat pertanyaan tentang bagaimana cara membuat link download, akhirnya aku posting artikel ini.

Ok langsung aja, caranya sebenarnya sangat mudah, pertama taruh/upload file yang akan di download di webhosting, misalnya geocities, trus kamu buat script seperti ini:

<a href="http://www.geocities.com/kendhin_x/file.zip">download</a>

text yang dicetak tebal adalah alamat file tempat kamu menyimpannya, ganti text tersebut dengan alamat tempat file kamu.

Cara Membuat Dropdown Menu

By Edy

Apa sih dropdown menu itu?

Dropdown menu yang seperti ini itu lho :

Nha udah tahu kan? Dengan dropdown menu kita bisa mnghemat space/ruang di blog kita, karena dengan ukuran yang kecil seperti itu bisa menyimpan link dan text yang banyak. Itu bisa diisi dengan arsip, blogroll dll.
Gimana? Mau mencobanya?
Gini nih caranya :

Login ke blogger, trus masuk ke menu "Page Element" trus pilih Add page elements --> HTML/JavaScript. Kemudian masukkan script berikut ini di kocat "Content"

<select onChange="document.location.href=this.options[this.selectedIndex].value;">
<option value="0" selected>Arsip Blog</option>
<option value="Links 1">Text 1</option>
<option value="Links 2">Text 2</option>
</select>

Text yang berwarna merah adalah link. ganti text2 tersebut dengan link2 kamu.
Text yang berwarna biru adalah tulisan yang ditampilkan. Itu juga harus km ganti.

Contohnya seperti ini :

<select onChange="document.location.href=this.options[this.selectedIndex].value;">
<option value="0" selected>Arsip Blog</option>
<option value="http://trik-tips.blogspot.com/2008/01/membuat-menu-horizontal.html"> Cara Membuat Menu Horizontal </option>
<option value="http://trik-tips.blogspot.com/2007/12/cara-membuat-search-engine.html"> Cara Membuat Search Engine </option>
</select>

maka hasilnya akan seperti ini :

untuk menambahkan menu lagi, tambahkan kode seperti ini :

sebelum kode </select>

Link dalam dropdown menu di atas jika di klik akan membuka link di halaman yang sama. Ini cocok untuk Arsip dan link-link yang masih berhubungan dengan blog tsb.

Ada satu tipe lagi yang jika diklik linknya maka akan membuka window baru tanpa menutup blog kamu. Yang ini cocok untu Blogroll atau Friend link.
Cara mambuatnya seperti diatas tapi ganti kode berikut

ganti dengan kode ini :

hasilnya akan seperti ini :

Gimana? Bisa nggak?

Cara Membuat Kotak Ngoceh (Shout Box)

By Edy

Kotak ngoceh atau istilah lainnya shout box, Say Box, Tag Board, dan Chatter Box adalah suatu kotak yang berfungsi untuk mengirimkan pesan-pesan pendek, namun bisa juga berfungsi sebagai tempat ngobrol (chatting). Dengan shoutbox, kita juga bisa mempromosikan blog kita, misalnya nih, kita datangi blog orang yang menyediakan kotak ini kemudian kita kasih komentar atau cuma sekedar salam di shoutbox mereka, lalu yang punya blog akan melihat di shoutbox, biasanya meraka akan balas mengunjungi blog kita. Nha gitu ceritannya. Biasanya kotak ngoceh diselipkan kedalam halaman web/blog dengan bahasa java Script. Bagi kamu yang jago pemrograman java script mungkin bisa membuatnya sendiri dengan membuat kode-kode yang memusingkan kepala. Namun buat kamu yang nggak jago nggak usah kuatir karena sekarang ini banyak situs internet yang menyediakan layanan ini, salah satunya yaitu Shoutmix . Caranya adalah sebagai berikut :

1. Buka situs Shoutmix Kamu harus mendaftar di situs tersebut, cara daftarnya gampang kok.
2. Jika pendaftarannya berhasil kamu langsung disuruh milih type shoutbox yang disediakan, terserah kamu milih bentuknya yang gimana. Klik tombol Continue
3. Setelah itu kamu akan mendapat ucapan "Terima Kasih" lalu klik link Go to My Control Panel Now
4. Disitu kamu bisa mensetting terlebih dahulu shoutbox kamu, misalnya Style & Color, Date & Time, dan lain-lain.
5. Jika sudah selesai klik menu Get Codes
6. Jika kamu pingin menaruh shoutbox di blog kamu pilih "Place Shoutbox on Webpage"
7. Atur lebar dan tinggi shoutbox di kolom widht dan hight
8. Kemudian Copy kode yang ada di dalam kotak "generated Codes"
9. Login ke blogger.com lalu pilih Layout kemudian Add Page Elements
11. Tambahkan element HTML/Javascript.
12. Paste Kode yang telah kamu copy dari shoutbox.com tadi di kotak "Content" lalu simpan.
13. Jadi deh.....

Trik Memproteksi Blog dari Penjiplakan

By Edy

Mungkin bagi sebagian para pemilik blog sering kali jengkel jika melihat artikel-artikel yang dibuatnya dengan memeras otak (emangnya cucian) tiba-tiba sudah ada di tempat blog milik orang lain, apalagi kalo disitu tidak disebutkan sumber asli dari artikel tersebut, pasti orang tersebut akan bilang "ANJRIT"

dan sumpah serapah yang lain (apa aja ya kata sumpah serapah?, aku taunya cuma itu doang, aku kan selalu ngomong yg baik2 jadi nggak tahu kata-kata kotor

hooooeeeekkkkk..). Tapi mungkin bagi sebagian orang lagi sih nggak mempermasalahkannya, entah artikelnya diambil kek, di copy kek, di cekek kek "No Problem". Nha, kamu termasuk golongan yang mana nih? yang Protectif atau yang Cuekif (bahasa mana tuh "Cuekif"). Kalo kamu termasuk yang yang Protectif alias golongan orang yang artikelnya nggak mau dicuri orang, sini ikut saya , tak tunjukin jalan menuju sorga, eeh, maksudnya cara melakukannya.

Udah berdebar-debar ya?, nggak sabar nunggu ya? ya udah deh ini dia Tips dan Trik untuk memproteksi artikel dari pencurian...

pertama-tama kita panjatkan puja dan puji sukur kita kepada Tuhan YME. Walah malah pidato. Langsung aja deh
Pertama-tama kita panjatkan, walah kok itu lagi sih

Pertama-tama kita analisa dulu, biasanya kalo mau nyuri artikel kan ada beberapa cara nih, mulai dari menyeleksi tulisan yang mau dicuri kemudian di copy-paste. Atau melihat "Source Code"nya dengan meng-klik kanan dan lain-lain. Ada beberapa cara untuk mengatasi masalah tersebut, mulai dari cara yang mudah sampai cara yang sulit. Nha untuk Tips dan Trik kali ini kita akan mencoba menggunakan cara yang mudah saja, tapi ingat, cara ini hanya efektif untuk menghadapi maling kelas teri, jadi nggak akan mempan menghadapi para penjahat kelas kakap yang sudah banyak makan asam garam dunia internet (emangnya enak makan asam ama garam?). Tapi lumayan kan untuk berjaga jaga dari maling-maling kelas teri. Nha berikut adalah triknya...
copy script dibawah ini kedalam body kamu (lho? kok kedalam body sih?), maksudnya kedalam tag <body .....
begini deatil caranya:
pertama login dulu ke blogger, terus pilih Layout --> Edit HTML
cari kode ini <body> letaknya kira-kira di tengah bagian kiri, dan biasanya setelah kode </head> . perlu diperhatikan bahwa di dalam kode html terdapat banyak tulisan "body", jangan salah memilih body

.
kalo sudah ketemu letakkkan script ini didalamnya

onmousedown="return false" oncontextmenu="return false" onselectstart="return false"

contohnya kayak gini nih

<body onmousedown="return false" oncontextmenu="return false" onselectstart="return false"

Nha, script diatas untuk memproteksi agar text yang ada tidak bisa di seleksi untuk dicopy, dan juga tidak bisa di klik kanan.
trus bagaimana kalo kalo pencurinya lihat source code kita lewat menu-menu yang ada di web browser? misalnya yang pake Mozilla dengan cara Klik View -->> Page Source atau dengan menekan Ctrl+u. Nha untuk menakali masalah ini kita kita pakai cara licik aja, yaitu dengan menurunkan script html kebawah, caranya gimana tuh?
gini, taruh kursor/pointer ke atas tag <head> (letaknya dibagian atas), trus tekan enter sampai kira-kira 70 kali. Nha kalo pencurinya melihat source code kita, dia hanya akan melihat kode kepala dari html kita, sedangkan isi dari blog kita kan udah turun ke bawah, tul ga?

tapi ingat sekali lagi, ini hanya untuk pencuri kelas teri, walaupun diproteksi secanggih apapun, pasti tetap aja ada orang yang akan bisa membongkarnya, tapi kan setidaknya kita berjaga-jaga, ya tho?
Monggo di jajal..

Perhatian : Kalo pake trik proteksi ini, maka untuk form-form isian seperti search engine, kotak komentar haloscan, shoutbox ogix. tidak bisa diisi. Jadi kalo memang tidak benar-benar diperlukan, jangan menggunakan trik ini. he..he..

Cara Membuat Kategori / Label di Blogger

By Edy

Artikel-artikel yang diposting, kadang-kadang memang perlu untuk dikelompokkan atau dikategorikan sesuai dengan tema/topiknya. Dengan adanya pengkategorian atau pengelompokan artikel yang telah diposting dapat lebih mempermudah bagi para pembaca untuk memilih artikel mana yang ingin dibaca. Di Blogger untuk membuat kategori dikenal dengan istilah Label.

Dalam episode kali ini (kayak sinetron aja pake istilah "episode") saya akan mencoba membahas mengenai bagaimana cara untuk membuat kategori atau label. Pertama-tama yang harus kamu lakukan yaitu membaca "Bismillah" he..he..
Login ke blogger lalu Klik Posting --> Edit Post

* Membuat Kategori / Label
Pilih atau beri tanda centang pada artikel yang ingin diberi label/dikategorikan. Lalu pada Combo box (yang ada tulisannya "label action") pilih "New Label" lalu beri nama label tersebut.

jadi deh...

* Menghapus Kategori / Label
Beri tanda centang pada postingan yang ingin dihapus labelnya, trus klik combo box trus klik label dibawah tulisan "Remove label", Nha jadi deh....

* Mengganti Kategori / Label
Hapus dulu label yang ada, kemudian kasih label baru.

Trus bagaimana cara memasang/menampilkannya di blog?
Gini nih caranya:
1. Klik Template --> Page Elements
2. Tambahkan page elements kemudian pilih Label trus disitu atur sendiri :P
udah ngerti kan?
Selamat berbuka puasa, eh salah, selamat mencoba!!!...

Cara Membuat Search Engine

By Edy

Widgets

Tentu kita semua sudah tahu apa itu Search Engine (hari gini gak tahu apa itu search engine? cape' deeh...). Search Engine adalah ... bla.. bla..bla.. dst.

Saat ini Search Engine tidak bisa dipisahkan dalam dunia internet. Dengan Search Engine kita bisa mencari tahu tentang suatu hal yang kita inginkan sesuai dengan keyword yang kita ketikkan dan juga bla.bla..bla..... udah ah penjelasannya, yang mau dibahas disini adalah bagaimana caranya membuat search engine di blogger . Caranya sangat mudah, yaitu:

1. Login ke blogger terus klik Layout terus pilih page elements nha disitu kan banyak tulisan Add a page elements klik link tersebut dan sesuaikan dimana tempatnya menaruh search engine
2. kemudian pada layar baru yang muncul pilih HTML/Javascript kemudian copy/paste script/kode berikut ini di dalam kolom content.

<form action="http://nama-blogmu.blogspot.com/search"
method="get"> <input class="textinput" name="q" size="30" type="text"/> <input value="search" class="buttonsubmit" name="submit" type="submit"/></form>

Ganti nama-blogmu dengan nama blog kamu. Aangka 30 menunjukkan panjang kotak (text box) semakin banyak angkanya maka semakin panjang textbox-nya

Cara Menghilangkan Navbar (Navigation Bar)

By Edy

Navbar adalah fasilitas yang dimiliki oleh Blogger/blogspot, bentuknya berupa kotak kecil memanjang kesamping yang letaknya berada di bagian paling atas dari blog yang fungsinya antara lain untuk mulai melakukan Sign In/out atau bisa juga membuat Blog baru. Navigation Bar juga bisa digunakan untuk melaporkan kecurangan atau tindak kejahatan weblog yang dilakukan oleh seorang blogger, misalnya kontent blognya yang melanggar TOS atau hal-hal yang dianggap merugikan orang lain.

Namun ada beberapa blogger yang merasa akan lebih enak jika melihat tampilan blognya dalam keadaan bersih tanpa harus ada bagian mencolok di bagian atas blognya sendiri (NavBar). Karena itu, kadang para blogger menghapus NavBar tersebut. Pertanyaannya adalah: Apa tidak melanggar Term of Service (TOS) dari Blogger.com?
Sejauh ini, banyak blogger yang telah menghilangkan Navbar mereka dan tidak juga mendapat teguran dari blogger. Artinya, bisa dilakukan. Toh di TOS Blogger sendiri juga tidak ada aturan yang cukup detail tentang hal ini.

Nah, bagaimana menghilangkan Navigation Bar?
Ada beberapa penyedia template yang memang sudah tidak ada NavBar-nya. Namun bagi kamu yang memakai template yang masih ada NavBarnya dan ingin menghilangkannya maka inilah caranya.

1. Kamu harus Login dulu di Blogger.com / Blogspot.com
2. Trus Pilih Layout --> Edit HTML
3. Copy script berikut ke dalam tag head

#navbar-iframe {
display: none !important;
}

contohnya sebagai berikut :
-----------------------------------------------
Blogger Template Style
Name: Son of Moto (Mean Green Blogging Machine variation)
Designer: Jeffrey Zeldman
URL: www.zeldman.com
Date: 23 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */

#navbar-iframe {
display: none !important;
}

/* Variable definitions
====================

4. Kemudian simpan.

Selamat Mencoba.....!!

Cara Membuat Commments Box (Kotak Komentar) Haloscan

By Edy

Comment Box

Sebelum baca artikel ini disarankan untuk membaca YANG INI dulu

Comments Box atau Kotak Komentar adalah suatu kotak yang berfungsi untuk memberikan komentar terhadap isi dari suatu artikel dalam sebuah weblog. Jika di Wordpress.com kotak komentar tersebut akan langsung muncul tepat di bawah artikel. Namun tidak halnya di Blogspot/Blogger, kotak komentar dilayanan blog ini hanya berupa link yang kemudian baru akan muncul kotak komentar bagi pengunjung yang mau memberikan komentar terhadap artikel tersebut, hal ini menyebabkan para komentator sedikit enggan untuk melakukannya karena merasa malas untuk membuka window baru yang tentu saja akan memerlukan sedikit waktu untuk membukanya. Sehingga para pengguna layanan Blogspot lebih sedikit menerima komentar dibanding dengan para pengguna layanan Wordpress.

WARNING : KARENA BANYAK BLOGGER YANG GAGAL MENGGUNAKAN TRIK INI DAN JUGA ADA YANG KEHILANGAN POSTINGNYA, JADI ANDA HARUS MEMBACKUP DULU TEMPLATE ANDA. YANG GAGAL MEMAKAI INI MUNGKIN KARENA ADANYA KETIDAKCOCOKAN DENGAN TEMPLATE YANG DIGUNAKAN. JIKA TERJADI HAL-HAL YANG TIDAK DIINGIINGINKAN SEGERA KEMBALIKAN TEMPLATE ANDA YANG LAMA. TAPI BANYAK JUGA KOK YANG BERHASIL, SEMOGA BERUNTUNG

Tapi bagi kamu yang memakai layanan Blogspot tidakperlu khawatir lagi karena trik berikut ini akan mengulas bagaimana caranya menambahkan kotak komentar atau comments box sehingga menjadi kotak komentar yang ada di Wordpress yaitu persis berada dibawah artikel caranya adalah dengan menggunakan layanan di http://www.haloscan.com. Satu hal yang perlu diperhatikan sebelum kamu menggunakan layanan ini yaitu "komentar-komentar terdahulu akan hilang", jadi pikirkanlah dulu sebelum kamu memakai layanan ini. Kalau kamu sudah yakin mau menerapkannya maka berikut ini dalah caranya:

Buka website http://www.haloscan.com.

Daftarkan diri kamu di website tersebut.

Setelah selesai lalu Login dengan username dan password yang sama dengan pada saat mendaftar.

Setelah login berhasil maka akan muncul beberapa menu. Pertama-tama pilih menu setting. Didalam menu Setting ada beberapa pengaturan yang harus disi silahkan atur sesuai dengan keinginanmu. Supaya kotak komentarnya muncul dibawah postingan, ganti status "open in popup window" menjadi "off". kamudian simpan.

Langkah selanjutnya yaitu pilih menu Template. Silahkan pilih mana yang kamu sukai, sebaiknya sesuaikan dengan warna blog kamu kemudian simpan.

Langkah berikutnya yaitu pilih menu Install

Beri tanda pada radio button di samping tulisan Blogger or Blogspot lalu klik Tombol Next

Klik Tombol Brows , silahkan pilih file template yang sudah dibackup. Kalau belum silahkan backup dulu. Jika belum tahuh caranya backup klik disini

Klik tombol Upload Blogger Template.

Jika sudah berhasil klik tombol Download New Template kemudian di save.

Pilih Template kemudian klik menu Edit HTML

Untuk Upload template klik tombol Brows. Masukkan template yang sudah didownload dari haloscan tadi lalu Upload kemudian simpan setting.

Coba buka buka web blog kamu dan lihat hasilnya. Sekarang kamu sudah mempunya kotak komentar seperti yang ada di wordpress.
Trus gimana caranya nampilin komen-komen terbaru biar bisa kelihatan di sidebar? caranya gampang, yiatu kembali ke haloscan trus pilih dashbord nha disitu kan ada recent comments trus dibawahnya ada link tulisannya gini "put this widget on your site" nha kamu klik link tersebut, setelah itu dibawahnya akan muncul kotak yang berisi kode. Copy kode tersebut dan pasang di blog kamu, gampang to?

Selamat Mencoba... SEMOGA BERHASIIIIILLLLLL >

Merubah Title Blog dengan Title Postingan

By Edy

Perlu gak sih mengganti title/judul blog dengan title postingan?

Title blog biasanya berada didepan title postingan. Seperti yang dulu aku bilang, mengoptimalkan title itu akan mempengaruhi dalam membuat blog kita berada dalam top rank hasil pencarian search engine. Nha jika kamu menggunakan trik mengganti title blog kamu dengan title postingan maka hal itu akan lebih bagus lagi buat masuk ke jajaran depan search engine.

Bener gak sih?

Dulu ketika aku belum pake trik ini, ketika aku mencari di google dengan keyword "Cara Membuat Search Engine" maka hasilnya adalah sepeti ini:

Tapi sekarang ketika aku terapkan trik ini maka hasilnya menjadi seperti ini :

Nha tentunya orang akan lebih suka untuk memilih mengklik hasil seperti pada gambar yang kedua daripada gambar yang pertama, ya kan? dan kalo menurut yang ahli dalam SEO (Search Engine Optimization) katanya cara ini akan membuat blog kita menjadi lebih Search Engine Friendly. OK bagi yang pingin mencobanya silahkan ikuti langkah-langkah berikut ini:

1. Masuk ke "Layout-->>Edit HTML
2. Cari kode ini ;

<title><data:blog.title/></title>

( letaknya dibagian atas)

3. Kalo sudah ketemu ganti dengan kode berikut ini :

<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>

4. Trus simpan.

Untuk halaman utama titlenya akan tetap title blog. tapi jika km coba buka salah satu postinganmu maka nanti title postingmu akan menjadi title blogmu.

SeLAmat MEncoBA......

Cara Mengganti Icon Pada Address Bar

By Edy

Jika kita membuka suatu website atau blog maka seringkali kita menjumpai ada sebuah gambar atau icon pada address bar (kotak untuk mengetikkan alamat web). Dan jika kita punya blog di Blogspot maka icon default yang akan tampil adalah gambar seperti ini :

Bagi kamu yang tidak puas dengan icon/gambar tersebut, kamu bisa menggantinya dengan gambar sesuai dengan keinginanmu. caranya sangat mudah, yaitu dengan membuat gambar (gif, jpg, ico, dan lain2) dengan ukuran kira2 24x42 pixel sampai 32x32 pixel (sebenarnya ukurannya bebas sih, tapi biar filenya kecil dan proses membukanya cepat). Setelah itu .....
masuk ke "Layout --> Edit HTML" trus tempatkan script berikut sebelum kode </head>

<link href='http://kendhin.890m.com/sonictrik.gif' rel='SHORTCUT ICON'/>

ganti huruf yang dicetak tebal dengan lokasi gambar dimana kamu menyimpannya. Kamu bisa menyimpan gambarmu di 000webhost atau bisa juga di photobucket dan juga di imageshack atau kalo kamu tidak mau pusing dibawah ini ada beberapa contoh icon/gambar beserta dengan linknya.

http://img87.imageshack.us/img87/5862/image1an1.gif
http://img110.imageshack.us/img110/6218/image2ie0.gif
http://img98.imageshack.us/img98/9617/image3cr0.gif
http://img134.imageshack.us/img134/633/image4hx4.gif
http://img139.imageshack.us/img139/83/image5oa7.gif
http://img509.imageshack.us/img509/6449/image6fu0.gif
http://img527.imageshack.us/img527/6543/image7go9.gif
http://img507.imageshack.us/img507/5774/image8wn8.gif
http://img150.imageshack.us/img150/5784/image9qo1.gif
http://img404.imageshack.us/img404/1214/image10vr1.gif
http://img412.imageshack.us/img412/3808/image11pc0.gif
http://img100.imageshack.us/img100/4658/image12du2.gif
http://img132.imageshack.us/img132/4733/image13lj1.gif
http://img145.imageshack.us/img145/7793/image14zg9.gif
http://img412.imageshack.us/img412/4403/image15jc7.gif
http://img264.imageshack.us/img264/7575/image16kn8.gif

Mengganti Tulisan "Older Post / Newer Post" atau "Posting Lama / Posting Baru"

By Edy

Blogger Hack

Biasanya dibagian paling bawah artikel kamu terdapat tulisan seperti ini "Older Post / Newer Post" atau "Posting Lama / Posting Baru". Nah mungkin awal-awalnya kamu nggak tahu maksudnya apa tulisan tersebut dan setelah tahu oooo ternyata itu link menuju ke artikel-artikel sebelumnya dan juga artikel-artikel yang baru. Nah mungkin kamu ingin mengganti tulisan tersebut dengan tulisan yang lain, misalnya dengan tulisan "Artikelku Sebelumnya" atau "Coretanku Yang dulu2" atau bahkan dengan sebuah gambar. Nha pingin tahu caranya? mari kita mulai Pelajaranya...

1. Seperti biasanya kita login dulu ke blogger trus pilih "Template --> Edit HTML".
2. Beri tanda centang pada kotak "Expand Widget Template"
3. Cari kode berikut ini, cara nyarinya biar mudah copy kode berikut ini lalu tekan "Ctr + F " dan paste kedalam kotak yg disediakan.

<data:newerPageTitle/>

4 . Ganti kode tersebut dengan tulisan yg kamu inginkan. Tapi jika kamu pingin ganti dengan gambar panah misalnya, ganti dengan kode seperti ini <img src="http://www.geocities.com/kendhin_x/arrow/newblue.gif"/>. text yg dicetak tebal adalah lokasi dari gambar, kamu bisa menggantinya dengan gambar yang kamu inginka atau bisa diganti dengan gambar yang aku sediain dibawah.
5. Yang diatas untuk mengganti tulisan "Newest Post" atau "Posting Baru".
6. Terus untuk tulisan "Older Post" atau "Posting Lama" coba cari kode berikut ini, lokasinya tidak jauh dari kode diatas atau dibawahnya sedikit.

<data:olderPageTitle/>

7. Kalo sudah ketemu ganti lagi dengan tulisan yang kamu inginkan. Jika pingin diganti menjadi gambar coba ganti dengan kode seperti ini <img src="http://www.geocities.com/kendhin_x/arrow/oldblue.gif"/>

8. Jika kamu pingin ganti warna biru jadi warna merah, tinggal ganti "newblue.gif" dengan "newred.gif" dan "oldblue.gif" ganti dengan "oldred.gif"

Berikut ini gambar panah dan kodenya


olblue.gif	newblue.gif

oldblack.gif	newblack.gif

oldgreen.gif	newgreen.gif

oldpink.gif	newpink.gif

oldred.gif	newred.gif

oldyellow.gif	newyellow.gif

Cara Membuat Kotak Blogroll dan Marquee

By Edy

Kali ini aku mau ngejelasin trik kali dengan gaya puisi, biar nggak bosen, tapi jangan diketawain ya, soalnya lom pernah buat puisi nih.

Tatkala link-link jumlahnya sudah berjuta-juta
Maka semakin sesaklah dada blog ini
Jikalau hal ini tidak diatasi dengan bijaksana
Maka blognya dikau akan penuh sesak dengan link-link itu

Udah bagus nggak puisinya? ancur ya? Ok lanjuuut.

Oleh karena itulah
hamba memberanikan diri untuk menawarkan obat sesak tersebut
Melalui secuil ilmu berikut
Daku berharap dapat membantu kisanak supaya blognya tidak sesak

Kira-kira pada mudeng nggak ya penjelasan tadi, ah biarin deh
udah ah, udah mual2 nih pake gaya puici, sekarang ganti gaya biasa aja.

Untuk trik kali ini, ada dua macam kotak blogroll yang akan kita buat, terserah kamu mo pilih yang mana. Kotak blogroll-nya yaitu:

1. Kotak Blogroll Model Textarea

Contohnya seperti kotak blog roll seperti punyaku itu, itu lho yg atasnya ada tulisanya "Friend links"
Nha begini cara membuatnya :
Pasang code berikut ini di kedalam element kamu (Page Elements --> Add a Gadget --> HTML /Javascript)

keterangan:
- Kode width: 200px; dan height: 200px; adalah ukuran lebar dan panjang kotak, kamu bisa merubahnya dan menyesuaikanya dengan ukuran yg kamu suka.
- Ganti tulisan "#link1,#link2, #link3 dst" dengan daftar link-link kamu, oh ya itu juga bisa diisi dengan banner link.
- Jika kamu pingin daftar link-linknya berjajar kayak punyaku, maka hilangkan kode <br />

2. Kotak Blogroll Model Marquee

Kotak ini juga mampu menampung banyak link dalam tempat yang sempit. Namun kotak blog roll ini berbeda dengan kotak yg diatas, karena kotak yang ini tidak memiliki rollbar (yg biasanya disebelah kanan trus ditarik keatas kebawah itu lho). Link-link ato isi didalam kotak ini akan bergerak/berjalan, bisa vertikal ato horizontal. Nah gini nih cara buatnya:
Pasang code berikut ini di kedalam element kamu (Page Elements --> Add a Gadget --> HTML /Javascript)

Keterangan :
- Kode "up" itu menunjukan arah pergerakan, kamu bisa menggantinya dengan down, left, right (udah mudeng to artinya, gak usah dijelasin ya).
- Jika kamu menggantinya dengan pergerakan horizontal (left ato right) maka hilangkan kode <br />.
- Angka "100" menunjukkan tinggi dari kotak blogroll kamu. Semakin banyak angkanya maka semakin tinggi pula ukuran blogroll.

OK SELAMAT MENCOBA......

Cara membuat Form "Email Subscriber" / "Berlangganan Lewat Email"

By Edy

Widgets

Seperti yang kamu lihat, disebelah kanan blog ini ada sebuah kotak yang berisi kotak untuk mengisikan alamat email dan sebuah tombol yang ada tulisan "Berlangganan Trik Baru". Nha dalam trik dan tips kali ini kita akan belajar kelompok tentang bagaimana membuat kotak tersebut. Oh ya, perlu dijelasin dulu nih apa fungsi dari form tersebut. Form tersebut fungsinya adalah untuk mempermudah para pembaca blog kita agar bisa berlangganan atau mendapatkan info terbari postingan kita melalui email mereka. Jadi jika memposting artikel baru maka para pelanggan/pembaca yang sudah memasukkan email mereka melalui form tersebut akan secara otomatis mendapatkan kiriman email yang berisi postingan terbaru kita. Mudeng ra? wes pokoke ngono lah.

Beginilah cara membuat form "Email Subscriber" tersebut :

1. Kunjungi situs ini : http://www.feedburner.com
2. Saat pertama kali datang kamu akan langsung disodori kotak untuk mengisikan alamat feed blogmu yang akan dibakar :D
3. Biasanya alamat feed blog kamu seperti ini http://NAMABLOGMU.blogspot.com/feeds/posts/default , ganti tulisan NAMABLOGMU dengan nama alamat blogmu.
3. Isikan nama feed blogmu tadi dalam kotak yang disodorkan tersebut, jika blogmu itu isinya hanya video2 maka beri tanda centang pada kotak "I am a podcaster", jika tidak ya gak usah dicentang. Kemudian klik tombol "next"
4. Setelah itu kamu akan disodori lagi dengan form pendaftaran, isikan data2 yg diperlukan disana, trus klik tombol "Activate Feed"
5. Nha kalo berhasil nanti akan ada informasi "Congrats! your ......".
6. Dibawahnya akan ada tombol "Next" dan link "Skip directly to feed management" kali ini pilih yang link "Skip directly to feed management", sebenarnya lewat tombol "next" bisa sih tapi biar seru kita lewat jalan lain aja.
7 Kemudian nanti akan ada beberapa menu, kali ini pilih menu "Publicize"
8. Setelah itu disebelah kiri akan muncul beberapa menu. PIlih menu "Email Subscriptions".
9. Kemudian klik tombol "Activate"
10. Nha setelah itu nanti akan ada beberapa kotak yang berisi kode2. Nha kalo km pinginnya yang berbentuk form maka pilih kode yang ada di kotak "Subsciption Form Code".
11. Copy kode yang ada dalam kotak tadi, trus klik tombol "Save" untuk mengaktifkan layanan tersebut.
12. Cara pasangnya, Login ke blogger, pilih "layout --> Add a Gadget --> HTMl/Java Script" nha paste kode yang sudah kamu copy tadi disana.

Sekarang coba dilihat blogmu, udah ada kan form untuk "Email Subscriber".

Trus kalo mo nampilin jumlah reder yang berlanganan gini caranya :
- Login ke feedburner kemudian pilih feed blogmu
- Trus masuk ke menu "Publicize --> FeedCount" nha disitu scriptnya yang harus km copy dan pasang di blogmu.

Membuat Artikel yg Berhubungan (Related Post)

By Edy

Blogger Hack

Keuntungan menampilkan "Artikel yang berhubungan" atau "Related Post", "Related Article" adalah para pembaca blog bisa dengan mudah menemukan informasi lain yang masih ada hubungannya dengan artikel yg sedang mereka baca. Contohnya seperti yang ada dibagian akhir dari artikel ini, disitu ada link-link dari artikel yang berhubungan yang berdasarkan pada kategori ato label yang sama. Nha mau tahu cara membuatnya?

Caranya cukup mudah, ikuti langkah2 berikut ini:
1. Login ke blogger Blogger
2. Pilih menu "Layout-->Edit HTML"
3. Beri tanda centang pada kotak "Expand Widgets Template".
4. Kemudian download "SCRIPT INI"
5. Buka file tersebut kemudian copy semua script yang ada didalamnya.
6. Setelah itu cari kode ini <data:post.body/> dan letakkan script tadi dibawahnya. Untuk blog yang ada "readmore"nya biasanya akan terdapat 2 kode. Nha km taruhnya dabawah kode yang pertama.
7. Kalo sudah simpan template km dan lihat hasilnya.

Tambahan:
Setelah jadi, jika kamu ingin merubah tulisan "Related Posts by Categories" maka cari kode tersebut di HTML, trus ganti dengan text/tulisan yg kamu suka.

Highlight Author Comment

By Edy

Blogger Hack,
Comment Box

Highlight Author Comment fungsinya adalah supaya komentar author (pemilik blog) berbeda dengan komentar orang lain . Contohnya bisa dilihat di blog ini. Untuk komentar pemilik blog akan ada bordernya dan ada efek lainnya. Nha berikut ini akan aku beberkan cara untuk membuat Highlight Author Comment ini. Dah siap semuanya ? OK lets dance togather

1. Login ke blogger trus ke menu "Layout --> Edit HTML"
2. Beri tanda centang pada kotak "Expand Widget Templates"
3. Copy script berikut ini sebelum kode ]]></b:skin> atau copy ke dalam kode CSS.

.comment-body-author {
background: #E6E6E6; /* Warna Background */
border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted #223344;
margin:0;
padding:0 0 0 20px;
}

4. Kemudian cari kode2 seperti berikut. Mungkin kode yg ada di HTML kamu akan beda, tp walaupun beda usahakan semirip mungkin dengan kode berikut ini :

5. Kode yang berwarna merah adalah kode yang harus kamu tambahkan di HTML kamu. Posisinya harus benar, ingat itu.
6. Kalo sudah terus disave template kamu.

Comment author ini berdasarkan profil dari pemilik blog tsb. Jadi supaya efeknya muncul sebelum memberi komentar kamu harus login dulu di blogger. OK.
Oh ya ini bukan untuk komentar dari haloscan lho. Tapi hanya untuk kotak komentar yg dari blogger murni

Menampilkan Recent Comments (Komentar Terbaru)

By Edy

Pernak-Pernik

Menampilkan recent comments atau komentar terbaru fungsinya adalah supaya kita bisa dengan mudah mengetahui siapa yang baru saja memberikan komentar pada blog kita dan di postingan mana mereka berkomentar. Recent Comments ini bisa kita pasang di halaman utama blog kita.

Beginilah cara membuat Recent Comments (Komentar Terbaru):

1. Login ke blogger lalu pilih menu "Layout"
2. Kemudian copy script berikut ini :

- Angka 8 merupakan jumlah komentar yang mau ditampilkan.
- Ganti trik-tips.blogspot.com dengan nama blogmu.

3. Untuk menampilkanya di sidebar maka pilih "Add a Gadget --> HTML/Javascript" Lalu masukkan script diatas kedalam kotak yg disediakan.

Coba dilihat blogmu, langsung jadi deh. Oh ya recent comments ini bisa juga dipasang didalam "Tab View" seperti punyaku itu.

Menampilkan Recent Comments (Komentar Terbaru)

By Edy

Pernak-Pernik

Beginilah cara membuat Recent Comments (Komentar Terbaru):

1. Login ke blogger lalu pilih menu "Layout"
2. Kemudian copy script berikut ini :

Cara Menampilkan Recent Post (Postingan Terbaru)

By Edy

Pernak-Pernik

Kamu pingin nampilin postingan terbaru (Recent Post) kamu di side bar?

Kalo pingin, beginilah caranya :

1. Login to Blogger kemuduan pilih "Layout"
2. Klik pada "Page Element" trus pilih "Add a Gadget --> HTML/Javascript" (Tempatnya terserah kamu).
3. Copy kode berikut ini dan taruh dalam kotak "content".

4. Ganti YOURBLOGNAME dengan nama blog kamu.
5. Angka "10" menunjukkan jumlah "Recent Post" yang ditampilkan, kamu bisa menggantinya
6. Terus Simpan.

Nha coba lihat blog kamu, udah nongol kan "Recent Post" kamu...
Good..good..good

Cara Membackup Blog

By Edy

Pernak-Pernik

Setelah mengalami kejadian hilangya blog yang kemarin itu, ternyata baru tahu betapa pentingnya untuk membackup blog kita. Setelah mutar-mutar akhirnya nemu juga layanan untuk membackup blog kita, yaitu di blogbackuponline. Dengan layanan ini kita bisa dengan mudah membackup blog kita disana secara gratis. Tapi layanan ini hanya memberikan space sebesar 5 MB (kok sedikit ya).Tapi jangan khawatir walopun cuma 5 MB tapi aku rasa cukup untuk membackup data-data blog kita. Jika kita memposting rata-rata perpostingan itu 1000 karakter, maka itu cukup untuk membackup sampai 5000 postingan, lumayan kan. Tapi untuk yang versi FREE alias gratis kita tidak bisa membackup data berupa gambar dan video. Kita hanya bisa membackup artikel-artikel postingan kita saja.

Gimana? tertarik untuk membackup datamu? Caranya cukup mudah, yaitu:

1. Buka website https://www.blogbackuponline.com dan daftarkan diri kamu disana. Setelah mendaftar kamu akan mendapatkan kiriman email untuk mengaktifkan account km.
2. Kalo sudah aktif login ke website tersebut. Setelah login maka segera registrasikan alamat blogmu yaitu dengan cara mengklik tombol "Start Registering Your Blog".
3. Masukkan alamat blog km dalam kotak yang disediakan, kemudian klik tombol "Register Blog"
4. Setelah itu maka tunggulah proses backupnya. setelah itu pilih tombol "Start Full Backup", Selesai deh.

Trus caranya mengembalikan data kita gimana?
Untuk yang versi bayar, sangat mudah dan bisa dilakukan secara otomatis dengan memencet menu restore. Tapi untuk yang versi GRATIS, kita hanya bisa mendapatkan data-data postingan kita. Caranya masuk ke "Dashboard" trus klik tombol "Manage" setelah itu pilih menu "Content". Nha disitulah semua data-data postinganmu berada. Giamna lumayan kan, daripada harus mengetik ulang ampe membuat tangan gempor mending tinggal copy paste aja. Lagian apa kita ingat semua isi postingan kita? ya to?

OK Selamat Mencoba..........

Artikel yang berhubungan :

Tragedi Hilangnya Blog di Blogger

Cara Menuliskan Script/Kode Dalam Artikel Blog

By Edy

Pernak-Pernik

Untuk menuliskan script/kode kedalam artikel blog memang ada tekniknya sendiri, karena jika kita menuliskannya dengan cara yang biasa maka yang akan muncul kemudian di blog tidaklah seperti dengan apa yang kita tuliskan. Misalnya gini, jika kita menuliskan kode <head> dengan cara yang biasa maka hasilnya tidak akan muncul dalam postingan karena kode tersebut langsung diterjemahkan kedalam bahasa HTML. Jadi untuk menuliskan kode <head>, maka yang seharusnya dituliskan supaya bisa muncul kode tersebut adalah ini <head>. Nah terus bagaimana kalau ada banyak kode yang harus kita posting?

Mau tahu bagaimana caranya menuliskan kode2/script2 tersebut ke dalam blog?

Ada beberapa cara untuk menuliskan kode-kode tersebut kedalam blog, diantaranya yaitu:

Cara Pertama :
- Gunakan software-software web design, misalnya Macromedia Dreamwaver, Microsoft Frontpage, Namao Web Editor. Atau bisa juga dengan software-software blogtools seperti post2blog dll.
- Trus tuliskan semua kode pada area design, kemudian copy kode-kode tersebut dari area HTML Code. Nha kode-kode dalam area HTML Code tersebut lah yang harus diposting.

Cara Kedua :
- Tuliskan semua kode/script ke dalam notepad
- Kemudian ganti/replace kode-kode berikut

Kode	Kode Pengganti
<	<
>	>
"	"

- Udah tahu kan caranya mereplace di notepad? itu lho dengan memilih menu edit --> replace kemudian pada kotak yang muncul masukkan kode yg akan direplace pada kolom "Find what" trus masukkan kode pengantinya pada kolom "Replace with"trus tekan tombol Replace All.
- Nha kalo udah semua baru kamu copy semua kode yang udah direplace all tadi, trus kamu masukkan kedalam postingan kamu.

Cara Ketiga :
- Buka situs ini http://centricle.com/tools/html-entities, trus isikan kode-kode kamu kedalam kotak yang disediakan, nha kalo sudah tekan tombol "Encode", nha maka kamu akan mendapatkan script baru untuk diposting di blog kamu.

Piye? Gampang to? gitu aja kok repot.....ZUUBBB

Hal-hal Yang Harus Diperhatikan Dalam Mengganti Template Blogger

By Edy

Template

Blog adalah ibarat rumah kita, dan tentunya kita ingin blog tersebut tampil menjadil lebih cantik dan indah. Banyak cara yang dilakukan untuk membuat blog menjadi lebih cantik, diantaranya dengan menambah pernak pernik dan juga dengan mengganti tampilan/template blog. Jika kita mengganti template dengan template yang sudah disediakan blogger maka itu adalah cara yang paling mudah, tinggal pilih simpan langsung jadi. Namun template yang disediakan sangat sedikit dan tampilannya juga standar, sehingga kita seringkali mencari template lain yang lebih cantik, karena sekarang banyak sekali situs-situs yang menyediakannya dengan gratis. Namun jika kita menganti template dengan template lain yang disediakan oleh selain blogger, maka itu tidaklah semudah sebagaimana dengan menggunakan template yg disediakan blogger, karena ada beberapa efek sampingnya, diantaranya yaitu kamu akan kehilangan element2 kamu ato malah blog kamu jadi rusak. Nha berikut ini akan aku jelaskan hal-hal apa aja yang harus diperhatikan jika kamu pingin ganti template dengan jasa lain.

Pertama kamu harus membackup dulu tempalte kamu jika template baru kamu tidak berhasil diinstall, caranya masuk ke menu "Layout --> Edit HTML", trus klik link bertuliskan "Download Full Template" terus simpan file yang diberikan.

Kedua yaitu membackup elemen-elemen atau widget-widget yang sudah pernah kamu pasang, caranya gini, Masuk ke menu "Page Element", nha disitu kan banyak tuh element-element yang udah kamu pasang trus dibawahnya kan ada link bertiliskan "edit" klik link-link tersebut satu persatu, copy isi dari elemen itu dan taruh dalam notepad. Kalo kamu nanti dah ganti template dan mau memasang elemen-elemen tersebut tinggal copy dari notepad terus pasang di "add page elements".

Ketiga, jika template dan elemen-elemen sudah kamu backup langkah selanjutnya yaitu mengupload template yang sudah kamu download. Biasanya file template yang di download berextenxi "xml" tapi kadang-kadang ada juga yang berekstensi "zip atau rar", kalo begitu kamu harus mengekstraknya dulu sehingga kamu akan mendapat file berekstensi "xml". Trus gini cara ngaploadnya, Kembali ke menu "Edit HTML", trus disitu kan ada tombol "brows" klik tombol tersebut terus cari file template yg pingin kamu pakai sudah kamu download, trus klik tombol :upload".

Keempat, biasanya kamu akan mendapat konfirmasi seperti gambar dibawah ini, itu artinya elemen-elemen kamu akan dihapus. Klik tombol "Confirm & Save"

Kelima, jika ternyata yang muncul adalah seperti gambar dibawah ini maka itu artinya ada yang tidak beres dengan template kamu dan kamu tidak bisa memakai template tersebut di blog kamu, jadi kamu ganti aja dengan template yang lain.

Keenam, coba preview blog baru kamu, merasa sudah cocok ikuti langkah ketuju. Jika kamu mendapati ada gambar header yang sebelumnya kamu pake buat header masih muncul di template baru kamu dan posisinya sepertinya tidak cocok, maka kamu harus menghilangkannya dulu gambar header tersebut, caranya masuk kembali ke menu "Page Element", dibagian header coba kemu edit dan hapus gambar kamu. Jika di bagian header tidak ada link "edit" coba kamu ganti dulu templatenya dengan template yang disediakan oleh blogger dan kembali ke "Page Element" trus "edit dibagian header dan hapus gambar header kamu kemudian ikuti lagi langkah-langkah ketiga

Ketuju, Kembalikan elemen-elemen yang sudah kamu backup tadi sehingga kini kamu memiliki template baru dan elemen-elemen yang dulu tidak ilang.

Kedelapan, Selamat bermumet-mumet ZUB>>>

Cara Membuat Template di Blogger

By Edy

Template

Yak akhirnya jadi juga, seperti yang aku janjikan kemarin yaitu "Cara Membuat Template Blogger". Mulai dari mana ya? nnnngg..

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