Tanty Template Modification

Javascript Select and Copy

2011-01-03T06:14:00.000-08:00

Menggunakan Javascript select and copy (pada textarea) memungkinkan setiap pengunjung cukup sekali melakukan KLIK pada button yang disediakan, kemudian secara otomatis semua yang tertulis dalam area tersebut akan tercopy hingga pembaca atau pengunjung tinggal pastekan hasilnya. Sangat sederhana bentuknya dan dapat berfungsi dengan baik di Mozilla Firefox serta Internet Explorer. Anda dapat menyimpan javascript dan kode CSS-nya melalui Add a Gadget (di Page Elements) atau jika mau sedikit telaten hingga semua kode CSS terkumpul di satu tempat, silahkan simpan kode CSS-nya di atas ]]></b:skin>. Javascript bisa diletakkan di bawah kode ]]></b:skin> atau di bawah <head>. O, ya ..., jika anda ingin menyimpan kode CSS di atas kode ]]></b:skin>, jangan lupa untuk membuang tag pembuka <style type="text/css"> dan tag penutupnya </style>

Kode CSS Select and Copy

<style type="text/css">
a.copytubruk{
  padding:4px 8px;
  border:2px solid #555;
  border-radius:6px;
 -moz-border-radius:6px;
 -webkit-border-radius:6px;
  color:#0099FF;
  cursor:pointer;
  cursor:hand;
  font-weight:bold;
  text-decoration:none;
  background:url(http://i964.photobucket.com/albums/ae124/gubhugreyot/background/blueOrangeListV36H1.gif) top right repeat-x;
}
a.copytubruk:hover{
  color:red;
  background-position:bottom left;
}
textarea#txt1{
  background:#eee;
  color:#000033;
  font-family:Arial;
  font-size:12px;
  border:2px solid #444;
  border-radius:6px;
 -moz-border-radius:6px;
 -webkit-border-radius:6px;
  padding:15px 8px;
}
</style>

Javascript Select and Copy

<script type="text/javascript">
//<![CDATA[
function copyText(theId) {
var obj=document.getElementById(theId);obj.focus();obj.select();
copyToClipb(obj.value);}
function copyToClipb(txt) {
if (window.clipboardData) {
window.clipboardData.setData("Text", txt);}
else if (window.netscape){
netscape.security.PrivilegeManager.enablePrivilege('UniversalXPConnect');
var clip = Components.classes['@mozilla.org/widget/clipboard;1']
.createInstance(Components.interfaces.nsIClipboard);
if (!clip) return;
var trans = Components.classes['@mozilla.org/widget/transferable;1']
.createInstance(Components.interfaces.nsITransferable);
if (!trans) return;
trans.addDataFlavor('text/unicode');
var str = new Object();
var len = new Object();
var str = Components.classes["@mozilla.org/supports-string;1"]
.createInstance(Components.interfaces.nsISupportsString);
var copytext=txt;
str.data=copytext;
trans.setTransferData("text/unicode",str,copytext.length*2);
var clipid=Components.interfaces.nsIClipboard;
if (!clip) return false;
clip.setData(trans,null,clipid.kGlobalClipboard);
}
return false;
}
//]>
</script>

xHTML Select and Copy

Gunakan xHTML di halaman posting atau widget. Masukkan teks di antara tag pembuka <textarea> dan tag penutup </textarea>l;

<form style="text-align:center;">
<a href="#" onClick="copyText('txt1'); return false;" class="copytubruk">Copy text</a><br/>
<textarea id="txt1" cols="40" rows="8">
Memasang sebuah blog counter kini menjadi hal mendasar sangat teramat penting bagi sebuah blog atau web. Melalui widget semacam ini, terlebih seperti Histats Counter, akan memberi banyak keuntungan dalam aktifitas monitoring pergerakan kemajuan blog yang kita kelola dengan susah payah dan banyak pengorbanan. Detik demi detik perkembangan dan seluruh aktifitas pengunjung, jumlah pengunjung, domisili pengunjung hingga posting terfaforit bisa terlihat hanya dengan klik pada widget yang terpampang.
</textarea>
</form>

Rubah nilai row dan cols untuk merubah ukuran box textarea.

Tutorial Menarik Lain

Anda bisa mengikuti tutorial blogger yang super lengkap dan berisi ratusan tutorial dengan bahasa yang gampang dipahami lengkap dengan berbagai desain cantik CSS3 dengan membuka link di bawah ini:

2 Cara Menghapus Widget atau Gadget di Blogger - Blogspot

2010-12-19T07:15:00.000-08:00

Mengapus widget atau yang sering disebut juga sebagai gadget, bagi blogger yang sudah cukup lama terjun di dunia blogging dan suka othak-athik template memang bukan sebuah persoalan, namun bagi beberapa blogger yang baru dalam tahap pengenalan memang kadang terasa begitu sulit. Persoalan atau kesulitan ini biasanya muncul akibat rasa kekuatiran akan terjadinya sebuah kesalahan yang mungkin menyebabkan rusaknya desain blog ketika langkah penghapusan widget atau gadget coba dilakukan. Sesuatu hal yang teramat lumrah dan banyak dialami banyak sobat blogger yang lain. Kurangnya pemahaman tentang desain blog atau template memang jadi masalah bersama karena hampir semua blogger rata-rata tidak mempunyai latar belakang pemahaman desain blog atau kode HTML. Biasanya kemampuan untuk melakukan modifikasi melalui penambahan atau pengurangan kode html adalah hasil belajar secara otodidak ataupun melalui tutorial yang banyak terpostingkan dalam blog-blog yang fokus postingnya tentang kode HTML, javascript dan kode CSS disertai bentuk panduan serta tips dan trik.

Seperti yang telah tersampaikan di atas, penghapuysan widget atau gadget memang dapat dilakukan dengan 2 cara:

Melalui Page Elements (Elemen Laman) --> Add a Gadget (Tambah Gadget).
Menghapus widget melalui Elemen Laman merupakan cara termudah yang biasa dilakukan oleh blogger pada umumnya.
Melalui halaman Edit HTML. Beberapa blogger yang sudah cukup memahami tentang desain blog dan kode HTML acap kali melakukan penghapusan widget bukan melalui Elemen Laman namun justru dengan menghapus langsung widget dimaksud melui kode HTML-nya yang terdapat di halaman EDIT HTML. Penghapusan widget melalui halaman ini sebenarnya juga mempunyai kelebihan jika dibandingkan dengan cara pertama karena beberapa widget tertentu terutama yang berkaitan dengan FEED menjadi lebih mudah cara menghapusnya. Jika anda pernah menggunakan template hasil download (bukan bawaan blogger) maka suatu ketika pasti akan menjumpai sebuah widget bawaan template hasil download tadi yang berupa widget FEED. Jika anda ingin menghapus widget FEED ini melalui Page Elemen maka jalan yang mesti ditempuh jadi lebih njelimet dan berliku, namun ketika anda menghapusnya melalui halaman Edit HTML maka widget FEED akan terhapus dengan waktu super singkat tanpa prosedur berbelit.

Menghapus widget (gadget) melalui Elemen Laman (Page Elemen).

Login ke Blogger.
Setelah login anda akan menjumpai halaman Dasboard (Dasbor). Silahkan klik link Design (Rancangan).
Halaman selanjutnya yang terlihat adalah Page Elements (Elemen Laman). Lihat dan cermati widget yang akan di hapus. Jika anda telah memberikan nama pada setiap widget yang terpasang maka dengan cepat akan langsung terlihat nama widgetnya.
KLIK EDIT yang terletak disamping kanan nama widget.
KLIK HAPUS (DELETE) dan lanjutkan dengan klik SAVE (Simpan) yang terletak di ujung kanan atas halaman.

Menghapus widget (gadget) melalui halaman EDIT HTML.

Cara ke-2 ini memang lebih rumit bagi yang belum memahami desain blog dan kode HTML, namun kadang-kadang cara berbeda ini harus dilakukan juga agar kita lebih cepat memahami tentang kode-kode yang digunakan di template. Belajar dari hal-hal yang terlihat sederhana seperti yang akan kita lakukan ini pasti akan membuat anda secara tak langsung menjadi lebih mengenal desain dasar blog (template), terlebih dengan cara ke-2 ini widget seperti feed daapat dihapus dengan mudah dan cepat. Untuk memulainya, silahkan lakukan:

Login ke blogger seperti di atas, akan tetapi setelah klik DESIGN (Rancangan) langkah lanjutannya adalah klik link EDIT HTML.
Setelah masuk di halaman EDIT HTML jangan lupoa back-up template terlebih dahulu dengan klik Download Template Lengkap (Download Full Templates).
Simpan file templatenya di folder PC.
Cari dan temukan kode yang terlihat seperti di bawah ini. Kode yang nantinya terlihat akan sesuai dengan widget yang tersimpan di blog, demikian juga nama widgetnya. Sebagai contoh yang akan kita cari dan hapus adalah widget label (dengan nama widget misalnya Kategori). Gunakan Ctrl+F untuk mencari teks Kategori. Hasilnya seperti ini:

<b:section class='sidebar' id='newsidebar' preferred='yes'>
<b:widget id='Feed1' locked='false' title='Recent Posts' type='Feed'/>
<b:widget id='Label1' locked='false' title='Kategori' type='Label'/>
<b:widget id='BlogArchive2' locked='false' title='Arsip Blog' type='BlogArchive'/>
</b:section>

Silahkan hapus kode HTML berwarna oranye (dengan tulisan Kategori sesuai yang kita cari dan ingin hapus), hingga hanya tersisa kode seperti di bawah ini:

<b:section class='sidebar' id='newsidebar' preferred='yes'>
<b:widget id='Feed1' locked='false' title='Recent Posts' type='Feed'/>
<b:widget id='BlogArchive2' locked='false' title='Arsip Blog' type='BlogArchive'/>
</b:section>

KLIK SAVE Templates (Simpan Template).
Buka hasilnya dengan cek di halaman blog dan/atau Page Elements (Elemen Laman).
Jika anda kesulitan untuk menghapus feed seperti yang tersampaikan di bagian atas, lakukan saja dengan cara seperti ini. Ditanggung mudah, cepat dan amat praktis alias tidak terlalu bertele-tele.

Tutorial Menarik Lain

Anda bisa mengikuti tutorial blogger yang super lengkap dan berisi ratusan tutorial dengan bahasa yang gampang dipahami lengkap dengan berbagai desain cantik CSS3 dengan membuka link di bawah ini:

Free File Hosting: Upload File Gambar dan Javascrip di File Hosting Gratis www.fileave.com

2010-12-05T05:03:00.000-08:00

FileAve.com merupakan sebuah file hosting gratis yang memberi kesempatan blogger untuk menyimpan file hingga 50Mbyte. Sebuah kapasitas yang cukup besar jika menilik dari sifatnya yang "tanpa perlu bayar". FileAve.com memberi keleluasaan bagi kita untuk menyimpan beberapa jenis file seperti gambar/images (.jpg,.png dan .gif), javascript serta kode CSS. Cukup memenuhi syarat untuk menunjang aktifitas ngeblog dan mungkin tak perlu lagi untuk mencari file hosting gratis yang lain. Jika mungkin kita lakukan hanyalah sekedar untuk jaga-jaga (back-up) apabila pada suatu ketika terjadi sesuatu yang tidak diinginkan terhadap file tersimpan (banned spt yang terjadi pada tinypic) ataupun permasalahan yang mungkin menimpa FileAve.com (pailit, dst).

Untuk mendapatkan sebuah account baru di FileAve tidaklah sulit. Cukup melakukan registrasi dengan alamat email, user name, password maka sebuah account baru yang memungkinkan kita upload dan menyimpan file segera kita dapatkan.

Cara Daftar dan Resgistrasi di FileAve.com

Klik link berikut untuk memulai langkah pendaftaran dan registrasi.
http://www.fileave.com/
Klik SignUp, kemudian isi beberapa data pada untuk memenuhi persyaratan registrasi. Lihat contoh pada gambar di samping.
Jika anda hanya ingin sekedar mendapatkan account dan segera bisa menyimpan file tanpa memerlukan hal yang lain, silahkan langsung klik "SKIP".
Silahkan anda klik pada "Click here" seperti yang terlihat pada gambar di sebelah. Langkah ini diperlukan untuk "login".
Tuliskan User Name dan Password untuk melakukan "login".
Untuk memulai proses upload dan menyimpan file, klik "Files" yang terletak di sebelah kiri-atas.
Buat Folder setiap jenis file yang akan disimpan dengan menuliskan jenis filenya pada kolom yang tersedia, kemudian "Create Subfolder".
Setelah Subfolder selesai di buat, untuk memulai upload silahkan klik pada subfolder tersebut. Bila anda ingin membuat folder baru di dalam subfolder yang telah dibuat (anak subfolder) , setelah klik nama subfolder (javascript), buat dan isi nama untuk anak subfolder dan lanjutkan klik "Create Subfolder".
Beberapa nama yang mungkin dipergunakan sebagai subfolder seperti images (untuk gambar), CSS (untuk file kode css) dan beberapa nama lain sesuai kebutuhan anda.

Semoga bermanfaat!

Happy Blogging ....!

Tutorial Menarik Lain

Anda bisa mengikuti tutorial blogger yang super lengkap dan berisi ratusan tutorial dengan bahasa yang gampang dipahami lengkap dengan berbagai desain cantik CSS3 dengan membuka link di bawah ini:

Tips Menggunakan link jQuery - jquery.1.3.2.min.js

2010-11-02T00:50:00.000-07:00

Dari sekian banyak javascript, jquery merupakan satu javascript yang paling banyak digunakan blogger. Beberapa desain memanfaatkan berbagai jenis jquery yang telah tersedia, namun yang terbanyak digunakan sebagai dasar pembuatan desain adah jquery 1.3.2.js atau jquery.1.3.2.min.js. Sekalipun edisi terbaru telah direlease dalam bentuk jquery.1.4.2.js, dengan penambahan beberapa fungsi baru yang belum ada di jquery.1.3.2.js, jquery yang luar biasa (1.3.2.js) ini tetaplah menjadi javascript terfavorit. Disamping beban yang lebih enteng, jquery.1.3.2.js sudah sangat memenuhi syarat untuk dikembangkan dalam usaha menciptakan berbagai desain baru pelengkap blog, terlebih untuk blog yang bersifat umum yang tidak memerlukan desain khusus sebagai pelengkap tampilan.

Saat kita menggunakan sebuah desain dengan jquery, kita harus memahami fungsi yang tercipta. Banyak desain lama dan baru juga menggunakan jquery.1.2.6.js misalnya. Banyak desain yang memanfaatkan jquery.1.2.6.js sebenarnya bisa berfungsi sama dengan menggantinya dengan jquery.1.3.2.js. Jadi ketika anda harus menambahkan jquery.1.2.6.js, sementara blog sudah memasang jquery.1.3.2.js atau jquery.1.3.2.min.js, maka kenapa pula harus menambahkan jquery.1.2.6.js. Penambahan jquery baru seperti di atas sebenarnya sudah tidak diperlukan lagi karena fungsi sudah tercover melalui jquery.1.3.2.js. Demikian juga saat sebuah desain baru menggunakan jquery.1.4.2.js. Akan lebih baik seandainya anda coba dulu dengan memanfaatkan jquery.1.3.2.js yang sudah dimanfaatkan/terpasang. Jika cukup dengan jquery.1.3.2.js dan desain berjalan sempurna, maka jquery baru tidak diperlukan lagi. Menambah jquery baru sama artinya dengan menambah beban tak perlu yang akan semakin memperberat beban dan loading blog. Hal-hal yang seperti ini teramat sering terjadi dan umumnya disebabkan masih terbatasnya pemahaman blogger terhadap kode HTML, atau javascript. Satu hal yang wajar dan dapat dimaklumi karena 99% blogger tumbuh dan berkembang dari basic pengetahuan diluar desain blog.

Beberapa catatan di bawah ini mungkin bisa anda manfaatkan ketika menggunakan jquery, terutama jquery.1.2.6.js, jquery.1.3.2.js, jquery.1.4.1.js dan jquery.1.4.2.js.

jquery.js (tanpa min) dan jquery.min.js (menggunakan min), keduanya mempunyai kegunaan dan fungsi sama. Penggunaan "min" menandakan bahwa jquery tersebut telah di kompres (compress) hingga muatan atau bebannya telah terkurangi dengan tujuan untuk mempercepat waktu loading. Compress jquery dilakukan dengan menghilangkan beberapa keterangan dan spasi yang sebenarnya berfungsi untuk memudahkan pengguna saat membuat desain baru dengan memanfaatkan jquery. Kesimpulannya jika anda hanya sekedar pengguna lebih baik menggunakan jquery.min.js agar loading blog lebih cepat.
Saat sebuah desain baru ingin anda gunakan, dimana desain tersebut menggunakan jquery.1.2.6.js (atau min), jquery.1.4.1.js (atau min), dan jquery.1.4.2.js (atau min), maka lebih baik coba dulu menggunakan jquery.1.3.2.min.js. Apabila desain bisa bekerja secara sempurna dengan jquery.1.3.2.min.js, maka jquery dalam desain baru tersebut dapat di cover dengan menggunakan jquery.1.3.2.min.js.
Sebaliknya, bila ada sebuah desain baru hanya dapat berfungsi menggunakan jquery.1.4.2.js, maka sebaiknya seluruh desain yang menggunakan jquery.1.2.6.js, jquery.1.3.2.js atau jquery.1.4.1.js di coba dengan jquery.1.4.2.min.js. Apabila bisa berfungsi baik maka anda cukup gunakan jquery.1.4.2.min.js untuk meng-cover seluruh kebutuhan penggunaan jquery.
Demi lancarnya (mengurangi trouble) penggunaan jquery, sebaiknya gunakan link:
http://ajax.googleapis.com/ajax/libs/jquery/....../jquery.min.js
Pasanglah link jquery di atas tag pembuka <head> atau di bawahnya dengan posisi paling atas dibandingkan javascript yang lain. Jadi setelah link jquery baru diikuti link-link javascript yang lain.
Contoh:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script src="jqhorizaontal.js" type="text/javascript"></script>
<script src="jqtabcontent.js" type="text/javascript"></script>
......
......
dst

Jika sudah cukup memahami cara pencarian kode html dalam template dan pemasangan kode di luar penggunaan "Add a Gadget", sebaiknya simpan link jquery di atas atau di bawah kode <head> karena jika sebuah desain menggunakan jquery sebagai dasar pembuatan desain maka script desain baru harus selalu berada di bawah link jquery. Jika jquery sudah berada di atas atau di bawah kode <head>, maka secara otomatis semua script yang dibuat untuk sebuah desain baru akan selalu berada di bawah jquery yang link-nya terpasang di bagian teratas blog (dekat <head>).

Semoga bermanfaat!

Happy Blogging ....!

Tutorial Menarik Lain

Anda bisa mengikuti tutorial blogger yang super lengkap dan berisi ratusan tutorial dengan bahasa yang gampang dipahami lengkap dengan berbagai desain cantik CSS3 dengan membuka link di bawah ini:

Membuat Beberapa Efek dengan CSS3 di Widget Label Cloud Blogger

2010-10-27T03:41:00.000-07:00

Orang sering bilang bahwa keberbedaan itu membuat sesuatu menjadi indah. Keragaman berbagai sisi kehidupan, alam dan budaya juga membuat bangsa lain banyak tertarik terhadap bangsa kita. Oleh karena itu jika anda suka sesuatu yang tidak biasa atau berbeda dengan yang lain, dan anda salah satu yang selama ini menggunakan "widget Label Cloud Bawaan Blogger" atau mungkin ingin menggunakan tag cloud bawaan blogger-blogspot, satu perubahan menggunakan kode CSS3 akan membuat cloud sederhana ini terlihat berbeda dan lebih indah dari biasanya. Kita akan tambahkan beberapa efek baru berupa background-color, color, border serta animasi yang tercipta melalui CSS3 transition dan CSS3 transformation. Jadi ketika cursor menyentuh teks link di label cloud maka akan muncul sebuah background color secara perlahan. Bersamaan dengan itu maka terjadi pula perubahan color teks link sera munculnya border. Satu tambahan efek animasi yang tercipta dari CSS3 transition adalah bertambah besarnya teks link bersamaan dengan terlihatnya background, perubahan color dan border link. Cukup menarik dan aku kira cukup pantas untuk menghiasai blog anda.

Bagi yang belum menggunakan atau memanfaatkan widget label tag cloud bawaan blogger, anda bisa ikuti langkah berikut ini untuk memasangnya di blog.

Login : Login ke Blogger.
- Tuliskan Alamat Email
- Tuliskan Password
- KLIK Login.
Setelah halaman Dasboard terbuka, klik Design/Rancangan.
Sesaat setelah anda klik, maka akan terbuka Page Elemen/Elemen Laman. Silahkan klik Add a Gadget (yang bergaris putus-putus) di bagian sidebar kanan atau kiri.
Selanjutnya akan terlihat beberapa widget yang disediakan blogger, seperti Stats, Popular Posts, Archive serta beberapa yang lain termasuk Label.
Silahkan klik "Label". Tunggu hingga pilihan bentuk widget muncul.
Akan terlihat pilihan
Tampilkan : Daftar dan Cloud. Beri tanda/pilih Cloud.
KLIK SAVE/Simpan.
Buka blog dan lihat serta coba hasilnya.

Cara untuk memberi efek baru di widget label tag cloud

Jika pada langkah di atas, setelah Design/Rancangan anda klik Add a Gadget, maka untuk merubah tampilan tag cloud yang anda klik adalah "Edit HTML".
Sesaat setelah klik Edit HTML akan terlihat deretan Kode CSS dan xHTML penyusun blog.
Lakukan back-up Template terlebih dahulu dengan klik "Download Template Lengkap/Download Full Template. Simpan file template anda. File template ini bisa anda gunakan kembali bila diinginkan dengan klik Choose File-Unggah. Selain itu back-up template berfungsi untuk menjaga bila terjadi kesalahan saat modifikasi blog hingga template bisa dipulihkan seperti sebelumnya (Choose File-Unggah).
Cari kode ]]></bskin>. Gunakan Ctrl+F. Jika membutuhkan tutorial cara mencari kode, silahkan klik di sini!
Copy-paste kode CSS di atas ]]></bskin>.
KLIK SAVE Templates/Simpan Template kemudian buka blog untuk membandingkan hasil perubahan yang dilakukan.

Kode CSS

.cloud-label-widget-content span a{
       background:transparent;
       text-decoration:none;
       text-shadow:1px 1px 1px transparent;    
       padding:2px 5px;
       border:1px solid transparent;
       opacity:0.7;
      -o-transition:all 0.6s ease-in;
      -moz-transition:all 0.6s ease-in;
      -webkit-transition:all 0.6s ease-in;
}
.cloud-label-widget-content span:hover a{
       background:blue;
       color:white;
       text-decoration:none;
       text-shadow:1px 1px 1px #000;
       border:1px dotted red;
       opacity:1.0;    
       border-radius:3px;
      -moz-border-radius:3px;
      -webkit-border-radius:3px;
      -o-transform:scale(1.2);
      -moz-transform:scale(1.2);
      -webkit-transform:scale(1.2);
}

Keterangan

Desain baru ini akan bekerja secara maksimal di browser pendukung CSS3 terutama Opera dan Mozilla.
Anda dapat merubah color dan background supaya lebih pas dengan blog anda.
Bila anda ingin melihat demonya silahkan klik link di bawah ini. Lihat pada "Labels Cloud" di ujung bawah sebelah kanan!

D E M O

Semoga bermanfaat!

Happy Blogging ....!

Tutorial Menarik Lain

Anda bisa mengikuti tutorial blogger yang super lengkap dan berisi ratusan tutorial dengan bahasa yang gampang dipahami lengkap dengan berbagai desain cantik CSS3 dengan membuka link di bawah ini:

Cara Mengetahui dan Meningkatkan Harga Jual Blog

2010-10-23T21:12:00.000-07:00

Mungkin kata "Harga Jual Blog" masih terdengar cukup aneh di telinga. Namun di jaman seperti sekarang apa yang nggak bisa di jual? Semua bisa, bahkan blog pun ada harganya. Mengetahui nilai harga jual blog yang telah kita kelola, pelihara dan selalu dengan setia dijejali dengan posting serta kerap dijenguk amatlah wajar. Ini bisa kita gunakan tolok ukur seberapa besar kemajuan yang telah tercapai dibalik kelelahan tenaga dan pikiran serta besarnya pengorbanan yang diberikan selama membuat hingga menjadi seperti sekarang. Tentang bagaimana hubungan harga jual blog dan cara menjualnya, terus terang aku sama sekali tidak tahu (karena harga jual blog ini pun untuk saat ini sama sekali belum ada alias $0.00).

Kekecewaan setelah melihat harga jual blog, apabila memang belum ada harganya, tentu saja mengecewakan hati. Hal seperti ini hendaknya bukan menjadi pintu bagi patahnya semangat, namun harus menjadi cambuk agar dalam tempo secepatnya harga jual tersembul. Aku yakin bahwa selama komitmen untuk terus membangun tanpa kenal patah semangat terus terpupuk, pasti dalam tempo yang tak lama apa yang menjadi harapan akan segera terwujud. Mengetahui harga jual tak ubahnya ukuran seberapa besar prestasi yang telah tergapai di dunia blogger. Semakin mahal harga secara otomatis dibarengi dengan peningkatan prestasi dan popularitas, dan begitu pula sebaliknya.

Bagaimana cara meningkatkan harga jual atau secepatnya mendapatkan harga jual blog?

Banyak cara bisa kita lakukan agar prestasi ngeblog dan harga jual blog segera di dapat atau segera meningkat.

Tingkatkan rutinitas atau frekwensi posting.
Buat posting yang berkualitas.
Buat posting yang banyak disukai pengunjung blog.
Buat sebanyak mungkin posting original.
Gunakan domain yang mampu mensupport popularitas dengan cepat (misalnya yang depannya pakai www. atau gunakan beberapa domain berbayar yang terpercaya)
Lakukan promosi blog segencar mungkin, baik melalui blogwalking atau memberi komentar, face book, tweeter atau layanan promosi gratis yang banyak tersebar.
Buat blog sebanyak mungkin dan masukkan link antar blog atau lakukan tukar link (link exchange-banner exchange) dengan sesama blogger.
Buat tampilan blog yang menarik.
Usahakan blog mempunyai kecepatan loading yang baik.
Jangan lupa perbanyak lembur dan rajin berdoa serta berpuasa (kalau perlu setahun dua tahun puasa penuh).
Jika sudah berhasil jangan lupa ambil widgetnya dan pasang di blog. Hal seperti ini layak dilakukan sebagai "upah" atas "kinerja yang telah dilakukan".

Layanan untuk Mengetahui Harga Jual Blog

Jika ada di antara sobat yang mau mengetahui seberapa besar harga jual blognya, silahkan KLIK link di bawah ini. Cukup tuliskan alamat blog anda dan lanjutkan dengan KLIK Submit.

http://www.business-opportunities.biz/projects/how-much-is-your-twitter-worth/

Semoga bermanfaat!

Happy Blogging ....!

Tutorial Menarik Lain

Anda bisa mengikuti tutorial blogger yang super lengkap dan berisi ratusan tutorial dengan bahasa yang gampang dipahami lengkap dengan berbagai desain cantik CSS3 dengan membuka link di bawah ini:

Cara Membuat 2-dua Elemen Baru di Bawah Box Posting

2010-10-22T05:06:00.000-07:00

Membuat 2 buah Elemen baru di bawah Post Widget/box posting/kolom komentar pasti akan sangat bermanfaat bagi siapapun. Elemen baru ini bisa dimanfaatkan untuk berbagai widget, terutama widget yang berkaitan dengan posting, seperti recent posts, related posts atau popular posts. Dengan letak yang tak jauh dari box posting tentu menjadi sangat ideal sekali. Selain widget yang tersebut di atas, mungkin sampeyan juga bisa memindahkan widget profile, stats atau atau label/categories. Yah ..., kenapa tidak? Sesuatu yang baru selama tidak merugikan aku kira layak untuk di coba. E ... barangkali pas buat blog sampeyan?!

Membuat widget baru dengan posisi seperti di atas tidaklah sesulit yang dibayangkan. Sampeyan bisa membuatnya dalam waktu 1/2 jam hingga 1 jam. Waktu yang lumayan lama ini tak lepas dari upaya menciptakan elemen yang berukuran pas dengan lebar halaman posting. Yah ...., mungkin kita harus merubah ukuran lebar dalam beberapa kali percobaan agar ukuran ke-2 widget baru benar-benar tepat dan presisi dengan ruang yang tersedia, baik di page elements atau di halaman blog. Untuk membuatnya silahkan ikuti langkah berikut.

Cara Membuat Element Baru di Bawah Post Widget

Login : Login ke Blogger.
- Tulis User Name atau Alamat Email.
- Tulis Password/Kode Rahasia/Sandi.
- KLIK "Login".
Dasboard/Dasbor : Di halaman selanjutnya setelah klik "Login" akan terlihat halaman Dasboard. Cari dan klik "Design/Rancangan".
Design/Rancangan : KLIK "Edit HTML".
Edit HTML : Lakukan Back-up Templates.
- KLIK "Download Template Lengkap/Full Download Templates.
- Simpan file template di folder PC. Berikan nama yang mudah dikenali disertai waktu penyimpanan (misal.Modifikasi-OKT22-10) agar setiap kali back-up kita punya data template dengan kronologis yang terdata rapi.
- Kembali ke Halaman Edit HTML.
Cari kode ]]></b:skin>, kemudian copy dan pastekan di atas kode ]]></b:skin>.
Lanjutkan dengan mencari kode <b:section class='main' id='main' showaddelement='no'> Di bawah kode tersebut akan terdapat kode berikutnya dengan bentuk seperti ini:

<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
</b:section>

Letakkan xHTML tepat di bawahnya.
KLIK "SAVE Templates/Simpan Template".
Lihat hasilnya dengan membuka Page Elements/Element Laman. Bila penambahan kode berhasil dengan baik, maka akan terlihat dua buah element baru tepat di bawah Post Widget.
Coba gunakan untuk menempatkan widget dan lihat hasilnya dengan membuka blog.
Untuk percobaan sampeyan bisa menggeser (drag) widget profile dan satu widget yang lain untuk ditempatkan di elemen yang baru selesai dibuat.

Jika mungkin sampeyan ingin melihat seperti apa yang dimaksud dengan membuat 2 elemen baru di bawah boks posting, silahkan buka DEMO di bawah ini. Adapun element baru akan terlihat seperti gambar berikut.

D E M O

Lihat di bawah kolom komentar. Dua widget dalam elemen baru di bawah boks posting berupa Releted posts dan Recent Posts using jQuery-CSS3.

Kode CSS

#bawahpostingkiri, #bawahpostingkanan {
        word-wrap: break-word; 
        overflow: hidden;     
        padding: 0;
        margin: 0;
}
#bawahpostingkiri {
        float: left;
}
#bawahpostingkanan {
        float:right;
}
#bawahpostingL {
        margin:20px 5px 15px 0;
        padding:5px;
}
#bawahpostingR {
        margin:20px 0 15px 5px;
        padding:5px;
}
#bawahpostingL .widget, #bawahpostingR .widget {
        margin:0;
        padding:0
}
#bawahpostingL .widget {
        width:185px;
}
#bawahpostingR .widget {
        width:185px;
}

]]></b:skin>

xHTML

<div id='bawahpostingkiri'>
<b:section class='bawahpostingL' id='bawahpostingL' showaddelement='yes'/>
</div>
<div id='bawahpostingkanan'>
<b:section class='bawahpostingR' id='bawahpostingR' showaddelement='yes'/>
</div>

Contoh penempatan dan penyimpanan xHTMLxHTML

<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
</b:section>

<div id='bawahpostingkiri'>
<b:section class='bawahpostingL' id='bawahpostingL' showaddelement='yes'/>
</div>
<div id='bawahpostingkanan'>
<b:section class='bawahpostingR' id='bawahpostingR' showaddelement='yes'/>
</div>

Catatan/Keterangan

Kode yang berwarna kuning adalah kode yang terdapat di template. Silahkan simpan kode baru penambah 2 elemen dengan posisi seperti terlihat di atas.
Penambahan widget dengan ukuran width:185px; ini dilakukan di Template Tata Letak (Minima/Thisaway) dengan kondisi masih seperti aslinya, dimana lebar (width) pada post widget (#main-wrapper) sebesar 410px.
Jumlah lebar ke dua elemen baru berkisar lebar #main-wrapper atau #main-wrap dikurangi 40px s/d 60px. Dalam kode di atas jumlah lebar dua element baru = 185px + 185px = 370px. Lebar #main-wrapper = 410px.
Anda dapat merubah lebar kiri dan kanan dalam ukuran berbeda.
Akan lebih baik jika anda gunakan selisih yang cukup besar dengan main-wrap, baru kemudian setelah berhasil lebar pada elemen baru sedikit demi sedikit diperbesar hingga diperoleh ukuran tepat.
Periksa setiap perubahan yang dilakukan dengan melihat hasilnya di Elemen Laman dan halaman blog.
Untuk memudah cek hasil perubahan, gunakan elemen baru untuk wadah widget profile dan satu widget yang lain.

Semoga bermanfaat!

Happy Blogging ....!

Tutorial Menarik Lain

Anda bisa mengikuti tutorial blogger yang super lengkap dan berisi ratusan tutorial dengan bahasa yang gampang dipahami lengkap dengan berbagai desain cantik CSS3 dengan membuka link di bawah ini:

2 Cara Merubah Text Read More/Baca Selengkapnya di Blogger-Blogspot

2010-10-17T23:24:00.000-07:00

Cara mengganti atau merubah teks read more atau baca selengkapnya, yang setiap kali kita jumpai di banyak blog bisa dilakukan dengan dua cara.

Melalui Widget Post
Melakukan modifikasi di template.

Dua cara yang berbeda untuk merubah teks read more sebenarnya mempunyai tujuan yang sama, yaitu untuk membuat wajah read more yang berbeda melalui perubahan teks read more (baca selengkapnya). Kemudahan yang diberikan blogger untuk melakukan perubahan teks read more setidak-tidaknya akan memunculkan kreatifitas blogger untuk menuangkan kata yang variatif dan menarik hingga kesan "seragam" atau "monoton" dalam tampilan read more tak akan terjadi.

Dari dua pilihan perubahan yang bisa dilakukan, merubah teks read more melalui widget post merupakan cara termudah dan tercepat yang bisa dilakukan semua blogger. Perubahan dilakukan melalui "Page Element/Element Laman". Cara yang ke-2 (modifikasi) hanya dapat dilakukan melalui halaman "Edit HTML".

Merubah teks read more melalui widget post

Login : Gunakan User Name (Nama Pengguna) atau Alamat Email (Email Address) dan Password (Kode Rahasia/Sandi).
Dashboard/Dasbor : Setelah memasuki halaman Dasbor, klik "Design/Rancangan".
Design/Rancangan : Ketika halaman halaman ini terbuka, anda sudah masuk di Page Element/Elemen Laman. Halaman ini mempunyai ciri khusus dimana di dalamnya terdapat beberapa blok/box yang sebagian bergaris-putus-putus bertuliskan Add a Gadget yang terletak di bagian atas, tengah, kanan dan/atau kiri serta di bagian bawah. Dari sekian banyak blok penyusun pola dasar blog ini ada yang berukuran paling besar berada di tengah-tengah halaman. Inilah yang disebut sebagai widget post. KLIK pada bagian bawah yang bertuliskan Edit. Tunggu hingga sebuah window baru dengan judul "Mengkonfigurasi Posting Blog" yang di dalamnya berisikan beberapa variable yang berkaitan dengan posting terlihat (seperti gambar di bawah).
Rubah teks yang bertuliskan "Baca Selengkapnya dengan teks yang anda sukai.
KLIK "SAVE/Simpan".
Buka hasilnya dengan membuka halaman blog atau halaman blog yang sebelumnya sudah bertuliskan baca selengkapnya/read more.
Selesai!

Catatan:

Jika tanda panah di sebelah kanan terhapus dan anda ingin mengembalikan tanda panah ke bentuk semula, tambahkan kode » (setelah teks pengganti read more/baca selengkapnya).
Anda dapat juga mengganti dengan tampilan yang lain seperti misalnya gambar "♣" (kode = &clubs;) atau mungkin seperti ini " ♠" (kode = &spades;).

Merubah teks read more melalui halaman Edit HTML

Perubahan yang dilakukan melalui halaman "Edit HTML" akan meniadakan fungsi perubahan melalui "widget post". Supaya fungsi perubahan teks read more melalui "widget post" dengan mudah dapat dikembalikan ke bentuk semula, modifikasi yang kita lakukan tidak akan menhapus kode yang berfungsi untuk menampilkan teks read more bawaan template. Kode ini akan kita buat tetap pada tempatnya dan untuk mematikan fungsinya kita akan sembunyikan dengan kode tertentu.
Langkah yang harus dilakukan untuk perubahan teks read more sebagai berikut:

Setelah tadi anda login hingga sampai di "Page Elements", lanjutkanlah dengan KLIK "Edit HTML".
KLIK Download Template Lengkap untuk melakukan "backup template". Simpan file template di folder PC.
Setelah file tersimpan dengan baik, cari kode <data:post.jumpText/>.
Ganti kode dengan kode di bawah.
KLIK SAVE Templates/Simpan Template.
Buka blog dan lihat hasilnya!

Tulis teks pengganti read more di sini!

Setelah perubahan maka bentuk kode di sekitar kode tersebut seperti di bawah ini:

<div class='jump-link'>
        <a expr:href='data:post.url + "#more"' expr:title='data:post.title'>
Tulis teks pengganti read more di sini!<!--<data:post.jumpText/>--></a>
      </div>

Keterangan:

Ganti "Tulis teks pengganti read more di sini!" dengan dengan teks read more yang baru.
Jika ingin mengembalikan fungsi kode kebentuk semula, hapus teks pengganti read more dan kode

Semoga bermanfaat!

Happy Blogging ....!

Tutorial Menarik Lain

Anda bisa mengikuti tutorial blogger yang super lengkap dan berisi ratusan tutorial dengan bahasa yang gampang dipahami lengkap dengan berbagai desain cantik CSS3 dengan membuka link di bawah ini:

Menampilkan Nama dan Photo Blogger di Setiap Posting

2010-10-14T14:19:00.000-07:00

posted by: Tanty Maharani »

posted by: Tanty Maharani Photo disamping merupakan satu hasil modifikasi pada template blog. Anda dapat mencobanya dengan menambahkan kode HTML baru di dalam template, baik untuk menampilkan nama author, photo author atau sekaligus dua-duanya disetiap posting di depan huruf pertama posting dan di atas posting. Untuk photo author akan berada di depan teks pertama posting, sedang nama author berada di atar posting persis. Jika anda ingin menampilkan nama author di depan teks pertama posting, maka cukup dilakukan dengan merubah tag p menjadi span dan tambahkan padding-right:10px;.

Agar photo author atau photo blogger tidak terlalu memenuhi halaman posting yang membuat tampilan blog justru kurang menarik, anda bisa menggunakan photo yang berukuran kecil (thumbnail/avatar) dengan ukuran sekitar 40px x 60px .

Kode HTML-1 : Menampilkan Nama Author di Atas Posting

<p style='font-weight:bold;font-style:italic;color:blue;border-bottom:1px dotted #555;margin-bottom:5px;'>posted by: Tanty Maharani </p>

Anda bisa rubah warna teks (pada: color:blue;) agar sesuai dengan warna halaman posting!

Kode HTML-1 : Menampilkan Photo Author di Depan Posting

Ganti Kode URL dan teks yang berwarna kuning!

Kode HTML-1 : Menampilkan Nama Author di Depan Posting

<span style='font-weight:bold;font-style:italic;color:blue;border-bottom:1px dotted #555;padding-right:10px;'>posted by: Tanty Maharani </span>

Cara Menggunakan Kode/Menyimpan kode HTML di Template

Login : Gunakan User Name (Nama Pengguna) atau Alamat Email (Email Address) dan Password (Kode Rahasia/Sandi).
Dashboard/Dasbor : Setelah memasuki halaman Dasbor, klik Design/Rancangan.
Design/Rancangan : Anda akan masuk ke Page Element/Elemen Laman. Carilah link Edit HTML, kemudian klik link tersebut.
Edit HTML :
- Klik Download Template Lengkap (Full Download Templates).
- Simpan file template di folder PC.
- Kembali ke Edit HTML.
KLIK Expand Widget Templates, kemudian Cari kode
<data:post.body/>. Untuk mempermudah dan mempercepat pencarian kode anda bisa gunakan Ctrl+F.
Letakkan Kode HTMl tepat di depan kode di atas.
KLIK Simpan Template/SAVE Template!

Contoh Posisi Kode: Nama Author di atas Posting

<p style='font-weight:bold;font-style:italic;color:blue;border-bottom:1px dotted #555;margin-bottom:5px;'>posted by: Tanty Maharani </p>
<data:post.body/>

Contoh Posisi Kode: Photo Author di Depan Posting

<a href="http://tantytm.blogspot.com/" target="_blank" title="Click me, please!"><img style="float:left;width:43px;height:56; margin:0 8px 5px 0;padding:2px;border:3px solid #555;background:#777;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;" src="http://i41.tinypic.com/352oqab.gif" /></a><data:post.body/>

Ganti nilai width dan height untuk merubah tinggi dan lebar photo!

Contoh Posisi Kode: Nama Author di Depan Posting

<span style='font-weight:bold;font-style:italic;color:blue;border-bottom:1px dotted #555;padding-right:10px;'>posted by: Tanty Maharani </span><data:post.body/>

Contoh Posisi Kode: Nama dan Photo Author di Depan Posting

Semoga bermanfaat!

Happy Blogging ....!

Tutorial Menarik Lain

Anda bisa mengikuti tutorial blogger yang super lengkap dan berisi ratusan tutorial dengan bahasa yang gampang dipahami lengkap dengan berbagai desain cantik CSS3 dengan membuka link di bawah ini:

Keuntungan dan Cara Membuat Link Demo

2010-10-14T12:04:00.001-07:00

Beberapa blog sangat memerlukan sebuah link demo untuk menampilkan "sebuah fungsi ataupun bentuk lain yang tak mungkin di tampilkan di halaman posting (blog) karena berbagai hal, seperti misalnya beban yang teramat besar (baik ukuran ataupun kode yang digunakan). Untuk membuat sebuah bentuk DEMO, maka kita harus membuat blog baru yang khusus diperuntukkan untuk menampilkan segala sesuatu yang tak mungkin ditampilkan di blog. beberapa keuntungan akan diperoleh blogger dengan pemanfaatan blog baru sebagai demo, bahkan jika anda membuatnya dalam jumlah yang cukup banyak maka beberapa keuntungan bisa didapatkan sekaligus.

Menciptakan link baru bagi blog utama. Dengan adanya satu atau beberapa link demo maka secara otomatis blog utama mempunyai beberapa buah link yang bermanfaat untuk percepatan peningkatan popularitas. Tentu saja dalam blog demo ini harus ditambahkan sedikit teks artikel serta link untuk kembali ke blog utama.
Meringankan beban (loading) blog utama. Jika anda memuat posting tentang tutorial atau banyak menggunakan gambar untuk visualisasi materi posting, maka anda cukup menampilkan gambar yang berukuran besar atau demo tutorial di blog demo. Blog utama cukup di isi dengan gambar/image yang berukuran kecil sehingga beban loading blog akan tetap enteng. Bila hal ini berkaitan dengan tutorial kode HTML, maka dengan demo di blog lain secara otomatis tidak akan terlalu banyak kode CSS, javascript atau xHTML yang harus dijejalkan di blog utama.
Keuntungan ekonomis. Dalam blog yang menyertakan iklan/adsense blog demo akan menjunjang penghasilan blogger karena akan banyak ruang/tempat untuk menampilkan adsense.
Meningkatkan semangat posting. Dengan beberapa blog yang dimiliki membuat blogger punya lebih banyak tanggung jawab "untuk menyentuh" setiap blog yang dimiliki karena selalu berkaitan dengan posting di blog utama. Ini akan membuat rutinitas posting menjadi lebih tinggi. Apabila adsense sudah mulai berjalan, penghasilan yang diperoleh pasti akan lebih meningkatkan antusiasme posting/mengelola blog.

Cara Membuat Link Demo

Dalam setiap posting anda cukup membuat sebuah link menuju ke blog/posting demo.
Cara membuatnya bisa dibolak-balik. Membuat demonya terlebih dahulu atau membuat posting utamanya terlebih dahulu.
Buatlah judul antara blog utama dan demo dengan kata-kata yang berbeda untuk menangkap pilihan pencarian pengunjung dan search engine. Atau anda dapat membuat judul posting dalam bahasa Indonesia dan bahasa Inggris agar posting anda lebih "mendunia".
Buatlah demo sebaik mungkin hingga siapapun yang melihat akan tertarik untuk membaca tutorial/posting di blog utama. Hal seperti ini sangat mutlak diperlukan karena demo yang tidak menarik membuat pengunjung malas untuk membuka blog utama tempat dimana artikel atau tutorial terpostingkan.

Bentuk link D E M O

Link di blog utama dan blog demo

Blog utama: http://tantytm.blogspot.com

Blog demo: http://tantytmdemo.blogspot.com

Link Posting di blog utama: http://tantytm.blogspot.com/2010/08/membuat-text-shadow-dengan-jquery-text.html

Link Posting di blog demo: http://tantytmdemo.blogspot.com/2010/08/text-shadow.html

Link di blog Utama

Link di blog DEMO

<a href="http://tantytm.blogspot.com/2010/08/membuat-text-shadow-dengan-jquery-text.html" title="Kembali ke Posting!">Kembali ke tutorial!</a>

URL di ambilkan dari judul posting di blog utama dan blog demo.
Link di blog utama diletakkan di bagian posting yang yang paling strategis.
Link di blog demo untuk kembali ke tutorial/posting diletakkan di bawah demo.

Semoga bermanfaat!

Happy Blogging ....!

Tutorial Menarik Lain

Anda bisa mengikuti tutorial blogger yang super lengkap dan berisi ratusan tutorial dengan bahasa yang gampang dipahami lengkap dengan berbagai desain cantik CSS3 dengan membuka link di bawah ini:

2 (dua) Cara Menghilangkan Navbar Blogger-Blogspot

2010-10-14T09:18:00.000-07:00

Sekalipun sebenarnya navbar yang terletak di bagian teratas blog mempunyai kegunaan, namun bagi banyak blogger, navbar dipandang mengganggu tampilan blog hingga berupaya untuk dibuang, disembunyikan, dihapus atau dihilangkan. Sebuah tindakan yang teramat wajar jika menilik betapa teramat sedikit blogger maupun pengunjung blog yang memanfaatkan navbar saat beraktifitas di sebuah blog. Ada beberapa cara untuk menghilangkan navbar blogspot ini, namaun dari sekian banyak cara, 2 cara ini dipandang paling efektif dan umum digunakan para blogger.

Navbar dihapus total dari halaman blog:

Dengan cara ini maka navbar tak akan terlihat sama sekali karena display navbar dibuat menghilang serta ketinggian navbar dibuat dalam nilai 0 (nol).
Navbar disembunyikan:

Navbar sepertinya hilang, namun sebenarnya hanya sekedar disembunyikan. Cara yang kedua ini banyak dikenal dengan istilah sebagai navbar tersembunyi, navbar otomatis atau navbar rahasia. Untuk membuat navbar dalam bentuk seperti ini kita memanfaatkan opacity effects sebagai cara untuk membuat efek transparansi hingga pada saat sebuah blog dibuka seakan akan navbar tidak ada. Navbar akan terlihat hanya pada saat mouse/cursor disentuhkan pada posisi dimana navbar berada (ujung atas blog).

Contoh bentuk Navbar Otomatis/Rahasia

Sentuhkan cursor di bawah ini!

Untuk model yang pertama tidak ada demonya karena anda bisa melihat dibeberapa blog yang ada banyak yang tanpa navbar.

Navbar Hilang Total

Kode CSS

#navbar-iframe {
       display: none;
}

Navbar Hanya disembunyikan

Dengan kode CSS ini maka navbar secara otomatis akan terlihat ketika cursor menyentuh bagian navbar. Ini hanya berfungsi normal di luar Internet Explorer. Dengan kode CSS di bawah, maka di IE navbar tak akan terlihat. Jika anda ingin navbar tetap terlihat, hilangkan kode:

filter:alpha(opacity=0);

Kode CSS

#navbar-iframe {
       opacity:0;
       filter:alpha(opacity=0);
}
#navbar-iframe:hover {
       opacity:10;
}

Cara Menggunakan kode CSS

Silahkan pilih salah satu model untuk menghilangkan navbar dengan menyimpan salah satu kode CSS sesuai pilihan anda!

Cara Menyimpan Kode CSS di atas ]]></b:skin>

Login : Login ke Blogger/Login to Blogger.
- Tulliskan User Name/Nama Pengguna pada box yang telah disediakan. Selain User Name anda dapat juga menggunakan Alamat Email/Email Address.
- Lanjutkan dengan menuliskan Password/Kode Rahasia/Sandi.
- Setelah semua di isi dengan benar, KLIK Login
Dasboard/Dasbor : Halaman dasbor ini akan terlihat sesaat setelah klik login. Temukan link Design/Rancangan. KLIK lin tersebut, kemudian tunggu beberapa saat hingga terlihat halaman baru "Page Elements/Elemen Laman" yang merupakan bagian dari Design/Rancangan.
KLIK link Edit HTML.
Di depan anda akan terlihat deretan kode HTML. Disinilah kode ]]></b:skin> tersimpan. Cari kode tersebut dengan menggunakan Ctrl+F. Jika mengalami kesulitan tentang penggunaan Ctrl+F, silahkan buka tutorial tentang masalah ini dengan membuka link berikut: Panduan cara Mencari Kode HTML di Template
Letakkan kode CSS tepat di atas kode ]]></b:skin>.
KLIK SAVE Templates/Simpan Template..
Buka blog anda untuk melihat hasilnya!

Contoh penempatan kode CSS di atas ]]></b:skin>

#navbar-iframe {
       opacity:0;
       filter:alpha(opacity=0);
}
#navbar-iframe:hover {
       opacity:10;
}

]]></b:skin>

Semoga bermanfaat!

Happy Blogging ....!

Tutorial Menarik Lain

Anda bisa mengikuti tutorial blogger yang super lengkap dan berisi ratusan tutorial dengan bahasa yang gampang dipahami lengkap dengan berbagai desain cantik CSS3 dengan membuka link di bawah ini:

Tips Penting Cara Simpan Kode CSS di Template

2010-10-13T23:42:00.000-07:00

Menyimpan kode CSS sepertinya hanya persoalan sepele. Sesuatu yang terkadang membuat kita tidak cermat dan berhati-hati. Masalah penempatan terutama. Masih banyak blogger yang belum mengetahui secara tepat bagaimana tempat dan cara yang paling tepat untuk menyimpan kode CSS di template, baik melalui halaman "Edit HTML" atau menggunakan Add a Gadget yang terletak di "Page Elements/Elemen Laman". Ketidak tahuan ini sebenarnya tidaklah berbahaya bagi desain blog, akan tetapi sering terjadi sebuah desain HTML baru yang sebenarnya hendak dipakai atau diterapkan di blog ternyata tidak berfungsi sebagaimana yang diharapkan. Persoalan ini sepanjang seluruh kode CSS sudah ditulis dengan benar, sebenarnya terjadi pada penggunaan tag style yang terdiri dari tag pembuka (<style type="text/css">) dan tag penutupnya (</style>).

Rahasia kecil penggunaan tag style

Gunakan tag style saat menyimpan kode CSS di bawah kode ]]></b:skin>.
Gunakan juga tag style saat penyimpanan kode CSS dilakukan melalui Add a Gadget/Tambah Gadget (Widget HTML/Javascript).
Jangan gunakan tag style saat kode CSS disimpan di atas kode ]]></b:skin>.
Untuk kode CSS yang telah di upload di file hosting, gunakan kode seperti berikut untuk menyimpan di template. <link href="URL CSS" rel="stylesheet" type="text/css" />. Penyimpanan bisa dilakukan di atas kode <head> atau melalui Add a Gadget/Tambah Gadget.

Cara Menyimpan Kode CSS di atas ]]></b:skin>

Login : Login ke Blogger/Login to Blogger.
- Tulliskan User Name/Nama Pengguna pada box yang telah disediakan. Selain User Name anda dapat juga menggunakan Alamat Email/Email Address.
- Lanjutkan dengan menuliskan Password/Kode Rahasia/Sandi.
- Setelah semua di isi dengan benar, KLIK Login
Dasboard/Dasbor : Halaman dasbor ini akan terlihat sesaat setelah klik login. Temukan link Design/Rancangan. KLIK lin tersebut, kemudian tunggu beberapa saat hingga terlihat halaman baru "Page Elements/Elemen Laman yang merupakan bagian dari Design/Rancangan.
KLIK link Edit HTML.
Di depan anda akan terlihat deretan kode HTML. Disinilah kode ]]></b:skin> tersimpan. Cari kode tersebut dengan menggunakan Ctrl+F. Jika mengalami kesulitan tentang penggunaan Ctrl+F, silahkan buka tutorial tentang masalah ini dengan membuka link berikut: Panduan cara Mencari Kode HTML di Template
Letakkan kode CSS tepat di atas kode ]]></b:skin>.
KLIK SAVE Templates/Simpan Template..

Contoh penempatan kode CSS di atas ]]></b:skin>

.post-body {
        height: 400px;
        overflow: auto;
        overflow-x: hidden;
        margin: 0;
        padding: 0 10px 0 0;
}

]]></b:skin>

Cara Menyimpan Kode CSS di bawah ]]></b:skin>

Penyimpanan kode CSS di bawah kode tersebut harus menggunakan tag style, sedang langkah untuk melakukan proses penyimpanan kode seperti langkah di atas.

Contoh posisi kode CSS saat di simpan di bawah kode ]]></b:skin>:

]]></b:skin>

<style type="text/css">
.post-body {
        height: 400px;
        overflow: auto;
        overflow-x: hidden;
        margin: 0;
        padding: 0 10px 0 0;
}
</style

Cara Menyimpan Kode CSS melalui Add a Gadget (Tambah Gadget)

Untuk menyimpan kode kode CSS melalui Add a Gadget, langkah yang harus ditempuh sama dengan di atas.

Setelah login hingga terlihat "Page Elements/Elemen Laman". Di halaman ini terdapat beberapa box yang sebagian bergaris putus-putus dengan tulisan Add a Gadget/Tambah Gadget. KLIK pada bagian tersebut dan tunggu hingga terbuka window baru.
Add a Gadget : Ada beberapa widget yang disediakan Blogger. Cari dan klik widget HTML/Javascript.
Setelah box penyimpanan kode terlihat, pastekan kode CSS di sini. Apabila kode CSS yang akan disimpan belum menggunakan tag style, anda harus menambahkannya sehingga bentuknya akan seperti di bawah ini.
KLIK SAVE/Simpan setelah kode ditulis dengan benar

Contoh penyimpanan kode melalui Add a Gadget:

<style type="text/css">
.post-body {
        height: 400px;
        overflow: auto;
        overflow-x: hidden;
        margin: 0;
        padding: 0 10px 0 0;
}
</style>

Kode CSS dalam bentuk link (telah di upload di file hosting)

Anda dapat menyimpan file kode CSS ini melalui Add a Gadget atau di atas kode <head> yang terletak di bagian teratas template. Untuk mencari kode tersebut anda juga bisa memanfaatkan "Ctrl+F". Pproses penyimpanan seperti cara yang sudah dilakukan di atas.

Di atas <head>

Contoh penempatan link kode CSS:

<link href="http://stashbox.org/958324/file.css" rel="stylesheet" type="text/css" />

<head>

Untuk penyimpanan melalui Add a Gadget, anda langsung masukkan link ke dalam box dan lanjutkan KLIK SAVE/Simpan.
Contoh bentuk file kode CSS:

<link href="http://stashbox.org/958324/file.css" rel="stylesheet" type="text/css" />

Semoga bermanfaat!

Happy Blogging ....!

Tutorial Menarik Lain

Anda bisa mengikuti tutorial blogger yang super lengkap dan berisi ratusan tutorial dengan bahasa yang gampang dipahami lengkap dengan berbagai desain cantik CSS3 dengan membuka link di bawah ini:

Tampilkan Posting dg Scroll Bar dan Scroll Box

2010-10-13T18:23:00.000-07:00

Scroll Bar tidak hanya bisa digunakan di widget sidebar blog seperti yang biasa kita lihat. Bila kita mau, halaman posting bisa dibuat dalam bentuk scroll. Ada dua kemungkinan menempatkan sebuah scroll bar di posting blog.

Membuat seluruh posting dalam sebuah bingkai scroll box.
Hanya satu atau beberapa bagian posting yang terwadahi dalam scroll box.

Kedua model di atas, kedua-duanya harus dibuat dengan bantuan kode CSS supaya lebih mudah dan cepat dalam penulisan kode di halaman posting (di Mode Posting Edit HTML). Sekalipun demikian jika anda mau sedikit repot bisa juga kode HTMLnya dituliskan di halaman posting.

Pada model Scroll Bar yang pertama, seluruh posting akan terwadahi dalam scroll box. Tentu saja hanya pada artikelnya saja. Untuk judul posting, dia akan tetap pada posisi semula. Penggunaan model ini mengharuskan kita untuk membatasi tinggi scroll box supaya scroller dapat dibuat dan difungsikan. Ketinggian box sebaiknya dibuat dengan ketinggian minimal 400px agar halaman posting tidak terlalu pendek. Keuntungan posting dengan memanfaatkan scroll bar terutama akan terasakan bagi blogger yang sering membuat posting dengan artikel panjang lebar. Dengan pembatasan ketinggian scroll bar ini maka pengunjung atau pembaca blog tidak perlu menggulung halaman posting hingga ujung terbawah.

Model yang ke dua lebih fleksibel karena kita bisa memilih beberapa bagian tertentu dari posting untuk dimasukkan dalam scroll box. Beberapa "bagian posting yang khusus/special" mungkin bisa terwadahi di sini.

Untuk membuatnya cukup sederhana karena hanya beberapa kode saja yang diperlukan, akan tetapi jika scroll bar akan dibuat dalam bentuk yang lebih bervariasi, anda bisa tambahkan beberapa kode CSS seperti background-color, background-image, border, border radius, padding serta beberapa kode yang lain.

Scroll bar untuk seluruh posting

Menggunakan Kode HTML di Halaman Posting

Apabila kita hanya akan menggunakan di saat-saat tertentu saja, kita dapat gunakan secara langsung kode HTML-nya di halaman posting. Kode HTML-nya seperti terlihat di bawah ini:

<div style="height:400px;overflow:auto;overflow-x:hidden;padding:0 10px 0 0;margin:0;">
Tempatkan Posting di sini!
</div>

Anda juga bisa menambahkan beberapa kode CSS lain untuk membuat tampilan berbeda hingga akan terbentuk sebuah scroll box. Kodenya HTML-nya seperti berikut:

<div style="height:400px;overflow:auto;overflow-x:hidden;margin:4px;border:2px solid #888;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;padding:10px 8px;margin:3px;background:#111;">
Tempatkan Posting di sini!
</div>

Jika anda ingin menggunakan cara yang lebih praktis, silahkan gunakan kode CSS dan simpan di atas kode ]]></b:skin>

Kode CSS Scroll Bar Posting Blog

.post-body {
        height: 400px;
        overflow: auto;
        overflow-x: hidden;
        margin: 0;
        padding: 0 10px 0 0;
}

Kode CSS Scroll Box Posting Blog

Kode CSS yang ke-2 ini digunakan apabila dihalaman posting kita buat dalam bentuk sebuah box seperti yang terlihat di halaman ini, atau seperti pada kode HTML yang ke-2 di bagian atas.

.post-body {
        height: 400px;
        overflow: auto;
        overflow-x: hidden;
        margin: 0;
        padding: 10px 8px;
        border:2px solid #888;
        border-radius:8px;
       -moz-border-radius:8px;
       -webkit-border-radius:8px;
        background:#111;
        box-shadow:-1px -1px 1px #eee, 1px 1px 10px #fff;
       -moz-box-shadow:-2px -2px 2px #eee, 2px 2px #eee, 1px 1px 10px #fff;
       -webkit-box-shadow:-2px -2px 2px #eee, 1px 1px 10px #fff;
}

Keterangan

Jika anda menggunakan kode CSS yang ke-2, warna background yang digunakan harus mendekati warna background halaman posting agar tampilan teks tidak kacau balau!
Anda tidak perlu menambahkan lagi kode baru yang berkaitan dengan scroll bar atau scroll box. Posting tinggal dilakukan seperti biasa.
Jika menghendaki perubahan tinggi scroll bar atau scroll box, rubahlah nilai height:400px; dengan nilai yang lain!

Scroll Box untuk beberapa bagian tertentu dari posting

.scrollpost {
        height: 200px;
        overflow: auto;
        overflow-x: hidden;
        margin: 15px 0;
        padding: 10px 8px;
        border:2px solid #888;
        border-radius:8px;
       -moz-border-radius:8px;
       -webkit-border-radius:8px;
        background:#111;
        box-shadow:-1px -1px 1px #eee, 1px 1px 10px #fff;
       -moz-box-shadow:-2px -2px 2px #eee, 2px 2px #eee, 1px 1px 10px #fff;
       -webkit-box-shadow:-2px -2px 2px #eee, 1px 1px 10px #fff;
}

Keterangan

Untuk menggunakan scroll Box, gunakan kode berikut di halaman posting:

<div class="scrollpost">
Tempatkan posting yang akan di masukkan scroll box di sini!
</div>

Cara Menyimpan Kode CSS

Login : login ke blogger terlebih dahulu.
Setelah Dasboard/Dasbor terlihat, klik "Design/Rancangan".
Lanjutkan dengan klik "Edit HTML".
Cari kode ]]></b:skin>.
Copy-paste kode CSS letakkan persis di atas kode tersebut.
SAVE Templates/Simpan Template : klik, kemudian buka halaman posting dan cobalah untuk membuat sebuah posting!

Tutorial Menarik Lain

Anda bisa mengikuti tutorial blogger yang super lengkap dan berisi ratusan tutorial dengan bahasa yang gampang dipahami lengkap dengan berbagai desain cantik CSS3 dengan membuka link di bawah ini:

Cara Buat Posting Gambar Lebih Menarik, Cantik,Mudah dan Cepat dengan Kode CSS

2010-10-13T16:29:00.002-07:00

Posting gambar terhitung paling njelimet saat kita posting di "Mode Posting Edit HTML". Ini setimbang dengan hasil yang kita dapatkan di output blog. Dengan menambah beberapa kode HTML yang tak mungkin dilakukan jika hanya memanfaatkan "Posting Mode Tulis/Compose", maka gambar/image Posting menjadi tampil lebih cantik dan rapi.

Mengandalkan membuat kode HTML tambahan untuk gambar di halaman posting tentulah membuat halaman posting jadi berjubel bagai naik bis kota. Itupun masih ditambah dengan pusingnya kepala bila ada satu atau beberapa kode tertulis salah atau tak lengkap. Penerbitan posting kemudian harus dilakukan berulangkali karena kesalahan yang kode tersebut. Bila mata sudah mengantuk dan badan terasa lelah serta pikiran sudah mulai kendor, biasanya rasa jengkel meluap seketika. Bagaimana mengatasi rumitnya kode HTML saat posting? Akankah setiap kali kita akan selalu dihadapkan dengan persoalan seperti ini tanpa pernah punya solusi?

Kode CSS menjadi satu solusi yang paling tepat. Dengan menambahkannya di template di atas kode ]]></b:skin>, maka pecahlah sudah permasalahan satu yang menahun tersebut. Melalui kode CSS ini pula kita dapat membuat gambar tampil lebih cantik dengan menambahkan beberapa variabel baru seperti border, border-radius, padding, background dan jika dikehendaki bisa juga ditambahkan animasi dengan memanfaatkan CSS3 transition delay, CSS3 transition Property, CSS3 Transition Duration, CSS3 transformation, CSS3 drop shadow dan CSS3 Transition Timing Function. Kode CSS di bawah ini mempunyai 3 (tiga) fungsi penataan gambar posting. Disebelah kiri (float:left;), posisi di tengah (margin:0 auto;display:block;) dan gambar di kanan (float:right;). Setelah anda menggunakan kode CSS ini maka setiap kali posting gambar tinggal tambahkan class="...", kenudian lengkapi dengan width="...px" dan height="...px", maka gambar akan meluncur di halaman blog dengan cepat, mudah, praktis dan hasil memuaskan.

Contoh Gambar tanpa Accecories dan gambar dengan Accecories

Cara yang lebih praktis dalam posting gambar membuat waktu anda lebih bersisa. Akan lebih banyak waktu untuk membuat posting yang baru atau mungkin waktu buat dolan atau bersama keluarga. Satu yang lebih penting adalah: Kepala mot-motan dikala posting akan semakin terkurangi!
Karena beberapa sobat blogger banyak juga yang suka menampilkan gambar tanpa "bumbu penyedap" atau "accecories tambahan", maka dalam kode CSS ini kita sertakan dua macam kode, dimana kode yang pertama untuk menampilkan gambar apa adanya dan yang ke-2 (dengan tambahan "plus") kode CSS yang sudah dilengkapi dengan beberapa penambahan variabel baru guna mempercantik gambar. Untuk menggunakan di antara 2 (dua) pilihan tersebut anda langsung menggunakannya di halaman posting.

Kode CSS

.post img.kiri, .post img.kiriplus {
      float: left;
      margin: 0 10px 5px 0;
      border: none; 
      cursor: pointer; 
}
.post img.tengah, .post img.tengahplus {
      display: block;
      margin: 0 auto;
      border: none; 
      cursor: pointer; 
}
.post img.kanan, .post img.kananplus {
      float: right;
      margin: 0 0 5px 10px;
      border: none; 
      cursor: pointer; 
}
.post img.kiriplus, .post img.tengahplus, .post img.kananplus {
      cursor: pointer;
      padding: 3px;
      background: #999;
      border: 3px solid;
      border-color: #555 #777 #777 #555;
      border-radius: 6px;
     -moz-border-radius: 6px;
     -webkit-border-radius: 6px;
}

Cara Menyimpan kode CSS di Template

Login : login ke blogger terlebih dahulu.
Setelah Dasboard/Dasbor terlihat, klik "Design/Rancangan".
Lanjutkan dengan klik "Edit HTML".
Cari kode ]]></b:skin>.
Copy-paste kode CSS letakkan persis di atas kode tersebut.
SAVE Templates/Simpan Template : klik, kemudian buka halaman posting dan gunakan kode berikut untuk melakukan posting gambar.
Buka blog untuk melihat hasil posting!

Kode HTML untuk Posting

Gambar di sebelah kiri Tanpa Accecories

<img class="kiri" src="http://4.bp.blogspot.com/_p_R_KAkuh2s/TLXc_T33jCI/AAAAAAAAAME/0kY9yZwp2To/s320/029.jpg" width="276" height="182"/>Cara yang lebih praktis dalam posting gambar membuat waktu anda lebih bersisa. Akan lebih banyak waktu untuk membuat posting yang baru atau mungkin waktu buat dolan atau bersama keluarga. Satu yang lebih penting adalah: Kepala mot-motan dikala posting akan semakin terkurangi!

Gambar di sebelah kiri dilengkapi Accecories

<img class="kiriplus" src="http://4.bp.blogspot.com/_p_R_KAkuh2s/TLXc_T33jCI/AAAAAAAAAME/0kY9yZwp2To/s320/029.jpg" width="276" height="182"/>Cara yang lebih praktis dalam posting gambar membuat waktu anda lebih bersisa. Akan lebih banyak waktu untuk membuat posting yang baru atau mungkin waktu buat dolan atau bersama keluarga. Satu yang lebih penting adalah: Kepala mot-motan dikala posting akan semakin terkurangi!

Gambar di tengah Tanpa Accecories

<img class="tengah" src="http://4.bp.blogspot.com/_p_R_KAkuh2s/TLXc_T33jCI/AAAAAAAAAME/0kY9yZwp2To/s320/029.jpg" width="276" height="182"/>Cara yang lebih praktis dalam posting gambar membuat waktu anda lebih bersisa. Akan lebih banyak waktu untuk membuat posting yang baru atau mungkin waktu buat dolan atau bersama keluarga. Satu yang lebih penting adalah: Kepala mot-motan dikala posting akan semakin terkurangi!

Gambar di tengah dilengkapi Accecories

<img class="tengahplus" src="http://4.bp.blogspot.com/_p_R_KAkuh2s/TLXc_T33jCI/AAAAAAAAAME/0kY9yZwp2To/s320/029.jpg" width="276" height="182"/>Cara yang lebih praktis dalam posting gambar membuat waktu anda lebih bersisa. Akan lebih banyak waktu untuk membuat posting yang baru atau mungkin waktu buat dolan atau bersama keluarga. Satu yang lebih penting adalah: Kepala mot-motan dikala posting akan semakin terkurangi!

Gambar di sebelah kanan Tanpa Accecories

<img class="kanan" src="http://4.bp.blogspot.com/_p_R_KAkuh2s/TLXc_T33jCI/AAAAAAAAAME/0kY9yZwp2To/s320/029.jpg" width="276" height="182"/>Cara yang lebih praktis dalam posting gambar membuat waktu anda lebih bersisa. Akan lebih banyak waktu untuk membuat posting yang baru atau mungkin waktu buat dolan atau bersama keluarga. Satu yang lebih penting adalah: Kepala mot-motan dikala posting akan semakin terkurangi!

Gambar di sebelah kanan dilengkapi Accecories

<img class="kananplus" src="http://4.bp.blogspot.com/_p_R_KAkuh2s/TLXc_T33jCI/AAAAAAAAAME/0kY9yZwp2To/s320/029.jpg" width="276" height="182"/>Cara yang lebih praktis dalam posting gambar membuat waktu anda lebih bersisa. Akan lebih banyak waktu untuk membuat posting yang baru atau mungkin waktu buat dolan atau bersama keluarga. Satu yang lebih penting adalah: Kepala mot-motan dikala posting akan semakin terkurangi!

Catatan

Anda bisa menambahkan width jika posting selalu menggunakan ukuran yang sama.
Untuk membuat tampilan gambar berbeda bisa dilakukan perubahan pada background, padding, border dan border-radius.

Tutorial Menarik Lain

Anda bisa mengikuti tutorial blogger yang super lengkap dan berisi ratusan tutorial dengan bahasa yang gampang dipahami lengkap dengan berbagai desain cantik CSS3 dengan membuka link di bawah ini:

Buat Kode HTML Gambar Posting Lebih Simple

2010-10-13T13:42:00.000-07:00

Jika anda melakukan posting dan sebelumnya mengupload (unggah) gambar ke blogger, pasti yang akan anda terima adalah sebuah kode HTML gambar dengan jumlah yang bikin halaman posting penuh sesak. Anda akan melihatnya jika membuka halaman posting pada Posting Mode Edit HTML, karena jika yang digunakan "Posting Mode Tulis/Compose" anda hanya akan melihat bentuk gambarnya saja. Posting dengan "Mode Edit HTML" memang sedikit lebih rumit jika dibandingkan dengan "posting Mode Tulis/Compose", namun dibalik kerumitan ini banyak kelebihan yang dimiliki. Satu yang jelas adalah hanya melalui posting "Mode Edit HTML" sebuah gambar/image bisa ditampilkan di halaman blog dengan berbagai gaya. Anda bisa menambahkan beberapa kode HTML untuk membuat gambar tampil dalam wujud yang berbeda. Tidak hanya berbentuk segi-empat polos tak berhias, namun beberapa kode tambahan tadi bisa membuat gambar menjadi berbentuk lengkung, mempunyai shadow, beranimasi dsb. Kali ini kita tidak akan membahas bagaimana cara menghias gambar posting, tetapi bagaimana membuat dokumen gambar yang berupa kode HTML hasil unggah gambar di blogger bisa ditampilkan dalam bentuk yang lebih sederhana, praktis, tidak terlalu memenuhi halaman posting namun tetap memberikan hasil tampilan dan fungsi yang sama.
Sebagai contoh kita akan perlihatkan kode HTML sebuah gambar yang telah "di Unggah di Blogger. Kode yang kita terima di halaman posting "Mode Edit HTML" adalah sebagai berikut.

Dengan kode HTML sepanjang itu jika dalam posting kita gunakan gambar lebih dari lima buah gambar saja, maka halaman posting tentu akan jadi penuh sesak dan membuat kepala pusing. Ada sebuah solusi untuk mengatasi hal ini, dimana kita akan hilangkan beberapa kode yang ketika dihilangkan tak akan berpengaruh apapun terhadap kualitas gambar. Kode gambar kita rubah menjadi seperti di bawah ini:

Atau jika ingin lebih ringkas lagi buatlah seperti ini:

Atau mungkin anda tak memerlukan memasang link pada gambar tersebut? Buatlah jadi lebih praktis lagi dalam bentuk seperti ini:

Catatan

Kode yang dihilangkan adalah kode yang berwarna kuning.
Jika kode yang anda terima berbeda karena saat unggah gambar menggunakan posisi berbeda (ada 4 posisi gambar: di tengah, kiri, kanan dan tak satupun), maka kode yang dihilangkan hanya kode seperti yang terlihat di atas.
Jika anda menginginkan cara yang lebih praktis lagi, kita bisa menggunakan kode CSS yang di simpan di halaman "Edit HTML". Jika anda tertarik, silahkan ikuti tutorial selanjutnya!

Semoga bermanfaat!

Happy Blogging ....!

Tutorial Menarik Lain

Anda bisa mengikuti tutorial blogger yang super lengkap dan berisi ratusan tutorial dengan bahasa yang gampang dipahami lengkap dengan berbagai desain cantik CSS3 dengan membuka link di bawah ini:

Cara Buat Text Links, Image Links dan Hyperlinks

2010-10-13T08:46:00.000-07:00

Link pada sebuah blog ditandai dengan penggunaan tag "a" dengan bentuk kode HTML seperti di bawah ini:
<a>Text Link atau Image Link</a>
Sebuah atau beberapa buah link berfungsi untuk membuka sebuah dokument baru, baik yang ada di bog itu sendiri ataupun yang bearada di blog/web yang lain. Link juga bisa dimanfaatkan untuk berbagai kepentingan persahabatan, komunikasi atau jalinan hubungan yang saling menguntungkan antar sesama blogger, dengan situs-situs jejaring sosial, layanan promosi blog serta beberapa kepentingan lainnya. Menggunakan link sebagai cara untuk menjalin hubungan yang menguntungkan sesama blogger dilakukan melalui link exchange atau banner exchange yang bertujuan untuk saling mempromosikan blog.

D E M O Text Link dan Image Link

Setiap kali KLIK berhadiah tunai Rp.1000,00.!

Menggunakan link untuk membuka sebuah dokumen yang masih terdapat di dalam blog/web ditujukan supaya para pengunjung blog lebih mudah untuk membuka beberapa dokumen yang ada di dalam blog dengan cukup meng-klik sebuah text link atau image link yang dipasang sebagai tanda bahwa pada posisi tersebut terdapat sebuah link. Penanda link biasanya berupa perubahan yang terjadi pada mouse/cursor (menjadi berbentuk tangan-pointer dan beberapa bentuk yang lain), perubahan warna pada teks, munculnya sebuah background atau perubahan background text link atau bahkan bisa dilakukan dengan memberikan sebuah kode tambahan yang berupa kode CSS atau javascript, sehingga ketika sebuah link tersentuh cursor maka terlihat sebuah tooltip. Melihat dari fungsi dan kegunaan sebuah link, maka sudah selayaknya semua blogger memahami cara membuat teks link dan image link.

Contoh bentuk Teks Link dan Image Link

Text Link

Contoh-1:
<a href="http://tantytm.blogspot.com/">Tanty Template Modification</a>

Contoh-2:
<a href="http://tantytm.blogspot.com/2010/10/cara-kilat-buat-horizontal-tab-menu-di.html">Cara Membuat Horizontal Tab Menu</a>

Contoh-3:
<a href="http://1.bp.blogspot.com/_7qeJ6kE1dEI/SoR21PJWzLI/AAAAAAAAAAc/NYmAQXU0wpw/S1600-R/images.jpeg">Indian Apache</a>

Dalam bentuk yang lain, sebuah link dibuat dengan menambahkan title yang nantinya akan muncul sebagai tips.

<a href="http://tantytm.blogspot.com/" title="Panduan dan Tutorial Blogger>Tanty Template Modification</a>

Image Link

Image link tidak menggunakan teks sebagai penanda link, akan tetapi memanfaatkan sebuah gambar/images. Penggunaan gambar biasanya bertujuan untuk membuat blog menjadi terlihat menarik sekaligus diharapkan membuat pengunjung semakin tertarik juga untuk meng-KLIK link yang di tampilkan. Supaya beban blog tidak terlalu berat sebaiknya penggunaan sebuah image link di batasi pada gambar yang bebannya kecil (dalam pixel).

Contoh Image link :

<a href="http://gubhugreyot.blogspot.com/"><img src="http://i49.tinypic.com/295t7t/tantytm/images/loading.gif" /></a>

Gambar yang kita gunakan sebagai image link adalah pada kode HTML di atas adalah:

<img src="http://i49.tinypic.com/295t7t/tantytm/images/loading.gif" />

Silahkan anda gunakan berbagai gambar untuk menggantikan link gambar seperti yang terlihat di contoh tersebut di halaman posting atau di bagian manapun dalam blog seperti misalnya ditambahkan melalui "widget HTML/Javascript" (Add a Gadget/Tambah Gadget).

Untuk menampilkan sebuah link supaya terlihat lebih atraktif, beberapa blogger menambahkan kode CSS baru atau javascript seperti misalnya membentuk sebuah link dengan fade effect (link pelangi-rainbow link) atau memberi background animasi gif, sehingga ketika mouse berada di atas link akan terlihat sebuah background animasi yang cantik. Dalam perkembangan terakhir, dengan hadirnya CSS3, fade effect pada sebuah link tak perlu lagi menggunakan javascript. Meskipun dengan penampilan yang tak sehebat rainbow link, CSS3 bisa memberi tampilan baru bagi link dengan cukup baik.

Membuat Link untuk membuat sebuah dokument terbuka di jendela baru (open in new window/opan in new tab

Untuk membuat sebuah link mampu membuat dokumen terbuka di jendela baru, kita cukup tambahkan kode target="_blank" dengan bentuk seperti contoh berikut.

<a href="http://tantytm.blogspot.com/" target="_blank" >Tanty Template Modification</a>

Dengan penambahan sedikit kode tersebut, maka ketika seorang pengunjung/pembaca blog meng-klik link, maka dokumen akan terbuka di jendela yang berbeda.

Semoga bermanfaat!

Happy Blogging ....!

Tutorial Menarik Lain

Anda bisa mengikuti tutorial blogger yang super lengkap dan berisi ratusan tutorial dengan bahasa yang gampang dipahami lengkap dengan berbagai desain cantik CSS3 dengan membuka link di bawah ini:

Cara Kilat Buat Horizontal Tab Menu di New Blogger Templates

2010-10-10T06:55:00.001-07:00

Membuat Tab Menu Horizontal di Blogger Baru. Jika anda menggunakan New Blogger Template sebagai template default, maka untuk membuat sebuah tab menu horizontal di bawah header blog akan sangat mudah dilakukan tanpa perlu menambahkan kode CSS baru. Beberapa link tinggal kita tuliskan dengan bantuan kode ul dan li. Cara ini menjadi terasa amat praktis sehingga sangat menguntungkan bagi para blogger pemula.

Contoh bentuk Tab Menu

Tab Menu Horizontal dapat dibuat oleh siapapun dengan cara;

Login : Login ke blogger dengan cara:
- Tulis User Name (Nama Pengguna) atau Email Address.
- Tulis Password (Kode Rahasia/Sandi).
- Klik "Login".
Begitu halaman "Dasboard/Dasbor" terlihat, cari link "Design/Rancangan". Klik link tersebut.
Selanjutnya anda akan melihat Page Elements/Elemen Laman dengan ciri adanya box bertuliskan "Add a Gadget/Tambah Gadget". Beberapa box terlihat bergaris putus-putus. Klik "Add a Gadget yang berada di bawah header. Tunggu beberapa saat.
Terlihat beberapa widget yang bisa ditambahkan di blog seperti "Entri Populer, Statistik Blog, Laman, Pengikut dan beberapa yang lain. Carilah "HTML/Javascript" dan silahkan klik di sini!
Tuliskan kode (xHTML) dalam box widget HTML/Javasript yang tersedia.
KLIK "SAVE Templates/Simpan Template".
Buka blog dan lihat hasilnya!

Contoh Kode Tab Menu

<ul>
<li><a href="URL" target="_blank" title="Tuliskan title di sini!">Nama/Judul Tab</a></li>
<li><a href="http://tantytm.blogspot.com/" target="_blank" title="CSS3">CSS3</a></li>
<li><a href="http://tantytm.blogspot.com/" target="_blank" title="Free CSS, Javascript, Image Hosting">File Hosting</a></li>
<li><a href="http://tantytm.blogspot.com/" target="_blank" title="Panduan dan Tutorial Blogger">Tutorial Blogger</a></li>
<li><a href="http://tantytm.blogspot.com/" target="_blank" title="Car Lengkap Memodifikasi New Blogger Template dan Template Lama">Template Modification</a></li>
</ul>

Keterangan:

Karena bisanya link Horizontal tab menu di New Blogger Templates berukuran cukup besar, sebaiknya nama/judul link dibuat sesingkat mungkin sehingga link yang termuat menjadi lebih banyak.
Ganti URL dengan dengan alamat-alamat yang ingin ditampilkan atau bisa juga dengan mengambil URL dari widget seperti pada Categories/Label.

Untuk membuat tab horizontal yang berbeda dari bawaan blogger tersebut (mungkin karena anda nggak suka!), anda bisa melakukan modifikasi di template. Untuk sementara ini bila anda ingin segera mendapatkan tutorial lengkap tentang modifikasi blog serta tab horizontal di blogger baru, silahkan cari di link di bawah ini:

Best Blogger Tutorial Collection

Buat Pembatas Antar Komentar Menggunakan Background Image

2010-10-09T14:03:00.000-07:00

Komentar bagi seorang blogger adalah ibarat setetes air di tengah teriknya mentari di atas gurun. Sangat diharapkan untuk tetap menyalakan semangat posting. Dan tetesan air itu kurasakan juga hari ini. Menggugah semangat ku yang beberapa waktu sempat lunglai ditelan banyaknya kesibukan. Yah..., sekalipun ketika mau memulai terasa begitu berat. Kemalasan telah sedikit menggerogoti rasa antusias yang selama ini begitu menggelegak. Beruntunglah sekalipun dengan langkah tertatih akhirnya jemari ku mulai menari menyentuh setiap onggokan hitam berbalut putih huruf di keyboard ku! Buih ..., setelah sekian bulan tak pernah tersentuh, akhirnya pagi ini satu posting tutorial dan panduan blogger dalam memodifikasi blog selesai ku buat.

Satu hal sederhana dan masih berhubungan dengan "komentar si penyala semangat posting", kali ini aku akan mencoba membedah sedikit persoalan bagaimana "menambal" template/blog kita supaya terlihat rapi dan kolom komentar terlihat sedikit berbeda dengan tampilan biasanya. Membuat sebuah garis batas antar setiap komentar yang telah diberikan pengunjung mungkin akan membuat blog terlihat lebih indah dan dengan mudah siapapun dapat membedakan satu persatu komentar yang menghiasi halaman posting.

Batas setiap komentar yang masuk dapat dibuat dengan 2 (dua) buah macam cara:

Menggunakan border : penggunaan border adalah sebuah cara yang paling simpel sekalipun tidak banyak variasi bentuk pembatas komentar yang bisa diciptakan. Kita hanya bisa merubah jenis bordernya serta warna border. Bagi yang menyukai "blog minimalis" ini adalah cara yang paling tepat. Sederhana, praktis pembuatannya dan tentu saja dengan amat cepat segera bisa diselesaikan.
Menggunakan background-image : Memanfaatkan sebuah background sebuah gambar merupakan cara yang paling tepat bagi blogger yang menyukai warna, seni atau keindahan. Dengan background-image kemungkinan pembuatan bentuk batas komentar menjadi tidak terbatas. Berbagai variasi bentuk dan warna bisa dibuat, bahkan bagi yang menyukai sebuah gambar animasi (.gif), maka dengan amat cantiknya sebuah batas komentar beranimasi dapat kita buat.

Cara Membuat Batas Setiap Komentar

Login : Silahkan lakukan login ke blogger terlebih dahulu.
- Tulis User Name (Nama Pengguna) atau bisa juga menggunakan Alamat Email (Email Address).
- Tulis juga Password (Kode Rahasia/Sandi).
- Klik Login.
Dasboard (Dasbor) : Klik Design (Rancangan).
Design (Rancangan) : Klik Edit HTML.
Di halaman HTML ini akan terlihat banyak sekali kode html, silahkan cari kode ]]></b:skin>. Copy paste kode CSS di atas kode ]]></b:skin>.
Klik SAVE Templates (Simpan Template).
Anda harus membuka halaman posting yang sudah ada komentarnya. Apabila belum ada , buatlah komentar sendiri supaya bisa terlihat hasilnya. Jika dikehendaki, setelah bisa diketahui hasil akhir pembuatan batas komentar, maka komentar bisa anda hapus melalui link Comments atau Komentar.

Batas Komentar Menggunakan Border

Kode CSS

dd.comment-footer {
      border-bottom: 4px solid #888; 
}

Beberapa perubahan yang dapat dilakukan jika kita gunakan border:

Silahkan anda bisa merubah tebal border (4px) sesuai tebal batas komentar yang di kehenndaki. Semakin besar nilainya maka akan semakin tebal bentuk batasnya.
Untuk merubah warna border, anda bisa mengganti kode warna (#555) dengan kode warna yang lain. Bisa dalam bentuk kode menggunakan angka dan huruf (#000, #fff, #333, #b40303 , ... dsb) atau kode warna berbentuk teks (contoh: blue, red, white ... dsb).
Pilihan lain yang bisa anda lakukan untuk merubah bentuk batas komentar adalah dengan merubah style border-nya (contoh: ridge, dotted, solid, outset, dashed, inset). Dibawah ini adalah bentuk perubahan yang dilakukan.

dd.comment-footer {
      border-bottom: 1px dotted lightblue; 
}

Batas Komentar Menggunakan Background-Image

Menggunakan sebuah background-image tidak jauh berbeda dengan penggunaan border, hanya kode CSS yang kita gunakan sedikit berbeda.
Kode CSS

dd.comment-footer {
      padding-bottom: 4px; 
      background: url(http://i43.tinypic.com/2aeqkiv/tabtytm/bgimg/.png) bottom left repeat-x;
   background-position: 50% 15px;
}

Keterangan

Untuk background position pada posisi vertical kita gunakan sebesar 15px.
Background-position horizontal bernilai 50% supaya posisi background center horizontal.
Saat menggunakan sebuah background-image sebagai batas komentar, kita harus mengetahui ketinggian background (gambar).
Tinggi gambar tersebut kita gunakan sebagai padding-bottom dengan menambahnya sebesar 10px. Penambahan ini dimaksudkan untuk menciptakan ruang dengan komentar di bawahnya.
Dengan perhitungan menggunakan angka angka di atas, maka batas tiap komentar akan lekat di teks terakhir komentar sementara di bawahnya ada padding yang mencukupi.
Dalam kode CSS di atas digunakan background berktinggian 4px oleh karena itu padding-bottom = 4px + 10px = 14px.

Beberapa Kode CSS yang bisa dimanfaatkan

Beberapa kode CSS yang telah lengkap dengan background-image ini bisa dimanfaatkan langsung dengan menyimpan di atas kode ]]></b:skin>.

dd.comment-footer {
      padding-bottom: 22px; 
      background: url(http://i37.tinypic.com/t8b1na/tantytm/bgimg/Redball12.gif) bottom left repeat-x;
   background-position: 50% 15px;
}

dd.comment-footer {
      padding-bottom: 25px; 
      background: url(http://i54.tinypic.com/28l7tyr/tantytm/bgimg/V15H5.gif) bottom left repeat-x;
   background-position: 50% 15px;
}

dd.comment-footer {
      padding-bottom: 16px; 
      background: url(http://i40.tinypic.com/2evwaq9/tantytm/bgimg/V6H345.png) bottom left repeat-x;
   background-position: 50% 15px;
}

Menggunakan background animasi:

dd.comment-footer {
      padding-bottom: 24px; 
      background: url(http://i47.tinypic.com/1zf69nr/tantytm/bgimg/minusAnima14.png) bottom left repeat-x;
   background-position: 50% 15px;
}

dd.comment-footer {
      padding-bottom: 35px; 
      background: url(http://i51.tinypic.com/2r2q805/tantytm/bgimg/bloodanima.gif) bottom left repeat-x;
   background-position: 50% 15px;
}

Tutorial lain yang jauh lebih lengkap dengan jumlah ratusan posting menarik dapat anda buka melalui link di bawah ini:

Best Blogger Tutorial Collection

Membuat Text Shadow dengan jQuery Text Shadow

2010-08-16T05:14:00.000-07:00

Membuat sebuah fungsi yang kompatibel di semua browser merupakan harapan dan keinginan semua blogger. Apa yang terposting atau desain blog terlihat tampil tanpa perbedaan di semua browser adalah kepuasan. Salah satunya adalah text shadow. Memang, untuk membuat sebuah teks shadow dapat kita lakukan dengan menggunakan kode css saja, akan tetapi untuk membuatnya bisa tertampilkan di Internet Explorer maka sebuah kode khusus harus disertakan. Hal seperti ini terkadang terasa "ribet" dan merepotkan dan cenderung membuat kode yang dipergunakan semakin bertambah banyak, dan susahnya untuk menuliskannyapun acap kali terlupa. Untuk mengatasi persoalan seperti ini, kita dapat memanfaatkan jQuery text shadow. Scriptnya tidak terlalu banyak dan setelah terpasang maka text shadow dapat langsung dibuat hanya dengan satu kode yang sekaligus juga berfungsi dengan baik di IE. Cara untuk membuatnyapun teamat sederhana, karena kita hanya perlu menggunakan jQuery-1.2.6.js, jQuery-1.3.2.js atau jquery-1.3.2.js dan jquery-textshadow.js. Dengan pertimbangan banyaknya blogger yang menggunakan jquery-1.3.2.js atau jquery-1.3.2.min.js, maka kita akan sesuaikan saja dengan memanfaatkan jquery ini.

Cara membuat text shadow menggunakan jquery-textshadow

Copy paste jquery-textshadow di bawah ini kemudian upload di file hosting/javascript hosting :

/* jquery-textshadow.js */
(function($){
$.fn.textShadow = function(useroptions) {
return this.each(function() {
var obj = $(this);
obj.removeTextShadow();
var shadowarray = obj.css("text-shadow").split(" ");
var sradi = parseInt(shadowarray[3], 10);
var text = "" + obj.html() + "";
var padding = {
left:parseInt(obj.css("padding-left"), 10),
top:parseInt(obj.css("padding-top"), 10)
};
var defaults = {
color: shadowarray[0],
radius: sradi,
xoffset: parseInt(shadowarray[1], 10)-1+(padding.left-sradi) + "px",
yoffset: parseInt(shadowarray[2], 10)-1+(padding.top-sradi) + "px",
opacity: 50
};
var options = $.extend(defaults, useroptions);
options.color = (options.color.length == 4) ? options.color.replace(/#([0-9A-f])([0-9A-f])([0-9A-f])/i, '#$1$1$2$2$3$3') : options.color;
var filtertext = "progid:DXImageTransform.Microsoft.Glow(Color="+options.color+",Strength="+(options.radius/6)+") progid:DXImageTransform.Microsoft.Blur(pixelradius="+options.radius+", enabled='true') progid:DXImageTransform.Microsoft.Alpha(opacity="+options.opacity+")";
if($.browser.msie && options != "") {
obj.css({"position":"relative","zoom":"1"}).append(text);
if($.browser.version >= 8) {
obj.css({"z-index":"1"});
}
obj.children("span.jQshad").css({
"position":"absolute",
"z-index":"-1",
"zoom":"1",
"left":options.xoffset,
"top":options.yoffset,
"color":options.color,
"filter":filtertext,
"-ms-filter":filtertext
});
}
});
};
$.fn.removeTextShadow = function() {
return this.each(function() {
$(this).children("span.jQshad").remove();
});
};
})(jQuery);

Setelah jquery-textshadow.js ter-upload, simpan link-nya bersamaan dengan jquery-1.3.2.min.js dan sedikit script tambahan yang lain di atas <head>
Contoh kode yang digunakan untuk membuat text shadow menggunakan jquery.

h2.shadow {
     color: #222;
     text-shadow: 0px 1px 1px #fff;
     background: #888;
     }

Dengan kode di atas maka hanya akan berfungsi di luar IE. Supaya di IE-pun dapat berkerja dengan baik, maka kita harus tambahkan sedikit script seperti di bawah ini:

<script type="text/javascript">
    $(document).ready(function(){
    $('h1.shadow').textShadow();
    });
</script>

Di atas script inilah baru kita letakkan jQuery-1.3.2.min.js dan jQuery-textshadow, sehingga bentuknya seperti terlihat di bawah :

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script src="http://..../jquery-textshadow.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function(){
    $('h1.shadow').textShadow();
    });
</script>

Karena dua javascript terbawah hanya akan kita fungsikan di IE, maka kita akan tambahkan kode lain supaya javascriptnya juga hanya bekerja ketika blog dibuka di IE. Bentuknya menjadi seperti di bawah ini :

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<!--[if !IE]>  
  <script src="http://..../jquery-textshadow.js" type="text/javascript"></script>
  <script type="text/javascript">
  $(document).ready(function(){
  $('h1.shadow').textShadow();
  });
  </script>
<![endif]-->

<head>

Apabila beberapa fungsi text shadow ingin kita tambahkan, maka kita tinggal rubah script terakhir menjadi seperti ini :

<script type="text/javascript">
  $(document).ready(function(){
  $('h1.shadow, h2.tshad, h3.tshad-2, p.textsd').textShadow();
  });
  </script>

Setelah script baru seperti di atas dibuat, maka hanya tinggal kita siapkan kode css untuk text shadow dan semua akan berfungsi dengan baik di semua browser.

Untuk melakukan penyimpanan script lakukan langkah berikut

Login ke Blogger
Buka Edit HTML
Cari Kode <head>
Simpan seluruh script di atas kode <head> seperti yang terlihat di atas.
Lanjutkan dengan mencari kode ]]></b:skin>, kemudian kode css textshadow letakkan di atasnya.

Contohnya seperti berikut:

h2.shadow {
     color: #222;
     text-shadow: 0px 1px 1px #fff;
     background: #888;
     }

]]></b:skin>

Apabila kode text shadow yang lain akan di tambahkan, silahkan letakkan mengikuti yang sebelumnya dengan posisi tetap di atas ]]></b:skin>
Untuk menggunakannya dalam posting atau widget, silahkan gunakan kode html seperti di bawah ini :

<h1 class="shadow">Tuliskan teks di sini</h1>

D E M O jQuery Text Shadow

Anda dapat melihat demo text shadow dan kode css yang digunakan dengan membuka link di bawah ini:

D E M O

Text Shadow Jadikan Teks Lebih Indah: Cara Membuat Text Shadow di IE , Opera, Mozzila dan Safari

2010-08-14T03:10:00.000-07:00

Penggunaan text shadow bisa menjadi satu cara untuk membuat tampilan sebuah teks terlihat berbeda dan semakin menarik. Teks dengan efek bayangan atau lebih dikenal dengan text-shadow, sebenarnya hanyalah sebuah penambahan kode css yang amat sederhana namun mampu menciptakan berbagai variasi bentuk teks. Efek bayangan yang tercipta bisa merupakan sebuah bayangan tunggal, bayangan ganda atau bahkan bayangan yang bertumpuk/berulang (multiple). Kode css teks shadow kompatibel untuk semua browser dan kode yang digunakannya pun sama, terkecuali di Internet Explorer (IE). Perbedaan kode di IE ini, sekali lagi menjadi pertanyaan besar bagi semua blogger. Mengapa di IE segalanya serba berbeda dan bahkan beberapa kode css3 sama sekali tidak dapat difungsikan? Kondisi yang seperti ini bahkan membuat beberapa rekan blogger mengatakan, "Buat apa memikirkan IE? Biar matipun kita tak akan merasa prihatin!". Beberapa yang lain juga bilang, "Ngapain mesti menggunakan IE, toh masih banyak browser lain yang jauh lebih bagus dan sangat akomodatif sekaligus mempunyai tingkat kompabilitas tinggi terhadap kode html yang baru, terutama css 3!".

Apa yang tersampaikan tersebut di atas sebenarnya ada benarnya, sekalipun kejadian seperti ini (kompabilitas IE) terkadang juga menjadi pemikiran tersendiri. Apapun juga, masih cukup banyak pengguna IE dan tidak boleh tidak apa yang kita tuangkan di blog, sebagian pengunjung akan membukanya juga dengan IE. Dus ..., apabila kita tidak menggunakan kode yang kompatibel di IE, maka apa yang terposting juga hanya akan dapat dinikmati secara sempurna di luar IE, sementara ketika dibuka lewat IE apa yang sudah kita buat dengan susah payah tak akan termunculkan sesuai harapan. Yah .. itulah yang akhirnya membuat kita semua jadi pusing dan merasa prihatin. Ah ... seandainya saja IE seperti yang lain ...

Bagaimana menciptakan teks shadow yang kompatibel di semua browser termasuk di IE? Beberapa cara dapat kita lakukan :

Menggunakan kode css text-shadow dan menambahkan kode css yang khusus dipergunakan untuk menciptakan text shadow di IE.
Menggunakan jQuery text-shadow.
Menggunakan file .htc

Dari ketiga cara di atas, sebenarnya yang paling nyaman digunakan adalah cara yang ke-3. Dengan hanya menggunakan file berekstensi htc ini, maka beberapa fungsi sekaligus sudah dapat bekerja secara sempurna di IE, seperti rounded corners, box shadow (drop shadow) dan text shadow. Sayangnya file ini harus diupload terlebih dahulu di blog yang kita gunakan. Keharusan seperti ini tentu saja tak mungkin kita lakukan di blogspot. Sayang ... sekali lagi amat mengecewakan ..... Cara lain yang terasa paling mudah tentunya dengan menggunakan jQuery teks shadow. Hanya dengan menggunakan jQuery-1.3.2.js atau jQuery-1.4.2.js dan jQuery-textshadow.js, maka kode css yang kita tuliskan secara otomatis akan langsung bekerja secara sempurna termasuk di IE. Sangat praktis dan membuat siapapun dengan mudah melakukannya.

Cara mennuliskan kode text shadow

Untuk membuat sebuah teks dalam bentuk teks dengan bayangan (text shadow), secara umum dituliskan sebagai :

.textshadow {
     text-shadow: ..px ..px ..px color;
     }

, sehingga bentuk lengkap detail kode css-nya seperti contoh berikut :

.textshadow {
     text-shadow: 1px 1px 1px #fff;
     }

, atau dalam bentuk yang lain seperti berikut :

h1 {
     text-shadow: 1px 2px 2px #000;
     }
h2 {
     text-shadow: 0 1px 8px black;
     }
p {
     text-shadow: 2px 2px 10px #222;
     }

Anda dapat juga menuliskan dalam bentuk yang berbeda seperi ini :

h1.textshadow {
     black 1px 1px 6px;
     }

, atau juga misalnya seperti :

h1.textshadow {
     2px 2px 2px rgba(0,0,0,0.9);
     }

Menambahkan kode pelengkap lain pada text-shadow

Apabila menghendaki sebuah syntax lengkap yang diipadu dengan text-shadow, anda dapat menambahkan beberapa kode css yang lain hingga dihasilkan sebuah syntax dengan fungsi tertentu. Di bawah ini adalah sebuah contoh yang bisa digunakan sebagai referensi untuk menciptakan fungsi yang lain melalui sebuah syntax.

h1.tshad {
     font: 22px Droid Serif;
     font-weight: bold;
     color: #000;
     text-shadow: 2px 2px 2px #8a4e01;
     padding: 5px 10px;
     text-align: center;
     margin: 20px auto;
     }

Text shadow untuk Internet Explorer (IE)

Agar text shadow dapat berfungsi di IE, kita harus menambahkan kode css yang khusus untuk menciptakan efek shadow pada teks. Bentuk kode cssnya sebagai berikut :

filter: progid:DXImageTransform.Microsoft.Shadow(color='#8a4e01',direction='125',strength='2');

Jika kode ini digabungkan dengan syntax di atasnya, maka kode barunya akan terlihat seperti ini.

Text shadow dengan penambahan kode css text shadow di IE

h1.tshad {
     font: 22px Droid Serif;
     font-weight: bold;
     color: #000;
     text-shadow: 2px 2px 2px #8a4e01;
     padding: 5px 10px;
     text-align: center;
     margin: 20px auto;
     filter: progid:DXImageTransform.Microsoft.Shadow(color='#8a4e01',direction='125',strength='2');
     }

Keterangan penggunaan kode text-shadow di IE

color='#8a4e01' merupakan warna shadow (bayangan)
direction='125' digunakan untuk menciptakan posisi bayangan. Anda dapat menggunakan nilai 0 s/d 360
streng='2' digunakan untuk mengatur kekuatan shadow, dimana semakin besar nilainya, maka bayangan akan semakin lebar (luas).

Beberapa contoh text-shadow dan bentuk kode css-nya

Contoh bentuk Text Shadow-1

p.shadow-1 {
     font:18px Droid Serif;
     font-weight: bold;
     text-shadow: 1px 2px 3px #222;
     padding:3px 10px;
     filter: progid:DXImageTransform.Microsoft.Shadow(color='#888888',direction='145',strength='3');
     }

Penulisan kode HTML-nya :

<p class="shadow-1">Tuliskan teks di sini!</p>

Contoh bentuk Text Shadow-2

p.shadow-2 {
     color: #FFFFFF;
     font: 18px Droid Serif;
     text-shadow: 1px 2px 3px #000;
     font-weight: bold;
     filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000',direction='145',strength='2');
     padding: 3px 10px;
     }

Penulisan kode HTML-nya :

<p class="shadow-2">Tuliskan teks di sini!</p>

Contoh bentuk Text Shadow-3

p.shadow-3 {
     color: #CCCC66;
     font: 16px Droid Serif;
     text-shadow: 1px 2px 2px #ea8605;
     font-weight: bold;
     filter: progid:DXImageTransform.Microsoft.Shadow(color='#ea8605',direction='145',strength='2');
     padding: 3px 10px;
     }

Penulisan kode HTML-nya :

<p class="shadow-3">Tuliskan teks di sini!</p>

Contoh bentuk Text Shadow-4

h1.shadow-4 {
     color: #666;
     text-shadow: 0px 1px 0px #ccc;
     font: 22px Droid Serif;
     margin:15px auto;
     padding:4px 10px;
     font-weight: bolder;
     filter: progid:DXImageTransform.Microsoft.Shadow(color='#cccccc',direction='100',strength='2');
     }

Penulisan kode HTML-nya :

<h1 class="shadow-4">Tuliskan teks di sini!</h1>

Contoh bentuk Text Shadow-5

h2.shadow-5 {
     font:18px Droid Serif;
     font-weight: bold;
     color: blue;
     text-shadow: 1px 1px 4px #fff;
     padding: 5px 10px;
     filter: progid:DXImageTransform.Microsoft.Shadow(color='#ffffff',direction='135',strength='4');
     }

Penulisan kode HTML-nya :

<h2 class="shadow-5">Tuliskan teks di sini!</h2>

Contoh bentuk Text Shadow-5

h3.shadow-6 {
     color: #444;
     font: 18px Times; 
     font-weight: bold;
     text-shadow: -2px -2px 5px yellow, 0px 1px 0px red; 
     padding: 5px 10px; 
     background: #888;
     }

Text Shadow di atas berfungsi hanya di luar IE. Penulisan kode HTML-nya :

<h3 class="shadow-6">Tuliskan teks di sini!</h3>

Contoh bentuk Text Shadow-7

p.supershadow {
     font:18px Droid Serif;
     font-weight: bold;
     color: #FF0000;
     background: #555;
     text-shadow: 0 0 5px #ccc, 0 -4px 4px #c8c7c6, 2px 2px 10px #fc0c00, 2px -8px 8px #ffef3f, 
 -2px -16px 12px #f80, 2px -18px 18px #ff9702;
     padding: 20px 20px 0px; 
     }

Multiple Text Shadow ini akan berfungsi dengan sempurna di luar IE. Penulisan kode HTML-nya :

<p class="supershadow">di sini tek dituliskan</p>

CSS 3 Border Radius - Rounded Corners: Cara Menggunakan dan Menuliskan Kode CSS3 Border Radius

2010-08-10T22:12:00.001-07:00

Perkembangan dan kemajuan pada pemanfaatan kode CSS memungkinkan pengguna untuk membuat beberapa bentuk desain baru yang sebelumnya tak mungkin dilakukan tanpa bantuan javascript atau penggunaan kode css dalam jumlah bertumpuk. Bahkan beberapa animasi gerak, saat ini dapat dibuat hanya dengan memanfaatkan kode css terbaru yang lebih dikenal dengan sebutan css3.

Perkembangan yang terjadi pada css3 direspon dengan luar biasa cepat oleh beberapa browser besar, terutama Google Chrome, Safari, Opera serta Mozzila. Sementara untuk Internet Explorer beberapa kode css3 belum diakomodir dengan baik. Memang beberapa dapat difungsikan , tetapi sayangnya kode yang harus dituliskan juga berbeda sangat jauh dengan browser yang lain. Ketidak seragaman ini tentunya masih dapat dimaklumi karena banyaknya hal yang terkait di dalamnya, namun tentunya apabila perbedaan yang ada tidak terlalu jauh, maka penggunaan kode juga akan semakin mudah.

Menilik dari pesatnya perkembangan yang terjadi, kiranya para pengguna boleh merasa optimis bahwa kode css3 ini akhirnya tidak boleh tidak akan diakomodir secara total oleh semua browser. Browser yang tidak mengikuti perkembangan terbaru diyakini akan tergusur dari peta persaingan yang semakin sengit. Bukankan bukti sudah mulai terlihat, dimana IE yang begitu kuatpun saat ini mulai banyak ditinggalkan penggunannya?!

Cara Penulisan CSS3 Rounded Corners di Safari

.round{
   -webkit-border-radius: 10px;
   }

, atau dituliskan dalam bentuk :

.round{
   -webkit-border-top-left-radius: 10px;
   -webkit-border-top-right-radius:10px;
   -webkit-border-bottom-left-radius: 10px;
   -webkit-border-bottom-right-radius:10px;
   }

Cara Penulisan CSS3 Rounded Corners di Opera

.round{
   border-radius: 10px;
   }

, atau bisa juga anda tuliskan dalam bentuk :

.round{
   border-radius: 10px 10px 10px 10px;
   }

Penulisan kode seperti di atas mempunyai arti :

.round{
   border-radius: (top-left)px (top-right)px (bottom-right)px (bottom-left)px;
   }

, atau anda bisa juga menuuliskan dalam bentuk yang berbeda seperti di bawah ini :

.round{
   border-top-left-radius: 10px;
   border-top-right-radius:10px;
   border-bottom-right-radius: 10px;
   border-bottom-left-radius:10px;
   }

Cara Penulisan CSS3 Rounded Corners di Mozilla

.round{
   -moz-border-radius: 10px;
   }

, atau bisa juga anda tuliskan dalam bentuk :

.round{
   -moz-border-radius: 10px 10px 10px 10px;
   }

Penulisan kode seperti di atas mempunyai arti :

.round{
   -moz-border-radius: (topleft)px (topright)px (bottomright)px (bottomleft)px;
   }

, atau anda bisa juga menuuliskan dalam bentuk yang berbeda seperti di bawah ini :

.round{
   -moz-border-radius-topleft: 10px;
   -moz-border-radius-topright:10px;
   -moz-border-radius-bottomright: 10px;
   -moz-border-radius-bottomleft:10px;
   }

Menggabungkan kode css rounded corners dari beberapa browser

.round{
   border-radius: 10px;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   }

, atau dapat juga dituliskan dalam bentuk :

.round{
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
   border-bottom-right-radius: 10px;
   border-bottom-left-radius: 10px;
   -moz-border-radius-topleft: 10px;
   -moz-border-radius-topright: 10px;
   -moz-border-radius-bottomright: 10px;
   -moz-border-radius-bottomleft: 10px;
   -webkit-border-top-left-radius: 10px;
   -webkit-border-top-left-radius: 10px;
   -webkit-border-bottom-right-radius: 10px;
   -webkit-border-bottom-left-radius: 10px;
   }

Merubah nilai rounded corners

Untuk mendapatkan lengkungan sesuai keinginan, silahkan rubah setiap nilai yang disertakan sesuai kebutuhan. Anda bisa melihat bentuk perubahan nilai dan efek yang dihasilkan melalui contoh di bawah ini.

Contoh Border Radius

Border Radius
Opera
Mozzila
Safari

Rounded Corners dengan background image

Kode CSS yang digunakan untuk 4 contoh di atas

<p style="width:300px;font-family:arial; color:#000;font-weight:900;font-size:16px;text-align:center;padding:4px 10px;margin:15px auto;background:#999;text-shadow:1px 1px 1px #fff;border-radius:15px 15px 25px 25px;-moz-border-radius:15px 15px 25px 25px;-webkit-border-radius:15px 15px 25px 25px;border:5px solid #444;">Border Radius<br />Opera<br />Mozzila<br />Safari</p>

<p style="width:300px;font-family:arial; color:#000;font-weight:900;font-size:16px;text-align:center;padding:4px 10px;margin:15px auto;background:#999;text-shadow:1px 1px 1px #fff;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius: 15px;border:5px solid #444;">Border Radius<br />Opera<br />Mozzila<br />Safari</p>

<p style="width:300px;font-family:arial; color:#000;font-weight:900;font-size:16px;text-align:center;padding:4px 10px;margin:15px auto;background:#999;text-shadow:1px 1px 1px #fff;border-radius:12px 30px;-moz-border-radius:12px 30px;-webkit-border-radius:12px 30px;border:5px solid #444;">Border Radius<br />Opera<br />Mozzila<br />Safari</p>

<style type="text/css">
.box {
   height:300px;
   width:400px;
   margin:15px auto;
   background:#999 url(http://1.bp.blogspot.com/_p_R_KAkuh2s/TGJfejHCYHI/AAAAAAAAALo/vx8hkpQp-1A/s400/AmricWorld-2.jpg) center no-repeat;
   border-radius: 40px;
   -moz-border-radius: 40px;
   -webkit-border-radius: 40px;
   border:10px solid #fff;
   }
</style>

Kode HTML

<div class="box"></div>

Bagaimana Cara Membuat Border Radius di Internet Explorer?

Untuk membuat border radius atau rounded corners di Internet Explorer, diperlukan cara-cara atau teknik sangat khusus yang berbeda dengan apa yang kita lakukan di browser lainnya.

Kita dapat memanfaatkan kode css yang dipadukan dengan sebuah image (gambar) atau beberapa buah image (gambar) yang dipergunakan sebagai background untuk memperoleh bangun dengan sisi lengkung (rounded corners),
atau dapat juga digunakan javascript dan background image pembentuk rounded corners,
serta dapat juga hanya menggunakan javascript tanpa sebuah background image-pun namun mampu menciptakan sisi lengkung.

Curvy Corners
Nifty Corners
Menggunakan file berekstensi .htc. Anda bisa download file beserta demo-nya di Curved Corner

Menggunakan JQuery untuk membuat effects Rounded Corners yang kompatibel di semua Browser

Selain cara-cara di atas, anda bisa juga menggunakan jquery, yang merupakan javascript paling banyak digunakan di kalangan blogger. Dengan memanfaatkan jQuery-1.3.2.js (jQuery-1.3.2.min.js) atau jQuery-1.4.2.js (jQuery-1.4.2.min.js) dan sedikit javascript tambahan, maka anda akan mendapatkan sebuah jalan keluar untuk membentuk bangun dengan sisi lengkung (rounded corners) yang kompatibel di semua browser. Banyak pilihan yang mungkin kita lakukan, karena banyak sekali yang membahas tentang hal ini. Kita akan coba satu pilihan terbaik dengan script minimal akan tetapi mampu menghasilkan bentuk rounded corners yang fleksibel untuk digabungkan dengan fungsi-fungsi yang lain. Supaya lebih fokus dalam pembahasan dan pemahaman bagaimana menciptakan efek lengkung dengan metoda ini, kita akan bahas secara tuntas di posting berikutnya.

Cara Membuat Teks Animasi di FlamingText.com

2010-05-22T10:51:00.000-07:00

FlamingText.com merupakan salah satu situs penyedia layanan pembuatan text animasi gratis yang dapat dimanfaatkan blogger untuk melengkapi kelengkapan blog yang berupa text animasi dalam bentuk gambar. Berbagai teks bisa dibuat tanpa perlu bersusah payah membuat sendiri dengan berbagai software. Meskipun memanfaatkan situs seperti ini banyak sekali keterbatasan akan bentuk animasi dan jenis font yang tersedia, namun untuk sekedar menambal kebutuhan blog sangatlah mencukupi. Dibandingkan kekurangan yang tersebut di atas, tentu saja lebih banyak keuntungan yang kita mungkin dapatkan. Satu yang amat jelas adalah iritnya waktu dan tenaga serta pikiran yang harus tercurah hanya sekedar untuk membuat sebuah gambar teks berbentuk animasi.

Teks animasi dengan berbagai bentuk dan pilihan dapat kita buat dengan cara :

FlamingText.com : Sebagai langkah awal tentunya kita harus datang di FlamingText.com. Anda dapat KLIK link yang terulis di bawah ini untuk ke FlamingText.com.
Pilih Bentuk Teks Animasi : Setelah halaman FlamingText.com terbuka, kita akan melihat banyak contoh bentuk teks di halaman utamanya. Silahkan langsung KLIK bentuk teks yang anda inginkan. Selain memilih dengan cara ini, dapat juga pilihan dilakukan dengan membuka pada drop down menu yang terletak di bagian atas. Di sini tersedia banyak link yang menyediakan begitu banyak fungsi.
Misalnya anda pilih "Horizon". Setelah KLIK pada gambar yang bertuliskan horizon, maka akan terbuka halaman baru tempat di mana teks yang kita rencanakan akan dibuat.

Text String : Buat teks yang diinginkan di sini. Tulis pada box yang tersedia. Perlu diketahui bahwa ada batasan berapa jumlah font maksimal yang dapat kita buat untuk membuat sebuah kalimat.
Font-size : Tulis ukuran yang anda ingin gunakan. Ukuran ini amat bervariasi dengan besar ukuran kira-kira dari 5px hingga 100px.
Font : Silahkan pilih berbagai font-family yang telah disediakan. Anda dapat melihat bentuk contoh font family setelah pilihan dilakukan.
Background : Pilih background dengan KLIK "box" di di bawah teks yang bertuliskan "background-color". Tentukan warna background setelah "color picker ditampilkan". Setelah menentukan warna KLIK di luar box color picker.
Text-gradient : Silahkan pilih dengan KLIK pada selector.
OutlineSize- Outline Color : Outline Size adalah garis tepi (tebal border) dan Outline Color adalah warna bordernya. Rubah nilai OutlineSize dan Outline Color bila diperlukan.
AddBevel : Beri tanda jika ingin menambahkan "efek bevel".
Bevel Size : Tulis ukuran efek bevel.
Shadow : Beri tanda jika dikehendaki dan hilangkan untuk tanpa shadow.
ShadowXoffset - ShadowYoffset : Rubah nilai untuk merubah ukuran efek shadow.
ShadowBlur : Untuk merubah ukuran lakukan perubahan nilai di box yang tersedia. Semakin kecil ukuran teks sebaiknya semakin diperkecil supaya teks terlihat jelas.
Shadow Color : Klik box dibawahnya untuk merubah warna efek shadow.
Opacity : Berfungsi untuk menciptakan efek transparansi. Nilai antara 0 s/d 100. Gunakan nilai yang cukup besar (50 s/ 90) biar tetap terlihat.
Transparent : Beri tanda apabila anda menghendaki background transparan
File format : Gunakan format jpeg, png atau gif. Bila melibatkan sebuah bentuk transparansi pilihlah file berekstensi png atau gif.
Create Logo : KLIK button "Create Logo" bila teks siap di buat.

Teks Sudah Jadi : Beberapa saat kemudia akan terbuka halaman baru. Teks yang anda buat sudah jadi dan bisa dilihat di bagian atas halaman.
Ambil URL Gambar Teks atau Simpan : KLIK kanan pada mouse, kemudian silahkan simpan atau ambil URL gambarnya.
Perlu diketahui :
Apabila URL gambar sudah di dapatkan, maka gambar ini harus di upload karena link gambar dari FlamingText.com hanya dapat dipergunakan sementara saat kita masih aktif di FlamingText.com.
Upload : Gunakan file hosting gratis yang ada untuk upload gambar anda. Sebagai contoh, gambar baru anda bisa di upload di http://tinypic.com

Free Javascript Hosting: Upload di yourjavascript.com

2010-05-18T04:27:00.001-07:00

Berbeda dengan di ripway dan stashbox, yourjavascript.com akan mengirimkan alamat file hasil upload ke email pengguna, sehingga kita harus membuka dan meng-copy URL javascript di email kita. Cara uploadnya sangat mudah dan prosesnya juga amat cepat.

Cara Upload javascript di yourjavascript.com :

yourjavascript.com
Buka alamat yourjavascript.com bawah ini :
http://www.yourjavascript.com
Browse
KLIK button "Browse", kemudian pilih file yang akan di upload (dari folder PC).
Email
Tuliskan secara lengkap alamat email anda.
Upload
KLIK button "Upload", kemudian tunggu hingga proses upload selesai.
Email
Buka email anda, kemudian copy URL file hasil upload.
Finish (selesai)
Selesai sudah dan alamat file bisa segera digunakan. Begitulah ..., prosesnya memang sangat sederhana dan cepat

"Tidak semua pekerjaan yang dilakukan dengan sangat cepat menciptakan hasil dengan kualitas yang jelek!"

Upload dan Daftar di Stashbox: Free Javascript Hosting

2010-05-18T02:22:00.000-07:00

Proses upload untuk menyimpan file javascript atau kode css di Stashbox.org terhitung paling mudah dilakukan. Dengan kemudahan proses dan sifatnya yang gratis, tentu blogger menjadi amat diuntungkan. Sangking gampangnya, upload di sini bisa dilakukan tanpa harus melakukan proses registrasi terlebih dahulu (tanpa harus menjadi members). Tentu saja dengan cara ini tidaklah menguntungkan bagi blogger yang secara serius menekuni aktivitas ngeblog. Apabila kita menggunakan model seperti ini, data file tidak akan tersimpan dengan sempurna, sehingga apabila suatu saat kita akan mengadakan perubahan, menghapus atau menggunakannya kembali, maka data tersebut tidak mungkin kita temukan. Sangat jelas bahwa lebih baik kita melakukan segala sesuatu dengan penuh pertimbangan, penuh perhitungan, tanggungjawab, disiplin dan selalu berpikir untuk jangka waktu ke depan.

Cara Mendaftar, Upload dan Mengambil Data File di Stashbox.org :

stashbox.org
Segera datang dan lakukan registrasi di http://stashbox.org. (KLIK Link di samping kiri ini!)
Create a Stashbox Account
Isi kolom registrasi :
- Username : Tuliskan nama yang anda inginkan digunakan sebagai pengguna.
- Password (Kode Rahasia) : Tuliskan seperti yang dipakai di blog atau email.
- Password Again : Tulis kembali Password anda di sebelah bawahnya.
- Create Account : Next --> KLIK button "Create Account".
- Contoh Registrasi : gambar di bawah ini adalah contoh pengisian formulir registrasi di Stashbox.
Account created! Please login.
Lakukan LOGIN dengan menuliskan :
- Username : Tulis Username seperti yang telah dituliskan sebelumnya.
- Password : Tulis password anda.
- Login : Next --> KLIK button "loggin"

You are now logged in.
Login berhasil. Anda telah siap untuk upload file.
- Browse : Next --> KLIK button "browse".
- Folder PC : Tentukan file dalam folder PC yang akan di "upload"
- UPLOAD : Next --> KLIK button "Upload"
- Gambar Contoh box Upload :
File :
Setelah beberapa saat akan terbuka halaman baru yang di dalamnya terdapat URL file yang telah di upload.
- Tarik halaman ke arah bawah.
- Ambil/copy URL file hasil upload.
- Contoh bentuk URL hasil upload :

Finish (Selesai)
Anda bisa melakukan Logout setelah upload selesai, kemudian untuk kembali mengawali proses upload silahkan buka kembali http://stashbox.org, dan lakukan LOGIN.

"Kesungguhan akan selalu menghasilkan keberhasilan!"

Cara Upload File di Ripway Free File Hosting

2010-05-17T14:14:00.000-07:00

Ripway.com merupakan satu free file hosting terpercaya yang menjadi tempat menyimpan file terfavorit bagi para blogger. Anda dapat menyimpan file javascript ataupun css di sini secara gratis. Sebelum memulai proses upload file anda diharuskan melakukan proses registrasi terlebih dahulu.

Langkah-langkah yang harus ditempuh untuk melakukan proses registrasi dan upload file di ripway.com :

Berkunjunglah di http://ripway.com
Silahkan langsung KLIK di alamat tersebut di atas.
Sign up :
Next --> KLIK "Sign up"
Registrasi : Isi data pada box yang tersedia.
- User Name : Tulis Nama User (samakan dengan email/blog).
- Password (Kode Rahasia) : Gunakan paduan huruf dan angka atau samakan dengan password email/blog.
- Password (verify) : Tulis kembali password anda di box bawahnya (harus sama dengan yang sebelumnya).
- Email : Tulis alamat email anda.
- Email (verify) : Tulis sekali lagi alamat email anda.
- Country : Pilih "other".
- Gender (opsional) : Bisa di isi atau dikosongkan.
- Year born (opsional) : Bisa di isi atau dikosongkan.
- ZIP (Postal KODE) : Tulis Kode Pos.
- Sign up Now : Next --> KLIK "Sign up Now".
  
  KLIK Gambar di bawah ini untuk melihat contoh registrasi :
Jika selanjutnya muncul iklan, KLIK "SKIP" .
Log on
Setelah beberapa saat akan tampak teks seperti gambar berikut :

KLIK "click here" .
Log in :
Tulis User Name dan Password, seperti contoh di bawah ini, kemudian KLIK button "Log in".
My Files :
Anda bisa KLIK Link "My Files" pada bagian atas, atau silahkan KLIK pada teks yang bertuliskan Click here to view your files.
Upload :
KLIK Link "Upload" yang terletak di sebelah kiri bagian atas. Tunggu beberapa saat.
KLIK "Browse", kemudian pilih file dalam folder PC yang akan di upload. Lanjutkan dengan KLIK button "Upload".
KLIK button "Return to my Files", kemudian anda bisa mengambil alamat file yang terdapat dalam box.
Selesai, Untuk keluar silahkan Log off, sedang apabila akan masuk kembali lakukan Log in

Selamat berkarya!

Cara Menambah Widget Blog

2010-05-17T08:25:00.000-07:00

Menambah widget merupakan kebutuhan vital seorang blogger. Berbagai macam kode HTML dapat ditambahkan dalam blog dengan berbagai fungsi bergantung kebutuhan dimana setiap blog berbeda dengan blog yang lain. Kode yang ditambahkan bisa berupa xHTML, kode CSS atau Javascript. Kode tambahan biasanya dimaksudkan untuk melengkapi beberapa fungsi pada blog, seperti menambahkan iklan, link baru, gambar (image), video, berbagai efect baik dalam bentuk gambar atau javascript, blogroll, dan banyak lagi fungsi yang lain. Melakukan penambahan widget adalah sebuah proses yang sederhana sehingga dapat dengan mudah dilakukan oleh semua blogger, meskipun demikian, karena pesatnya pertumbuhan blogger baru, tutorial yang kelihatannya sangat sederhana ini menjadi sangat penting karena basic pendidikan blogger sangat variatif. Panduan ini sangat bermanfaat untuk mempercepat pemahaman desain blog sehingga setiap blogger dapat lebih memahami bagaimana cara menciptakan tampilan blog yang lebih atraktif dan menambah daya tarik bagi pengunjung blog yang juga mengalami peningkatan luar biasa.

Cara Menambah Widget Blog :

Login ke Blogger (Loggin to Blogger).
Dasbor (Dasboard).
Tata Letak (Layout).
KLIK "Tambah Gadget" (Add Gadget):
Tentukan terlebih dahulu di sebelah mana widget akan ditambahkan. Beberapa tempat yang biasa digunakan seperti : Sidebar (kanan atau kiri), header (atas atau bawah), di atas ruang posting, bawah ruang posting atau di atas footer.
HTML (Javascript).
Setelah KLIK "HTML/Javascript", maka akan ditampilkan sebuah box. Letakkan kode yang akan ditambahkan di box tersebut.

KLIK Gambar di atas untuk melihat gambar dalam ukuran penuh!
SIMPAN (SAVE).
Setelah KLIK "SIMPAN (SAVE)". Tunggu beberapa saat hingga proses penyimpanan selesai.
Lihat Blog (Open Blog).
Buka blog untuk melihat hasilnya!

Have a nice day!

Cara cepat mencari KODE html template

2010-05-09T09:53:00.000-07:00

Mecari kode html dalam sebuah template apabila mengandalkan mata dan ketelitian saja tentu akan melelahkan dan sangat sulit. Ada cara praktis yang membuat kalian hemat energi dan waktu. Cukup gunakan Ctrl dan F pada keyboard maka semua akan berjalan dengan begitu cepat dan mudah. Dari ketiga browser yang paling banyak digunakan saat ini, Opera, Mozilla Firefox dan Internet Explorer, meskipun masing-masing mempunyai tools yang berbeda akan tetapi pada dasarnya cara untuk mengoperasikannya sama.

A. Mozilla Firefox :

KLIK Ctrl + F (pada keyboard) secara bersamaan.
Lihat ujung bawah bagian kiri.Akan tampak seperti gambar di bawah ini :

Bagian berwarna merah digunakan sebagai tempat menuliskan kode yang akan di cari.
Next atau Previous untuk memulai mencari..

B. Opera :

KLIK Ctrl + F (pada keyboard) secara bersamaan.
Tampak sebuah windows.Akan tampak seperti gambar di bawah ini :

Tulis kode yang akan di cari.
KLIK button Find Next untuk memulai mencari..
Apabila kalian menggunakan opera terbaru (10.51) maka, box pencarian terletak di sebelah kiri bagian atas.

C. Internet Explorer (IE) :

KLIK Ctrl + F (pada keyboard) secara bersamaan.
Lihat di sebelah kiri atas.Akan tampak seperti gambar di bawah ini :

Tulis kode yang akan di cari.
KLIK Next atau Previous untuk memulai mencari..

Membuat Read More

2010-05-09T09:20:00.001-07:00

Read more digunakan apabila seorang blogger menginginkan bentuk posting dalam bentuk singkat (pendek) ditampilkan di halaman utama. Penggunaan read more kemudian disesuaikan dengan memperbanyak posting yang ditampilkan di halaman utama. Jumlah posting bisa diatur dengan cara merubah setting yang terdapat di halaman pengaturan pada point Tampilkan sebanyak mungkin (Show at most). Silahkan jumlahnya anda atur sesuai jumlah yang ingin kalian tampilkan.

Langkah yang harus dilakukan :

A. Mengatur Jumlah posting di Halaman Utama :

KLIK di sini.
Atur jumlah posting berkisar 10 - 15, untuk memperoleh jumlah standar yang cukup ideal.

B. Membuat Read More :

Setelah selesai melakukan langkah A, silahkan KLIK Tata Letak.
KLIK Expand Template Widget.
<data:post.body/>
Cari KODE di atas dengan menggunakan Ctrl + F. Apabila kalian belum tahu caranya silahkan KLIK di sini.

Ganti KODE di atas dengan KODE di bawah ini :

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'>Read More......</a>
</b:if>

Ganti Read More ..... dengan kata lain yang mungkin lebih kalian suka.
KLIK Simpan Template (SAVE Template)
KLIK Pengaturan (Settings)
KLIK Format (Formatting).
Cari seperti gambar di bawah ini dan tuliskan seperi contoh gambar.

KLIK SIMPAN SETELAN (SAVE SETTINGS).
Posting Lakukan posting di posting edit html. Dalam ruang tersebut sudah terdapat kode yang tertulis seperti di gambar yang berfungsi untuk membentuk Read More.
Selesai!

Verifikasi Kata Komentar

2010-05-09T08:41:00.001-07:00

Setting komentar yang dilengkapi verifikasi kata (captcha) memang penting bagi blogger untuk menghindari spam, namun untuk blogger yang masih dalam tahap awal sebagai pengguna blog akan lebih baik seandainya dihilangkan terlebih dahulu. Verifikasi kata cenderung mempersulit proses pemberian komentar yang dilakukan oleh pengunjung yang masih dalam tahap pengenalan terhadap blog. Proses yang lebih lama juga sering membuat malas untuk memberikan komentar. Sebagai solusi, verifikasi ini bisa dihilangkan terlebih dahulu hingga rating blog semakin meningkat.

Cara mrnghilangkan verifikasi kata komentar :

Login : --> Login ke Blogger (Login to Blogger).
Dasbor : --> Halaman pertama yang terbuka ini adalah Dasbor (Dasboard).
Pengaturan (Settings) : --> KLIK " Pengaturan (Settings)".
Komentar (Comments) : --> KLIK Komentar (Comments).
Cari teks yang bertuliskan :Tampilkan verifikasi kata untuk komentar? (Show word verification for comments?)
--> Ada dua pilihan yang tersedia
KLIK "Tidak (No)" (lihat gambar di atas).
KLIK SIMPAN SETELAN (SAVE SETTINGS), yang terletak di ujung paling bawah.
Coba. Buka blog dan coba berikan komentar di posting kalian.
Selesai.

Mengatur Jumlah Posting di Halaman Utama Blog

2010-05-09T00:28:00.000-07:00

Mungkin pengaturan jumlah posting ini sering terlewatkan oleh blogger, sehingga kerap dijumpai halaman utama sebuah blog menjadi sangat panjang (tinggi). Hal seperti ini disebabkan belum dilakukannya perubahan terhadap pengaturan (setting) yang dilakukan BlogSpot. Meniru yang umumnya dilakukan oleh para blogger yang sudah kondang bukan sesuatu yang jelek. Pasti ada manfaat yang diperoleh dengan model pengaturan 1 (satu) posting di 1 (satu) halaman utama.

Manfaat yang diperoleh melalui pengaturan 1 posting di halaman utama :

Membuat halaman utama tidak terlalu padat atau terlalu panjang (tinggi). Catatan : Setting awal BlogSpot berjumlah 7 (tujuh) posting di halaman utama.
Penempatan satu buah posting di halaman utama membuat pengunjung blog lebih fokus dalam menikmati posting dan beberapa fasilitas yang tersedia.
Pengunjung akan tertuntut lebih lama menikmati blog karena harus membuka halaman baru setiap kali mencoba membuka posting yang lain.
Memperbesar kemungkinan terjadinya pemberian komentar karena halaman baru yang terbuka tersedia kolom komentar. Komentar ini sangat bermanfaat untuk menjaga spirit seorang blogger agar tetap aktif membuat posting baru.

Cara mengatur Jumlah Posting :

Login ke Blogger (Login to Blogger).
Dasbor (Dasboard).
KLIK "Pengaturan (Settings)".
KLIK "Format (Formatting)".
Lihat di urutan teratas akan terlihat "Tampilkan sebanyak mungkin (Show at most)". Disebelahnya terdapat box yang merupakan tools untuk pengaturan jumlah posting. Atur jumlah dengan merubah angka 7 (tujuh) yang sudah tertulis menjadi angka baru sesuai jumlah posting yang ingin di tampilkan di halaman utama. (Lihat gambar di bagian atas!)
KLIK "SIMPAN SETELAN (SAVE SETTINGS)".
Selesai !.

Semoga bermanfaat and Happy blogging!

Promosi Blog di Reddit

2010-04-24T16:20:00.000-07:00

Proses registrasi untuk submit di Reddit agak berbeda dengan beberapa yang telah kita lakukan. Promosi blog di sini, caranya relatif lebih sederhana dibandingkan dengan beberapa tempat lain. Kalian harus terlebih dahulu meng-copy paste kode yang berupa sebuah link submit, baru selanjutnya proses submit dilakukan. Prosedur awal seperti juga di tempat yang lain, kita harus membuat sebuah account (akun) terlebih dahulu.

Langkah untuk promosi blog di Reddit :

Reddit
KLIK Link "Reddit Submit" di sidebar kanan (logo Reddit).

KLIK "Gambar" untuk memperbesar!

Create a new Account (Buat Akun Baru)
Beberapa langkah yang harus ditempuh :
1. User Name: Tulis nama yang akan digunakan sebagai user di Reddit. Sebaiknya menggunakan nama yang sama dengan user name blog kalian.
2. Email : Alamat email bisa dituliskan atau di kosongkan (opsional).
3. Password : Gunakan password yang sama dengan di email dan blog.
4. Verifikasi Password : kertik ulang password di box yang disediakan.
5. Captcha : Tulis karakter yang ditampilkan di box bawahnya.
6. Create Account (Buat Akun) : KLIK "Create Account button.Buat Akun"
7. Create Account (Buat Akun) : KLIK "Create Account button.Buat Akun"
8. Pada tahap ini biasanya harus diulang sebanyak 3 (tiga) kali, dengan meengulangi kembali penulisan karakter.

Submit to Reddit
1. Title : Tulis Nama Blog kalian.
2. Captcha : Tulis karakter yang di tampilkan.
3. Submit : KLIK "Submit (Kirim)" button.

Comment
Tulis secukupnya Next --> KLIK "SAVE"

Reddit Tools
Untuk memasang Reddit Submit Button KLIK "Button (Tombol)" pada Reddit Tools (bawah).

Bunga melati , bunga mawar
Tengah malam dipetik orang !

Maling !!!!! Maling !!!!

Gabung di StumbleUpon untuk Promosikan Blog

2010-04-24T13:15:00.000-07:00

Seperti halnya Mybloglog, StumbleUpon yang berpusat di Australia ini merupakan tempat yang tepat bagi blogger untuk bergabung. Sebelum aku bergabung, aku mencoba untuk meyakinkan diri dengan touring di sana selama beberapa waktu supaya bisa melihat dengan jelas prospek yang diharapkan. Dan .. Wowww.. ternyata nggak salah juga. Wajah-wajah yang tak asing dengan nama-nama yang dengan cepat bisa diidentifikasi, benar-benar menjadi penampil yang cukup dominan. Wajah-wajah tetangga kita ! Dengan member yang berjumlah lebih dari 10 juta, kiranya patut dipertimbangkan untuk dijadikan tempat berlabuh. Ya ... jumlah yang tidak sedikit untuk dijadikan pasar jualan blog. E ... siapa tahu beberapa di antara mereka ada yang nyasar ke blog kita. Itung-itung jumlah 1% saja sudah amat bagus.

Cara registrasi di StumbleUpon :

StumbleUpon
Kalian bisa "KLIK" ticket di bawah ini atau gambar di atas untuk berangkat ke Australia (ke StumbleUpon) :
http://www.stumbleupon.com.

Join
Lihat di ujung atas sebelah kanan. Next ==> KLIK "Join StumbleUpon".

Sign Up
Tuliskan data kalian di bawah teks Sign Up to Explore the web like never before.
1. Username: Tulis nama seperti yang digunakan di blog.
2. Your email: Tulis lengkap alamat email.
3. New password: Gunakan password yang sama seperti di email atau blog.
4. Gender : Beri keterangan yang jelas tentang kelamin kalian. Beri tanda pada 2 pilihan yang ada. Nggak boleh buat sendiri ! Kalau nggak ada di daftar pilihan, ikutan daftar ke SATPOL PP saja biar ikut tawuran.
5. My birthday : Pilih bulan, tanggal dan tahun kelahiran.
6. Sign Up : Next ==> KLIK "Sign Up".

Prove you are human!
- Next ==> KLIK "Validate with captcha".
- Tulis karakter yang di tampilkan.
- KLIK "Done".

Success! Your account has been created.
Beri tanda pada pilihan yang tersedia. Sesuaikan dengan materi posting.
Next ==> KLIK "Start Stumbling"

Start stumbling!
Lihat ujung kanan atas! Next ==> KLIK "User Name" (namamu, yang!).

Add a site
Lihat ujung kanan atas di sebelah Photo profile kalian!
Next ==> KLIK "Add a site".

Data Blog
- URL : Tulis dengan lengkap
  Contoh : http://tantytm.blogspot.com
- Review : Tulis dengan singkat tentang blog kalian.
- Next ==> KLIK "Add a site >".

Topic.
1. Pilih Bahasa
2. Beri tanda pada No, contains nudity or adult content
3. Tambahkan apa yang menjadi topic utama.
4. Next --> KLIK "Submit".

Selesai.
Karena sudah selesai, harap segera beli ticket untuk pulang kampung. Hansip sudah menunggu!.

"Harimau mati meninggalkan belang. Gajah mati meninggalkan gading. Wanita mati meninggalkan hutang."

Ah, peribahasa itu bagus sekali, kek. Wanita mati meninggalkan (k)hutang?!
Lha, kalau yang laki-laki meninggalkan apa, kek?
Kakek ku menolehkan kepala sambil menjawab, "mana kakek tahu. Orang kakek juga belum mati. Boro-boro mikir mau ninggalin apa. Orang sejak nenek mu meninggal mikir hutang saja kakek sudah tidak sanggup!"

Submit Express : Submit Kilat di 40 Top Search Engine

2010-04-24T09:36:00.000-07:00

Pingin sedikit hemat energi buat promosi blog? Datang saja ke Submit Express! Gratis , layanan mudah, cepat dan informasi yang disampaikan gamblang. Melalui Submit Express informasi tentang blog kita akan langsung dikirimkan ke Google, Yahoo, AOL Search, iWon.com, Exactseek, Jayde, Scrubtheweb, Entireweb serta sekaligus akan langsung terdaftar pada beberapa Meta Search Engines, seperti Search.com, metacrawler, Dogpile, mamma, C4, Canada.com, ixquick, Infogrid, query Server, WebInfoSearch, 800go dan beberapa yang lain. Mau coba ?! Ikuti langkah-langkahnya seperti di bawah ini :

Panduan proses registrasi di Submit Express :

Submit Express
Datanglah ke Submit Express dengan cara KLIK Link Submit Express yang terletak di bagian atas Sidebar kanan blog ini (samping Technorati! Tuh.. Gambar yang kelap-kelip.).

FREE SUBMISSION
Lihat gambar di bawah ini :

» Tulis URL blog kalian : http://..... .blogspot.com/
» Next --> KLIK "Next" button.

FREE Website Submission
Perhatikan gambar di bawah ini :

Isi seperti gambar di atas. Alamat email, tanda centang dan tulis karakter kemudian KLIK "submit" button.

Thank you for using Submit Express.
Apabila submit berjalan sesuai harapan (sukses), maka akan disediakan sebuah link dalam bentuk kode html (seperti di blog ini). Copy dan simpan di template kalian.

Contoh KODE :
```
<center>
<a href="http://www.submitexpress.com/"
<img src="http://www.submitexpress.com/submitexpress.gif" border="0" width="88" /></a>
<br /><a href="http://www.submitexpress.com/">Search Engine Optimization and SEO Tools</a>
</center>
```
Di bawah kode yang diberikan anda akan diberi informasi seperti gambar berikut :

"KLIK Gambar untuk melihat detai informasi Submit Express"

Lanjutkan
Dari beberapa informasi yang ada, mungkin ada yang belum kalian lakukan. Segera tindak lanjuti.

Selesai
Semoga bermanfaat dan menambah spirit kalian untuk tetap tetap tekun ngeblog. Kamsia !!!!.

"Pikiran seseorang akan mempengaruhi kehidupannya"

Pesan eyang :

Jangan main di comberan, cucu ku. Nanti bajumu kotor.
Kalau hidup mu yang kotor, eyang mah nggak peduli !!!!

Menghapus Blog

2010-04-23T20:18:00.000-07:00

Hapus blog? Banyak blogger memandang hal ini sebagai sesuatu yang tidak penting. Toh punya blog seratus pun nggak jadi masalah! Punya blog banyak memang tidak jadi masalah, tetapi punya blog banyak tanpa pernah disentuh apalagi di isi dengan posting tentu akan menjadi masalah. Mengapa bisa demikian? Hal yang sepertinya sepele seperti ini kadang-kadang tidak pernah terpikirkan orang. Bukankah ketika seorang pengunjung blog datang menyambangi blog kalian banyak kemungkinan terjadi tidak hanya membuka posting saja. Sangat mungkin terjadi pengunjung akan byayakan membuka profil kalian. Entah karena wajah yang imut, manis, cantik, ganteng, macho, atau mungkin saja karena profil kalian yang persis seperti wedhus dhugul. Tahu nggak apa itu "wedhus dhugul"? Gini kalo belum tahu : dengarkan dan jangan sampaikan ini ke pacar atau istri kalian. Wehus dhugul artinya kambing jantan yang sangat besar dengan jenggot panjang plus punya nafsu besar tetapi tenaga seperti kuda. Jangan bangga dulu ..., dengarkan lanjutannya ... Kuda habis narik andong seharian tanpa di kasih minum sama rumput. Bah ... Itu maksudnya ! Hua .... ha .... ha ... kek ...kek ... ke ...heh ... heh ...

Lha ... itu baru pemicunya, yang lebih dari itu adalah ketika orang melihat daftar jumlah blog kalian bejibun jumlahnya (terlihat di halaman profil), sementara yang aktif buat posting cuma sebiji. Dus ... ini sama artinya membuka borok sendiri. Orang yang sebelumnya cukup simpati dengan materi posting kalian bisa jadi penuh tanda tanya atau bahkan mungkin bisa kehilangan respek karena curiga bahwa anda kurang punya tanggung jawab ...dst, dst. Mungkinkah posting yang dibuat hasil jiplakan ? dst, dst. Hingga akhirnya dia bernyanyi "sepanjang jalan kenangan" diteruskan "cukup sekali ... aku merasa ...a ... a.... kegagalan cinta .... dst, dst.

Ada jalan yang lebih baik untuk punya banyak blog. Buatlah satu email lagi untuk membuat blog baru. Blog yang khusus ini barulah dengan bebas bisa kalian manfaatkan untuk apapun. Untuk "othak-athik" desain blog: bisa! Untuk memcoba posting sebelum diterbitkan di blog utama: bisa ! atau mungkin buat selimut tidur: bisa ! Satu keuntungan yang nyata, dengan cara seperti ini reputasi kita diharapkan lebih terjaga. Amin ?????????? Amin!!!!!!! (nggak tahu tuh siapa yang jawab. Karena yang kutahu kalian diam seribu basa !). Untuk menghapus blog sebetulnya ada panduan yang telah diberikan oleh BlogSpot, tetapi karena menghapus blog dianggap tidak penting akhirnya jadi banyak yang nggak tahu caranya.

Cara menghapus blog :

Login
Login ke Blogger.

Dasboard (Dasbor)
Next --> KLIK "Settings (Pengaturan)".

Settings (Pengaturan)
- Blog Tools (Alat Blog) : Lihat di sebelah kanannya.
- Delete blog (Hapus blog) : Next --> KLIK "Delete blog".
- Delete this blog (Hapus blog ini) : Next --> KLIK "Delete this blog"

Dasboard (Dasbor)
Blog sudah terhapus dan secara otomatis anda dikembalikan ke halaman dasboard. Lakukan seperti langkah di atas untuk menghapus yang lain.

"Jadi korban penipuan itu tidak selalu akibat kebodohan, tetapi kadang-kadang karena kebajikan."

Betul, mbah! Betul! Sekarang memang jaman edan. Justru banyak orang berdasi yang jadi penipu, mbah. Menipu rakyat sendiri, lho! Rakyat yang penuh kebajikan dan memang suka ditipu. Ditipu dengan raskin (beras orang miskin), ditipu dengan kaos dan duit no-mban (pemilu), ditipu dengan Century dan banyak lagi ditipu dengan yang lain. Bukan karena rakyatnya yang goblogh, mbah. Mereka saja yang memang terlahir jadi penipu dan .... kebetulan rakyatnya juga paling suka ditipu.

Free Javascript Hosting - Javascript Hosting Gratis

2010-04-23T18:59:00.000-07:00

Menciptakan blog supaya tampil menarik dan atraktif sangat penting untuk membuat pengunjung blog supaya lebih kerasan ketika menikmati posting yang kita sajikan. Blog tak ubahnya rumah tinggal yang harus ditata rapi dan dihiasi dengan berbagai benda penghias dengan harapan siapapun yang tinggal atau sekedar mampir betah singgah berlama-lama. Meskipun kode css juga dapat menyuguhkan berbagai penampilan menarik, pemanfaatan javascript menjadi pilihan paling dominan karena kemampuannya untuk menciptakan keunikan dan berbagai fungsi yang tidak mungkin dilakukan dengan kode css. Problem klasik penggunaan javascript terutama dalam hal penyimpanan. Memang BlogSpot (Blogger) menyediakan fasilitas untuk penyimpanan, tetapi beberapa javascript yang lain tak akan berfungsi seperti harapan ketika penyimpanan dilakukan melalui fasilitas ini (penambahan widget). Untuk mengatasi persoalan ini, sebuah file hosting menjadi pilihan yang tak dapat dihindarkan. Dengan kondisi riil blogger tanah air yang kebanyakan tak mampu untuk membayar ongkos sewa simpan file, maka file hosting gratisan menjadi pilihan yang sangat dibutuhkan. Sayangnya free file hosting tidaklah banyak, oleh karena itu mungkin beberapa javascript hosting di bawah ini bisa kalian pertimbangkan untuk dimanfaatkan sebaik-baiknya.

Tiga alamat free javascript hosting di atas merupakan free file hosting yang paling gampang dimanfaatkan, dapat dipercaya dan tanpa limit waktu simpan.

Upload gratis di Photobucket : Free Image & Video Hosting

2010-04-23T15:35:00.000-07:00

Setelah di posting sebelumnya kita goreng cara registrasi di Tinypic image & video hosting gratis, kali ini kita akan godhog cara registrasi dan upload di Photobucket image hosting, free photo sharing and video sharing. Keduanya ama-sama gratis, cuma berbeda dalam kebijakan dalam mengakomodir konsumen. Kalau di Tinypic semua orang bisa upload begitu saja tanpa identitas yang jelas, untuk di Photobucket, sebuah alamat email menjadi prasyarat utama yang harus dikantongi calon pengguna jasanya. Bagi yang belum punya email silahkan baca tutorialnya di blog ini. Cari ... pasti ketemu!

CAra registrasi dan upload di Photobucket :

Join Now. It's Free!
KLIK tepat di teks tersebut.
Sign up. It's free.
1. User Name : Tulis sesuai yang digunakan di blog biar tidak gampang lupa.
2. Password : Samakan juga dengan di email atau blog.
3. Re-type Password : Ketik sekali lagi password kalian.
4. Next Step : KLIK "tepat ditengah-tengahnya" (jangan sampai meleset entar melecet!).

One last step
Tulis data pribadi kalian.
1. First Name : Tulis nama depan.
2. Last Name : Tulis nama belakang
3. Email : Tulis alamat email
4. Gender : Beri keterangan yang jelas tentang jenis kelamin kalian (bukan bentuk atau ukuran, heh ... !) dengan memilih dua pilihan yang tersedia (ingat ! Hanya dua pilihan!)
5. Birthday : Tuliskan lengkap : bulan, tanggal dan tahun (jangan pakai tahun kabisat! Nggak ada!)
6. ZIP/Postal Code : Tulis kode pos wilayah kalian.
7. Re-type : Tuliskan secara persis karakter yang ditampilkan pada box Re-type it here
8. I accept. Sign me up ! : KLIK "tepat di tengah-tengah wadahnya"!

Store More ... dst.
Lewatkan halaman ini dengan KLIK "no, thank's" (Next = maturnuwun... sanes wekdal kemawon mboten gadhah arto!).

My Home
- Add Album : Perhatikan di bagian sidebar kiri. Kelompokkan file dalam setiap album untuk memudahkan pencarian. Tuliskan nama album kemudian KLIK "Save".
- Pilih dari mana gambar yang akan di upload. Beri tanda pada file :
- Upload : KLIK "Upload image and videos".
- File : Tentukan file dalam folder yang akan di upload. Tunggu hingga proses upload selesai

Add Titles
Tambahkan title, deskripsi dan tags.KLIK "Save".

In This Album
Hasil upload akan diperlihatkan dalam album yang sudah dibuat. Disediakan 4 macam kode file hasil upload. Arahkan cursor pada file hingga kode terlihat. Pilih yang akan digunakan kemudian copy kode. Kode yang paling sering digunakan adalah no.3 dan no.4.

Log out - Log in
KLIK "Log out" untuk keluar, dan KLIK "Log in" ketika akan memulai upload.

Hal terpenting bukanlah 'jangan membiarkan orang lain diracuni', tetapi 'racuni kebencian itu sendiri!'

Yang penting jangan racuni dirimu sendiri dengan baygon, tetapi racuni dengan yang lebih ringan. Biar nggak terlalu cepat !

Upload Gambar & Video di Tinypic Free Image Hosting

2010-04-23T13:25:00.000-07:00

Tinypic merupakan salah satu Free image hosting terfavorit bagi blogger dan semua pengguna internet karena dengan sangat mudah siapapun dapat upload gambar tanpa persyaratan apapun. Untuk sekedar upload kita tak perlu melakukan registrasi terlebih dahulu. Upload load ! Selesai sai ! Meskipun demikian bukan berarti saya menganjurkan kalian untuk menempuh prosedur simple itu. Akan lebih baik bila kita jadi member di sini sebab seluruh hasil upload akan tersimpan dengan rapi dan aman. Bukankah suatu saat jika kita butuh gambar yang sama tak perlu lagi bingung untuk membuat kemudian menguploadnya lagi?! Ya ..., untuk melakukan sesuatu hal yang baik, bermanfaat dan bermartabak (maksud saya : bermartabat!) memang perlu sedikit bersusah-susah dahulu. Gampang koq proses registrasinya. Nggak nyampe setahun, dech! (kata S.H. Mintarja : Nggak sampai sepeminum teh!)

Cara jadi member di Tinypic :

Email
Gunakan alamat email untuk melakukan proses registrasi.

Join Now
Di ujung kanan atas terdapat link untuk bergabung dengan tulisan Join Now. Next »»KLIK "Join Now".

Join us today!
Dibawahnya sudah disediakan beberapa kolom registrasi.
- Your E-mail : Tulis alamat email kalian.
- Password (Kode Rahasia): Biasakan menggunakan password yang sama dengan yang di email supaya nantinya tidak membingungkan (orang jaman sekarang terkenal pelupa!).
- Date of Birth (Kelahiran): Masukkan secara berurutan : bulan, hari dan tahun. Kalau lupa tanya sama dukun beranak yang dulu menolong ibumu !
- Code : Ketik karakter yang ditampilkan pada box di bawahnya.
- Agreement (Perjanjian kesepakatan) : Beri tanda persetujuan pada box kecil di sebelah By checking ...., kemudian lanjutkan dengan
- KLIK "Join Now".
Upload Images & Videos
Mulailah untuk upload.
- File : KLIK "Choose" button kemudian pilih gambar yang akan di upload dari folder PC.
- Tags : Bisa di isi atau dikosongkan.
- File Type : Pilih dan tandai sesuai jenis file yang akan di upload.
- Resize : Pilih jika diperlukan.
- Upload : KLIK "Upload". Tunggu hingga proses upload selesai!

Code
Pilih kode dan copy. Ada 4 (empat) kode dengan 4 fungsi :
1. HTML for Websites : Gambar ini disertai link ke Tinypic.
2. IMG Code for Forums & Message Boards : Jarang di pakai.
3. URL for E-Mail & IM : Blogger juga jarang menggunakan ini.
4. IDirect Link for Layouts : URL Image. Kalian bisa gunakan untuk URL dalam desain blog atau sebagai link dengan menambahkan kode yang lain seperti kode di box pertama dengan menambahkan kode seperti :
  - <img src="URL" style="...."/> ,
  - <a href="link"><img src="URL"/></a> ,
  - <div style="background:url(http://.../.../image.jpg);margin: ..px; .....;"></div>

Habis!

"Jangan pernah menilai orang lain sebelum menilai dirimu sendiri!"

Klo begitu mendingan jadi guru saja. Biar di kantor cuma baca koran sambil ngerumpi, nggak ada yang ngelarang untuk menilai murid-muridnya. Benar nggak?!
Emang nggak semuanya, sich?! Tapi kalau melihat hasil survey yang sudah dilakukan tahun 2055 (he .. he ..), memang membuktikan kalau ternyata banyak yang kelakuannya nggak jauh dari itu.! Udah gaji naik terus, lagi!
Huh ....! Mo jadi apa anak cucuku kelak ?!

Upload di Picasa Web Album

2010-04-23T11:20:00.000-07:00

Si juragan besar ini memang sepertinya tidak mungkin terlawan dan tersaingi karena hampir semua yang berhubungan dengan dunia kelana alam raya maya mejadi bagian dalam dirinya. Jaringan besarnya bagaikan sulur-sulur gurita yang mencengkeram ke segala penjuru mata angin (termasuk angin sepoi-sepoi yang bikin masuk angin). Bukan gurita biasa yang hidup di samudera biru, tetapi gurita dari seberang galaksi yang dilengkapi cakar berwarna putih mengkilap berbahan platina, berangka fiber tahan panas dan tahan terhadap benturan komet, bermesin roket pinjaman UFO, serta berperisai tameng romawi yang bisa memuntahkan laser perak jingga pelumpuh nyali. Picasa merupakan salah satu sulurnya yang kebagian jadi tukang tadah kiriman gambar dengan kapasitas nyimpan hingga 1024 Megabyte per-pengguna email. Sebuah gudang yang cukup besar bagi penyuka image hosting gratisan (seperti aku, kang! Mana punya duit buat nyewa, orang ngeblog juga blom pernah dapet du'it (tukon kinang, yang ! Maksud aku : eyang !!)

Karena kalian sudah punya blog, untuk menggunakan Picasa sebagai tempat upload sekaligus gudang penyimpanan gambar, kalian hanya perlu Login kemudian uploadlah sepuas-puasnya. Klo perlu upload juga ruang kerja kalian biar nggak perlu upload lagi. He ...he .. Jangan marah, ya. Entar cepat pikun ! O..., ya sampai lupa. Picasa juga menerima kiriman gambar berbentuk animasi. Jadi kalian yang belum menemukan image hosting bisa upload sebanyak kalian punya.

Cara menggunakan Picasa sebagai gudang gambar (image) :

PICASA web Album
Click Link di sebelah ini Picasa web Album.

Login
Ketik alamat email dan Password (Kode Rahasia) kalian. Next --> KLIK Sign in
Catatan : Bagi yang belum punya blog KLIK "Create New Account".

Upload
Di bagian atas tengah, di samping alamat email kalian tersedia tool untuk upload. Next » KLIK Upload.

Create or Select Album
Next » KLIK create a new album yang terletak di bawahnya

Upload Photos: Create or Select Album
Tulis identitas gambar pada kolom yang tersedia.
- Title : Beri nama album.
- Date : tidak perlu di isi.
- Description : Tulis deskripsi gambar (opsional/boleh dikosongkan).
- Place taken : opsional.
- Continue : KLIK "Continue" button. Tunggu beberapa saat !

Upload Photos to: Album Title
Next » KLIK "Browse" button kemudian pilih gambar yang akan di upload dari folder PC kalian. Dalam satu kali upload maksimal 5 (lima) buah gambar. KLIK "arrow icon" di samping upload dan tunggu beberapa saat hingga proses upload selesai.

Copy Image Address (Image Location)
KLIK kanan pada mouse untuk mengcopy URL gambar.

Untuk kembali meng-upload atau membuat album baru, silahkan KLIK "arrow icon".

Sampun Komplit Lengkap sudah cara upload dan membuat album di Picasa.

"Jangan menunda pekerjaan yang bisa dikerjakan hari ini, seperti kalian tak pernah menunda b'ol."

Koleksi Free File Hosting

2010-04-23T05:57:00.000-07:00

Pentingkah file hosting bagi blogger? Banyak parameter yang bisa menjadi jawaban atas pertanyaan tersebut. Spesifikasi sebuah blog merupakan dasar untuk melihat sejauh mana tingkat kebutuhan blog akan sebuah file hosting. Lengkapnya fasilitas yang disediakan BlogSpot, hampir-hampir membuat seorang blogger tidak lagi perlu bersusah payah mencari sebuah file hosting untuk memenuhi kebutuhan posting dan desain blog. Tetapi seperti kata manusia yang beriman, tidak ada sesuatupun di dunia ini yang sempurna! (sebuah ungkapan yang begitu indah tentang Keagungan Tuhan). Hal yang berlaku juga untuk BlogSpot. Terbatasnya ukuran gambar (maksimal height dan/atau width=400 pixel) dan jenis file (tidak melayani animasi gif) menjadi salah satu contoh. Penggunaan beberapa javascript juga mengharuskan kita untuk memanfaatkan file hosting. Tentunya ke dua masalah di atas juga hanya berlaku bagi mereka yang menggunakan ke duanya untuk kepentingan desain blog, efect dan posting. Itulah mengapa parameter mesti digunakan sebagai tolok ukur. Dari beberapa pertimbangan di atas, secara umum hanya beberapa file hosting yang perlu dimiliki oleh seorang blogger untuk meningkatkan kualitas blog dan posting.

Jenis file hosting yang perlu di manfaatkan :

Free Image & video Hosting

Tinypic
http://tinypic.com
Tinypic melayani upload dari berbagai jenis file gambar, termasuk animasi gif. Layanan juga diberikan untuk gambar dengan ukuran besar.

Photobucket
http://www.photobucket.com/
Layanan yang diberikan sama dengan Tinypic plus video hosting.

4shared
http://www.4shared.com
Layanan yang diberikan hampir sama dengan Photobucket.

Flickr
http://www.4shared.com
Layanan yang diberikan sama dengan Tinypic, tetapi klo nggak salah ingat disini hanya untuk gambar ukuran kecil (biar mantab coba saja).

Imageshack
http://www.4shared.com
Layanan yang diberikan sama dengan Photobucket.

Imagevenue
http://imagevenue.com
Layanan yang diberikan sama dengan Tinypic.

Freeimagehosting
http://freeimagehosting.net
Layanan yang diberikan sama dengan Tinypic.

Imagecave
http://imagecave.com
Layanan yang diberikan sama dengan Tinypic.

Picassa
http://picasaweb.google.com
Album Web Picassa masih satu juragan dengan BlogSpot (Blogger). Layanan di sini sangat lengkap tetapi proses uploadnya tak secepat yang lain.

Free Javascript & CSS hosting

Ripway
http://www.ripway.com
Layanan upload javascript dan CSS code.

Stashbox
http://stashbox.org
Layanan upload javascript dan CSS code.

YourJavascript
http://www.yourjavascript.com
Layanan upload javascript.

File Hosting Lain

kocek

per-KLIK atau download.

Rapidshare
http://www.rapidshare.com
Ziddu
http://ziddu.com

"Hasil kerja seseorang merupakan potret pribadinya."

Asal potretnya jangan kaya siamang saja, bung !
Uhuk ... uhukkk ...uhuukk....

Delicious : Social Bookmarking untuk Promosi Blog

2010-04-22T14:27:00.000-07:00

Social Bookmarking patut menjadi pilihan blogger sebagai tempat menangkringkan blog supaya cepat tercium search engine. Ini hanyalah sebagian kecil perjalanan melelahkan yang harus dilakukan untuk menyentuh top ranking di dunia blog. Mengapa tutorial promosi blog menjadi fokus utama semua posting awalku? Ini bukanlah hanya sekedar sebagai pemenuh blog belaka. Aku menekuni blog sudah cukup lama hingga akhirnya keputusasaan menggerogoti jiwaku dan membuatku berhenti. Posting amat rutin kulakukan, bahkan postingku dulu hampir mencapai jumlah 250 artikel. Tetapi mengapa, ya, peringkatku nggak pernah secara signifikan bertambah?! Mengapa mereka yang terhitung baru beberapa postingan saja sudah dengan mudah terendus oleh mesin pencarinya google. Mungkinkah mereka memanfaatkan markus atau memang bau mereka yang separah kentut sehingga dengan cepat tercium?

Tiba-tiba saja semangat baru ini muncul. Semangat untuk kembali menumpahkan segenap ide dan ambisi yang selama beberapa waktu teronggok di kandang kerbau penuh tai (telethong!). Ya..., memang tak mungkin semua bisa dilakukan sendiri. Ternyata untuk meggapai puncak gunung banyak hal yang harus dilakukan. Bagi blogger, untuk menggapai puncak tertinggi tersebut yang dibutuhkan adalah mempunyai banyak koneksi. Delicious menjadi salah satu yang tepat untuk kita. Sebuah Social bookmarking yang akan dengan penuh tanggung jawab mau membawa blog menjadi hight traffic.

Cara mempromosikan blog di Delicious :

Yahoo ID
Buat email di Yahoo terlebih dahulu jika kalian belum punya Yahoo ID. Ini syarat mutlak yang tidak boleh tidak harus dilakukan. Bagi yang belum punya dan ingin buat, kalian bisa lihat tutorial lengkap pembuatan email di Yahoo dengan KLIK link di sebelah. Panduan Buat Email di Yahoo.

Delicious
Kunjungi http://delicious.com atau kalian bisa di sini.

Join Now
Lihat bagian atas. Next --> "KLIK".

Login
Gunakan email Yahooo dan Password untuk melakukan login. "KLIK" button Sign in.

Choose a link for your Delicious account :
Pilih accound anda di Delicious dengan pilihan yang sudah disediakan atau anda buat sendiri (yang terbawah). "KLIK" Check., setelah menuliskan account apabila anda membuat identitas account sendiri.

SAVE (Simpan) Next --> "KLIK" Save.

Skip this step
Langsung saja go to my bookmark. Next --> "KLIK" Skip this step..

Save a new bookmark-1
Masukkan URL blog kalian!
Contoh: http://tantytm.blogspot.com
Next --> "KLIK" .

Save a new bookmark-2
Beberapa data dan deskripsi blog harus dituliskan di bagian ini :
- URL
  Lewatkan karena sudah tertulis.
- Title
  Tulis nama blog kalian.
- Notes
  Tulis deskripsi blog. Singkat saja karena dibatasi 1000 karakter.
- Tags
  Tulis keeyword atau kata-kata penting yang paling sering digunakan di posting.
- SAVE : Next --> KLIK Save.
Bookmarks
Perhatikan di bawah User Name Bookmarks.
Tersedia beberapa link seperti : Network, Tags, Subscriptions, Boxs.
Untuk menambahkan beberapa link ke Delicious, seperti Feed, My Delicious Bookmark dan beberapa yang lain, silahkan kalian KLIK Network. Di sini disediakan kode html untuk dipasang di blog kalian. Copy paste dan simpan melalui penambahan widget.

The and ! Finish ! Tamat ! Selesai ! Rampung !
Selesai sudah. Pergilah ke tukang ojek dan bilang, "bang tolong antar aku ke tukang pijit, bang ! Capek, nich !"

Bayi tumbuh besar karena ASI dan ASPI serta ASMBING. Blog tumbuh karena semangat, posting, persahabatan, relasi dan promosi ! Hua ....kikkikkikkik.....

Gunakan Mybloglog untuk Promosi Blog

2010-04-22T08:05:00.000-07:00

Mybloglog memberikan ruang yang sangat luas bagi kita untuk berinteraksi dengan dunia. Tidak hanya melalui komunikasi yang kita jalin dalam sebuah bentuk pertemanan saja, tetapi kita dapat juga bergabung dalam forum diskusi dan sekaligus melalui bloglog dapat dilakukan sebuah promosi bagi blog. Persyaratan utama untuk menyelesaikan proses pendaftaran di Mybloglog adalah sebuah Yahoo ID.

Cara melakukan pendaftaran di Mybloglog :

YAhoo Email
Karena Yahoo ID dipergunakan sebagai syarat utama, maka bila kalian belum punya, silahkan segera buat email di Yahoo.Jika mo baca panduan lengkap untuk membuat email di Yahoo, kalian bisa KLIK di sini.

Sign in or Join now atau Join/Sign in
Lihat sebelah atas bagian tengah. KLIK pada teks seperti tersebut di atas.

Sign in or Sign Up
Setelah terbuka halaman baru, Mybloglog memberikan dua pilahan. Bagi yang sudah punya Yahoo ID KLIK "Sign in with Yahoo ID", sedang bagi yang blum punya KLIK "Sign Up".

Verifikasi
Masukkan password kalian kemudian KLIK "button ".

MyBlogLog account
Untuk membuat sebuak account (akun) di sini, kalian harus menyetujui peraturan Mybloglog, oleh karena itu beri tanda setuju (centang) pada kolom aggrement (persetujuan). Lanjutkan KLIK Create New Account.

Members
Cari di tengah atas. KLIK bagian tersebut!

Member Name (User Name)Terletak di atasnya agak ke kiri. KLIK tepat di namamu

My Sites and Services
Setelah terbuka halaman baru, cari teks seperti di atas (bagian sebelah kiri tengah). Dibawahnya ada teks yang bertuliskan Do YOU have a Blog or Website?. Next --> KLIK !

Add A Blog/Site
Tuliskan Nama blog kalian, URL blog, kemudian KLIK button Add Blog/Site

Add Link Tracking Script
Mybloglog menyediakan sebuah javascript yang dituliskan di sebuah box. Copy javascript tersebut dan simpan di blog kalian di antara tag <body> dan tag </body>Kalian bisa menyimpan melalui penambahan widget (di tata letak).

Selesai
Sangat sederhana, dalam arti tidak terlalu rumit untuk dilakukan dan memberi manfaat yang sangat banyak.

Semoga menambah semangat kalian untuk terus berkarya !

Promosi di Feedburner

2010-04-21T09:07:00.000-07:00

Mikirin posting sebenarnya sudah terasa melelahkan, apalagi masih ditambah beban harus mempromosikan blog. Hmmm... stress juga ternyata. Abis.. registrasi buat promosi saja sering banget bikin pusing kepala. Iya, nggak ?! Oleh karena itu biar semua semua lebih lancar, nggak putus asa akan lebih baik klo kita bagi-bagi pengalaman. Itung-itung ngurangin orang stress. He... he ... Jangan marah, ya ?!

Promosi di Feedburner terhitung paling mudah dilakukan sekaligus di sini kita akan dapatkan sebuah URL Feed buat subscribe, yang nantinya bisa buat kelengkapan registrasi promo di tempat yang lain.

Cara Promosi di Feedburner :

Feedburner
Kunjungi http://feedburner.google.com atau silahkan klo mo cepat "KLIK" di sini..

Sign in
Lihat gambar di bawah ini :

Karena anda sudah punya blog tentunya sudah punya akun di Google. Langsung ketik email dan password anda.

Claim
Lihat gambar di bawah ini :

"KLIK" button seperti tampak dalam gambar.

Claim
Lihat gambar di bawah ini :

Tulis URL blog dengan lengkap kemudian "KLIK" button Next.

Identify Feed Source
Lihat gambar di bawah ini :

Beri tanda ke salah satu pilihan yang diberikan. Atom atau RSS, kemudian "KLIK" button Next.

Welcome! Let us burn a feed for you
Lihat gambar di bawah ini :

Yang ditandai dengan panah adalah URL feed blog anda sedang yang di atasnya adalah nama feed.
Contoh : http://feeds.feedburner.com/blogspot/UClrK

Congrats! .... dst.
Lihat gambar di bawah ini :

URL seperti tampk dalam gambar di atas adalah URL Feed anda. Copy dan gunakan sebagai URL Feed anda yang baru (pasang di blog !). Simpan URL tersebut karena bisa digunakan untuk registrasi yang lain.

Selesai sudah. Selamat berposting ria semoga blog anda semakin meningkat traffic-nya. Jangan lupa habis bangun pagi sarapan dulu baru gosok gigi ! Hi ....

Promosi Blog di Technorati

2010-04-19T04:16:00.000-07:00

Dari sekian banyak blog directory yang memberikan layanan untuk promosi blog, Technorati menjadi salah satu yang paling andal. Dengan terdaftar di sini dapat dijamin blog anda akan meluncur bagai kera pemetik kelapa menuju puncak teratas (ati-ati jangan sampai atuh !). Bila berkunjung di sini, search engine tidak hanya mampir untuk melihat yang terkumpul di sana, tetapi ibaratnya mereka masih meluangkan waktu untuk ngobrol, berdiskusi sambil minum bajigur. Pasti nggak percaya, khan ?! Hi... Aku juga cuma iseng saja, kok !.

cara Daftar di Technorati :

Technorati
Datanglah di http://technorati.com , atau anda bisa KLIK

Join
KLIK pada teks yang bertuliskan Join di bagian tengah atas sebelah kanan boks search.

Sign Up
Data-data yang harus di isikan :
1. Real First Name :
  Ketik nama depan anda untuk profile di Technorati pada kolom yang tersedia.
2. Real Last Name :
  Ketik Nama belakang seperti cara di atas.
3. Member Name :
  Ketik nama yang anda inginkan sebagai nama member di Technorati (minimal 4 (empat) karakter.
4. Email Address :
  Ketik alamat email dengan lengkap.
5. Confirm email :
  Ketik ulang alamat email anda.
6. Password :
  Ketik password (sandi) sesuai dengan password yang digunakan di email anda.
7. Confirm Password :
  Ketik ulang password anda di kolom bawahnya.
8. Enter the Characters :
  Tuliskan karakter yang tersedia dalam bentuk gambar di kolom sebelahnya. Karakter harus dituliskan secara persis !
9. Kesepakatan (Agreement) :
  Beri tanda centang kotak kecil di bawahnya sebagai tanda persetujuan terhadap aturan yang berlaku di Technorati.
10. Join :
  KLIK pada box yang bertuliskan Join di ujung terbawah..

Account Activation
Technorati akan mengirimkan sebuah link aktivasi di email anda. Buka email anda untuk mengaktifkannya dengan cara meng-KLIK Activation Link (Link Aktivasi Akun). Link aktivasi terletak di bawah kalimat :
You're almost ready to start using Technorati! To verify your email address and get started, please go to:

Account Activated!
Akun anda telah di aktifkan. Lanjutkan dengan KLIK Sign in.

Login!
Tulis Member Name (User Name) dan password kemudian KLIK button Login

Member Name
Perhatikan gambar di bawah ini :

KLIK pada Member Name yang ditandai dengan tanda panah (di bagian atas kanan).

Claim
Perhatikan gambar di bawah ini :

Tulis alamat blog anda anda dengan detail (misalnya : http://tantymaharani.blogspot.com) kemudian KLIK "Claim".

Claim a new blog
Setelah terlihat halaman baru dengan judul seperti di atas, anda diminta untuk mengisi :
1. Blog title :
  Tuliskan Nama Blog Anda.
2. URL :
  Tuliskan Alamat Blog Anda secara lengkap.
3. URL Feed :
  Tuliskan URL Feed. blog anda.
4. Linking blogs :
  Tuliskan Alamat Link Blog yang anda miliki. Maksimal 3 (tiga) dan bersifat opsional.
5. Site description :
  Tuliskan deskripsi materi posting blog secara sederhana karena dibatasi hanya 1000 karakter. Untuk penulisannya tentu saja dalam bahasa Inggris. Kalau anda sendiri bisa menulis dalam bahasa Sansekerta, saya kira seluruh karyawan Technorati akan lari terkencing-kencing ! Ha...!.
6. Site categories :
  Pilih sesuai orientasi blog yang anda buat. Beri tanda pada selectors box yang disediakan.
7. Site tags :
  Isi dengan berbagai kata (keyword) yang berkaitan dengan posting (orientasi blog).
8. Proceed to the next step :
  KLIK button dengan tulisan seperti di atas.
Favourite Buttons
Copy kode Favourite Buttons dan pasang di blog anda.

Save Blog Info
KLIK dan selesai sudah.

Promosi di Technorati terhitung paling sulit dilakukan, tetapi setelah blog terdaftar di sana, masa depan cerah anda sudah di depan mata !

"Sekali kaki melangkah, pantang bagi blogger sejati untuk undur sejengkalpun !"

Promosi Blog di SiteLevel

2010-04-19T02:23:00.000-07:00

SiteLevel merupakan salah satu web submission yang cukup terpercaya untuk melakukan promosi blog. Dengan melakukan pendaftaran di sini maka blog anda secara otomatis akan cepat terindex oleh search engine karena sang mesin pencari memang punya jadwal untuk berkunjung di pengepul blog ini.

Cara pendaftaran di SiteLevel :

http://www.sitelevel.com Ketik alamat tersebut di address bar anda. Lanjutkan KLIK Enter. Jika jari-jari anda baru merasa ngilu silahkan KLIK
Email dan Alamat Blog Ketik alamat email dan blog di kolom yang telah di sediakan seperti contoh gambar di bawah ini :

Thank You For Signing-Up For siteLevel
SiteLevel menampilkan Ucapan terima kasih di bagian atas.
Di sebelah bawahnya terdapat identitas kita :
- Email Address : catwoman@yahoo.com
- Web Site URL : http://tantytm.blogspot.com
- Password : txghjr
- Ada 3 kode HTML yang berupa javascript dan xHTML dalam box di bagian bawah. Pilih salah satu kemudian copy paste dalam template blog anda. Yang pertama dan ketiga merupakan Search Box dan yang ke dua Link Search Box

Simpan Data Pendaftaran Semua data pendaftaran simpan dengan baik termasuk Password yang berfungsi untuk Login.

Login to Your AccountDilakukan apabila anda ingin melihat lebih jauh beberapa fasilitas dan layanan disediakan oleh SiteLevel.

Selamat berkarya ! Ayo ... bulatkan tekad, promosikan blog untuk meraih popularitas. Emang artis saja yang bisa terkenal ?! Pikirkan slogan ini :
"Pikiran tanpa perbuatan adalah omong kosong belaka !"

Daftar di Yahoo Search Engine untuk Promosi Blog

2010-04-18T13:20:00.000-07:00

Mengelola blog memang butuh keseriusan dan ketelatenan. Promosi blog, misalnya, mengharuskan kita untuk touring ke berbagai search engine, blog directory, website directory, web submission yang jumlahnya nguzubilah. Itulah yang harus ditanggung untuk sebuah ketenaran selain rutinitas posting yang membutuhkan banyak waktu, tenaga dan pikiran sekaligus ongkos ngeblog. Ya..., bukankah kita perlu bayar langganan ngenet atau pulsa serta rokok (bagi yang suka ngerokok !) dan wedang kopi ?

Cara Daftar blog di Yahoo Search Engine

Buka http://siteexplorer.search.yahoo.com/submit
atau anda bisa KLIK di sini !

Submit Your Site
Akan terbuka sebuah halaman baru seperti gambar di bawah ini :

Website or Webpage
KLIK teks yang bertuliskan Submit a Website or Webpage untuk memulai pendaftaran.

Tulis Alamat Blog
Lihat Gambar contoh pendaftaran berikut :

Tulis alamat blog anda secara lengkap kemudian lanjutkan dengan KLIK pada teks Submit URL.

Email
Syarat utama untuk melakukan pendaftaran di Yahoo Search Engine (Yahoo Site Explorer) adalah mempunyai email dari Yahoo. Bila belum memiliki, anda harus KLIK Sign Up (ujung kanan bawah) terlebih dahulu. Anda bisa KLIK Panduan membuat membuat email di Yahoo Mail untuk membaca tutorial lengkapnya.

Selesai !
Secara otomatis pendaftaran terselesaikan ketika email rampung dibuat. Setelah KLIK "Continue" di akhir tahapan, akan terlihat kalimat Thank you! Your URL has been added to our list of URLs to crawl. Please expect a delay of several weeks before your URL is crawled.. Blog anda sudah terdaftar di Yahoo Search Engine dan anda tinggal mengunggu selama beberapa hari sehingga blog akan dengan lebih cepat terindex oleh mesin pencarinya.

Submit di Google Search Engine untuk Promosi Blog

2010-04-18T11:49:00.000-07:00

Karena Google Search Engine merupakan mesin pencari terbesar selain Yahoo Search Engine, pendaftaran di sini menjadi sangat vital bagi seorang blogger. Apalagi kalau kita lihat perkembangan yang terjadi akhir-akhir ini dimana boleh dikatakan segala hal yang berbau internet pastilah berkaitan dengan Google. Melakukan pendaftaran di Google Search Engine sangat mudah dan cepat tanpa prosedur bertele-tele dan yang jelas tak perlu kasih amplop untuk memperlicin pendaftaran. Cukup anda tulis alamat blog anda kemudian kasih sedikit comment dan ketik karakter yang terdia baru terakhir anda KLIK pada tambahkan URL. Untuk jelasnya bisa ikuti langkah di bawah ini :

Cara Mendaftar di Google Searh Engine :

Masuklah ke http://www.google.com/addurl/ : atau anda bisa KLIK di sini !

Contoh Pendaftaran
Lakukan pendaftaran seperti gambar berikut :

Alamat Blog
Tulis secara lengkap alamat blog anda seperti yang terlihat di gambar contoh pendaftaran.

Komentar (Comment)
Komentar di isi dengan orientasi (thema) posting anda.

Tuliskan Karakter
Tulis karakter (teks bergelombang berwarna biru) pada kolom yang tersedia. Karakter harus dituliskan secara persis. Sedikit perbedaan penulisan akan mengakibatkan terjadinya pengulangan proses.

Pendaftaran Selesai
KLIK Tambahkan URL untuk menyelesaikan proses pendaftaran.

Selain mendaftar di Google Search Engine, anda sebaiknya juga mendaftar di Yahoo Search Engine !

Promosi Blog

2010-04-18T07:49:00.000-07:00

Blog sudah punya, kemampuan menulis cukup, semangat untuk posting menggelora! Hal ini saja ternyata tidak cukup bagi seorang blogger. Blogger kalau boleh diibaratkan tidak ada bedannya dengan seorang pedagang (pebisnis). Untuk membuat dagangan laris haruslah mempunyai trik atau kiat-kiat yang mampu menarik simpati pembeli sehingga setiap hari pengunjung dan pembeli akan semakin bertambah banyak yang berimplikasi positif ke dagangan (barang) yang dijual. Datangnya pengunjung dan pembeli ibaratnya merupakan spirit yang tak akan pernah habis untuk semakin meningkatkan layanan, semangat dan kreatifitas. Kondisi seperti ini berlaku sama untuk sebuah blog. Semakin banyak pengunjung, tentunya akan semakin banyak komentar masuk yang menjadi sangat berarti untuk meningkatkan semangat seorang blogger untuk terus berkarya sehingga target yang diinginkan dalam mengelola blog tercapai.

Bagaimana sebuah blog menjadi begitu populer ?

Ada banyak cara yang bisa dilakukan, tetapi satu hal yang jelas adalah berupaya membuat blog dengan sangat mudah dan cepat terindex oleh search engine. Kinerja mesin pencari tidak ubahnya seperti ketika seseorang menyusun sebuah detail yang didasarkan pada skala prioritas. Daftar pertama hingga terakhir secara berurutan akan tersusun mulai dari yang paling penting (utama/dibutuhkan) hingga ujung terbawah yang masuk dalam kategori bisa menyusul kemudian karena bisa dikatakan tidak begitu penting dan dibutuhkan pada saat ini.

Apa saja langkah dan strategi untuk membuat blog cepat populer ?

Banyak yang harus dilakukan. Tidak cukup dengan hanya mengandalkan kemampuan menulis saja seperti tersebut di atas. Beberapa tips di bawah ini sebaiknya anda lakukan untuk supaya blog anda dengan cepat meningkat ratingnya :

Kualitas Posting
Kualitas posting yang baik akan membuat pengunjung blog lebih tertarik dan kerasan menikmati sajian posting karena banyak manfaat positif yang bisa di ambil dari blog tersebut. Hal seperti ini akan berimbas kepada keinginan pengunjung tadi untuk memberi khabar ke teman-temanya supaya ikut datang berkunjung.

Penataan Posting yang baik : rapi, penggunaan warna teks yang bersahabat (tidak membuat cepat lelah)
Penggunaan bahasa yang yang sopan dan tata bahasa yang baik.
Bahasa yang komunikatif, tidak bersifat sombong dan menggurui.
Gambar (Image) untuk visualisasi di buat secara lengkap dan detail sehingga maksud penggunaannya akan memperjelas makna tulisan dan tidak justru membebani blog.
Buatlah posting berdasarkan kemempuan sendiri jangan sampai dalam bentuk copy paste karena orang akan lebih senang membaca sesuatu yang berbeda meskipun mempunyai topik yang sama.

Aktualitas Content
Usahakan untuk selalu menampilkan posting yang aktual dan dibutuhkan oleh banyak orang. Sesuatu yang aktual apalagi menarik pasti menjadi atensi banyak orang.

Rutinitas Posting
Rutinitas posting sangat bermanfaat dan penting karena pengunjung akan selalu memperoleh hal baru setiap kali berkunjung. Banyak blog yang sudah begitu terkenal menjadi kehilangan pengunjung hanya karena tidak lagi ditemukan hal baru yang mendorong mereka untuk selalu memiliki rasa penasaran dan kerinduan. Peganglah selalu prinsip Memelihara jauh lebih sulit daripada membuatnya untuk menjaga konsistensi posting.

Penampilan Blog
Buatlah penampilan blog semenarik mungkin. Blog dengan isi posting bagus kadang-kadang dilewatkan begitu saja hanya karena penampilannya yang awut-awutan dan tidak enak dipandang.

Materi Posting
Buatlah posting dengan materi yang benar-benar anda kuasai sehingga setiap komentar dan pertanyaan yang datang bisa di jawab dengan sempurna. Hal ini akan semakin meningkatkan kepuasan dan kepercayaan pengunjung. Percayalah kehilangan kepercayaan yang menimbulkan kekecewaan akan merusak sesuatu yang sudah kita bangun dengan susah payah.

Blog Walking
Kunjungan ke sesama blogger haruslah dengan disertai memberi komentar atau mengisi buku tamu dengan harapan ada kunjungan balik yang berdampak positif kapada tingkat popularitas. Seorang Blogger sejati akan selalu memperhatikan dan tahu berterimakasih atas kunjungan sesama blogger karena setiap kunjungan akan memberi dampak positif termasuk dari sisi finansial.

Facebook dan Twetter
Manfaatkan dengan baik jaringan pertemanan (social networking) ini karena sangat ampuh untuk mempromosikan blog. Follower yang banyak akan menciptakan mesin turbo bagi upaya promosi blog.

Search Engine
Inilah yang menjadi kunci utama kepopuleran blog. Ukuran kepopuleran, traffic atau ranking bersumber kepada seberapa cepat sebuah blog terdeteksi oleh searh engine. Daftarkan segera blog anda di search engine yang ada.
Dua search engine terbesar dan terandal yang perlu dimanfaatkan adalah :
1. Google Search Engine : di sini !
2. Yahoo Searh Engine : di sini !

Website Directory
Daftarkan juga blog di Website directory supaya lebih cepat terindex oleh mesin pencari. Karena Web site Directory merupakan gudang tempat mesin pencari berkunjung, maka bila blog sudah tersimpan di sana akan lebih mudah terdeteksi.
Website Directory yang bisa dimanfaatkan antara lain :
1. Google Directory : di sini !
2. Yahoo Directory : di sini !
3. Dmoz Directory di sini !

Web Submission
Beberapa Web Submission yang bisa digunakan ;
1. Addme atau anda bisa KLIK di sini.
2. Blog Indonesia atau anda bisa KLIK di sini.
3. Site Level atau anda bisa KLIK di sini.
4. Jayde atau anda bisa KLIK di sini.
5. FyberSearch atau anda bisa KLIK di sini.

Social Bookmarking - Blog Directory.
Beberapa Social Bookmarking yang dapat di andalkan :

Masih banyak yang harus anda dilakukan setelah ini! Selamat bekerja !

Mengatur Jumlah Posting di Halaman Utama

2010-04-17T13:18:00.001-07:00

Mungkin tool ini sering terlewatkan oleh banyak orang. Berfungsi untuk mengatur jumlah posting yang akan ditampilkan di halaman utama. Tool pengaturan jumlah posting terletak di halaman Pengaturan | Format. Jumlah posting ini dapat kita atur dari 1 (satu) posting hingga 500 buah posting. Tentu saja menggunakan jumlah 500 bukan suatu jumlah yang ideal untuk menampilkan posting dalam blog. Amat sangat terlalu banyak dan mengakibatkan tinggi halaman blog seperti jarak antara "Anyer sampai Penarukan" yang dibuat dengan kerja paksa di jaman penjajahan Belanda. Berapa sebenarnya jumlah posting ideal untuk halaman utama? Tidak ada sebuah jawaban pasti untuk hal ini, akan tetapi bercermin pada para blogger senior yang telah malang melintang di dunia blog, mereka rata-rata hanya menampilkan 1 (satu) buah posting di setiap halaman utamanya. Pertimbangan utama pemilihan jumlah posting minimal di halaman utama terutama didasarkan atas pentingnya kecepatan layanan kepada pengunjung. Anda bisa bayangkan sendiri berapa lama waktu yang dibutuhkan sebuah blog untuk membuka seluruh posting yang ada ketika jumlahnya sangat luar biasa banyak. Bukankah kadang-kadang untuk membuka satu buah posting saja begitu terasa menjemukan dan bahkan membangkitkan rasa ketidak sabaran sekaligus emosi karena leletnya? Berdasarkan kondisi seperti tersebut di atas, memang akhirnya kita harus mengambil kebijakan untuk menampilkan jumlah posting minimal di halaman utama.

Cara Mengatur Jumlah Posting di Halaman Utama :

Login ke Blogger
Dasbor (Dasboard)
KLIK Pengaturan (Settings)
KLIK Format (Formatting)
Atur Jumlah Posting
Perhatikan kolom teratas yang bertuliskan Tampilkan sebanyak mungkin .... di Laman utama.
- Perhatikan gambar di bawah ini !
- Rubah angka 7 (tujuh) yang menyatakan jumlah posting seuai dengan berapa jumlah posting yang ingin ditampilkan.
Simpan (SAVE)
KLIK Simpan Setelan (Save Settings) yang terletak di bagian bawah.
Buka Blog
KLIK Lihat Blog untuk melihat hasilnya.

Selesai ! Semoga Loading blog anda semakin cepat !

Posting Daftar Bertingkat

2010-04-17T10:05:00.000-07:00

Membuat daftar bertingkat dalam sebuah posting hanya dapat dilakukan pada posting dengan mode "Edit HTML". Daftar bertingkat berfungsi untuk membentuk susunan posting yang memerlukan penomoran (bisa dalam rupa butir) seperti misalnya kalau kita ingin membuat suatu silsilah keluarga atau daftar bertingkat lain yang mengharuskan dibentuk dalam sebuah susunan yang saling berkait. Agar dapat dengan mudah memahami maksud sebuah daftar bertingkat, coba perhatikan contoh di bawah ini :

Contoh Bentuk Daftar Beringkat :

Sate Yang Dijual di Indonesia :

Sate Ayam
- Ayam Kampung
  - Bumbu Kacang
    - Pedas Sekali
    - Pedas
    - Tidak Pedas
  - Bumbu Kecap
    - Kecap Asin
    - Kecap Manis
    - Kecap Oli
- Ayam Pedaging
  - Bumbu Kacang
  - Bumbu Kecap
Sate Kambing
- Matang
  - Bumbu Kecap
  - Bumbu Kacang
- Setengah Matang
  - Bumbu Kacang
  - Bumbu Kecap
    - Kecap Manis
    - Kecap Asin
Sate Sapi
- Sapi Kurus
- Sapi Gemuk
- Sapi Bengkak
  1. Karena Sakit Ginjal
  2. Disengat Lebah
  3. Disengat Kalajengking
  4. Digebukin orang
Sate Kelinci
Sate Kuda
- Kuda Kepang
- Kuda Laut
- Kuda NIL
- Kuda Besi

Cara Membuat Daftar Bertingkat :

Untuk membuat daftar bertingkat, kode HTML yang digunakan adalah :
<ol>, </ol> , <ul> , </ul> , <li> dan </li>

Contoh Penulisan Kode HTML Daftar 2 Tingkat :

Judul :
    <ol>
        <li> Teks-2 
            <ul>
                <li> Teks-1A </li>
                <li> Teks-1B </li>
                <li> Teks-1C </li>
                <li> Teks-1D </li>
                <li> Teks-1E </li>
            </ul>
        </li>
        <li> Teks-2 
           <ul> 
                <li> Teks-2A </li>
                <li> Teks-2B </li>
                <li> Teks-2C </li>
                <li> Teks-2D </li>
                <li> Teks-2E </li>
           </ul>
        </li>
    </ol>

Contoh Penulisan Kode HTML Daftar 3 Tingkat :

Judul :
    <ol>
        <li> Teks-1 
            <ul> 
                <li> Teks-1A 
                    <ol>
                        <li> Teks-1Aa  </li>
                        <li> Teks-1Ab  </li>
                        <li> Teks-1Ac  </li>
                    </ol>
                </li>
                <li> Teks-1B
                    <ol>
                        <li> Teks-1Ba  </li>
                        <li> Teks-1Ba  </li>
                        <li> Teks-1Bc  </li>
                    </ol>
                </li>
           </ul>
       </li>
       <li> Teks-2 
           <ul> 
                <li> Teks-2A 
                    <ol>
                        <li> Teks-2Aa  </li>
                        <li> Teks-2Ab  </li>
                        <li> Teks-2Ac  </li>
                    </ol>
                </li>
                <li> Teks-2B
                    <ol>
                        <li> Teks-2Ba  </li>
                        <li> Teks-2Bb  </li>
                        <li> Teks-2Bc  </li>
                    </ol>
                </li>
            </ul>
        </li> 
    </ol>

Kode html di atas apabila digunakan di ruang posting harus dibuat dalam bentuk rapat (padat) untuk memperoleh hasil yang standar kecuali apabila ruang posting tidak di setting dengan penggunaan <br /> otomatis. Pembentukan susunan seperti di atas hanyalah untuk mempermudah pemahaman pembaca.
Contoh Penulisan di ruang posting :

<ol><li> Teks< /li><li> teks </li><li> Teks </li></ol>

Penggunaan kode HTML seperti di atas dapat dikembangkan hingga tingkat yang tidak terbatas. Selamat mencoba dan semoga dapat meningkatkan kualitas posting anda !

Posting Mode Edit HTML

2010-04-17T06:21:00.000-07:00

Posting dalam mode "Edit HTML" sekalipun lebih rumit dan membutuhkan ketelitian tinggi karena banyak hal harus dilakukan secara manual, namun mempunyai banyak kelebihan yang tidak dapat dilakukan apabila posting dilakukan dalam mode "Tulis (Compose). Banyak variasi yang memungkinkan untuk dilakukan dengan memanfaatkan kode-kode HTML yang dituliskan secara manual yang tidak tersedia fiturnya di mode tulis maupun mode edit HTML. Para Blogger profesional, terutama yang postingnya berorientasi pada kode HTML harus menggunakan mode "Edit HTML" untuk melakukan posting karena bila hanya menggunakan mode tulis maka tidak akan mampu menghasilkan bentuk posting seperti yang diharapkan.

Cara Posting mode "Edit HTML" :

Login ke blogger.
Cara untuk melakukan login :

Masuk ke : https://www.blogger.com/start
Tulis Nama Pengguna atau Email dan Kata Sandi (Password) kemudian lanjutkan KLIK Masuk.

Dasbor (Dasboard)
Setelah anda masuk di halaman "Dasbor", KLIK link Posting dan tunggu beberapa saat sampai halaman posting ditampilkan.

Halaman Posting
Ada 3 Mode Editor Posting yang digunakan oleh Blogger (BlogSpot)

Edit HTML : digunakan untuk posting secara manual
Tulis (Compose) : digunakan untuk posting dengan fungsi otomatis yang dijalankan melalui fitur yang terletak di toolbar posting (17 buah fitur).
Pratinjau : berfungsi untuk pengecekan hasil posting.

Edit HTMl
KLIK pada teks ini untuk menjalankan fungsi posting di mode "Edit HTML" (sebelah atas kanan box posting). Manfaatkan fitur yang disediakan Blogger dan tambahkan fungsi-fungsi lain seperti di bawah.

Terbitkan Entri (Publish Post)
Penerbitan Entri dilakukan setelah posting selesai dilakukan dengan KLIK Terbitkan Entri. Apabila anda hendak menunda dan menyimpan hasil posting, silahkan "KLIK Simpan Sekarang (SAVE NOW)."

Beberapa KODE HTML yang sering digunakan dalam posting mode "Edit HTML" :

Font Colour (Warna Font)
Contoh Penulisan Kode:
<span style="color:blue"> Teks </span> , atau
<span style="color:#000"> Teks </span>

Font Weight (Tebal Font)
Contoh Penulisan Kode:
<span style="font-weight:normal"> Teks </span> , atau
<span style="font-weight:bold"> Teks </span>
<span style="font-weight:bolder"> Teks </span>

Menggabungkan Font Color dan Font Weight (Warna dan Tebal Font)
Contoh Penulisan Kode:
<span style="color:red;font-weight:normal"> Teks </span> , atau
<span style="color:green;font-weight:bold"> Teks </span>
<span style="color:#fff;font-weight:bolder"> Teks </span>

Font Size (Ukuran Font)
Contoh Penulisan Kode:
<span style="font-size:80%"> Teks </span>
<span style="font-size:18px"> Teks </span>
<span style="font-size:180%"> Teks </span>

Font Family (Jenis Font)
Contoh Penulisan Kode:
<span style="font-family:Arial"> Teks </span>
<span style="font-family:Times New Roman"> Teks </span>
<span style="font-family:Comic Sans MS"> Teks </span>

Menggabungkan Jenis, Ukuran, Tebal dan Warna
Contoh Penulisan Kode:
<span style="font-family:Verdana;font-size:120%;font-weight:bold;color:yellow"> Teks </span>
<span style="font-family:Tahoma;font-size:22px;font-weight:bolder;color:brown"> Teks </
span>
<span style="font-family:Trebuchet MS;font-size:1em;font-weight:normal;color:#ddd"> Teks </span>

Rata Kiri, Kanan, Kanan-Kiri dan Rata Tengah
Contoh Penulisan Kode:
<div style="text-align:left"> Teks/Paragraf </div>
<div style="text-align:right"> Teks/Paragraf </div>
<div style="text-align:justify"> Teks/Paragraf </div>
<div style="text-align:center"> Teks/Paragraf </div>

Daftar Bernomor
Contoh Penulisan Kode:

Macam Sate :
<ol><li>Sate Kambing</li><li>Sate Ayam</li>
<li>Sate Kelinci</li></ol>

Daftar Berbutir
Contoh Penulisan Kode:

Macam Sate :
<ul><li>Sate Kambing</li><li>Sate Ayam</li>
<li>Sate Kelinci</li></ul>

Link Teks
Contoh Penulisan Kode:
<a href="http://tantytm.blogspot.com" target="_blank" title="Modifikasi Template">Tanty Template Modification</a>

Link Image
Contoh Penulisan Kode:
<a href="http://tantytm.blogspot.com" target="_blank" title="Modifikasi Template"><img src="http://..../.../image.jpg"/></a>

Gambar (Image)
Contoh Penulisan Kode:
<img src="http://.../.../image.gif" style="float:left;height:160px;width:200px;border:2px solid #eee;margin:10px 15px;"/>

Masih banyak lagi bentuk kode html lain yang bisa digunakan di ruang posting, kiranya anda bisa mengembangkan lagi dari apa yang sudah tersampaikan di atas.

Thank's !

Memilih Jenis File Gambar (Image) Posting

2010-04-17T04:56:00.000-07:00

Setiap file gambar mempunyai spesifikasi berbeda yang akan sangat berpengaruh besar terhadap kualitas gambar yang diterbitkan dan beban loading yang harus ditanggung sebuah blog (web). Perbedaan spesifikasi ini mengharuskan kita untuk mengetahui karakteristik setiap jenis file sehingga dengan tepat setiap gambar kita aplikasikan.

Tiga jenis file gambar yang digunakan sebagai materi posting :

jpg
File gambar jpg merupakan jenis file paling banyak digunakan (terbesar) dalam blog khususnya maupun internet secara keseluruhan.

Dapat menampilkan detail sebuah gambar secara sempurna karena setiap titik warna di tampilkan secara komprehensif.
Proses loading file jpg mempunyai kecepatan yang lebih baik bila dibandingkan dengan jenis file gambar yang lain.
Meskipun sebuah gambar hanya menggunakan sedikit warna, karena setiap titik warna pembentuk gambar ditampilkan secara detail maka beban muatan gambar menjadi besar (sama dengan gambar yang menggunakan banyak warna).Pada gambar semacam ini sebaiknya menggunakan gif atau png.

gif
File gambar gif mempunyai kelebihan yang tidak dimiliki oleh yang lain karena bisa dipergunakan untuk menerbitkan gambar statis (diam) dan gambar bergerak (animasi).

Mampu menampilkan gambar transparan.
Beban gambar menjadi amat besar ketika sebuah gambar mempunyai detail warna yang amat banyak.
conntoh : Gambar pemandangan, orang berpakaian (nggak telanjang, lho ! hi... ngeri, deh ...?!)dsb. Karena sifatnnya yang seperti ini, sebaiknya file gif hanya digunakan untuk gambar-gambar dengan ukuran yang tidak terlalu besar.
Mampu menampilkan gambar bergerak dalam bentuk animasi gif. Hingga detik ini belum ada jenis file gambar lain yang mampu menampilkan animasi gambar selain gif.

png
File gambar png hampir sama dengan gif akan tetapi hanya digunakan untuk gambar yang bersifat statis.

png-8 : mampu menampilkan transparansi dan gambar biasa.
png-24 : di gunakan khusus untuk gambar transparan sehingga dapat menampilkan transparansi secara sempurna.
File png dan gif, sebaiknya digunakan untuk gambar yang relatif berukuran kecil dengan pertimbangan pada beban muatan gambar yang nantinya akan berkorelasi dengan kecepatan loading sebuah blog (web).

Cara Posting Gambar

2010-04-16T19:56:00.000-07:00

Posting gambar (image) menjadi bagian tak terpisahkan dari semua aktifitas seorang blogger. Bisa dikatakan 99,9999% blog pasti pernah memanfaatkan gambar dalam kegiatan postingnya. Ya..., gambar memang tak mungkin terpisahkan dari segala hal yang bersentuhan dengan sebuah karya yang berupa tulisan. Disamping bermanfaat untuk memperjelas makna yang terkandung dalam sebuah ungkapan kata, visualisasi dalam bentuk gambar mampu menciptakan sebuah daya tarik tersendiri karena keindahan yang tersembul dari nilai seni di dalamnya. Mengapa gambar begitu penting dan menarik untuk dijadikan pelengkap sebuah blog? Mengapa lebih banyak orang tertarik untuk memperhatikan dan menkmati sebuah gambar yang tersaji menyertai sebuah artikel dalam blog atau media yang lain terlebih dahulu sebelum mulai membaca tulisan yang sebenarnya berdiri sebagai obyek utama? Jawaban yang sangat sederhana dan sangat dapat dimengerti dan dimaklumi oleh siapapun ! Gambar atau image, baik yang bersifat statis atau dinamis (diam atau bergerak), dengan mudah dapat dinikmati tanpa harus terlalu banyak menguras pikiran ,energi dan waktu, serta dapat dengan lebih gampang dicerna dan dimengerti oleh siapapun tanpa pernah memprasyaratkan tingkat intelegensi seseorang !

Posting gambar di halaman posting dapat dilakukan dengan menggunakan dua "metode posting".

Posting Gambar melalui "Mode Posting Tulis (Compose)". Setelah upload (unggah) dilakukan, maka beberapa saat kemudian di ruang posting akan terlihat gambar yang yang sebelumnya kita pilih untuk di upload.

Hasil Upload Gambar melalui "Mode Posting Edit HTML" berbeda bentuknya dengan apa yang kita lakukan dengan cara di atas. Bukan sebuah bentuk gambar yang kita terima, akan tetapi berupa kode HTML.

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_p_R_KAkuh2s/S8mAu4muDsI/AAAAAAAAADg/hSjTneQUC1I/s1600/Artis.jpg"><img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 28px; height: 40px;" src="http://1.bp.blogspot.com/_p_R_KAkuh2s/S8mAu4muDsI/AAAAAAAAADg/hSjTneQUC1I/s200/Artis.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5461037566120562370" /></a>
Kode HTML tersebut adalah kode pembentuk gambar yang terdiri dari beberapa variabel kode yang menyatakan link, image, ukuran gambar, posisi gambar ,bentuk cursor dan border

Cara Upload (Posting) Gambar :

Upload akan kita lakukan pada Posting "Mode Tulis (Compose)" :

Persiapkan Gambar
Persiapan upload gambar meliputi :

Ukuran gambar (image). Ukuran gambar berkaitan dengan penataan ruang di halaman posting.
Jenis file gambar (gif, jpg, png). Jenis file berpengaruh terhadap besar beban sebuah gambar (dalam kbyte).
Posisi penempatan gambar (left, right,None atau center). Posisi penempatan gambar sebenarnya masih bisa di atur/dirubah apabila sudah memahami fungsi kode HTML yang digunakan.

Fitur Add Image (Tambah Gambar).
KLIK Fitur Add Image (gambar pemandangan berwarna biru) di bagian tengah atas ruang posting.

Pilih Sumber Gambar (Image).
Pilih dari mana gambar anda yang akan di upload.

Apabila gambar berasal dari folder PC, silahkan gunakan kolom sebelah kiri yang bertuliskan Browse. KLIK button tersebut kemudian pilih gambar dari folder PC yang akan di upload.
Apabila gambar berasal dari sebuah image (file) hosting, gunakan kolom di sebelah kanan yang bertuliskan URL. Masukkan alamat gambar tersebut pada kotak yang tersedia.
contoh alamat sebuah gambar : http://i42.tinypic.com/donr06/TantyTM/DaftarPostingLengkap.gif

Image Size (Ukuran Gambar).
Tentukan ukuran gambar yang akan di gunakan di ruang posting.
- Beri tanda dengan cara di KLIK pada ukuran yang tersedia di sisi sebelah kanan bawah (small/kecil, Medium/sedang atau Large/besar). Ukuran ini disesuaikan dengan gambar yang sudah dipersiapkan.
- Gambar dengan ukuran Large (besar) akan didapatkan sebuah gambar dengan ukuran maksimal 400pixel x 400pixel
Image Position (Posisi Gambar).
Tentukan di sebelah mana gambar akan di tempatkan dengan cara memberi tanda pada salah satu dari 4 (empat) posisi yang tersedia (KLIK pada titik tersebut).

Upload Image (Unggah Gambar).
Klik box yang bertuliskan kata seperti tersebut di atas, kemudian tunggu beberapa saat hingga muncul window baru yang menyatakan "Your image has been added (Gambar telah di tambahkan).". Lanjutkan dengan KLIK Done (Selesai).

Pada saat posting gambar dilakukan untuk pertama kali, sesaat setelah dilakukan KLIK pada UPLOAD IMAGE(UNGGAH GAMBAR), Blogger akan menampilkan sebuah pemberitahuan tentang kesepakatan dalam meng-upload gambar. Beri tanda setuju dengan cara di-KLIK baru kemudian ulangi KLIK Upload Image..

Proses upload selesai dan gambar akan terlihat di ruang posting

Bravo Blogger

Menggunakan Fitur Posting "Mode Edit HTML"

2010-04-16T16:48:00.000-07:00

Fitur yang tersedia pada posting "Mode Edit HTML" tidak sebanyak seperti yang dipergunakan di posting "Mode Tulis (Compose)". Meskipun fungsi setiap fiturnya sama, tetapi bentuk tampilan hasilnya di box posting berbeda karena untuk "Mode Edit HTML" fungsi yang dijalankan setiap fitur akan tertulis dalam bentuk kode HTML. Pembuatan posting dalam mode ini membutuhkan kemampuan dan pemahaman terhadap kode HTML karena sebagian teknik posting harus dilakukan secara manual.

Cara Menggunakan Fitur Posting "Mode Edit HTML"

Font Weight (Tebal Font)
Seperti halnya ketika kita melakukan posting di "Mode Tulis", fitur ini mempunyai fungsi yang tidak berbeda, hanya saja ketika kita KLIK pada fitur tersebut maka yang tertampilkan di box posting kita adalah sebuah kode HTML yang berbentuk :
<span style="font-weight:bold;">Teks yang telah di block</span>.

Bila di "Mode Tulis" untuk mengembalikan lagi teks kembali ke keadaan standar (normal) dilakukan dengan cara di block kembali kemudian KLIK ulang difitur ini, maka ketika kita menggunakan "Mode Edit HTML", untuk mengembalikan teks ke dalam kondisi normal dilakukan dengan cara menghapus kembali tag yang sebelumnya di tambahkankan ketika fitur "Font Weight di KLIK" (tag <span style="font-weight:bold;"> dan tag setelah teks yang di block </span>).
Apabila ingin menambahkan teks lain supaya tercetak tebal, kita tinggal langsung menambahkan teks tersebut di antara ke dua tag tadi.

Italic (Miring)
Seperti halnya pada fungsi fitur Font Weight, ketika fitur Font Style (Italic/Miring) digunakan, maka yang ditambahkan dalam ruang posting adalah kode HTML pembentuk teks miring. Bentuk kode HTML-nya sebagai berikut :

<span style="font-style:italic;">Teks yang sudah di block</span> .
Cara untuk mengembalikan ke kondisi normal ataupun menambah teks supaya berbentuk miring sama seperti cara sebelumnya.

Link (Tautan)
Cara menggunakan fitur ini sama seperti dua fitur di atas.

Blockquote
Cara pengoperasian sama seperti di atas.

Check Spelling (Periksa Ejaan)
Klik fitur ini untuk memeriksa ejaan. Untuk kembali melanjutkan posting atau pindah ke fungsi fitur yang lain, KLIK Kalimat Lanjutkan Pengeditan yang terletak di sebelah kanan fitur "Add Video".

Add Image (Tambah Gambar)
Apabila di "Mode Tulis" ketika fitur ini di aktifkan untuk upload gambar maka hasil yang kita dapatkan di ruang posting berupa sebuah gambar (image), maka pada "Mode Edit HTML" gambar yang di tampilkan di ruang posting berbentuk kode HTML. Kode HTML ini memungkinkan kita untuk melakukan banyak modifikasi pada gambar tersebut. Inilah salah satu kelebihan yang dimiliki posting di "Mode HTML". Modifikasi atau perubahan seperti apa yang dapat kita lakukan terhadap gambar ? Apa saja sebenarnya keuntungan penggunaan "Mode Edit HTML" ? Kita akan bahas masalah ini di posting selanjutnya !

Add Video (Tambah Video)
Mempunyai fungsi yang hampir sama dengan "Add Image", perbedaan hanya pada jenis file yang di upload.

Selamat Melanjutkan posting dan sukses selalu buat anda !

Silahkan KLIK di sini untuk melihat tutorial lengkap "Fungsi dan Cara Menggunakan Fitur Posting".

Fungsi Fitur Posting "Mode Tulis (Compose)"

2010-04-16T12:07:00.000-07:00

Kemampuan menulis atau membuat posting dalam sebuah blog akan lebih sempurna dan maksimal apabila seorang blogger memahami secara baik setiap fasilitas yang disediakan di halaman posting. beberapa fitur yang tersedia di halaman ini mempunyai berbagai fungsi dengan tujuan untuk menciptakan penataan posting supaya didapatkan hasil posting yang enak dan nyaman dinikmati, rapi dan terlihat indah sehingga pengunjung blog juga merasa betah berlama-lama menjelajah setiap detail isi dan sisi blog.

Posting di Blogger (Blogspot) dapat dilakukan dengan dua cara (model) :

Posting "Mode Tulis" (Compose) :
Posting Mode Tulis menyediakan berbagai fitur dengan fungsi yang berbeda. Jumlah total fitur yang disediakan berjumlah 17 (tujuh belas) buah fitur.
Posting Mode "Edit HTML" :Pada mode ini jumlah fitur yang digunakan berjumlah 7 (tujuh) buah fitur. Beberapa fungsi pada posting mode Edit HTML dilakukan secara manual dan diperlakukan pada pemanfaatan Kode HTML yang membentuk fungsi.

Fungsi Fitur pada Posting "Mode Tulis (Compose)" :

Font Family (Jenis Font)
Fitur ini menyediakan 8 (delapan) jenis font berbeda yang dapat anda gunakan sebagai pilihan bentuk tulisan yang akan ditampilkan di halaman posting. Untuk menggunakannya anda tinggal lakukan seleksi (pilih) kemudian KLIK pada Font yang diinginkan.
Font Size (Ukuran Font)
Tersedia 5 (lima) ukuran huruf yang dapat anda pilih untuk posting anda. Block terlebih dahulu teks yang akan di dirubah ukurannya menggunakan mouse baru kemudian KLIK fitur Font Size dan lanjutkan KLIK pada ukuran terpilih.
Font Weight (Tebal Font)
Font weight digunakan untuk membuat huruf tebal dan normal. Block terlebih dahulu teks yang akan di atur ketebalannya menggunakan mouse baru kemudian KLIK fitur Font Weight. Untuk membuatnya menjadi normal kembali, ulangi dengan KLIK kembali fitur Font Weight.
Italic (Miring)
Berfungsi untuk membuat teks miring atau normal. Cara menggunakannya seperti pada fitur Font Weight.
Text Colour (Warna Teks)
Block teks yang akan diwarnai kemudian pilih warna yang dinginkan dengan meng-"KLIK" pada warna terpilih.
Link (Tautan)
Fitur Link (Tautan) berfungsi untuk membuat sebuah link pada teks tertentu. Teks yang akan dibuat menjadi sebuah link di block terlebih dahulu menggunakan mouse, kemudian KLIK di fitur tersebut. Setelah KLIK dilakukan akan muncul sebuah window yang harus di isi dengan link yang akan diterapkan pada teks yang telah di block. Bentuk KODE HTML dari teks yang telah diblock kemudian di berikan link menjadi seperti contoh di bawah ini :
<a href="Link yang telah dituliskan di window">Teks yang di Block</a>
Contoh Kode HTMl bentuk link sesungguhnya :
<a href="http://tantytm.blogspot.com">Tanty Template Modification</a>
Contoh bentuk akhir link setelah di terbitkan di halaman blog :

Tanty Template Modification.
Cobalah KLIK teks link di atas!

Align Left (Rata Kiri)
Berfungsi untuk membentuk teks rata di sebelah kiri. Block teks yang akan di buat rata kiri kemudian "KLIK fitur Rata Kiri".
Align Center (Rata Tengah)
Berfungsi untuk membentuk teks rata di tengah. Cara menggunakannya sama seperti pada "Rata kiri".
Align Right (Rata Kanan)
Berfungsi untuk membentuk teks rata di sebelah Kanan.
Align Justify Full(Rata Kanan dan Rata Kiri)
Berfungsi untuk membentuk teks rata di sebelah kanan dan kiri.
Numbered List (Daftar Bernomor)
Berfungsi untuk membuat teks bernomor urut. Untuk membuat daftar bernomor, ketik teks yang akan diberi nomor kemudian block teks tersebut menggunakan mouse dan dilanjutkan KLIK Numbered List. Setelah penomoran selesai, untuk mengembalikan ke posisi normal ketik teks lanjutan dari posting anda (cukup satu kata), kemudian KLIK kembali Numbered List.
Buleted List (Daftar Berbutir)
Fitur Buleted List mempunyai fungsi yang sama demngan fitur Numbered List, hanya berbeda dalam bentuk tanda urutannya. Buleted List menggunakan bentuk bulatan kecil. Cara menggunakan fitur ini sama dengan cara di atas.
Blockquote
Fitur ini jarang sekali dipakai oleh blogger dan tidak semua browser kompatible dengan fungsinya. Blockquote membentuk teks yang telah di block mempunyai background tersendiri sehingga penampilannya terlihat menonjol di halaman blog setelah posting dilakukan.
Check Spelling (Periksa Ejaan)
KLIK Fitur ini dan lihat teks posting anda dengan cermat. Memanfaatkan fitur ini akan mempercepat dan mempermudah pengecekkan teks posting apabila terjadi kesalahan penulisan (ejaan). Cara menggunakan fitur ini sama dengan cara di atas.
Add Image (Tambah Gambar)
Digunakan untuk menambahkan gambar pada posting. Setelah "KLIK pada fitur Add Image" anda bisa meng-upload sebuah gambar di Blogger dari folder PC atau dari sebuah URL gambar. Ukuran dan posisi gambar dapat di atur sebelum "KLIK Unggah Gambar". Hasil Upload akan tertampilkan di ruang posting.
Add Video (Tambah Video)
Mempunyai fungsi yang hampir sama dengan "Add Image", perbedaan hanya pada jenis file yang di upload.
Remove Formatting from Selection (Menghapus Format dari Bidang Pilihan)
Setelah beberapa buah teks yang tidak tersusun secara berurutan di block (misalnya teks bernomor), kemudian fitur ini di KLIK, maka bentuk teks akan berubah berbentuk berurutan dalam arah horizontal .

Semoga artikel ini semakin meningkatkan pemahaman kita terhadap desain dan fungsi blog !

Pesan Jawaban Email Otomatis di Yahoo Mail

2010-04-16T10:48:00.000-07:00

Cara membuat "Pesan Jawaban Email Otomatis di Yahoo Mail" berbeda dengan yang digunakan di Gmail. Perbedaan operator dan perbedaan system membuat segalanya menjadi berbeda pula, meskipun pada dasarnya fungsi pada setiap detailnya hampir sama. Setelah pada posting sebelumnya sudah kita bahas cara membuat model seperti ini di Gmail, karena pengguna email di Yahoo juga sama banyaknya dengan di Gmail, maka akan lebih indah dan memberi manfaat apabila kita juga akan bahas penerapannya di Yahoo Mail. Bagi anda yang ingin membuat di Gmail, silahkan KLIK di sini !

Cara Membuat Pesan Jawaban Email Otomatis di Yahoo Mail :

Login. Lakukan login terlebih dahulu di Yahoo Mail !
Link Options. "KLIK pada Link Options" (sebelah atas bagian kanan). Pada posisi tersebut terdapat "Drop-Down. Pilihlah "Mail Options".
Vacation Response.Pilih tab tersebut yang berada di kolom sebelah kiri.
Checkbox. KLIK Checkbox Enable auto-response during your vacation.
Buat Pesan Balasan. Tulis pesan yang anda inginkan terhadap setiap email yang masuk ketika nantinya anda dalam keadaan sibuk atau tidak berkesempatan membuka email.
Masa Berlaku. Tentukan tanggal awal dan akhir masa berlakunya settingan ini.
SAVE.. KLIK Save Changes untuk menyimpan perubahan.

Selamat Mencoba dan semoga bermanfaat !

Membuat Blog di Wordpress

2010-04-16T05:21:00.000-07:00

Meskipun keduanya sama-sama memberikan layanan gratis untuk pembuatan blog, antara Blogger dan Wordpress menggunakan banyak regulasi yang berbeda, baik dalam proses registrasi maupun pengelolaan dan pengembangan desain template/theme. Dua buah kebijakan yang berbeda dan mestinya masing-masing mempunyai pertimbangan-pertimbangan khusus yang sudah diperhitungkan secara matang , baik demi kepentingan bisnis ataupun layanan.

Apabila kita melakukan proses registrasi pembuatan blog di Blogger dan Wordpress, perbedaan yang pertama akan dapat kita lihat dan rasakan. Prosedur registrasi di Blogger terhitung lebih cepat dan mudah. Disisi yang lain, pengembangan yang kita laukan terhadap desain blog (template) di Blogger bisa dilakukan tanpa ada peraturan yang mengikat sama sekali (bebas), sedang di Wordpress, perubahan terhadap desain template di atur dengan regulasi khusus yang ditetapkan oleh pihak Wordpress. Hal yang disebutkan di atas hanyalah sebagian kecil dari perbedaan mendasar yang ada. Di luar hal tersebut masih ada beberapa perbedaan-perbedaan lain yang dapat anda lihat setelah anda terjun langsung mengelola blog dalamnya. Setelah mencermati perbedaan yang ada tersebut, akhirnya semua kita kembalikan kepada pihak pengguna (blogger), layanan mana yang hendak kita manfaatkan untuk menyalurkan inspirasi yang berkembang dalam otak kita ! Atau mungkin anda ingin mencoba ke duanya? Silahkan saja karena kita bebas untuk mengelola blog dimanapun dan sebanyak apapun !

O..., ya..., karena syarat utama untuk membuat blog harus mempunyai sebuah email terlebih dahulu, maka bagi yang belum mempunyai email, anda bisa membuatnya terlebih dahulu. Tutorial lengkap untuk membuat email, baik di Gmail ataupun di Yahoo Mail bisa anda baca di blog ini.

Yahoo Mail : Silahkan KLIK di sini
Gmail : Silahkan KLIK di sini

Cara Membuat Blog di Wordpress :

Email. Buatlah terlebih dahulu bagi yang belum punya email.

Alamat Wordpress.

http://wordpress.com

di sini

Sign Up. "Klik Sign up now" untuk melanjutkan ke proses registrasi.
Akun Wordpress. Isi lengkap halaman registrasi untuk mendapatkan akun Wordpress. Yang harus di isi adalah Nama Pengguna (User), Sandi atau kode rahasia, alamat email. Setelah diisi lengkap silahkan "KLIK" kotak yang bertuliskan "Berikutnya" (kiri-bawah).
KLIK di sini (Gambar-1) untuk melihat contoh pengisian formulir dalam bentuk gambar!
Nama Domain blog.Gambar ke dua berisi Nama Domain blog, dan judul blog. Selanjutnya "KLIK Signup."
KLIK di sini (Gambar-2) untuk melihat contoh pengisian nama domain blog !
Nama Depan dan Nama Belakang. Isi "Nama Depan" dan "Nama Belakang". Lanjutkan dengan membuka email untuk mengaktifkan blog.
KLIK di sini (Gambar-3) untuk melihat contoh pengisian Nama Depan dan belakang !
Email dari Wordpress. Anda bisa melihat contoh bentuk Email dari Wordpress dan cara pengaktifannya. di Gambar ke-4.
Buka gambar-4 di sini (Gambar-4)
Login. Acount anda sudah aktif ! "KLIK Login" untuk masuk ke halaman login (masuk log).
Lihat contohnya di sini (Gambar-5)
Blog Sudah Jadi. Untuk masuk ke blog, anda harus mengisi Nama Pengguna dan Kata Sandi kemudian lanjutkan dengan "KLIK Masuk Log".
Contoh pengisian Nama Pengguna dan Kata Sandi : KLIK di sini (Gambar-6)
Dasboard. Anda sudah berada di halaman dasboard dari blog Wordpress anda yang baru ! Segala aktifitas posting sudah bisa dilakukan mulai saat ini ! Gambar ke-7 merupakan contoh bagian dasboard dari blog di Wordpress. KLIK di sini (Gambar-7) untuk melihat bentuknya !

Selamat ! Semoga bermanfaat dan jadikan sebagai media untuk mengembangkan bakat dan kemampuan !

Membuat Pesan Balasan Email Otomatis di Gmail

2010-04-15T15:55:00.000-07:00

Kesibukan atau acara yang sangat menyita waktu, baik karena kepentingan pribadi atau tugas yang berkaitan dengan pekerjaan sering dijumpai oleh siapapun. Kondisi seperti ini kadang-kadang membuat membuat seseorang sama sekali tidak mempunyai kesempatan untuk membuka email, sehingga banyak teman atau mungkin keluarga kecewa karena email tidak terbalas. Bagaimana mengatasi permasalahan ini? Bagaimana caranya agar stidak-tidaknya ada pesan yang dapat kita sampaikan kepada pengirim pesan berhubungan dengan kondisi kesibukan yang sedang kita alami sehingga membuat kita tak punya kesempatan mengecek atau bahkan membalas email yang masuk tersebut?

Dengan melakukan beberapa perubahan pada setting Gmail, kita dapat memasukkan pesan balasan ke setiap email yang masuk dengan berbagai ungkapan yang membuat pengirim pesan merasa lega karena email sudah sampai di tujuan dan di terima. Pesan balasan bisa berupa kata-kata seperti :Terima kasih atas email anda !, Maaf kami baru di luar kota !, atau kata-kata lain yang bisa anda pilih sesuai dengan kondisi yang sedang anda alami.

Cara untuk membuat email balasan otomatis di Gmail :

Login. Lakukan Login terlebih dahulu di Gmail.
Settings. Klik link Settings yang berada di sebelah atas email Anda.
Vacation Responder. Arahkan cursor pada tab General, kemudian perhatikan pada bagian Vacation responder. "KLIK Vacation responder on"
Judul dan Isi Pesan Balasan. Pada bagian ini anda akan membuat pesan balasan otomatis kepada semua email yang masuk .

Masukkan judul dan isi pesan email konfirmasi pada bagian kotak isian Subject : dan Message : .
Jika kita memiliki signature email, maka otomatis akan ditambahkan setelah pesan.

Checkbox. Checkbox Only send a response to people in my Contacts dapat kita pilih jika kita menginginkan aturan ini hanya berlaku untuk email yang terdaftar di kontak.
Save Change. "Klik" pada Save Changes untuk menyimpan perubahan.

Semoga bermanfaat !

Membuat Email di MySpace Mail

2010-04-15T11:53:00.000-07:00

Setelah selama sekian lama Gmail dan Yahoo Mail malang melintang di layanan email gratis tanpa pesaing berarti, tampaknya kini mereka harus lebih banyak berpikir dan mengevaluasi diri. Belum lama ini tampil pendatang baru yang sebenarnya muka lama dalam situs jejaring sosial, MySpace Mail ! Pendatang baru ini tampaknya sangat percaya diri untuk turut bersaing memperebutkan pasar email yang dalam kurun waktu yang sangat panjang hanya di dominasi oleh dua raksasa adidaya. Jika dirunut dari sejarah tumbuh kembangnya MySpace, kepercayaan diri yang tinggi untuk menapak ke jenjang persaingan yang lebih keras dan luas bukanlah tanpa perhitungan yang matang. Pengalaman panjang yang sudah mereka alami dalam mengelola sebuah situs jejaring sosial dan kemampuan tinggi punggawanya dalam menganlisa pasar email yang meningkat secepat roket, membuat mereka berani berspekulasi untuk merebut simpati sebagian pengguna email yang selama ini hanya berkutat di dua situs besar tersebut. Bagaimana masa depan My Space Mail? Benarkah mereka akan mampu memberi persaingan yang berarti? Dapatkah dia bertahan terhapap dominasi dua raksasa yang sudah sangat mapan ini? Ayo kita lihat bersama. Tentu saja kita semua sangat berharap bahwa MySpace Mail akan mampu bertahan ! Persaingan yang semakin banyak akan sangat menguntungkan bagi semua pengguna email karena akan terjadi persaingan dalam peningkatan layanan.

Cara Membuat Email di MySpace Mail :

O..., ya ... Karena untuk membuat email di MySpace Mail harus mempunyai email terlebih dahulu, maka kami persilahkan untuk membuat email di Yahoo Mail atau di Gmail terlebih dahulu.
- Yahoo Mail :anda bisa melihat tutorial lengkapnya di sini
- Gmail : anda bisa membaca panduan lengkapnya di sini.
Setelah anda selesai membuat email di Yahoo Mail atau di Gmail, bukalah MySpace Mail dengan menuliskan http://www.myspace.com/mail di address bar, atau supaya lebih cepat dan mudah anda bisa KLIK di sini
Create my Mail. KLIK button yang bertuliskan kata seperti tersebut di samping !
Sign Up! KLIK pada kolom yang bertuliskan Sign Up! Tunggu hingga muncul halaman baru !
Sign Up for Myspace. Anda diminta untuk mengisi formulir :

Email Address : Tuliskan alamat email yang sudah anda miliki sebelumnya.
Contoh : ChristianoR@yahoo.com
Password : Tuliskan password seperti yang anda gunakan di email yang sudah anda miliki.
Full Name :Tuliskan nama lengkap anda.
Contoh : Christiano Ronaldo
Date Of Birth :Tulis tanggal lahir anda secara lengkap.
Gender :Tandai sesuai jenis kelamin anda.
Sign Up Free :KLIK pada kotak kecil berwarna kuning dengan tulisan Signup Free !

Verification. Tuliskan pada kolom yang tersedia sesuai dengan karakter yang terlihat. Bila karakter yang ada sulit untuk di baca, silahkan KLIK pada lingkaran dengan dua tanda panah untuk memunculkan karakter baru ! Kemudian KLIK Continue !
KLIK Continue pada halaman baru yang ditampilkan berikutnya.
School. Jika lembar ini muncul, anda bisa mengisinya atau lewatkan saja dengan KLIK Skip this step ! yang terletak di bagian bawah, berwarna biru muda.
Location Information. Anda bisa mengisi lembar ini dengan Nama Negara (indonesia), Kota (City) dan Kode POs (Postal Kode), atau langsung KLIK pada Start using Myspace.
Pengisian Alamat Email . Tuliskan nama alamat email anda di Myspace !
- ChristianoR@myspace.com.
- Pilih siapa saja yang boleh menghubungi anda lewat email. Orang tertentu yang anda kenal atau tidak dibatasi.
Confirm URL &am; Email. KLIK pada button yang bertuliskan Confirm.
Select your email address book. Pilih sesuai email yang sudah anda miliki sebelumnya, kemudian lanjutkan dengan KLIK "Add to Address Book" atau anda bisa melewatkan tahapan ini dengan KLIK teks di sebelahnya
Inbox. Arahkan cursor pada bar di ujung kiri atas bertuliskan Mail kemudian KLIK di bagian Inbox.
Selesai. Selesai sudah proses pembuatan email anda, silahkan untuk dipergunakan sebaik-baiknya.

Selamat ! Anda sudah memiliki sebuah email dari Myspace Mail. Semoga bermanfaat !

Cara Membuat Email di Gmail

2010-04-15T06:56:00.000-07:00

Jaman memang sudah berubah dengan amat drastis. Layanan komunikasi tidak lagi harus mengandalkan pulsa ponsel. Email menjadi pilihan tepat bagi semua orang. Bukan hanya karena sifat dan layanannya yang gratis saja, tetapi fungsi email yang bisa digunakan untuk berbagai kepentingan komunikasi terutama melalui internet menjadikan hampir semua orang yang sangat membutuhkan sarana komunikasi andal sekaligus murah menjadi wajib untuk memiliki satu atau beberapa email.

Gmail adalah salah satu pemberi layanan gratis pembuatan email terpopuler selain Yahoo Mail dan MySpace. MySpace sendiri merupakan sebuah situs jejaring sosial yang yang baru beberapa saat yang lalu mulai beroperasi membuka layanan email gratis. Ketiga situs jejaring sosial ini tentunya akan semakin berpacu dalam persaingan yang semakin tinggi untuk meraih simpati dan popularitas di tengah masyarakat dunia yang semakin kritis dan selalu mengandalkan layanan prima. Siapa yang diuntungkan dengan situasi seperti ini? Kalau biasanya masyarakat pengguna yang berposisi sebagai obyek selalu menjadi yang terugikan, dalam situasi ini menjadi sangat berbeda karena justru akan mendapatkan keuntungan dari persaingan yang timbul.

Bagi anda yang ingin membuat email di Yahoo Mail, anda bisa KLIK di sini untuk melihat tutorial lengkap pembuatan email di Yahoo Mail. Sama seperti halnya membuat email di Yahoo Mail, untuk membuat email di Gmail juga hanya dibutuhkan identitas diri semata, karena layanan diberikan secara gratis, cepat dan ditanggung tidak mengenal "MARKUS".

Cara Membuat Email di Gmail :

Silahkan anda ketik http://mail.google.com di address bar, atau bisa juga anda KLIK di sini !
Setelah terbuka halaman baru yang berisi ucapan Selamat Datang di Gmail dengan logo Gmail di sebelah kirinya seperti gambar di bagian atas, silahkan anda KLIK kotak bertuliskan Buat Akun (di sebelah kanan tengah).
Halaman Formulir Pendaftaran Gmail

Lakukan pengisian lembar formulir ini dengan data pribadi anda. Isi dengan teliti dan sebaiknya semua data yang anda tulis dicatat untuk disimpan dengan baik sebagai tindakan preventif apabila suatu saat anda lupa terhadap alamat email atau mungkin kode rahasia (password).

Nama Depan. Tulis nama depan anda pada kolom yang telah disediakan.

Tanty (Nama lengkap : Tanty Tiara M)
Anda bisa juga menggunakan nama samaran.

Nama Belakang. Tulis Nama belakang anda.

Tiara (Nama lengkap : Tanty Tiara M)

Nama Login yang di inginkan. Anda dapat menuliskan nama depan anda ditambah kata/angka untuk nama login.

Tantytm@gmail.com
tantytiaraM16@gmail.com

Cek Ketersediaan. Button cek ketersediaan berfungsi untuk mengetahui apakah nama login yang anda inginkan tersedia (belum digunakan orang lain).
Buat Sandi (Password). Sandi (Password) adalah kode rahasia yang hanya diketahui oleh pemilik email dan digunakan pada saat Login dilakukan.
- Sandi (Password) ditulis dalam bentuk huruf dan angka atau perpaduan antara huruf dan angka.
- Sandi (Password) sebaiknya menggunakan lebih dari 8 (delapan) karakter untuk mempertinggi tingkat kerahasiaan dan supaya tidak mudah di tiru orang lain.
- Gunakan sandi (Password) yang mudah diingat.
Masukkan Kembali Sandi (Password). Ketik kembali sandi pada kolom yang tersedia
Pertanyaan Rahasia. Pertanyaan dapat anda pilih yang sudah tersedia atau membuat pertanyaan sendiri.
Jawaban. Jawaban di isi sesuai pertanyaan yang digunakan pada point di atas.
Email Pemulihan. Bersifat opsional, akan tetapi jika anda sudah mempunyai email yang lain akan sangat bagus bila dicantumkan. Email pemulihan berfungsi untuk berhubungan dengan Gmail ketika anda mengalami permasalahan dengan Gmail anda.
Lokasi. Pilih negara di mana anda tinggal (Indonesia).
Verifikasi Kata. Tulis karakter yang di sediakan Gmail pada kolom di bawahnya. Bila karakter yang ada terlalu sulit di baca, silahkan anda KLIK gambar kecil (seperti orang duduk) di sebelah kanan agar muncul karakter yang baru.
Saya Menerima. Buat Akun Saya. KLIK button yang bertuliskan kata tersebut.
Verifikasi Akun Anda. Isi nama negara dan tulis nomor telpon anda.
Kirim Kode Verifikasi ke Ponsel Saya. Klik button yang bertuliskan seperti kata tersebut, kemudian periksa telpon anda untuk melihat Kode Verifikasi dari Gmail
Verifikasi Akun Anda. Tuliskan Kode Verifikasi dari Gmail di telpon (HP) anda pada kolom yang telah di sediakan
KLIK button yang bertuliskan Verfikasi. Tunggu beberapa saat !
Selamat ! Email anda sudah jadi. KLIK Tunjukkan Akun Saya kemudian silahkan anda masuk ke box email anda ! Bila ada kalimat : Mantap ! Lihat Buzz, yuk, silahkan anda KLIK di sebelah kanannya (Masukkan ke kotak masuk ..dst).

Bila anda ingin memanfaatkan email anda untuk membuat blog di Blogger, anda bisa melihat tutorial lengkapnya di sini !.

Cara Membuat Email di Yahoo Mail

2010-04-14T13:13:00.000-07:00

Kalau beberapa tahun yang lalu komunikasi hanya dapat dilakukan melalui pertemuan langsung atau melalui telpon kabel yang hanya bisa nongkrong di rumah, kini dengan pesatnya perkembangan bidang elektronika yang menjadi pilar kemajuan jagat, komunikasi tidak lagi mengharuskan seseorang untuk menempuh perjalanan jauh ataupun mesti pulang dulu ke rumah untuk mengangkat telpon.

Telepon seluler (HP) menjadi perangkat komunikasi yang mempermudah seseorang untuk berkomunikasi dengan siapapun dengan jarak sejauh apapun hanya dengan beberapa kali menyentuh tombol. Bisa dilakukan di rumah, di kantor, di jalan, atau bahkan mungkin sambil "buang hajat di sungai" (hi...., ngeri...). Meskipun berkomunikasi menggunakan HP bisa dibilang cukup murah (dengan tingginya tingkat persaingan antar operator), ternyata masyarakat masih menginginkan yang jauh lebih murah lagi. Email menjadi solusi yang paling diminati oleh hampir semua lapisan, terutama kawula muda dan anak-anak sekolah karena dapat dimanfaatkan untuk berkomunikasi secara gratis. Email memungkinkan seseorang untuk berkomunikasi dengan jarak tanpa batas tanpa sesuilpun biaya yang harus dikeluarkan. Selain digunakan untuk berkomunikasi, email bisa juga dimanfaatkan untuk membuat blog yang berguna untuk membangun dan meningkatkan kreatifitas dan daya imajinasi seseorang. Layanan gratis untuk membuat sebuah email dapat dilakukan di Yahoo Mail, Google Mail (Gmail) ataupun di MySpace. Bagaimana untuk membuat email? Membuat email sangat mudah dan dapat dilakukan dalam waktu singkat. Hanya dibutuhkan sebuah data pribadi dan .... tentunya seperangkat peralatan komunikasi yang terhubung dengan internet. Bisa dilakukan lewat PC, Laptop ataupun ponsel (HP) yang sudah dilengkapi dengan kemampuan "berinternet". Kita akan bahas cara pembuatan email satu demi satu secara berkesinambungan.

Cara Membuat Email di Yahoo Mail

Silahkan buka https://login.yahoo.com, atau :

Untuk anda yang menginginkan panduan dalam bahasa Inggris, anda bisa KLIK di sini ! (Versi Internasional).
Untuk anda yang menginginkan panduan dalam bahasa Indonesia, anda bisa KLIK di sini ! (Yahoo Indonesia)

KLIK kotak kuning yang bertuliskan "Daftar (Sign up for Yahoo!)".
Formulir Pendaftaran Yahoo Mail. Setelah beberapa saat, akan muncul sebuah halaman baru yang berupa lembar formulir pendaftaran dari Yahoo Mail. Lembar ini berfungsi untuk mendapatkan ID Yahoo.

Nama Saya (Name) di isi dengan Nama Depan (First Name) dan Nama Belakang (Last Name) anda.
Nama asli atau nama samaran bisa digunakan !

Jenis Kelamin (Gender).

Laki-laki (Male), atau
Perempuan (Female).

Data Kelahiran.

Tanggal (Day) : Sesuai tanggal lahir anda.
Pilih Bulan (Select Month) : Sesuai bulan kelahiran anda.
Tahun (Year) : Sesuai tahun kelahiran anda.

Negara (Country). Pilih negara di mana anda tinggal (Indonesia).
ID Yahoo! dan Email (Yahoo! ID and Email).

Contoh : TantyGR@yahoo.com atau TantyGR@yahoo.co.id
Nama ini nantinya juga digunakan ketika Login !
KLIK Periksa (Check) untuk mengetahui ketersediaan nama.

Kata Sandi (Password). Kata sandi merupakan kode rahasia yang hanya diketahui oleh pemilik email. Jumlah Kata sandi minimal 6 (karakter) berupa huruf dan/atau angka. Sebaiknya menggunakan paduan antara huruf dan angka untuk meningkatkan kerahasiaan kata sandi. Kata sandi juga berfungsi ketika Login dilakukan.Contoh Kata Sandi : t4nt1eteem (paduan huruf dan angka).
Ketik Ulang Kata Sandi (Re-type Password). Ketik sekali lagi kata sandi yang digunakan pada kolom yang telah tersedia. Kata sandi harus sama persis dengan kata sandi yang tertulis sebelumnya !
Alternate Email (optional)!. Bersifat opsional : bisa di isi atau dikosongkan. Apabila ingin mengisi kolom ini, anda harus sudah mempunyai sebuah alamat email lain yang berbeda
Pertanyaan Keamanan 1 dan 2 - Jawaban Anda(Secret Question 1 and 2 - Your Answer). Anda bisa memilih pertanyaan yang telah disediakan atau membuat sendiri kemudian menulis jawaban atas pertanyaan tersebut pada kolom yang telah disediakan.
Ketik kode yang ditampilkan (Type the code shown). Ketik karakter yang tertulis pada kolom yang telah tersedia. Apabila karakter terlalu sulit untuk dibaca, anda bisa KLIK pada "Coba Kode Baru (Try a new Code)" supaya kode diganti dengan kode baru.
Buat Account Saya (Create My Account). KLIK kotak berwarna kuning dengan tulisan seperti tersebut di atas setelah pengisian formulir selesai dan telah dicek ulang dengan baik.

Pada langkah terakhir ini mungkin beberapa kali harus di ulang. Biasanya terjadi karena ada kesalahan pengisian formulir pendaftaran !

Ucapan Selamat dari Yahoo (Congratulations, Name!) KLIK kotak berwarna kuning dengan tulisan "Lanjut (Continue)".

Selamat ! Anda sudah memiliki sebuah email dari Yahoo Mail !

KLIK kata Mail (1) atau Inbox (1) di ujung sebelah kiri atas (di bawah kata Yahoo).

Apabila anda ingin keluar dari Yahoo Mail, silahkan KLIK Sign Out yang terletak di tengah bagian atas ! Untuk masuk kembali ke email anda, ketik https://login.yahoo.com , kemudian gunakanlah ID Yahoo anda (alamat email lengkap) dan kode rahasia (password). Lanjutkan dengan KLIK Login.

Apabila anda ingin memanfaatkan email baru anda untuk membuat blog di Blogger, anda bisa masuk di http://www.blogger.com. Atau bila ingin mengetahui cara membuat blog di Blogger, anda bisa KLIK di sini !

Cara Membuat Blog di Blogger

2010-04-13T12:49:00.000-07:00

Menjadi seorang blogger sejati bukanlah sesuatu yang mudah. Kesabaran, ketekunan, semangat pantang menyerah dan kreatifitas menjadi kewajiban mutlak yang harus dipenuhi. Percayalah..., tidak ada secuilpun kerugian dengan aktifitas yang kita lakukan dalam dunia maya yang penuh dengan tantangan ini. Dunia blog selalu menambah dan memperbaharui wawasan serta pengetahuan kita melalui banyak hal baru. Satu tahun lebih aku bergelut dengan pahitnya harapan yang kadang hampir membuatku terjerembab dalam keputusasaan. Memotivasi diri untuk tak menyerah oleh kelelahan dan harapan menjadi dorongan yang selalu bisa membuatku bangkit kembali. Entah sudah berapa blog yang aku buat, entah sudah berapa template yang aku bongkar, tetapi yang pasti setiap kali aku menyentuh kembali blog dan desainnya, mata kembali bersinar dan hati menyala-nyala untuk berkarya.

Membuat blog bukanlah sesuatu yang sulit untuk dilakukan. Memelihara dan melestarikan kehidupan blog itulah yang sulit dan harus selalu dipupuk setiap hari. Hanya satu syarat yang diperlukan untuk membuat sebuah blog. Sebuah Email !!! Anda bisa membuatnya di Yahoo Mail, Gmail atau yang lain yang anda ketahui dan sukai. Cukup dengan sebuah email dan anda bisa membuat blog sebanyak anda suka.

Cara Membuat Blog di Blogger :

Buka http://www.blogger.com. Atau anda bisa KLIK di sini .
Anda akan memasuki sebuah halaman dengan sebuah logo dan teks "Blogger" besar berwarna oranye. KLIK pada teks BUAT BLOG.
Terlihat halaman baru ber - nomor1 dengan judulCiptakan sebuah Akun Google.
Isi Formulir Pendaftaran Blogger:

a. Tuliskan Alamat Email :.

LionelMessi@yahoo.com
RonaldoChristiano@gmail.com

b. Ketik Ulang Alamat Email.

c. Tuliskan Password anda !.

Password = Kode Rahasia sesuai Kode Rahasia Email.

d. Tulis kembali Password anda !

Nama Tampilan akan dituliskan di blog sebagai penulis (author).
Ulang Tahun diisi dengan menulis tanggal lahir.
contoh:2010/04/14 --> Tahun/Bulan/Tanggal

Tuliskan Karakter yang tersedia pada kotak di bawahnya. Apabila karakter terlalu sulit dibaca anda bisa KLIK gambar kecil di kanan kotak isian (spt gambar orang sedang duduk) supaya muncul karakter baru.

Beri tanda pada kotak kecil di sebelah kiri teks "Saya Menerima Persyaratan dan Layanan".

KLIK kata Lanjutkan" yang berwarna oranye di kanan bagian bawah.

Pada tahap ini, sering kali terjadi kita harus melakukan pengisian ulang selama beberapa kali. Ini adalah sebuah prosedur standar yang memang diterapkan oleh Blogger

Langkah selanjutnya Anda diminta untuk melakukan Verifikasi Akun dengan cara :

Mengisi Nama Negara.
Menuliskan Nomor Ponsel (HP).

KLIK Button yang bertuliskan "Kirim kode Verifikasi ke ponsel saya".
Periksa HP untuk melihat KODE Verifikasi dari Blogger.
Tuliskan Kode Verifikasi di kolom yang tersedia.
KLIK button "Verifikasi".
Setelah Verifikasi selesai, lanjutkan dengan Tuliskan Nama Tampilan (author).
Pada Halaman "Beri Nama Blog Anda".

Tuliskan Nama Blog Anda (Judul Blog).
Tuliskan Alamat Blog (bisa seperti di Email atau nama lain).

Anda diminta untuk memilih template dengan cara memberi tanda pada template terpilih.
KLIK Lanjutkan !
Blog Anda Sudah jadi dan dipersilahkan untuk memulai blogging !

Selamat ... anda sudah memiliki sebuah blog ! Saat ini anda berada di halaman posting. Selamat bekerja dan selamat berkarya !

Sekelumit Tentang Blog

2010-04-13T08:24:00.000-07:00

Sebelum menapakkan kaki lebih jauh dalam dunia blog, akan sangat bermanfaat seandainya kita mencoba memahami terlebih dahulu tentang beberapa hal kecil yang berkaitan dengan dunia yang sangat menarik ini. Pemahaman tentang blog meliputi sejarah munculnya blog, cara membuat blog, fungsi blog, cara mengelola blog, cara posting teks dan gambar, manfaat blog dan bagaimana bentuk desain sebuah blog yang dikenal dengan istilah template. Selain itu, untuk lebih memahami dunia blog, satu hal yang juga harus kita perhatikan adalah istilah-istilah yang digunakan di dalamnya. Tentu saja diluar hal yang tersebut di atas masih banyak hal lain yang perlu kita ketahui atau syukur-syukur dapat kita pahami dengan baik seperti javascript, file hosting dan beberapa yang lain.

Istilah blog digunakan petama kali oleh seorang yang bernama Jorn Barger untuk menyebut kelompok website pribadi yang selalu diupdate secara kontinue dan berisi link-link ke website lain. Blog memuat sebuah karya bebas dalam bentuk artikel yang sering sekali menyertakan satu atau beberapa buah gambar (statis atau bergerak) yang berfungsi untuk memperjelas muatan artikel. Meskipun pada umumnya sebuah blog memuat artikel dalam bentuk teks, beberapa blog yang berbeda secara khusus hanya memuat gambar (teks yang digunakan sangat minimal).

Berbeda dengan media-media lain yang lebih banyak memberikan informasi kepada pembaca tanpa memerlukan sebuah hubungan timbal-balik, sebuah blog akan menjadi lebih populer dan berkembang dengan baik apabila komentar banyak diberikan oleh pembaca blog terhadap artikel yang diterbitkan. Popularitas atau ranking blog berbanding lurus dengan tingginya frekwensi komentar. Perlu untuk diketahui, popularitas sebuah blog juga akan sangat mempengaruhi penghasilan seorang blogger karena umumnya pendapatan blogger diperhitungkan dengan banyaknya jumlah pengunjung blog.

Satu hal khusus yang membedakan blog dengan media informasi yang lain adalah, setiap orang dengan leluasa dan gampang dapat memiliki dan menerbitkan artikel dalam sebuah posting tanpa diharuskan memenuhi syarat-syarat/spesifikasi khusus seperti layaknya penulis profesional. Seorang blogger (pemilik blog) hanya perlu memiliki sebuah email sebagai prasyarat wajib dan dengan bebas boleh menuliskan apapun dalam blog. Karena kebebasan yang sepertinya tanpa mengenal batas ini, seyogyanya seorang blogger selalu mengutamakan itikad yang baik saat membuat posting dengan pertimbangan etika, sopan-santun dan bersifat edukatif sehingga memberikan manfaat positif bagi masyarakat.

Dalam perkembangannya, jumlah layanan pembuatan blog bertumbuh dengan amat pesat dengan jumlah yang tidak terhitung, baik yang berupa layanan gratis ataupun bayar. Layanan blog tidaklah jauh berbeda dengan siklus kehidupan, dimana begitu salah satu mati maka yang lain akan dengan cepat bermunculan. Dua layanan blog gratis dengan tingkat popularitas tertinggi untuk saat ini masih dipegang oleh Wordpress dan Blogger. Sepertinya dengan melihat perkembangan yang terjadi hingga detik ini, keduanya akan tetap berada di posisi teratas untuk jangka waktu yang cukup lama.

Banyak blogger yang sangat produktif dan bahkan mempunyai tingkat popularitas amat tinggi tetapi dia tidak memahami dengan baik lingkungan tempat dia bekerja. Meskipun hal seperti ini bukan hal yang mutlak harus dipahami secara sempurna, akan tetapi akan sangat naif jika seorang blogger terpandang tidak mengetahui lingkungan dan fasilitas yang menjadi tempatnya mengexplorasi otak. Satu contoh kecil : akan sangat lucu seandainya seseorang yang mempunyai gelar blogger ketika ditanya oleh seseorang tentang arti kata template tetapi dia tidak mampu menjelaskan dengan baik. Oleh karena itu, untuk menguak lebih dalam tentang template, baik kode penyusunnya hingga bagaimana memodifikasi dan mendesain sebuah blog, di waktu kedepan kita akan bahas setiap detail desain blog. Sekaligus kita juga akan mecoba mengupas satu demi-satu istilah-istilah yang biasa digunakan sebagai penambah wawasan dan sebagai sebuah upaya awal untuk mengetahui lebih dekat blog berikut desainnya serta bagaimana cara untuk meningkatkan produktivitas posting dan meningkatkan ranking melalui promosi blog hingga muncul blogger-blogger baru dengan kualitas jempol ....

Horas bah...., Habis beras di sengat lebah .... !!!!