Check Page Rank of your Web site pages instantly:

This page rank checking tool is powered by Page Rank Checker service

Rabu, 25 Desember 2013

Aneka Resep Masakan Favorit

Langsung aja tanpa banyak ba bi bu..ini dia blog yg kalian cari seputar  dunia masak memasak lumayan lengkap..mungkin bagi anda yg mau buka gerai masakan bisa belajar disini
Dijamin mudah di pahami...selamat mencoba!!!

Tujuh Jurus Dahsyat Marketing Revolution


ADA tujuh jurus dalam Marketing Revolution yang saya ajarkan. Jika Anda melakukannya secara optimal,Anda akan mendapatkan hasil dahsyat

Jika Anda melakukannya secara optimal,Anda akan mendapatkan hasil dahsyat :

- Kita harus fokus pada Ultimate Advantage,Sensational Offer, dan Powerful Promise (USP)

- Melakukan lima usaha marketing

- Semua tindakan harus terukur dan tes yang terkecil terlebih dahulu

- Faktor kali (Tipping Point)

- Produktivitas yang terkait penghasilan

- Monitoring

- Prinsip harga,paling murah atau gelap

Fokus pada USP

Jika dalam marketing normal/ secara umum, USPadalah : U = Unique, S = Selling, P = Proposition.Maksudnya, dalam melakukan suatu proses pemasaran, kita harus memiliki perbedaan dengan yang lain.

Namun,dalam hal ini,USPbagi saya merupakan salah satu kunci kesuksesan Marketing Revolution. Adapun yang saya maksud USPdi sini adalah : U = Ultimate advantage, S = Sensational offer, dan P = Powerful promise Singkatan USP ini pertama kali saya dapatkan dari Mark Victor Hansen dan Robert G Allen dalam bukunya One Minute Millionare.

Dalam melakukan suatu usaha,kita harus terlebih dahulu mengetahui secara jelas keunggulan apa yang kita miliki dibanding yang lain.Misalnya kita sama-sama membuka warung soto. Pertanyaannya adalah, mengapa seseorang harus membeli soto di restoran kita? Mengapa tidak di tempat yang lain?

Kuncinya, kita harus mempunyai keunggulan. Jika kita sudah tidak mempunyai keunggulan dan sama dengan yang lain,kita disebut bergerak dalam bidang usaha komoditas. Kalau kita bergerak dalam bidang komoditas, sulit bagi kita memperoleh keuntungan lebih besar. Sebab, margin yang kita peroleh sangat tipis.

Saran saya, supaya Anda tetap mempunyai keunggulan dibanding dengan yang lain, ada dua hal yang bisa dilakukan,yaitu :

1.Diubah

2.Ditambah Misalnya kita berjualan soto.Jika kita sudah bisa merasa bahwa semua soto itu sama dengan yang lain, maka yang kita pikirkan pertama kali yaitu,apa ultimate advantage restoran soto kita dibanding yang lainnya?

Kita bisa mengatakan yang kita jual merupakan soto dengan potongan daging lebih besar, dipotong miring dengan irisan terlihat bagus,dan menggunakan daging dari bagian dada sebelah kanan.Ditambah lagi dagingnya terasa empuk dan penuh bumbu.

Karena itu, bisa dipasang sebuah spanduk besar di depan restoran yang berbunyi, "Soto kami menggunakan daging dari bagian dada sebelah kanan,putih, dan mulus.Dijamin enak dan lezat!".

Saya yakin akan banyak orang tertarik dengan promosi seperti itu karena kita mampu memberikan suatu ultimate advantage dibanding restoran soto lainnya. Kalau kita memang benar-benar mampu memberikan jaminan rasa dan kualitas tinggi, tentu saja kemungkinan jumlah pengunjung yang akan membeli soto juga lebih banyak. Selain itu, kita juga bisa mulai mengubah besar kecilnya menu yang ditawarkan.

Mungkin juga mengubah variasi menunya,dan masih banyak lagi. Pada intinya harus mulai bisa mengubah dan atau menambah. Harus selalu mencari Ultimate Advantage produk atau jasa yang kita tawarkan. Harus memiliki keunggulan dibanding produk lainnya. Ketika saya diwawancarai seorang wartawan dari majalah pria terkemuka, wartawan itu menanyakan dengan serius kepada saya."Apa sebenarnya kelebihan Pak Tungdibandingpembicaralainnya?".

Maka saya menjawab, saya mempunyai tiga kelebihan yang merupakan Ultimate Advantage. Pertama,ilmu saya adalah street smart. Artinya, saya mengajarkan dari apa yang sudah saya praktikkan terlebih dahulu. Sedangkan pembicara lain bisa jadi mereka hanya belajar dari buku baru, kemudian diajarkan, meskipun belum mempraktikkannya terlebih dahulu.

Kedua, cara penyampaian saya me-nyenangkan dan membuat orang semangat.Ketiga,daya tahan saya sangat kuat.Contohnya, pada saat saya mengadakan seminar Financial Revolution, pada hari pertama (Jumat) mulai dari pukul 18.00 dan selesai pada pukul 02.00 pagi.Keesokan harinya mulai dari pukul 09.00 pagi dan selesai pada pukul 03.00 pagi.

Kemudian pada hari ketiganya (Minggu), acara seminar dimulai dari pukul 09.00 pagi hingga pukul 20.00 malam.Suara saya bisa terus tetap lantang dan tetap selalu bersemangat. Dan terakhir ini, bahkan dalam satu bulan, saya bisa mengadakan 52 seminar dengan suara dan kekuatan yang senantiasa dahsyat.Sedangkan pembicara yang lain mungkin di awal-awalnya sangat bersemangat, tetapi setelah sehari penuh mereka mulai kurang bahkan tidak semangat lagi dalam penyampaiannya.

Dalam kehidupan sehari-hari, Ultimate Advantagedapat dicontohkan sebagai berikut. Jika kita hidup,itu merupakan keunggulan dibandingkan dengan yang mati (misalnya karena akibat kecelakaan pesawat). Tapi kalau semua hidup,berarti hidup sudah bukan merupakan suatu keunggulan. Kemudian kalau kita berperilaku jujur, itu adalah keunggulan dibanding jika yang lainnya tidak jujur.

Tapi jika semuanya jujur,kita berarti tidak mempunyai keunggulan lagi.Karena itu, kita harus mengetahui kunci,apa yang menjadi keunggulan kita, ataupun produk yang kita miliki,atau bisnis yang kita jalankan dibandingkan dengan yang lain? Ingin mengetahui penjelasan lebihlanjut mengenai tujuh jurus dahsyat dalam Marketing Revolution untuk membuat hasil yang dahsyat dalam usaha atau perusahaan Anda?

Terus ikuti artikel-artikel Marketing Revolution saya di Harian Seputar Indonesia (SINDO) ini.Temukan berbagai aplikasi lebih lanjut mengenai ke-7 jurus tersebut.SALAM DAHSYAT!.

Tung Desem Waringin
Pelatih Sukses No 1 di Indonesia The most Powerful People and Ideas in Business 2005

Membuat Tampilan Iklan Google Adsense Responsif (CSS Media Queries)





google adsense responsive buka-rahasia.blogspot.com
Masih bicara masalah responsive nih, ceritanya. Karena sekarang sudah jamannya responsif, maka Google akhirnya secara resmi mengeluarkan satu fitur baru lagi sebagai salah satu opsi/pilihan kode yang bisa di set di dashboard Google Adsense. Beberapa waktu lalu, Google meluncurkan asynchronous code untuk memperbaiki performa website yang menampilkan iklan Adsense, iklan tampil lebih cepat dan muncul setelah semua elemen web termuat oleh browser. Responsivitas unit iklan juga memastikan iklan yang tampil dapat dilihat dengan baik oleh pengguna media lain (non desktop user) sehingga potensi klik dan optimalisasi pendapatan Adsense tidak berkurang. 
Sebelum unit iklan responsive dirilis, kode iklan masih dalam bentuk synchronous (kode unit iklan lama), sehingga saya harus mengakali tampilan responsifnya dengan javascript. Ada beberapa slot iklan yang digunakan sekaligus dalam satu area iklan agar nantinya bisa dipanggil sesuai dengan lebar screen. Misalnya di header saya membuat 3 slot sekaligus, 728x90, 468x60, dan 320x50, yang nanti masing-masing akan dimuat sesuai dengan lebar device. Pastinya ini ribet, karena kita mesti membuat banyak slot, apalagi jika punya 3 area di satu halaman, maka bisa dipastikan banyak sekali jumlah slot yang harus dibuat. Belum lagi eksekusi menggunakan javascript yang tentu akan memakan waktu lebih panjang.


Beberapa waktu kemudian, kehadiran asynchronous code membuat pekerjaan lebih ringan, karena kita tidak perlu membuat banyak slot, cukup satu slot saja dan sisanya bisa diatur dengan CSS media queries. Contoh:
<style type="text/css">
.adsbygoogle {display:inline-block;width:468px;height:60px;}
@media screen and (max-width: 467px)  { .adsbygoogle {display:inline-block;width:300px;height:250px;} }
@media screen and (max-width: 299px)  { .adsbygoogle {display:inline-block;width:200px;height:200px;} }
</style>
<script async src="http://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
     data-ad-client="ca-pub-xxxxxxxxxxxxxx"
     data-ad-slot="xxxxxxxxxx"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

Kode di atas adalah hasil modifikasi menggunakan CSS media queries yang menggunakan class adsbygoogle. Berikut kode aslinya.
<script async src="http://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle" style="display:inline-block;width:468px;height:60px;"
     data-ad-client="ca-pub-xxxxxxxxxxxxxx"
     data-ad-slot="xxxxxxxxxx"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

Style di dalam tag ins kemudian diangkat dan dipisahkan ke dalam tag style sendiri, dengan menggunakan class adsbygoogle. Dan hasilnya seperti pada contoh pertama. Proses pembacaan CSS media screen/queries nya seperti ini: 
Tampilan default iklan yang akan dimunculkan adalah 468x60, namun jika lebar screen kurang dari sama dengan 467px maka tampilkan iklan dalam ukuran 300x250, namun jika lebar screen kurang dari sama dengan 299px, maka tampilkan iklan dalam ukuran 200x200.

Rilis Unit Iklan Adsense Responsif (Beta)

Sebelum unit iklan responsif dirilis, saya masih merasa was-was, karena cara yang terakhir ini belum benar-benar dirilis secara resmi sebagai cara yang diperbolehkan, meskipun dalam help center, Google mengijinkan penggunaan CSS media queries, namun bukan pada asynchronous.

Nah, kabar baiknya, kemarin (baru saja, jam 10an malem, 31 Juli 2013) Google Adsense menyampaikan bahwa kini ada satu fitur lagi (masih dalam versi beta) yang disebut sebagai "responsive ad unit".

Berikut langkah membuat Ad Unit responsive dan modifikasi CSS-nya sebelum bisa digunakan pada website/blog responsive anda:

1. Buat slot baru, dan, lihat pada pilihan dropdown di bagian "ad size". Pilih "responsive ad unit". Tidak ada ukuran yang perlu diset pada tahap ini. Kode yang perlu dicopy pun harus dimodifikasi lagi karena itu hanyalah contoh. 
2. Copy kode yang dihasilkan dan paste pada notepad atau editor teks sederhana lainnya.
Berikut contoh kodenya:
<style>
.classsesuainamaslot { width: 320px; height: 50px; }
@media(min-width: 500px) { .classsesuainamaslot  { width: 468px; height: 60px; } }
@media(min-width: 800px) { .classsesuainamaslot  { width: 728px; height: 90px; } }
</style>
<script async src="http://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- namaslot -->
<ins class="adsbygoogle classsesuainamaslot"
     style="display:inline-block"
     data-ad-client="ca-pub-xxxxxxxxxxxxxx"
     data-ad-slot="xxxxxxxxxx"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>



3. Lakukan modifikasi pada bagian tag style, karena disitulah kunci responsivitasnya.
Default contoh di atas (biru) menggunakan default unit iklan terkecil 320x50 (mobile unit). Kemudian diikuti dengan media min-with (lebar minimal). Jadi asumsinya gini, jika lebar screen minimal 500px, maka tampilkan ukuran 468x90px, jika lebar screen minimal adalah 800px, maka tampilkan unit iklan 728x90. Anda bisa menampilkan beberapa baris sekaligus jika ingin membuatnya lebih spesifik, menentukan syarat minimal atau maksimal screen, dan mengubah ukuran default pada bagian paling atas. Contoh:

<style>
.classsesuainamaslot { width: 200px; height: 200px; }
@media(min-width: 350px) { .classsesuainamaslot { width: 300px; height: 250px; } }
@media(min-width: 400px) { .classsesuainamaslot { width: 336px; height: 280px; } }
@media(min-width: 500px) { .classsesuainamaslot { width: 468px; height: 60px; } }
@media(min-width: 800px) { .classsesuainamaslot { width: 728px; height: 90px; } }
@media(min-width: 900px) { .classsesuainamaslot { width: 900px; height: 90px; } }
</style>

CSS media query di atas menggunakan konsep minimal width, sehingga unit iklan default adalah yang terkecil. Jika ingin menggunakan unit iklan default terbesar menuju ukuran yang lebih kecil, misalnya default 728x90 kemudian menuju unit lebih kecil 468x90 dan seterusnya, maka media query yang harus digunakan adalah max-width.
4. Jika anda masih tidak puas dan bingung, atau ingin menggunakan aturan ukuran media screen yang lebih fix, gunakan contoh pertama dimana saya terapkan pada kode asynchronous di awal artikel (@media screen and (max-width)).
Contoh:

<style type="text/css">
.classsesuainamaslot{display:inline-block;width:728px;height:90px;}
@media screen and (max-width: 727px)  { .classsesuainamaslot {display:inline-block;width:468px;height:250px;} }
@media screen and (max-width: 467px)  { .classsesuainamaslot {display:inline-block;width:336px;height:280px;} }
@media screen and (max-width: 335px)  { .classsesuainamaslot {display:inline-block;width:300px;height:250px;} }
dan seterusnya tergantung keinginan anda...
</style>

5. Setelah selesai melakukan editing, masukkan kode iklan ke dalam space dimana anda memasang iklan dan lihat hasilnya.

Beberapa poin yang perlu diperhatikan pada penggunaan iklan Google Adsense versi responsive:

  1. Pastikan ukuran yang digunakan pada masing-masing media query benar-benar fix.
  2. Pastikan ukuran yang digunakan sesuai dengan ad unit Google Adsense yang tersedia (728x90, 468x90, 970x90, 336x280, 320x50, 300x250, dan seterusnya). Ukuran yang tidak sesuai dengan ad unit yang tersedia tidak akan tampil.
  3. Karena merupakan media query, maka penyesuaian unit iklan yang ditampilkan mengikuti lebar screen pada saat load pertama kali. Jadi ketika melakukan test, pastikan anda telah mengatur lebar browser terlebih dahulu baru load halaman. Anda tidak bisa melihat resposivitasnya hanya dengan mengubah-ubah lebar browser tanpa proses load terlebih dahulu.
  4. Jangan lupa mengatur ukuran unit iklan default apabila sewaktu-waktu media query tidak bisa dieksekusi.
  5. Terakhir, tentu saja ini hanya baik digunakan pada template.theme responsive. Pada template/theme non responsif masih bisa sih, tapi pastikan iklan float/berada di samping kiri. :)
  6. Demo menyusul :)
Catatan penting:
Karena menggunakan kode asynchronous dan hanya perlu satu kali eksekusi javascript setiap load halaman dan iklan, maka script ini sebaiknya hanya disisipkan sekali:
<script async src="http://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
Letakkan pada space iklan di bagian teratas dan hapus pada bagian unit iklan lainnya. Unit iklan di space lain secara otomatis akan tereksekusi mengikutinya. Cara ini sudah diakui Google tidak melanggar kebijakan dan justru dianjurkan, karena eksekusi script yang sama justru akan memperlambat load halaman dan sama sekali tidak penting.
That's it. Good luck, drop a comment jika ada problem, and have a nice blogging :)

Rabu, 18 Desember 2013

CARA BUDIDAYA POHON JABON |PELUANG MENANAM EMAS

Sebelumnya saya jelaskan masalah metode ukuran jarak tanam pohon jabon pada umumnya :

*Jabon dapat hidup pada ketinggian 0-1100 dpl (dari permukaan laut)*

Pola Hutan Rakyat Umumnya menggunakan jarak tanam 2 x 2,5 m.
namun hasil pertumbuhan dan perkembangan diameternya tidak begitu cepat dan maksimal, cara ini biasanya digunakan masyarakat dengan membiarkan tumbuh liar dengan sendirinya ibarat hutan.


Perkebunan pada umumnya menggunakan jarak tanam yang direkomendasikan yaitu 4 x 5 m. jarak tersebut dapat memaksimalkan pertumbuhan dan perkembangan diameter batangnya, sebab radius lingkaran bayangan kebawah batang atas pohon adalah wilayah penyerapan unsur-unsur hara ditanah oleh akar pohon, jadi jarak 4 x 5 m adalah yang paling baik bagi pertumbuhan pohon jabon tetapi bisa juga menggunakan jarak 4 x 4 m tergantung kondisi lahan, jabon dapat hidup pada tanah Alluvial lembab (Pinggir sungai), Tanah liat, tanah lempung, podsolik coklat, tanah daerah yang ada pasang surut, iklim basah dan tropis.
Cara Tanam :
Buka Lobang Lebar.25 Cm x Panjang.25 Cm x dalam 60 cm. (Lihat Gambar.)

Lalu masukan Pupuk POR+NPK 100 gr (campur) sebagai pupuk dasar diendapkan dilubang setinggi kurang lebih 30 Cm (dapat langsung tanam/3-7 hr kemudian baru tanam), kemudian Tanamkan bibit yang polibagnya sudah dibuka/disobek.

 



Perawatan :
Semprot Pestisida secara aktip per 1 atau 2 minggu sekali selama 3-5 bulan tergantung keadaan gangguan, agar daun tidak dimakan ulat.setelah daun cukup banyak pengusida sudah tidak perlu disemprotkan lagi,sebab daun tidak akan habis dimakan ulat sebab daun sudah banyak.





Pemupukan :
untuk pertumbuhan, pemupukan dapat dilakukan Minimal cukup sampai usia 3 tahun, (sudah bagus, karna untuk 3 tahun keatas sumber makanan unsur hara dari serasah yang terdekomposisi secara alami selama 1-3 tahun telah mengurai menjadi unsur hara dan kesimbungan dekomposisi serasah 3-6 tahun, yang mana jabon dapat hidup dengan PH 4,5 (Masam) - 7,5 (Basah), Masam : Unsur Mikronya banyak & Unsur Makronya sedikit, Basah : Unsur Makronya banyak & Mikronya sedikit), cukup kompos/Bokhasi/Pupuk Kandang/Pupuk POR + NPK, Periode pemupukan 1-2 kali/setahun.
(TAPI JIKA ADA KEMAMPUAN LEBIH BAIK, PEMUPUKAN SAMPAI BATAS USIA MENDEKATI USIA PANEN YAITU 5 SAMPAI 6 TAHUN, AGAR HASIL LEBIH MAKSIMAL) *CARA PEMANENAN GUNAKAN METODE PENJARANGAN (Dalam Artian Penjarangan Usia Min.5 Tahun, Bukan 2 Atau 3 Tahun), PANEN 50-70%,TANAM KEMBALI 70%( tidak tanam lagi,tunas akan kembali tumbuh menjadi Pohon baru Atau Rotasi 2 dengan cara merawat pilih Tunas Unggulan,namun Untuk Tanaman Rotasi ke 3 karakter /sifat pertumbuhan nya tidak sebaik yang pertama kali dan kedua , Rotasi 3 cendrung bercabang 2 / berbatang 2 dan lebih kurus atau agak lambat besar diameter batangnya Bahkan Kurang Tinggi), SISA 30% UNTUK PANEN PERIODE KE II BERSAMAAN PANEN KELANJUTAN DARI TANAM ULANG, JANGAN TEBANG HABIS/GUNDUL, PENJARANGAN MINIMAL DISISAKAN 10% . BEGITU SETERUSNYA BERKELANJUTAN.

awal tanam - 1 Tahun : NPK 1 sendok makan (tabur jgn kena/menumpuk pada batang pangkal)

1 Tahun - 2 Tahun : Pupuk POR 05 kilo + NPK 1 On
2 Tahun - 3 Tahun : Pupuk POR 10 kilo + NPK 2,5 On

Dapat juga hanya dengan kompos :
1 Tahun - 2 Tahun : Pupuk POR 10 Kilo
2 Tahun - 3 Tahun : Pupuk POR 15 Kilo 
Pupuk POR

Kompos sangat penting peranannya,kompos/Bokhasi/Pupuk Kandang/Pupuk POR berperan sebagai absorbent yg dapat menyimpan mineral & unsur hara dan memperlancar pertukaran kation didalam tanah. tampa kompos/Bokhasi/Pupuk Kandang/Pupuk POR tanah semakin lama semakin jenuh,jika tanah jenuh pemberian pupuk menjadi sia-sia dikarenakan tanah jenuh tidak dapat lagi mengikat mineral sehingga pupuk yang diberikan tidak dapat mengurai kedalam tanah dan akan menguap atau tercuci, kompos memperbarui kondisi tanah dan menjadikan tanah disekitar pangkal pohon/akar menjadi lembab dan subur, dengan kompos pupuk yang diberikan dapat mengurai dengan baik sehingga akar menjadi mudah menyerap unsur hara tersebut.  *PUPUK KANDANG YANG BELUM MATANG TIDAK BAIK DIGUNAKAN UNTUK PEMUPUKAN, PUPUK KANDANG YANG SUDAH MATANG DITUNJUKAN DARI TIDAK BERBAU KOTORAN,TAPI BERBAU HUMUS(TAHAH) DAN TIDAK PANAS*


Perawatan Kebersihan disekitar pohon,agar sumber makanan akar tidak terganggu dan dapat maksimal diserap akar pohon, minimal perawatan sampai usia 1 tahunan, Sampah serasah di kumpulkan menjadi Ring keliling Pohon dengan radius jarak 1 meter, agar serasah cepat terdekomposisi bermanfaat menjadi Hara ,serasah disiram Bakteri Pengurai agar cepat Permentasi,untuk selebihnya dapat juga dibiarkan,sebab daya serap akar sudah kuat.
 *Herwindo*

Cara Membuat Status warna warni di Facebook

Cara Membuat Status warna warni di Facebook - Facebook pasti punya kan akun facebook ? siapasih yang tidak punya ? pernah anda membuat status warna warni ? selain bisa dirubah tampilan facebook nya , kali ini saya akan membahas tentang cara membuat status facebook menjadi warna warni . tapi hanya berlaku pada Aplikasi Facebook saja . 
oke langkah-langkah nya seperti di bawah ini :
1. Yang Pastinya Punya akun facebook
2. Download aplikasi facebook di http://d.facebook.com/install atau http://www.facebook.com/mobile
3. Silahkan tulis di beranda atau di komentar
     Dibawah ini adalah Kodenya :
<b> STATUS ANDA </b> ---> Huruf Tebal
<fg=2E3192> STATUS ANDA </fg> ---> Huruf Biru
<bg= FFF200> STATUS ANDA </bg> ---> Background Kuning 
Bisa juga digabung seperti di bawah ini: 
<fg=2E3192><b> STATUS ANDA </b></fg> ---> Huruf Tebal Warna Biru
<fg=2E3192><bg= FFF200> STATUS ANDA </fg></bg> ---> Huruf Biru Berbackground Kuning
<bg= FFF200><b> STATUS ANDA </b></bg> ---> Huruf Tebal Background Kuning 
Keterangan nya :
<b> ---> Huruf Tebal
<fg ---> Warna Huruf
<bg ---> Background Huruf 2E3192 ---> Kode Biru Warna Huruf
FFF200 ---> Kode Kuning Warna Background. 
selain itu juga bisa menambahkan Kode Emotion Facebook .
Dibawah ini adalah kode warna nya , anda Bisa rubah sesuai hati anda :
    Sekian postingan kali ini tentang Cara Membuat Status warna warni di Facebook . Semoga Bermanfaat.

>>15 Tips Menulis Artikel SEO Friendly Ala Seorang Blogger



Kualitas SEO sebuah blog tidak hanya ditentukan oleh template, pemilihan keyword global, atau link building berkualitas, meskipun pada akhirnya poin-poin tersebut sama pentingnya; namun bisa saya bilang semua itu akan sia-sia jika kita tidak memikirkan konten, atau dalam hal ini, artikel blog. Artikel blog adalah menu utama, yang harus dipikirkan terlebih dahulu melebihi yang lainnya. Percuma anda punya berbagai macam trik SEO yang telah dan siap diluncurkan, namun blog anda tidak memiliki artikel memadai untuk melakukan eksekusi SEO tersebut. 
Selain itu, kekayaan keyword natural sebenarnya tidak terletak pada meta deskripsi, title, dan bagian-bagian yang dipaksakan untuk memperbanyak keyword, karena itu justru bisa melukai SEO blog. Kekayaan keyword natural justru didapat dari berbagai kombinasi konten artikel; semakin artikel bagus, berkualitas, banyak dan memperhatikan aspek-aspek penting SEO, semakin kaya variasi keyword natural sebuah blog.
Berdasarkan argumentasi di atas, bisa kita lihat bahwa artikel blog memiliki perbedaan signifikan dengan jenis-jenis artikel lainnya. Seorang penulis artikel bisa saja membuat artikel yang demikian panjang dengan isi yang sangat jelas, lugas, menyentuh, kreatif, deskriptif, informatif, solutif, analogis, metaforis, mendayu-dayu dan seterusnya. Tapi belum tentu dia bisa menulis artikel blog. Why? Karena ada satu poin yang belum disentuh: sisi SEO artikel. Inilah yang membedakan anda, saya sebagai penulis blog (blogger) dan penulis media lainnya. 
Artikel blog tentu saja harus tetap memberikan perhatian penuh pada pembaca, memberikan solusi, menghibur, informatif, dan memegang teguh prinsip-prinsip kepenulisan, tapi tidak bisa lepas dari konteks SEO, dimana kita memperjuangkan artikel berkualitas yang ditulis agar bisa muncul dengan baik di SERP, sehingga tidak sia-sia.
Berikut beberapa tips dalam proses penulisan artikel Blog yang memperhatikan aspek-aspek SEO



A. Hal-hal yang perlu Dilakukan Sebelum Posting/ Menulis Artikel Blog

Pada tahap ini, jangan membuka peralatan apapun untuk menulis, jangan buka MS word, notepad, atau post editor di  dashboard. Ada saatnya, tapi bukan sekarang.
1. Memilih topik yang tepat
Memilih topik post adalah salah satu aspek penting yang tidak bisa disepelekan. Ini garis besarnya: jika anda menginginkan topik yang paling banyak dicari, maka anda harus menentukan topik yang diinginkan pembaca. Ini bukan berarti anda lepas dari niche atau bidang kepenulisan yang anda sukai, tapi topik yang dipilih (setidaknya untuk saat ini) memiliki nilai atau value untuk pembaca yang menginginkannya. 
Akan lebih hebat lagi jika topik yang dipilih bisa bertahan lama dan bahkan merupakan "topik abadi". Syarat utamanya adalah artikel tersebut harus unik dan original. Sehingga pembaca hanya akan, setidaknya dalam waktu tertentu, mendapati pembahasan atau solusi pada topik tersebut hanya dalam artikel anda. Meskipun topik yang anda pilih sama dengan beberapa artikel blog lain, anda harus menentukan bahwa apa yang ada di dalam artikel anda berbeda dengan yang lainnya. Inilah yang disebut unik dan original. You have something to offer that others don't, anda punya sesuatu untuk diberikan dimana yang lain tidak memilikinya.

2. Melakukan analisis kompetisi
Selalu perhatikan apa yang dilakukan blog kompetitor, yaitu blog yang memiliki niche, topik, atau ruang tema sejenis dengan blog anda; termasuk di antaranya adalah: strategi artikel yang mereka gunakan, artikel apa yang mereka tulis dan post, bagaimana peringkat SERP artikel-artikelnya, dan lain sebagainya. Jadikan poin-poin tersebut sebagai petunjuk. 
Yang saya maksud dengan "petunjuk" bukan berarti meniru atau bahkan copas artikel mereka. Menjadikan sebagai petunjuk berarti mencari celah apa saja yang belum diisi, mencontoh strategi penulisan agar bagus di SERP, dan melihat peluang-peluang emas yang belum diambil oleh blog-blog kompetitor. Kesalahan terbesar blog-blog yang cuma menjadi "pengikut tanpa arah" adalah mereka melihat suatu artikel bagus kemudian copas habis-habisan isinya, sedkit modifikasi, lalu menerbitkannya seketika; tidak jarang dalam waktu yang hampir bersamaan setelah artikel asli diterbitkan. Ini yang membuat search engine segera curiga, penulis artikel asli curiga, dan akhirnya tidak hanya SEO-nya saja yang jelek, tapi juga predikat blog tersebut di mata blogger lain. Apalagi saat ini algoritma spam Blogger mulai mentarget blog-blog copas secara bertahap, tanpa laporan DMCA (contoh: terselubung, jiplakers). Makin runyam.
3. Melakukan cek dan prediksi trend
Trend berkaitan dengan apa yang sedang hangat diperbincangkan, dicari, menjadi fokus perhatian, atau hal yang menjadi topik tak terpisahkan dari kehidupan (biasa saya sebut sebagai trend abadi). Pastikan anda selalu mengikuti berbagai trend yang sedang terjadi, menjadi perbincangan banyak orang, dan paling banyak disebutkan. Selalu libatkan diri anda dalam berbagai social media, forum, dan lain-lain. Membuat artikel/post yang sesuai dengan trend tidak hanya akan membawa banyak pengunjung dan pembaca, tapi juga akan menunjukkan pada search engine bahwa blog anda benar-benar dinamis dan menyediakan konten yang selalu segar dan baru kepada pembaca. 
Prediksi berkaitan dengan analisa terhadap trend apa yang akan segera terjadi dalam waktu terdekat. Kemampuan melakukan prediksi ini tentu berkaitan dengan kedekatan anda dengan berbagai media serta trend yang terjadi saat ini, sebab trend sekarang menunjukkan apa yang segera menjadi trend di waktu mendatang. Sebagai contoh, saat trend Korea (korean wave) mulai tercium baunya sejak medio 2010, saya telah menulis beberapa artikel untuk klien beberapa waktu sebelumnya. Bisa ditebak, pada saat trend ini booming, artikel-artikel tersebut sudah berada di ranking atas SE karena sebelumnya telah mendapatkan optimasi dan selangkah lebih maju dari-dari artikel-artikel sejenis setelahnya.
4. Menentukan kelayakan artikel: memperhatikan pengunjung dan SEO
Pada akhirnya, strategi ini melibatkan dua fokus: kebutuhan pengunjung dan kebutuhan SEO (dalam hal ini search engine). Keduanya bersifat sinergis, sebab apa yang biasanya bermanfaat dan menjawab kebutuhan pengunjung adalah apa yang dibutuhkan oleh search engine. Apakah artikel yang akan anda tulis memiliki kriteria untuk keduanya? Termasuk di antaranya adalah: trend dan keyword. Sah-sah saja sebenarnya menulis artikel blog apapun, termasuk "kegiatan saya sebelum mandi pagi" atau "nama-nama kucing saya", tapi apakah itu penting untuk menjawab kebutuhan pengunjung umum, dan apakah keyword tersebut bisa menjadi keyword penting di search engine? You have to think about it in the first place. Jika layak, lanjutkan. Jika tidak, terserah anda...
Note: Ingat, topik yang sedang kita bicarakan adalah Artikel SEO Friendly, bukan artikel diari atau curhat. :)
5. Analisis Keyword
Jadi anda akhirnya memutuskan untuk menulis sebuah artikel blog. Tapi, stop! Tunggu dulu. Anda harus memikirkan kata-kata penting (baca: keyword) yang harus anda gunakan. Analisis keyword melatih kemampuan anda menggunakan dan mengolah kata-kata dan rangkaian kata "yang paling dicari" oleh pengunjung di search engine. Ada berbagai macam strategi dan alat untuk melakukan analisis keyword. Anda bisa memulai dengan analisis keyword sederhana ini. Menentukan keyword secara efektif akan membuat artikel yang ditulis tidak sia-sia dan kandas di persaingan SERP dan menghindarkan artikel dari pembanjiran keyword yang merusak artikel serta melukai SEO blog yang sudah anda bangun (penalti/banned).

B. Hal-hal yang Perlu Diperhatikan saat Menulis Artikel Blog

Sebagai penulis blog, wajib hukumnya memperhatikan hal-hal teknis dan non teknis, terutama hal-hal yang berkaitan dengan SEO.
6. Merancang judul artikel blog
"Judul adalah mahkota tulisan", kata orang (siapa ya orangnya?). Benar adanya menurut saya, baik untuk pengunjung maupun search engine. Bagi SE, dalam beberapa kasus umum, judul memiliki bobot keyword tinggi, sehingga perlu diperhatikan keyword apa yang menjadi target dan harus digunakan. Pastikan keyword penting ada di dalam judul, namun hindari pengulangan atau pembanjiran keyword. Di sisi lain, anda tetap harus memperhatikan pengunjung, pastikan judul anda cukup menjelaskan isi artikel (cukup deskriptif dan jelas), dan variatif. 
Judul yang memperhatikan keyword dan kreatif memiliki nilai plus untuk search engine sekaligus pengunjung. Jika anda ingin memperkuat keyword, pastikan beberapa keyword ada di depan. Jika susunan title tag anda adalah nama blog:judul artikel (default blogger), pastikan untuk mengubah susunan title tag tersebut. Namun perhatikan kebutuhan dan daya tarik judul agar tetap menarik dan membuat penasaran pembaca. Baca Judul Artikel anda Membosankan?
7. Mengoptimalkan Permalink
Permalink Blogger (khususnya) memiliki batasan jumlah karakter, tergantung panjang kata yang anda gunakan (meski sekarang batasan karakter lebih panjang dari sebelumnya), namun ada kalanya terputus di tengah judul artikel. Pastikan permalink anda terisi keyword penting dan tidak terputus dengan mengeditnya menggunakan fitur blogger custom permalink, hindari fungsi automatic permalink. Pada WordPress, edit permalink lebih mudah lagi, anda bisa mengutak-atiknya langsung pada permalink editor di bawah kolom judul. Tidak semua kata harus masuk ke dalam permalink, jika perlu hilangkan kata-kata yang termasuk stop words seperti dan, yang, di, dan sejenisnya. Kadang saya menghindari kata-kata tidak penting lainnya dan hanya memasukkan 4 sampai 5 kata penting.
Kadang saya juga melakukan uji coba dengan menggunakan keyword yang sama sekali beda, tapi itu untuk kebutuhan uji coba (dan terkadang "menyindir: http://buka-rahasia.blogspot.com/2013/01/enyah-kau-spammer-komentar-blog.html), tapi itu bukan pokok.
8. Buka artikel dengan keyword-keyword penting
Terkadang poin ini disalahartikan sebagai mengulang judul pada paragraf pertama, sebenarnya maksudnya bukan itu. Sering saya melihat artikel yang bunyinya begini, "Halo, pada kesempatan kali ini saya ingin membahas [judul artikel]", bahkan [judul artikel] seringkali ditulis beberapa kali di paragraf pertama. Poinnya bukan itu. Kita bisa menulis paragraf perkenalan dengan lebih kaya, komunikatif, dan kreatif. Poinnya adalah penekanan dan variasi keyword, bukan pengulangan susunan keyword, misalnya, "Hai, sobat Blogger! Dulu kita kesusahan mengatur permalink artikel blog untuk kepentingan SEO, tapi sekarang, karena ditambahkannya fitur Blogger Custom permalink, mengatur isi URL halaman post lebih gampang, dan optimasi permalink jadi maksimal".
Ada kalanya saya sama sekali tidak membahas tentang topik yang dibicarakan pada paragraf pertama. Tapi sekali lagi itu untuk uji coba, basa-basi, dan sesekali tidak memperhatikan SEO. Bagi saya ini penting untuk naturalisasi keseluruhan konten blog (http://buka-rahasia.blogspot.com/2013/07/cara-membuat-facebook-comment-like-box-responsive.html) .
9. Penggunaan format heading, bold, italic, underline
Dalam konteks platform Blogger, heading memiliki 3 jenis tingkatan: heading (h2), subheading (h3), dan minor heading (h4). Heading sudah jelas merupakan judul blog (jika menggunakan h2), terkadang judul blog menggunakan h1 dan h3, semua tergantung template anda. Pastikan anda menggunakan sub judul pada artikel untuk memisah beberapa poin penting. Bagi search engine, ini merupakan penekanan penting dan ejawantah atau pemecahan judul utama (judul artikel). Jika halaman artikel anda menggunakan H2 sebagai judul, maka sub judul harus di bawahnya (h3 dan h4). Di WordPress, fitur ini bahkan hingga H6, namun H5 dan H6 dianggap kecil bobotnya, sehingga saya sarankan tidak digunakan di dalam post.
Penggunaan format bold (cetak tebal), italic (cetak miring), dan underline (garis bawah) juga memiliki fungsi penekanan, ketiganya di-markup oleh tag b, tag i, dan tag u. Pastikan menggunakan salah satu dari ketiga format tersebut untuk memberikan penekanan pada kalimat, kata, atau keyword penting. Yang perlu diperhatikan adalah jangan terlalu berlebihan.

Penggunaan bold, italic, dan underline melalui styling (CSS) tidak saya anjurkan, karena tidak dibaca Google. Gunakan langsung fitur bold, italic, dan underline di atas post editor atau gunakan fungsi control di keyboard (CTRL+B/I/U), karena menggunakan tag HTML dan bukan styling.

Kedua jenis penekanan tersebut membuat pembaca lebih mudah melakukan sorting atau perunutan konten serta memberikan fokus pada sesuatu yang ditekankan. Bagi search engine, penggunaan tag heading, bold, italic, dan underline memberikan informasi bahwa suatu kata, kalimat, atau bagian tertentu memiliki nilai penting sehingga diberi bobot lebih.

10. Meta Deskripsi
Pastikan untuk selalu mengisi meta deskripsi post di dalam fitur search description, letaknya di panel/sidebar kanan bawah. Yang perlu diperhatikan adalah meta deskripsi harus unik, jangan asal comot dari artikel. Jika sama, maka tidak ada variasi keyword yang seharusnya penting. Lihat meta deskripsi sebagai fitur tambahan yang menguntungkan, jangan malas-malasan mengisinya. Sediakan beberapa menit untuk merancang meta deskripsi unik serta memiliki rangkaian keyword penting. Simak: Menggunakan dan Mengoptimalkan Meta Deskripsi Blogger. Saya tidak menyarankan penggunaan meta deskripsi dinamis dan otomatis, sebab tampak tidak profesional, hanya pengulangan judul, spammy, berbahaya bagi SEO blog, dan tentu menunjukkan kemalasan pemilik blog.

11. Internal & external linking
Linking menuju posting lain yang bersifat referensial sangat penting. Bagi pengunjung, link-link di dalam post menunjukkan sekaligus mendorong pengunjung pada artikel lain yang menjadi referensi, baik artikel-artikel di dalam blog sendiri maupun blog/website lain. Mereka bisa mendapatkan sumber informasi lebih mendalam pada suatu topik atau tema yang berkaitan dengan topik di dalam artikel yang dibacanya.

Internal linking membuat search engine mudah menemukan (memetakan) dan memberi bobot (pass pagerank) pada artikel lain yang dirujukkan. Internal linking juga memiliki manfaat dalam menunjukkan otoritas blog anda serta mengurangi bounce rate (dengan cara menambah pageview).

External linking bagi Google juga penting, sebab Google akan melihat anda memiliki referensi kemana saja, referensi atau linkback ke situs berkualitas atau menjadi sumber akan membuat artikel anda natural, sebab anda merujukkan hasil research atau pengutipan sumber dengan jelas. Bagi pengunjung eksternal linking memberikan kesan bahwa blog/situs anda memiliki hubungan dengan situs lain, dan tidak menyendiri. Pastikan dengan benar kapan anda harus menofollow sebuah link eskternal apabila memang anda tidak yakin dengan kualitasnya. Tapi perhatikan bahwa anda harus memberikan penghargaan dofollow pada suatu link sumber dimana anda mengambil atau mengutip konten sebagai wujud atribusi kepada sumber aslinya. Jangan takut pass pagerank atau memberikan backlink, justru tidak wajar jika sebuah blog tidak memiliki link keluar sama sekali.

12. Anchor text
Anchor text adalah teks dimana sebuah link disisipkan. Saya sarankan untuk lebih membuat variasi terhadap anchor text, hindari anchor text yang selalu exact, atau sesuai dengan keyword yang ditarget, buat variasi dengan kata-kata lain yang memungkinkan. Upayakan meminimalisir atau bahkan tidak menggunakan anchor text yang terdiri dari hanya satu kata saja. Penguin telah menunjukkan kegarangannya dan kita mesti mewaspadai ini. Bahkan menurut saya, saat ini variasi dengan sebaris kalimat sebagai anchor text justru tampak wajar dan tidak mengada-ada.
Selengkapnya:
13. Penggunaan gambar dan media visual lain
Penggunaan gambar juga memberikan nilai tersendiri terhadap search engine, selain tentu untuk pengunjung. Search engine akan melihat konten anda kaya, karena juga menggunakan media gambar sebagai bagian dari konten. Gambar bisa digunakan sebagai infographic, sebuah media untuk menyampaikan ide, gagasan, analisis, tutorial, dll dalam bentuk gambar. Atau anda bisa menggunakan gambar untuk menunjukkan poin penting, misalnya menunjukkan bagian tertentu dari sebuah software. Terlebih lagi jika anda menggunakan video anda untuk menjelaskan, membahas, atau menunjukkan suatu hal penting, maka value artikel anda lebih tinggi lagi.

14. Mengoptimalkan ukuran file gambar
Loading halaman web/blog masih menjadi isu penting bagi search engine. Oleh karena itu, sebisa mungkin optimalkan media (terutama gambar) agar tidak mengganggu loading halaman artikel. Format gambar juga penting, jika anda hanya butuh gambar statis, tidak transparan, gunakan saja format ekstensi JPG, karena lebih ringan dan biasanya memiliki ukuran file lebih kecil. Kompres gambar dengan berbagai tool yang tersedia, jika terpaksa harus menggunakan PNG untuk mengejar trasparansi dan kualitas, gunakan PNG compressor ini. Gunakan GIF jika memang benar-benar dibutuhkan untuk menampilkan animasi dan lakukan optimasi (menambah kecepatan atau melakukan kompresi) jika memungkinkan.

15. Optimasi nama file gambar dan atribut ALT
Seperti dulu yang pernah saya bahas, nama file gambar (atau file apapun) yang kita upload akan memiliki direct link/url, sama seperti halaman web. Jika kita memberi nama file dengan baik dan benar sesuai konsep optimasi keyword, maka file tersebut tidak akan sia-sia ketika kita sisipkan ke dalam konten. Jadi pastikan untuk meluangkan waktu melakukan rename/memberi nama file dengan keyword penting sebelum diupload.
http://hostinggambar/ggglll/nama-file-akan-sangat-baik-diisi-keyword.jpg.
Jangan lupa pula menyisipkan alt text berisi keyword penting ke dalam tag gambar, fungsinya adalah sebagai text (dan anchor text jika diapit atribut link), sehingga teks tersebut akan terbaca juga oleh Google.
Simak selengkapnya di sini:
That's it. Silahkan tinggalkan komentar, masukan, atau apapun via komentar. Have a nice blogging!

Selasa, 17 Desember 2013

5 Situs Terbaik untuk Belajar HTML & CSS Bagi Blogger Pemula





Berikut urutan situs terbaik yang perlu anda kunjungi.
HTML intinya adalah elemen/struktur web, dan CSS adalah "penghias" serta penyusun layout hingga sebuah halaman web memiliki interface yang unik dan indah. Jika anda adalah blogger pemula, baik dalam konteks baru saja membangun blog, atau bagi anda yang mulai risih dengan berbagai kode-kode yang belum dimengerti padahal harus berurusan dengan utak-atik template, inilah saatnya anda mulai menyadari bahwa coding merupakan syarat penting yang harus anda kuasai agar mampu mengutak-atik desain blog sesuai yang diinginkan; sekurang-kurangnya anda wajib memahami apa itu dasar HTML dan CSS dan bagaimana keduanya bekerja dalam membentuk tampilan sebuah halaman web. 
Meski pada awalnya anda harus berjuang mati-matian untuk bisa memahami HTML dan CSS serta merasa asing ketika harus bersentuhan dengan keduanya, semakin anda mempelajari dan mempraktekkan semakin mudah anda membaca, memahami, dan menerapkannya dasar-dasar HTML dan CSS dengan baik. Semua hanyalah masalah "alah bisa karena biasa." Semakin anda terbiasa, semakin mudah dan cepat proses pembelajarannya. Bisa dikatakan, memahami HTML dan CSS adalah syarat paling dasar yang harus dipenuhi oleh seorang Blogger, jika ia ingin proses ngeblognya berkembang dan sukses. Mengesampingkan hal-hal mendasar demikian dan bahkan menyerah berarti sudah pasti si blogger tidak akan berkembang.
Ada berbagai macam tutorial coding, dari paling dasar hingga advanced, dari sekedar HTML dan CSS sederhana hingga XML, PHP, ASP, dan bahkan hingga bagaimana merancang API. Semua tersedia gratis dan bertebaran di muka bumi, eh maksudnya di web. Jadi, tidak ada alasan untuk bilang susah karena tidak ada sarana belajar. Satu-satunya alasan kenapa kata "susah" muncul adalah karena kemalasan, tidak ada yang lainnya. 
Berikut adalah beberapa website pilihan saya, yang juga biasa saya gunakan sebagai sumber belajar sekaligus test kode. Tutorialnya tersusun dengan baik, dari dasar hingga advanced, bahkan sebagian besar memiliki interface interaktif dimana anda bisa langsung melakukan latihan dan ujicoba kode tanpa harus menggunakan software belajar apapun. Fokus kita kali ini adalah HTML dan CSS untuk pemula, namun tidak menutup kemungkinan terdapat tutorial lain, misalnya HTML5, Javascript, PHP, ASP, ASPX, PERL, dan sebagainya, bagi anda yang sudah begitu akrab dengan HTML dan CSS dan ingin mengembangkan yang lainnya. Semua tertulis dalam bahasa Inggris, namun menurut saya cukup mudah untuk diikuti dan dipahami.

1. W3 SCHOOLS (w3schools.com)

Siapa yang belum pernah dengar tentang situs ini? Bisa dibilang sebagai situs terbesar dengan informasi, penjelasan, dan tutorial paling detil mengenai berbagai hal yang berkaitan dengan desain dan pengembangan web. Dalam hal HTML dan CSS, tentu saja ini adalah salah satu resource yang bisa diandalkan. Belum lagi berbagai interface interaktif-nya (Try it Yourself Editor) yang bisa kita gunakan untuk latihan dari tingkat paling dasar hingga advanced. Terdapat pula berbagai informasi dan tutorial javascript, HTML 5, bahasa pemrograman yang berkaitan dengan server (PHP, SQL, ASP, dll), ASP.NET, XML, dll.

2. Code Academy (www.codeacademy.com)

Ini adalah situs yang paling sering saya kunjungi, terutama dalam belajar dan bertukar pikiran soal pengembangan web (khususnya PHP, API, dan Ruby). Yang paling saya sukai adalah fitur interaktifnya dimana anda bisa langsung mempelajari sekaligus mempraktekkan berbagai level pembelajar HTML dan CSS dengan tahap yang jelas, terstruktur, dan dengan tutorial yang mudah diikuti. Jika anda ingin langsung melihat bagaimana pembelajaran basic-nya, langsung tuju navigasi di footer, dan klik HTML/CSS. Anda juga bisa mengawali pembelajaran dengan mengagumi bagaimana kode-kode bekerja dengan mengisi kolom interaktif di halaman depan. Bagi web developer dan pengagum coding, ini surga buat anda!

3. HTML.net

Jika anda lebih menyukai "penuturan" untuk memahami dan mencerna materi HTML dan CSS, sekaligus ingin memahami esensi halaman website serta berbagai elemen dan tag-nya, maka situs ini bisa menjadi sumber yang tepat. Plus, anda bisa menggunakan Google Translate dengan mudah jika anda kesulitan dalam memahami bahasa Inggris (hehe). Semua konten memiliki struktur dan sistematika yang jelas, dari A sampai Z, jadi cukup membantu proses pemahaman secara bertahap. Terdapat pula berbagai tutorial lain seperti HTML5, PHP, ASP, dan Javascript.

4. HTML Dog (www.htmldog.com)

Masih sama dengan model website di atas, situs ini juga menyediakan berbagai tutorial HTML dan CSS. Yang agak berbeda adalah konten dibagi berdasarkan jenis elemen/tag (heading, title, list, link, tabel, form, dan lain sebagainya), sehingga anda bisa masuk ke bagian tertentu secara langsung. Terdapat pula tutorial javascript dasar dimana anda juga bisa berkenalan dengan bahasa javascript.

5. CSS Easy (www.csseasy.com)

Mungkin bagi anda yang pertama kali masuk website ini akan kebingungan dan menganggap remeh. Ya, situs ini hanya berbicara bagaimana CSS digunakan untuk menyusun layout dasar. Tapi jangan salah, dengan memahami bagaimana layout dasar sebuah halaman web, maka anda sudah masuk ke gerbang awal desain template blog/web, dan memahami bagaimana CSS digunakan sebagai penyusun layout. Terdapat dua jenis layout yang variatif untuk dipelajari, yang pertama berupa fixed layout dan yang kedua berupa fluid layout (yang kemudian bisa digunakan untuk menyusun dasar template responsive juga). Cara yang digunakan untuk mempelajari cukup unik, klik salah satu contoh layout, lalu klik kanan dan pilih "open page source" atau "view source" untuk melihat kode-kode CSS di dalamnya. Simpan halaman tersebut untuk bisa diutak-atik sesuai keinginan.

Cara Membuat Tab View Di Blog

Karena sering ditanya tentang bagaimana caranya membuat Tab VIew (Biasanya nanyanya gini: "Mas cara membuat menu yg kayak punya mas gmn? yg ada "Tips & Trik", "Lain-lain", "Terbaru", "Komentar" itu lho). Ya kan? hayo ngaku... Tabview itu sangat berguna sekali, karena dengan ukuran kotak yang relatif kecil tapi bisa memuat isi yang buanyak. Sebenarnya dah dari dulu pingin posting tentang itu, tp karena yg dulu cara pasanganya sulit jadi belum bisa aku jelaskan. Trus akhirnya aku menemukan metode baru dalam pembuatannya. Cara yang ini mungkin mirip dengan punyanya o-om, tp scriptnya agak beda. Dan aku dapet script ini juga bukan dari o-om lho :D
Tab view itu contohnya seperti ini :




Beginilah cara untuk membuat menu tab view tersebut

1. Login ke blogger trus pilih menu "Layout --> Edit HTML"
2. Kemudian cari kode ini ]]></b:skin>
3. Kemudian masukkan kode berikut ini sebelum kode ]]></b:skin> atau kedalam tag CSS.
div.TabView div.Tabs
{
height: 24px;
overflow: hidden;
}
div.TabView div.Tabs a
{
float: left;
display: block;
width: 90px; /* Lebar Menu Utama Atas */ text-align: center;
height: 24px; /* Tinggi Menu Utama Atas */
padding-top: 3px;
vertical-align: middle;
border: 1px solid #000; /* Warna border Menu Atas */
border-bottom-width: 0;
text-decoration: none;
font-family: "Times New Roman", Serif; /* Font Menu Utama Atas */
font-weight: 900;
color: #000; /* Warna Font Menu Utama Atas */
}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #FF9900; /* Warna background Menu Utama Atas */
}
div.TabView div.Pages
{
clear: both;
border: 1px solid #6E6E6E; /* Warna border Kotak Utama */
overflow: hidden;
background-color: #FF9900; /* Warna background Kotak Utama */
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 0px;
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}


4. Perhatikan text-text yang berwarna merah, itu adalah keterangan untuk pengaturan Tab View. Ada ukuran warna dll. Untuk mengetahui kode2 warna silahkan lihat DISINI
5. Langkah selanjutnya yaitu pasang kode berikut ini sebelum kode </head>

<script src='http://kendhin.googlepages.com/tabview.js' type='text/javascript'/>


6. Kemudian "Di save"
7. Lalu pergi ke menu "Page Elements"
8. Trus PIlih "Add a Gadget" --> "HTML/Javascript" di tempat yg akan km letakkan Manu Tab View ini.
9. Inilah script yg harus kamu pasang :

<form action="tabview.html" method="get">
<div class="TabView" id="TabView">
<div class="Tabs" style="width: 350px;">
<a>Tab 1</a>
<a>Tab 2</a>
<a>Tab 3</a>

</div>
<div class="Pages" style="width: 350px; height: 250px;">

<div class="Page">
<div class="Pad">
Tab 1.1 <br />
Tab 1.2 <br />
Tab 1.3 <br />

</div>
</div>

<div class="Page">
<div class="Pad">
Tab 2.1 <br />
Tab 2.2 <br />
Tab 2.3 <br />

</div>
</div>

<div class="Page">
<div class="Pad">
Tab 3.1 <br />
Tab 3.2 <br />
Tab 3.3 <br />

</div>
</div>

</div>
</div>
</form>

<script type="text/javascript">
tabview_initialize('TabView');
</script>


Keterangan :
- Angka2 atau text yang berwarna biru (350px) adalah ukuran tinggi dan lebar tabview.
- Kode yang berwarna Hijau Adalah text yang di Menu utama (Menu Atas).
- Kode yang berwarna merah adalah isi dari tabvie tsb. Kamu bisa mengisinya dengan link, gambar, banner, script dll.
- Untuk menmbahkan jumlah menu maka perhatikanlah text yang berkedip2. tambahkan menu tersebut dibawahnya.

Ucweb Autotext




Hai sobat mwb....

Berhubung perut udah kenyang, kopi udah abis 2 gelas, rokok hbs 1 bungkus dan mata udh 5 watt... Jadi lebih baik langsung aja ya ke topik postingan mrgreen



Hari ini saya ingin berbagi aplikasi yg sangat mantap,, tanya donk kenapa? mrgreen sesuai judul'y,aplikasi yang saya maksud adalah UCweb handler dan ophand with BB autotext.



Udah pd tau kan tentang BB autotext? Klo blm tau c kebangetan deeh... Mungkin buat user v2 bs memakai multi'clipboard dan v3 dengan best-menu-s60v3.sis untuk mengeluarkan autotext ala BB.



Tapi jk msh menggunakan cara diatas berarti sobat harus membuka atau menjalankan 2 aplikasi secara bersamaan, betul? Tapi bersyukurlah krn sekarang ada opmin dan ucweb yg telah di inject autotext oleh mastah junior-hXm sehingga kita gak lg repot membuka 2 aplikasi, jika ingin mengeluarkan autotext/symbol2 pada saat brselancar di dumay.





Gambar diatas adalah penampakan dr ucweb dan utk opmin'y gak sempet saya ambil skrinsut'y krn mata udh gak bs kompromi lg.



Yang belum punya atau pengen nambah koleksi silahkan dibawa kabur aja shob... n' jgn lp sebelum menjalankan ucweb/opmin ini, pastikan hp sobat udh memakai font .ttf


ucweb-handler-autotext.zip

opmin7-autotext-original.zip

opmin5.1autotext.zip

opmin4.4autotext.zip


Jika ada yg pgn nambah koleksi autotext, disini saya juga menyediakan beberapa koleksi autotext dr mastah iHint.


autotext-by-ihint.zip


Dikarenakan saya menggunakan sc telkomsel, opmin7 original diatas saya edit server'y agar bs gratis bwt pengguna telkampret dan saya tambahkan UA Blackberry biar afdol.


om7autotext-ua-BB-gret-telkomsel.zip


Utk cara menggunakan autotext gampang koq, lagian udh ada menu "help" di saat akan mengeluarkan autotext.. Jadi gak usah takut sebelum berperang mrgreen

STATUS BLANK

Jaili temanmu di facebook dg status blank ini di jamin pasti mengakui kehebatanmu di facebook,hehehe...
Silahkan di copy..monggo!!


Cara Memberi Label Pada Artikel Blogger

Usai membuat blog serta menulis artikel di blogger, selanjutnya adalah memberi label pada artikel blog yang akan kita publish. Hal ini dilakukan untuk merapikan serta mengkategorikan artikel. Sama halnya jika Anda pergi ke gramedia untuk membaca ataupun membeli buku. Disana Anda akan melihat pemisahan rak buku berdasarkan ketegori buku tersebut, misalnya saja rak buku yang membahas bisnis, disana Anda akan menjumpai sekumpulan buku yang membahas bisnis. Dengan demikian pengunjung akan lebih mudah menjumpai buku yang ingin dicarinya.

Sama seperti blogger, kita dapat memberi label berdasarkan kategori artikel yang dibahas. Misal pada blog super blog pedia ini yang sedang membahas tutorial blogger. Maka saya memberi label pada artikel yang membahas tutorial blogger pada kategori panduan blogger.

Untuk memberi label pada artikel yang akan kita publis tidak sulit, Anda cukup melihat sembari mempraktekkannya apa yang akan dijelaskan pada tutorial blog berikut ini.


Memberi Label Artikel Blog


Langkah pertama yang Anda lakukan adalah sebagai berikut:

1. Login ke ID atau akun blogger Anda

2. Mulailah menulis artikel dengan mengklik icon yang berlambangkan pena, jika Anda masih bingung untuk menulis artikel di blogger silahkan baca tutorialnya "menulis artikel di blogger"

4. Jika Anda sudah selesai membuat artikel/menulis artikel, jangan di publikasikan dulu, lihat menu sebelah kanan pada halaman membuat artikel tersebut, lalu klik "label".

label blog

5. Nah, pada menu tersebut silahkan tulis kategori artikel yang ingin Anda publis lalu klik "selesai" yang berada dibawahnya.

6. Jika semuanya sudah selesai, maka publis artikel yang telah dibuat tersebut.

Tutorial cara membuat label pada blog ini cukup sederhana, untuk itu saya akhiri sampai disini.

Senin, 16 Desember 2013

Cara Menampilkan Label Pada Blogger

Tentang cara menampilkan LABEL.
Label adalah salah satu fasilitas yang ada blogspot, berfungsi untuk mengelompokkan jenis-jenis postingan pada blogspot.

Tujuan dari label adalah supaya artikel yang kita buat dapat terstruktur pada kelompoknya dan juga akan memudahkan dalam pencarian artikel sesuai kelompok masing-masing.

Di dalam blogspot, kita di ijinkan untuk mengelompokkan suatu artikel lebih dari satu label. Misalnya saja, ketika saya buat artikel dengan judul "cara tampilkan label pada blogspot". Postingan itu akan saya masukkan kedalam dua label yaitu pada label blogspot dan smk-tkj. Carannya yaitu  tinggal kita tuliskan pada pojok kanan bawah, di field label dengan dipisahkan dengan tanda koma.
Seperti yang terlihat pada gambar di bawah ini :



Setelah dalam postingan artikel ditandai dengan label, langkah selanjutnya adalah menampilkan label kedalam blogspot. Caranya begini :

1. Masuk ke opsi RANCANGAN

2. Pilih tab LEMEN HALAMAN
 
3. Pilih opsi TAMBAH GADGET

4. Setelah menekan TAMBAH GADGET maka akan muncul jedela firefox atau IE. Cari pilihan LABEL, setelah klik tanda plus (+) untuk menambah label.


5. Setelah di klik tanda plus (+), muncul opsi seperi ini

Isilakan judul label yang anda inginkan, dan banyak opsi yang bisa anda pilih sesuai dengan keinginan anda. Untuk pemula saya sarankan untuk menggunakan default saja. Setelah selesai jangan lupa di simpan.

6. Jika sudah semua, jangan lupa di tab ELEMEN di simpan juga.

7. Buka blog nya, trus di refresh. Pasti akan muncul Label.

Tidak hanya label, dengan mengkostumise pada tab ELEMENT anda bisa menambahi item-item lain sesuai dengan kebutuhan yang di butuhkan.

ILMU UNTUK DI PELAJARI, DI BAGI DAN DI AMALKAN

Jika ada pertanyaan silahkan tulis pada kolom komentar yang telah di sediakan.....
Happy blogging......
Semoga bisa membantu. Trus semangat belajar.....

Full Opmod Terbaru

Oupeng67SkinSexy240x320.jar
Opmin70BlackSpiderman.jar
Opmin70BlackSpiderman.zip
Oupeng67Monster-Energy240x320.jar
Oupeng67Monster-Energy240x320.zip
Opmin7-IncredibleHulk240x320.jar
Opmin7-IncredibleHulk240x320.zip
Opmin7-skin-ValentinoRossi240x320.jar
Opmin7-skin-ValentinoRossi240x320.zip
Opmin7.1.Next-Skin-VR-46-320x240.jar
Opmin7.1.Next-Skin-VR-46-320x240.zip
Opmin7.0-yamaha-R1.240x320.jar
Opmin7.0-yamaha-R1.240x320.zip
Dragonz-Hack-7.0.jar
Dragonz-Hack-7.0.zip
Oupeng67-free-all-opr.jar
Oupeng67-free-all-opr.zip
Opmod4.21b26hui209c.jar
Opmod4.21b26hui209c.zip
Opmin7.1next skin android-320x240.jar
Opmin7.1next skin android-320x240.jar.zip
Opmin65Firefox-320x240.jar
Opmin6.5Firefox-320x240.jar.zip
Oupeng67dark240x320.jar
Oupeng67dark240x320.zip
Opmin7.1Hui208.jar
Opmin7.1Hui208.zip
Opmin7.1Firefox.jar
Opmin7.1Firefox.zip
Opmin7.1Yandex.jar
Opmin65Dark320x240.zip
Opmin7.0Dragon-Hui207.jar
Opmin7.0Dragon-Hui207.zip
Opmod4.21b19Hui204.jar
Opmod4.21b19Hui204.zip
Opmod4.21b20GunsHui.jar
Opmod4.21b20GunsHui.zip
Opmin44a6Monster.jar
Opmin44a6Monster.zip
Opmin6.5ua-Blackberry.jar
Opmin6.5ua-Blackberry.zip
Oupeng Browser6.7HUI.jar
Oupeng Browser6.7HUI.zip
Opmod4.21b15special.tere.jar
OpMini42FreeAllOperator.jar
Opmin42FireFoxWorld132.jar
OpMin4.2labs.speedturbo.jar
Opmin42FireFoxHui132.jar
OpMin.4.3.handlerui200b4.jar
OpMin4.4.firefox.handler.jar
Opmin409quain200bhui.jar
Opmin42labshandler150.jar
Opmin42labsFBskin150.jar
Opmin.6.5.New_HUI202.jar
OpMin.6.1.handlerui150.jar
OpMin.6.0.hui200b4fix1.jar
Opmin.6.0.handler200b4.jar
Opmin5b2.betahandlerUI.jar
OpMin5.1.Vodafone.hui150.jar
OPMIN5.1LowmemoryHui.202.zip
Opmin5.0handlerui145.jar
OpMin5.1FinalHandler150.jar
Opmin5.1.huiturbo143.jar
Opmin5.2RemodHandler.jar
Ompin42walkman240x320.jar
Opmin42walkman176x220.jar
Opmin42.skin.Adidas132.jar
Opmin42skinSonyEric132.jar
Opmin42skinNewVista132.jar
Opmin42.skinCarbon.132.jar
Opmin42.skinRetro.132.jar
Opmin4.2.skinAlien.132.jar
OpMin42.GoogleCrome.jar
Opmin42.skinKaligrafi132.jar
Opmin42.Pooh-friend132.jar
Opmin42labsScreenShoot.jar
Opmin42.LabsPinger150.jar

Opera Modif

N
Opmod4.21-UA-android.jar
Opmod4.21-UA-android.zip
OpMod4.21AnimatedGuns.jar
OpMod4.21AnimatedGuns.zip
OpMod.4.21b13Hui202.jar
OpMod.4.21b2.Hui150.jar
OpMod.4.2RC4.Hui142.jar
OpMod.4.2RC3.Hui123.jar
X-OpMod.5.1.antijoystik.jar
OpMod4.20.handler142.jar
OpMod.4.2handlerUI142.jar
OpMod.42T4.handler150.jar
OpMod42T3.Handler150.Jar
OpMod42T5hui200b3150.jar
OpMod42T6R2hui.bfix1.jar
OpMod42T7huib200fix1.jar
OpMod42T8hui200b4.jar
OpMod42T9Huib200fix4.jar
OpMod42T16.Hui200BB.jar
Opera Next70hui.apk