Sesuai judul, kali ini kita belajar membuat widget popular post di blogspot. nanti widget ini bisa kita tampilkan di sidebar blog sobat masing-masing. fungsinya adalah untuk menampilkan postingan paling populer menurut jumlah comment terbanyak.

lho bukanya semua udah tahu cara buat widget popular post. emang iya sih, tapi kali ini kita mau belajar buat popular post versi terbaru karena yang lama saya rasa terkadang tidak dapat berfungsi dengan baik. ya udah langsung aja yuk kita simak cara bikinnya. gampang kok.


Pertama. masuk dulu dong ke account blogger sobat masing-masing.

kedua. cari menu rancangan - elemen laman

ketiga. silahkan sobat mau ditempatkan sidebar mana, terserah sobat. klik menu tambah gadget-html/javascript.

keempat. silahkan copy script dibawah lalu paste-kan di gadget html tersebut.

            <script language='javascript'>

            aBold = false;

            numposts=200;

            maxshowresult=7;

            home_page = "http://Blogsobat.blogspot.com/";

            </script>

            <script type='text/javascript'>

            //<![CDATA[

            var postTitlear=new Array();var postUrlar=new Array();var postCommentar=new Array();var totalpost;document.write("<ul>");function showrecentposts(j){var a=j.feed.entry.length;totalpost=a;for(var f=0;f<a;f++){var h=j.feed.entry[f];var c=h.title.$t;var b;var g;if(f==j.feed.entry.length){break}for(var d=0;d<h.link.length;d++){if(h.link[d].rel=="alternate"){g=h.link[d].href;break}}for(var d=0;d<h.link.length;d++){if(h.link[d].rel=="replies"&&h.link[d].type=="text/html"){b=h.link[d].title.split(" ")[0];break}}c=(aBold)?"<b>"+c+"</b>":c;postTitlear.push(c);postUrlar.push(g);postCommentar.push(b)}sortPosts();for(var f=0;f<maxshowresult;f++){var e='<li><a href="'+postUrlar[f]+'" class="recent-link">'+postTitlear[f]+" ("+postCommentar[f]+" comments)</a>";document.write(e)}}function sortPosts(){function c(d,f){var e=postTitlear[d];postTitlear[d]=postTitlear[f];postTitlear[f]=e;var e=postUrlar[d];postUrlar[d]=postUrlar[f];postUrlar[f]=e;var e=postCommentar[d];postCommentar[d]=postCommentar[f];postCommentar[f]=e}for(var b=0;b<postTitlear.length-1;b++){for(var a=b+1;a<postTitlear.length;a++){if(parseInt(postCommentar[b])<parseInt(postCommentar[a])){c(b,a)}}}}document.write('<script src="'+home_page+"feeds/posts/default?max-results="+numposts+'&orderby=published&alt=json-in-script&callback=showrecentposts"><\/script>');

            //]]>

            </script>



Keterangan untuk yang cetak merah
(abold= false;)        = bisa dirubah menjadi true jika ingin tulisanya menjadi cetak tebal.
(numposts=200;)    = hasil dari penelusuran 200 postingan
(maxshowresult=7;)= jumlah popular post yang ingin ditampilkan
home_page            = rubah dengan URL blog sobat


kelima. klik simpan, Selesai
silahkan lihat hasilnya.

Setelah sebelumnya saya uraikan mengenai bagaimana cara membuat random post.
kali ini tidak kalah pentingnya adalah bagaimana cara menampilkan daftar postingan kita yang paling akhir.

Berikut langkah dan script untuk menampilkan postingan paling akhir


Layout ---> Page element --> add gadget  --> Pilih HTML / java Script

Masukkan script berikut :

<script>var numposts = 10; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script>
<script src="http://BLOG ANDA.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp">
</script>

Note : 

- BLOG ANDA = Isikan nama blog anda.

- Angka 10 merupakan berapa jumlah postingan terakhir yang akan di tampilkan

Selamat Mencoba ..

ISI/ELEMEN KOTAK
ISI/ELEMEN KOTAK
ISI/ELEMEN KOTAK
ISI/ELEMEN KOTAK
ISI/ELEMEN KOTAK
ISI/ELEMEN KOTAK
ISI/ELEMEN KOTAK
ISI/ELEMEN KOTAK
ISI/ELEMEN KOTAK
ISI/ELEMEN KOTAK
ISI/ELEMEN KOTAK
ISI/ELEMEN KOTAK
ISI/ELEMEN KOTAK
ISI/ELEMEN KOTAK
ISI/ELEMEN KOTAK

Buku tamu adalah salah satu sarana interaksi antara pemilik blog dengan para pengunjung blog. Dengan adanya buku tamu di blog Anda maka pengunjung dapat mengungkapkan isi hatinya tentang blog Anda baik berupa pujian, saran atau kritik, pertanyaan, maupun sekadar iseng saja.

Ada banyak situs yang menyediakan buku tamu ini secara gratisan. Di sini saya akan membahas cara pemasangan buku tamu dari Cbox.

Berikut ini langkah-langkahnya:

1. Silakan kunjungi situs http://www.cbox.ws
2. Klik menu sign up pada bagian atas.
3. Silakan isi form yang tersedia.
4. Beri tanda centang pada kotak kecil di bawahnya.
5. Setelah itu klik tombol Create my Cbox!.
6. Kemudian login.
7. Setelah login, klik menu Publish!.
8. Copy kode HTML yang muncul.
9. Masuk ke akun Blogger Anda.
10. Pilih menu Rancangan.
11. Selanjutnya klik Elemen Laman.
12. Klik Tambah Gadget pada sidebar.
13. Pilih HTML/JavaScript.
14. Beri judul di kolom Judul.
15. Paste kode HTML yang tadi dicopy ke Konten.
16. Klik Simpan.
17. Selesai.

Scroll Box merupakan sebuah elemen berbentuk kotak yang mempunyai penggulung baik di sisi sebelah kanan maupun di sebelah bawah. Scroll Box ini digunakan untuk menghemat ruangan atau tempat dalam sebuah blog. Selain itu, kotak ini juga dapat mempercantik tampilan blog sehingga terlihat rapi di mata pengunjung. Kotak ini dapat diisi dengan link-link, gambar-gambar, tulisan-tulisan dan lain sebagainya.

Adapun cara membuat scroll box ini adalah dengan menggunakan script di bawah ini.

<div style="overflow:auto; width:100%px; height:200px; padding:10px; border:1px solid #999999;">

ISI/ELEMEN KOTAK

</div>

Keterangan:
Ganti tulisan ISI/ELEMEN KOTAK dengan script yang Anda inginkan.
overflow:auto; menunjukkan agar terbentuk penggulung jika isi kotak telah melebihi batas tinggi atau lebar kotak yang telah ditentukan.
width:100%px; menunjukkan lebar dari kotak yang diinginkan. Ganti sesuai dengan kebutuhan Anda, misalnya 200px atau 300px. Agar lebih mudah menyesuaikan dengan lebar sidebar tentukan saja nilainya dengan 100%px.
height:200px; menunjukkan tinggi kotak, dapat diubah sesuai keinginan Anda.
padding:10px; menunjukkan jarak agar tulisan yang ada dalam kotak tidak menabrak dinding atau garis tepi kotak.
border:1px solid #999999; menunjukkan agar terlihat ada kotaknya. border:1px menunjukkan ketebalan garis tepi kotak. #999999 adalah kode warna untuk warna garis tepi kotak.

Selain menampilkan postingan terbaru (recent post) kita juga dapat menampilkan posting secara acak (random post). Jika postingan terbaru hanya menampilkan postingan yang baru di posting, maka postingan acak bisa menampilkan postingan lama maupun postingan baru secara acak, setiap halaman dibuka maka isi postingan acak (random post) selalu berbeda sehingga memperbesar peluang pageview blog.

Berikut ini adalah script untuk menampilkan postingan secara acak di blogspot


<script type="text/javascript">


var acakarray = new Array();var l=0;var flag;


var numofpost=5;function randomposts(json){


var total = parseInt(json.feed.openSearch$totalResults.$t,10);


for(i=0;i < numofpost;){flag=0;acakarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in acakarray){if(l==acakarray[j]){ flag=1;}}


if(flag==0&&l!=0){acakarray[i++]=l;}}document.write('<ul>');


for(n in acakarray){ var p=acakarray[n];var entry=json.feed.entry[p-1];


for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>";


document.write(item);}}


}document.write('</ul>');}


</script>


<script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script>



Catatan:
Angka 5 pada numofpost=5 adalah jumlah postingan yang akan ditampilkan secara acak ,bisa diganti dengan kebutuhan anda.

Prosedur yang harus anda lakukan:
1. Login ke blogger
Pilih Tata Letak , Elemen Halaman , Tambah Gadget ,pilih HTML/Javascript
Masukkan kode javascript di atas ke dalam gadget HTML /Javascript

Related Posts adalah Artikel yang Bersangkutan dimana kalo misalnya kita menampilkan suatu artikel maka akan tampil juga artikel lain dengan label yang bersangkutan. Pasti dah ngerti kan sekarang...... Ok....sekarang bagaimana cara buat Related Posts. Silahkan ikuti tutorialnya.

1. Login di Blogger
2. di menu Dashboard klik Layout --> edit HTML.
3. Kasih tanda checklist pada kolom Expand Template Widget.
4. Cari kode HTML berikut :
   <data:post.body/>
5. Kemudian buka link berikut Related Posts code dan copy semuanya
6. Simpan kode yang barusan di copy seperti ini :
   <data:post.body/> (Simpan kodenya disini)
7. Save Templates dan selesai

Salah satu cara bagaimana search engine mengindeks blog kita (blogspot) adalah dengan melihat title tag / judul halaman. setiap halaman posting yang kita tulis itu akan terindeks sesuai dengan judul postingan tersebut. Cuma. kalau anda perhatikan, Jika anda mempunyai judul blog yang panjang, maka setiap judul artikel yang terindeks search engine tidak akan tampil semuanya. Nah

Berikut bagaimana cara memperbaiki Judul Halaman Blog agar SEO Friendly.

1. Perpendek judul blog dengan mengoptimalkan kata kunci utama blog anda.
2. Saatnya edit HTML. Silahkan login di blogger kemudian menuju ke menu layout lalu edit HTML
3. Selanjutnya, cari kode HTML berikut (di bagian atas) <title><data:blog.pageTitle/></title>
4. Hapus kode tersebut dan ganti dengan kode dibawah ini :
   <b:if cond='data:blog.pageType == &quot;index&quot;'> <title><data:blog.title/></title> <b:else/> <title><data:blog.pageName/> - <data:blog.title/></title> </b:if>
5. Save Template dan selesai

Perubahan kode HTML tersebut akan membuat judul halaman blog anda berada di depan judul blog anda. Sehingga setiap judul blog anda, akan beralih peranan menjadi kata kunci untuk blog anda. Selamat Mencoba

Apakah anda tahu bahwa memasang meta tag itu adalah suatu hal penting untuk mendatangkan lebih traffic dari search engine seperti google, yahoo, atau msn.

Pengertian Meta Tag
Meta tag adalah sebuah tag yang menjelaskan deskripsi blog / situs anda. Sekaligus memberikan informasi kepada mesin pencari, mengenai isi dari blog / situs anda. Perlu diketahui saja, memasang meta tag di blog / situs anda merupakan hal paling penting dalam SEO. Dengan meta tag di blog / situs anda, akan mempermudah mesin pencari untuk meng-indeks blog / situs anda. Tentunya, anda harus mendaftarkan dulu blog / situs anda di mesin pencari. Jika belum langsung aja ke Cara Daftar Search Engine. Mau pasang meta tag sekarang juga...? gampang kok. Silahkan ikuti tutorialnya.

1. Login di blogger. Pada menu dashboard pilih layout.


2. Klik pada menu edit HTML.


3. Selanjutnya, cari kode berikut :

<b:include data='blog' name='all-head-content'/>

4. Copy Paste kode di bawah ini dan simpan tepat di bawah kode diatas.

<meta content='Deskripsi Blog ' name='description'/>
<meta content='Kata Kunci Blog' name='keywords'/>
<meta content='Nama Anda' name='author'/>

Catatan: Ganti Text yang berwarna merah, sesuai intruksi berikut :
Deskripsi Blog --> Penjelasan Tentang isi dari Blog Anda
Kata Kunci Blog --> Kata Kunci tentang Blog anda
Nama Anda --> ya....nama dikau lah, masa nama saya.....hehehe

Kalo masih bingung, berikut contoh meta tag untuk blog saya :

<meta content='Tempatnya Belajar Blog dan Bisnis Online ada template gratis serta ebook juga lho' name='description'/>
<meta content='kursus blog, Belajar blog, blogger hack, tutorial blogger, kursus, blog, bisnis, bisnis online, tutorial blog, seo, affiliate,free template, free blogger templates' name='keywords'/>
<meta content='klik right' name='author'/>

Mudah kan...? Langsung praktekin aja.........

Terlepas dari suka dan tidak suka yang jelas sosok satu ini memberi banyak inspiransi para internet marketer dia adalah Anne ahira.

Unik. Begitulah respon yang sering muncul ketika membincang kiprah Ahira di dunia internet marketing. Tidak sedikit yang terkaget-kaget ketika mengetahui kehadirannya. Memang bagi sebagian orang, Ahira adalah sosok yang virtual. Namun yang pasti, ia memang benar-benar ada. Sebagian yang lain mendecak kagum atas kesuksesan Ahira. Wajar saja, dari bisnis yang digelutinya Ahira mampu meraup untung ratusan juta rupiah per bulan dari Internet. Bagi masyarakat yang asing dengan dunia internet, kisah Anne Ahira biasanya menimbulkan keheranan. Hal ini terutama setelah mendengar bahwa ‘jualan di internet‘ ternyata bisa menghasilkan income yang luar biasa.

Siapa pun yang mendengar kisah sukses Anne Ahira, sudah pasti akan terinspirasi. Bagaimana tidak, Mojang Bandung yang sering mengaku sebagai ‘Orang Kampung’ ini namanya tiba-tiba melejit karena kepiawaiannya di dunia internet marketing. Ia sering diwawancarai oleh Media luar negri di antaranya Amerika Serikat, Inggris, Australia, Swedia, Canada, dan Singapura. Tidak jarang pula kehebatannya ini dibahas dalam berbagai artikel di sejumlah situs web di luar negeri.
Kata ”the one and only” memang tepat baginya. Ia adalah satu-satunya marketer internet asal Indonesia yang dipercaya berbagai merchant ternama dunia. Ahira adalah online marketer yang bereputasi international pertama dari Indonesia. Bahkan dia adalah satu-satunya wanita asal Asia Pasifik yang pernah terpilih untuk diwawancarai sebagai delapan internet marketer terbaik versi Advance Vision Marketing America. Wawancara ini (dimana di dalamnya Ahira membahas mengenai “internet marketing prophecies”) laku dijual seharga 97 dollar AS per copi. Di dunia Internet Marketing, nama ‘Anne Ahira’ sudah mempunyai daya jual yang tinggi. Reputasinya ini terbentuk karena kepiawaiannya membuat strategi online marketing. Melalui artikel–artikelnya Ahira bisa menjangkau para marketer profesional di lebih dari 120 negara.

Sebuah Mimpi

Ketika kecil Anne, dia merasakan pahitnya hidup dalam kemiskinan, dimana di harus menjual pisang goreng ketika bersekolah, dan bila ada sisa akan dia jajakan di sawah kepada para petani. Anne ketika menjajakan pisang sering berbaring di jerami dan menerawang ke langit seolah – olah berdiskusi dengan Tuhan. Saat itu Anne melihat elang yang terbang tinggi, dan kemudian membayangkan dirinya seperti elang yang terbang tinggi mengelilingi dunia.

Setiap kali Anne memiliki mimpi dia selalu mencatatnya dalam kertas. Dan dia melamun melihat dan merasakan seakan – akan telah sampai disana. Dengan kondisi ekonomi yang kurang, ibu anne sering kali frustasi melihat tingkah anaknya, sampa suatu hari ibunya menyeret Anne ke depan cermin dan Anne disuruh berkaca bahwa impiannya tidak mungkin bisa tercapai. Pada kondisi seperti itu kakek Anne berkata bila Anne memiliki cita – cita lebih baik dia berkata kepada yang di atas! “Kalau kamu meminta dengan yang di atas, pasti dikabulkan”, kata kakek Anne.

Suatu hari tiba – tiba ibu Anne mengatakan kepada Anne bahwa bila Anne ingin berkeliling dunia maka dia harus menguasai bahasa Inggris yang baik. Kemudian Anne semakin bersemangat,dan dia mulai berjualan es dan bahkan membantu ayahnya menjadi kernet untuk membayar biaya kursus bahasa Inggrisnya. Setelah lulus SMU Anna memberikan kursus – kursus untuk orang – orang kaya dengan penghasilan 15 juta perbulan.

Awal perjuangan

Perjuangan Anne Ahira menjadi seorang internet marketer ternyata tidak semudah seperti membalikkan telapak tangan. Pertanyaan-pertanyaan seperti “Apa itu internet??”, “Apa itu email??”, “Apa itu website??”, “Apa itu ‘affiliate??” dan lain sebagainya adalah pertanyaan yang memenuhi benak Anne Ahira, ditambah dengan begitu banyak istilah ‘asing’ yang belum pernah didengar Anne Ahira.

Sama seperti orang-orang sukses lainnya, pada tahap awal, Anne Ahira pun tidak luput dari rasa frustasi karena sering menemui kegagalan serta beberapa kali membuat kesalahan fatal. Selain itu, banyak uang yang telah dihabiskan oleh Anne Ahira hanya untuk membeli buku-buku tentang Internet Marketing. Tabungannya pun semakin menyusut sehingga dia terpaksa sampai menjual beberapa barang pribadi miliknya.

Keluarganya pun sempat dibuat bingung olehnya…Anne Ahira pernah tidak ditegur oleh Mama tercintanya yang saat itu masih belum mengerti sikap serta kegiatan baru Anne Ahira yang begitu menyita tenaga, pikiran dan uang demi meraih cita-citanya menjadi seorang internet marketer.

Itulah konsekuensi yang harus di-‘bayar’ oleh seorang Anne Ahira guna mengobati rasa penasaran dan keinginannya dan merupakan bagian awal dari proses perjuangan dan pembelajarannya.

Selembar Cek senilai 8 Dollar AS

Setelah melalui banyak rintangan dan tantangan serta karena ditunjang oleh hobi membaca, keuletan serta tidak mudah putus asa, ternyata semua itu menjadikan Anne Ahira menjadi banyak belajar dan semakin mantap untuk meraih cita-citanya.

Akhirnya, perjuangan serta pengorbanan Anne Ahira tidak sia-sia. Dimulai dari kesuksesan pertamanya mendapatkan selembar Cek senilai 8 Dollar AS yang ternyata merupakan titik awal perjalanan kesuksesan Anne Ahira sebagai internet marketer…

Menurut Anne Ahira, hingga saat ini, Cek tersebut masih tergantung di dinding kamarnya dengan bingkai khusus. Kenapa Anne Ahira tidak segera meng-uangkan cek tersebut? Karena biaya pencairan cek di Bank ternyata lebih besar dari nominal cek itu sendiri…:-) Dibawah cek tersebut, Anne Ahira menulis “Tahun depan HARUS menjadi 8000 Dollar AS…!!”.

Ladan Lashkari, seorang gadis Iran, baru berumur 20 tahun waktu dia memutuskan untuk melakukan sesuatu yang dianggap mustahil di Iran.

Ladan memutuskan untuk menjadi seorang internet marketer di negara yang menganggap wanita adalah warga negara kelas 2, di tengah-tengah himpitan embargo dari Amerika. Ini adalah kisah sukses seorang wanita muda ditengah tengah hambatan yang sangat ekstrem untuk sukses di bisnis internet marketing.

Situasi politik, ekonomi dan adat istiadat menjadikan belajar internet marketing menjadi sesuatu yang sangat tidak mungkin di Iran. Belum lagi Ladan adalah seorang wanita yang selalu dianggap hanya cocok untuk menjadi ibu rumah tangga.

Jika internet marketing adalah suatu pertandingan tinju, Ladan ibaratnya adalah seorang petinju yang harus bertarung dengan satu tangan diikat dibelakang.

Selain itu, ada masalah lain, kendala berbahasa Inggris yang merupakan bahasa yang digunakan dalam bisnis internet marketing. Ladan tidak dilahirkan di keluarga yang berbahasa Inggris, oleh karena itu dia mati-matian belajar bahasa Inggris. Sejak kecil Ladan bercita-cita menjadi seorang entrepreneur.

Keluarga dan teman-teman Ladan berusaha meyakinkan bahwa belajar  internet marketing dan sukses adalah suatu yang “impossible” bagi warga negara Iran  dan menjalankan bisnis ini adalah suatu kebodohan semata. Bayangkan betapa beratnya untuk dapat meraih sukses ditengah-tengah keluarga dan teman-teman yang terus memberikan energi negatif seperti ini.

Terjebak di tengah lingkaran keluarga dan teman yang sangat tidak mendukung, untungnya ayah Ladan akhirnya percaya kepadanya dan memberikan dukungan.

Pada umur 17 tahun, kurang lebih 1 tahun setelah Ladan memulai bisnis ini, akhirnya Ladan berhasil meluncurkan websitenya yang pertama. Sukses ini terus berlanjut sampai saat in dimana Ladan memiliki lebih dari 20 website yang menghasilkan uang terus menerus.

Perjalanan bisnis Ladan juga merupakan suatu perjalanan panjang yang penuh rintangan. Seperti diceritakan sebelumnya dengan begitu banyak rintangan politik, ekonomi, adat istiadat, kendala bahasa, Ladan pantang menyerah. Dia menghabiskan waktu berpuluh-puluh jam untuk menulis sales pagenya, karena memang bahasa Inggris bukan bahasa utama Ladan.

Waktu Ladan memulai bisnisnya, dia tidak dapat menggunakan kartu kredit.  Ladan juga tidak bisa membuka rekening PayPal, padahal kartu kredit  dan PayPal adalah syarat mutlak  untuk sukses berbisnis internet.

Pada saat itu di Iran, tidak memungkinkan bagi siapapun untuk  memiliki rekening dalam US$ . Selain itu, tidak mungkin bagi Ladan untuk bepergian keluar Iran untuk membuka rekening diluar negeri, apalagi mengikuti seminar internet marketing.

Diluar semua rintangan ini, lingkungan sekitar Ladan juga mencibir dan mengatakan bahwa internet marketing bukanlah suatu “bisnis”, ini hanyalah suatu penipuan dan sebagainya.

Sampai saat ini Ladan masih merasakan betapa pahitnya kenangan yang harus dilaluinya ketika memulai bisnis internet marketing.

Fakta bagi kita yang berada di Indonesia adalah sebagai berikut:

• Memiliki kartu kredit bukanlah suatu hal yang sulit
• Kita di Indonesia  bisa mendaftar account Paypal
• Tidak ada larangan bagi kita untuk menerima kiriman uang dalam bentuk US$
• Tidak ada larangan bepergian keluar negeri di Indonesia
• Ada  workshop belajar internet marketing secara rutin di Indonesia
• Jika Anda menyadari betapa beruntungnya Anda dibandingkan Ladan, dan betapa kondisi Anda sekarang jauh lebih baik dari Ladan, TIDAK ADA ALASAN bagi Anda untuk tidak bisa sukses seperti Ladan Ashkari.

Anda bisa sesukses atau lebih sukses dari Ladan…..

Ladan menganggap bisnis internet marketing sebagai “jalan keluar” dari semua keterpurukannya di Iran.

“Tidak ada yang susah di bisnis internet marketing!” kata Ladan. “Ini adalah bisnis yang sempurna bagi mereka yang ingin kebebasan waktu dan financial – tanpa ada batasnya”

Jika Anda seorang pemula di bisnis ini. Ladan memberikan beberapa tips:

Jika Anda baru memulai bisnis ini, mungkin uang yang Anda hasilkan belum begitu besar – Jangan menyerah meskipun orang disekitar Anda mencibir. Inilah saat yang paling penting dimana Anda tidak boleh menyerah, melainkan terus maju dengan tekad bulat.

Hanya dalam hitungan 3 tahun, Ladan dengan tekatnya yang bulat, telah berhasil membuktikan dirinya menjadi seorang internet marketer yang sukses – sedemikian sukses hingga kisah suksesnya menjadi inspirasi internet marketer di seluruh dunia.

Salah satu kunci utama sukses Ladan adalah “List Building”.  Ladan bahkan mengatakan “Tidak ada yang lebih dahsyat daripada membangun sebuah daftar nama yang sangat targeted dan responsif serta menjadikannya sebuah hubungan bisnis yang bersifat jangka panjang.”

Pada kisah ini ditulis, meskipun pendapatan bulanannya dari bisnis internet marketing yang hanya sebesar US$ 6,300 – kecil bila dibandingkan para superstar internet marketing yang bisa mencapai jutaan dollar per bulannya, ini adalah suatu pendapatan yang lebih besar dari 95% populasi di negaranya. Pendapatan ini jauh lebih besar daripada mereka yang sudah berpengalaman lebih dari  30 tahun.

Ladan percaya bahwa suksesnya terutama disebabkan oleh sifat gigihnya yang terus menerus dalam menghadapi semua rintangan. Kebanyakan orang berhenti beberapa meter dari garis finish – mereka menyerah pada detik-detik terakhir, padahal kemenangan sudah hampir di depan mata.

Di waktu luangnya, Ladan hanyalah seorang gadis normal yang menghabiskan waktu luangnya untuk membaca buku pengembangan diri, menonton film dan jalan-jalan dengan teman-temannya.

Ladan hanyalah seorang gadis normal dengan Impian Besar dan Sikap Positif.

Dengan lebih dari 20 websites yang terus menghasilkan uang, Ladan juga aktif membantu orang di negaranya agar lebih percaya diri dan dapat mencapai kebebasan waktu dan financial.

Seperti yang dikatakan Ladan,” Jika seorang gadis semuda saya, tanpa pengalaman bisnis sama sekali, bukan seorang yang berbahasa Inggris, di negara yang tidak dapat mendaftar PayPal maupun  kartu kredit dan tengah mengalami embargo dari Amerika – bisa sukses, maka TIDAK ADA ALASAN  bagi anda untuk tidak sukses.”
Ladan sukses karena dia tidak pernah menyerah….
Kami harap Anda juga tidak pernah menyerah!

Berikut langkah mudah  membuat tab view dalam blog :

• Login dulu ke account blogger kamu
• Pilih tab Tata Letak --> Edit HTML.

Catatan: Sebelum melakukan edit template, sebaiknya simpan dulu template kamu yang ada dengan meng-klik tulisan Download Template Lengkap. Kemudian simpan dalam harddisk atau media penyimpanan lainnya, sehingga jika terjadi hal-hal yang tidak diinginkan kamu sudah memiliki back-up untuk mengembalikannya seperti semula.

• Copy kode berikut dan pastekan di atas kode ]]></b:skin>

Tips : Kalau susah mencarinya, coba tekan tombol F3 di keyboard. Maka akan muncul menu toolbar pencarian di bawah browser (Firefox), sehingga kamu tinggal memasukkan kata yang ingin dicari.

div.TabView div.Tabs {
width: 300px;
height: 24px;
overflow: hidden; }


div.TabView div.Tabs a {
float: left;
display: block;
width: 90px;
text-align: center;
height: 24px
margin-left:3px;
padding-top: 3px;
vertical-align: middle;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-left-radius:5px;
border-top-left-radius:5px;
border-top-right-radius:5px;
border: 1px solid #666666;
border-bottom-width: 0;
text-decoration: none;
font: 12px "Arial", Times New Roman, Serif;
color: #000;
font-weight: 900; }


div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active { background-color: #DDDDDD; }


div.TabView div.Pages {
width: 300px;

height: 250px;clear: both;
background-color: #FFFFFF;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
border: 1px solid #666666;
overflow: hidden; }


div.TabView div.Pages div.Page {
height: 100%;
padding: 0;
overflow: hidden; }


div.TabView div.Pages div.Page div.Pad { padding: 3px 5px; }

Catatan :

1. Kode berwarna biru merupakan ukuran Tab-view, rekomendasi: usahakan ukuran width yang berwarna biru sama.
2. Kode yang berwarna merah bisa diganti dan sesuaikan dengan template blog kamu.
3. Silakan kamu edit kode di atas (ditambah atau dikurangi) dan berkreasi dengan atribut lain, atau kalau kamu merasa sudah sesuai biarkan apa adanya.

• Copy kembali kode berikut di atas kode </head>

<script type='text/javascript'>
function tabview_aux(TabViewId, id)
{
var TabView = document.getElementById(TabViewId);


// ----- Tabs -----


var Tabs = TabView.firstChild;
while (Tabs.className != "Tabs" ) Tabs = Tabs.nextSibling;


var Tab = Tabs.firstChild;
var i = 0;


do
{
if (Tab.tagName == "A")
{
i++;
Tab.href = "javascript:tabview_switch('"+TabViewId+"', "+i+");";
Tab.className = (i == id) ? "Active" : "";
Tab.blur();
}
}
while (Tab = Tab.nextSibling);


// ----- Pages -----


var Pages = TabView.firstChild;
while (Pages.className != 'Pages') Pages = Pages.nextSibling;


var Page = Pages.firstChild;
var i = 0;


do
{
if (Page.className == 'Page')
{
i++;
if (Pages.offsetHeight) Page.style.height = (Pages.offsetHeight-2)+"px";
Page.style.overflow = "auto";
Page.style.display = (i == id) ? 'block' : 'none';
}
}
while (Page = Page.nextSibling);
}


// ----- Functions -------------------------------------------------------------


function tabview_switch(TabViewId, id) { tabview_aux(TabViewId, id); }


function tabview_initialize(TabViewId) { tabview_aux(TabViewId, 1); }
</script>

• Simpan template kamu.
• Kemudian pilih tab Elemen Halaman --> Tambah Gadget.
• Jendela Tambahkan Gadget akan muncul --> HTML/JavaScript.
• Copy dan paste kode di bawah ini.

<form action="tabview.html" method="get">
<div class="TabView" id="TabView">


<div class="Tabs">
<a>Tab 1</a>
<a>Tab 2</a>
<a>Tab 3</a>
</div>


<div class="Pages">


<div class="Page">
<div class="Pad">


<ul>
<li>View 1.1</li>
<li>View 1.2</li>
<li>View 1.3</li>
</ul>


</div>
</div>




<div class="Page">
<div class="Pad">


Kamu bisa memasukkan image<br />
Kamu bisa memasukkan script<br />
Kamu bisa memasukkan numbered list/bullent list/<br />
Apalagi memasukkan teks atau link  dll<br />


</div>
</div>




<div class="Page">
<div class="Pad">


View 3.1<br />
View 3.2<br />
View 3.3<br />


</div>
</div>


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


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

• Sekarang lihat tab view dalam blog kamu
  

Tips : Lakukan percobaan setiap kode trik blogger dalam blog uji coba kamu (pilih buat blog baru di dasbor blogger.com).

Catatan :

1. Kode yang berwarna merah merupakan teks yang letaknya dalam Tab.
2. Kode yang berwarna biru adalah tampilan teks yang akan muncul dalam halaman view sesuai dengan Tab terpilih.

Dalam HTML seperti pemformatan text berupa tebal,miring,garis bawah,membuat tabel,dll,dapat di lakukan dengan kode-kode.Bagi anda yang belum begitu mengerti HTML,bisa baca disini
Di bawah ini ada beberapa kode-kode untuk mewakili pemformatan text maupun mebuat berbagai object dalam halaman anda,meskipun sekarang sudah banyak pembuatan halaman HTML dengan software instant seperti Dreamweaver dll.

---

Membuat Center,gunakan kode : <p align="center">Belajar</p> hasilnya seperti:

Belajar

---

Membuat Posisi kekanan gunakan kode : <p align="right">Belajar</p> hasilnya seperti :

Belajar

---

Membuat Posisi kekiri gunakan kode: <p align="left">Belajar</p> hasilnya seperti :

Belajar

---

Membuat Huruf Tebal gunakan kode: <b>Belajar</b> hasilnya seperti :
Belajar

---

Membuat Huruf Garis Bawah gunakan kode : <u>Belajar</u> hasilnya seperti :
Belajar

---

Membuat Huruf bercetak Miring gunakan kode : <i>Belajar</i> hasilnya seperti :
Belajar

---

Membuat Kombinasi huruf tebal,miring,garisbawah,gunakan kode :
<b><i><u>Belajar</u></i></b> hasilnya seperti :
Belajar

---

Membuat Huruf tebal strong gunakan kode : <srong>Belajar</strong> hasilnya seperti :
Belajar

---

Membuat Huruf Hidden gunakan kode : <span style="visibility: hidden">Belajar</span> hasilnya seperti :

Namanya juga hidden..ya..ga keliatan..

---

Membuat Huruf Besar semua (uppercase) gunakan kode :
<span style="text-transform: uppercase">Belajar</span> hasilnya seperti :
Belajar

---

Membuat Huruf Small caps gunakan kode:
<span style="font-variant: small-caps">Belajar</span> hasilnya seperti ini:
Belajar

---

Membuat Huruf Subscribe / kecil di bawah gunakan kode:
<p>4₂</p>hasilnya seperti ini:
4₂

---

Membuat Huruf Superscribe / pangkat gunakan kode:
<p>4²</p> hasilnya seperti ini:
4²

---

Membuat Huruf bergaris atas gunakan kode:
<span style="text-decoration: overline">Belajar</span> hasilnya seperti ini:
Belajar mengganti huruf

---

Membuat Huruf bergaris tengah gunakan kode:
<strike>Belajar</strike> hasilnya seperti ini:
Belajar

---

Menentukan jenis huruf gunakan kode:
<p><font-family="Arial" >Belajar</font></p> hasilnya seperti ini:
Belajar

---

Menentukan ukuran huruf gunakan kode:
<p><font-size="3" >Belajar</font></p> hasilnya seperti ini:
Belajar

---

Menentukan warna huruf gunakan kode:
<p style="color: green; >Belajar</p> hasilnya seperti ini:
Belajar

---

Membuat bullet dot bolong gunakan kode:
<ul type="circle">
<li>DOT 1</li>
<li>DOT 2</li>
<li>DOT 3</li>
</ul>
hasilnya seperti ini:

• DOT 1
• DOT 2
• DOT 3

---

Membuat bullet dot kotak gunakan kode:
<ul type="square">
<li>DOT 1</li>
<li>DOT 2</li>
<li>DOT 3</li>
</ul>
hasilnya seperti ini:

• DOT 1
• DOT 2
• DOT 3

---

Membuat bullet dot bulat gunakan kode:
<ul>
<li>DOT 1</li>
<li>DOT 2</li>
<li>DOT 3</li>
</ul>
hasilnya seperti ini:

• DOT 1
• DOT 2
• DOT 3

---

Mengatur posisi bullet gunakan kode:
<blockquote>
<blockquote>
<blockquote>
<ul>
<li>DOT 1</li>
<li>DOT 2</li>
<li>DOT 3</li>
</ul>
</blockquote>
</blockquote>
</blockquote>
hasilnya seperti ini:

• DOT 1
• DOT 2
• DOT 3

---

Menentukan kombinasi warna,jenis,dan ukuran huruf gunakan kode:
<p><font style="color: red; font-family: courier new; font-size: 15px;" >Belajar</font></p>
hasilnya seperti ini:

Belajar

---

Membuat tabel border solid gunakan kode:

<table border="1" width="200">
<tr>
<td style="border-style: solid">Text</td>
</tr>
</table>

hasilnya seperti :

Text

---

Membuat tabel border dot gunakan kode:
<table border="1" width="200"
style="border-style: dotted">
<tr>
<td border="2" style="border-style:
dotted">Text</td>
</tr>
</table>
hasilnya seperti ini:

Text

---

Membuat tabel border dashed gunakan kode:
<table border="1" width="200" style="border-style: dashed">
<tr>
<td style="border-style: dashed">Text</td>
</tr>
</table>
hasilnya seperti ini:

Text

---

Membuat tabel border groove gunakan kode:
<table border="1" width="200" style="border-style: groove">
<tr>
<td>Text</td>
</tr>
</table>
hasilnya seperti ini:

Text

---

Membuat tabel border Ridge gunakan kode:
<table border="1" width="200" style="border-style: ridge">
<tr>
<td>Text</td>
</tr>
</table>
hasilnya seperti ini:

Text

---

Membuat tabel border Insert gunakan kode:
<table border="1" width="200" style="border-style: inset">
<tr>
<td>Text</td>
</tr>
</table>
hasilnya seperti ini:

Text

---

Membuat tabel border Outset gunakan kode:
<table border="1" width="200" style="border-style: outset">
<tr>
<td>Text</td>
</tr>
</table>
hasilnya seperti ini:

Text

---

Membuat Tabel Biasa gunakan kode :
<table border="1"width="200"><td>Text</td></table>
hasilnya seperti:

Text

---

Membuat Tabel berwarna gunakan kode :
<table border="1"width="200"bgcolor="green"><td>Text</td></tabel> hasilnya seperti :

Text

---

Membuat Tabel berwarna tak berbingkai gunakan kode :
<table border="0"width="200"bgcolor="blue"><td>Text</td></tabel> hasilnya seperti:

Text

---

Untuk kode-kode HTML yang lain anda bisa mengulik lewat software-software web designer atau situs-situs penyedia layanan HTML.

HTML singkatan dari Hyper Text Markup Language,dalam arti umum,sebuah web adalah sebuah dokumen HTML,yang mana sebuah HTML itu sendiri merupakan bahasa yang menggunakaan tanda-tanda tertentu(Tag)untuk menyatakan kode-kode yang harus diterjemahkan oleh Browser,agar halaman dapat di tampilkan secara benar.
HTML sendiri,sebenarnya hanya dokument biasa,hanya dokumen ini dapat dilakukan untuk pemformatan text,peletakan object,maupun Hypertext yakni text yang berfungsi ganda sebagai penghubung (Link)antara halaman satu dengan yang lain.
Nah!link inilah yang menjadi ciri sekaligus membentuk suatu www (Jaringan global antar text / halaman)

---

Bagaimana contoh sederhana bentuk sebuah halaman HTML?
Sebagaimana Pengertian Blog pada posting pelajaran-blog.blogspot.com beberapa waktu lalu,bahwa sebuah halaman web yang baik,secara fisik akan terdiri dari sebuah Header,Body,Sidebar dan Footer.
Untuk membentuk sebuah halaman HTML secara sederhana,kita memanfaatkan Notepad pada komputer anda.
Tapi sebelum itu,pergi ke My Document,pilih Folder Option,lalu pilih View,kosongkan check box pada Hide Extentions for Known Filetypes,inihanya untuk memperlihatkan File type dari setiap file di komputer anda.
Setelah itu,buka Notepad dan tuliskan kode di bawah ini :

---

<html><head>
<title>Belajar HTML</title>
</head>
<body>
<p>Hallo! aku sedang belajar blog di Pelajaran Blog !</p>
</body>
</html>

---

Setelah itu simpan dengan nama "belajar",yang nantinya di komputer anda akan menjadi "belajar.txt",setelah itu,klik kanan file tersebut pilih Rename rubah menjadi "belajar.htm".
Setelah itu,Open file tersebut,dan anda sudah bisa melihat suatu tampilan halaman HTML yang di maksud.
Apa keterangan dari kode-kode di atas?

Kode HTML,dalam setiap kodenya di awali dengan tanda <> dan di akhiri dengan </>
contoh:
<html>merupakan penandaan bahwa halaman HTML di mulai.
</html>merupakan tanda bahwa halaman html ditutup.
<Head>artinya merupakan awal kepala
</Head>artinya merupakan akhir bagian kepala.
<Title>menujukkan judul yang akan keluar pada Bar atas yang ditutup dengan </title>
<body>isi dari halaman tesebut,seperti contoh HTML diatas,isinya berupa kata "Hallo! aku sedang belajar blog di Pelajaran Blog !"yang ditutup dengan akhir isi halaman,yaitu </body>
Sedangkan tanda <p> yaitu pembentukan alinea baru,seperti halnya anda menekan Enter pada Ms Word untuk membentuk kursor baru pada Alinea baru,yang mana diakhiri pula dengan tanda </p>.
Untuk membentuk alinea baru bisa juga menggunakan kode <br> dan diakhiri dengan </br>

Blog itu ibarat rumah atau bahkan ibarat sebuah pulau.
Dimana,orang akan lebih senang berkunjung,jika pada rumah / pulau tersebut menyediakan apa yang mereka inginkan.

Dengan Blog pula,kita mempunyai sebuah rumah tempat tinggal dalam dunia maya.
Dimana,kita bebas mengekspresikan maupun memfermak Blog sesuka hati kita.
Semakin cantik dan uptudate suatu Blog,traffic maupun pengunjung,akan semakin meningkat.

Blog/web yang baik biasanya mempunyai kriteria-kriteria tertentu,seperti adanya Header,body,sidebar,footer.
Jadi satu halaman sebuah Blog yang baik terdiri dari kriteria-kriteria di atas.
Sebagai gambaran lihat ilustrasi di bawah ini:

---

---

Di ibaratkan ilustrasi di atas,sebuah Blog mempunyai fitur-fitur itu semua.
Skema Blog,anda bisa lihat contoh di bawah ini :

---

---

Maksudnya?
Ya,secara fisik sebuah Blog terdiri dari :
Header(kepala),Body(Isi Blog),Sidebar(lengan/sisi),Footer(bawah).

Adapun jika ada fitur-fitur lain,itu hanya sebagai element tambahan.

Bagaimana membuat sebuah Blog?

Blog,bisa kita ciptakan melalui jasa web penyedia blog,seperti;Blogger,Wordpress,Multiply dll.
Di pelajaran-blog.blogspot.com memang mempelajari khusus Blog dari Blogger/Blogspot.

Apa yang harus di kuasai untuk bisa mengedit sebuah Blog?

Di blogspot,sudah ada versi WYSWYG yang mana kita tidak perlu capek menuliskan kode untuk sebuah blog.Tapi jika anda menguasai HTML,CSS,PHP maupun Javascript akan lebih baik lagi.
Untuk HTML,CSS,PHP maupun Javascript ,kita akan bicarakan nanti.

Jika kita sudah mempunyai Blog?apa yang harus kita lakukan?

Memposting artikel pada Blog? maupun upload foto ataupun Video,ajang narsis,kumpul sesama Blogger menjalin silaturahmi,curhat,dll.Keuntungan lain yaitu,dengan kita mempunyai sebuah Blog,ibarat kita sudah mempunyai sebuah rumah,dan di rumah itu,kita bebas mau mananam apaun itu tanamanya.
Maksudnya,kita bisa meletakkan sebuah kode,baik itu kode tukar link,iklan dll.

Banyak penyedia content yang menawarkan kode iklan (AdSense,Text Link-Ads,AdBrite,dll)untuk memasang iklan pada suatu Blog,yang akan membayar kita jika ada pengunjung yang mengklik iklan yang kita tampilkan.

Apa sich keuntungan Materi dari banyaknya pengunjung pada Blog kita?

Ya,jelas..dengan bayaknya pengunjung,kemungkinan iklan kita dilihat orang juga akan semakin besar,dan akan semakin besar pula tambahan doku ke kantong kita.