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!!!
Cerita Dewasa|Trik Facebook Terbaru|Ilmu Komputer|Ilmu Blogger|Marketing Revolution|Budidaya |Hiburan|Resep Masakan Kuliner
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
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)
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:
.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:
- Pastikan ukuran yang digunakan pada masing-masing media query benar-benar fix.
- 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.
- 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.
- Jangan lupa mengatur ukuran unit iklan default apabila sewaktu-waktu media query tidak bisa dieksekusi.
- 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. :)
- 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.
Rabu, 18 Desember 2013
CARA BUDIDAYA POHON JABON |PELUANG MENANAM EMAS
*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.
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.
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) .
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
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 :
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;
}
{
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
Hari ini saya ingin berbagi aplikasi yg sangat mantap,, tanya donk kenapa? 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
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.
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".
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.
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".
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
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
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 |
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
Langganan:
Postingan (Atom)