Showing posts with label Blogger. Show all posts
Showing posts with label Blogger. Show all posts

Wednesday, January 11, 2012

Catatan Selama Satu Tahun Umur Blog Jamaris Online

Apa kabar sahabat blogger? Mudahan-mudahan dalam keadaan sehat dan tetap semangat dengan aktifitas di blog masing-masing. Memang, semangat yang tinggi dan tidak mengenal lelah adalah kunci kesuksesan seorang blogger untuk tetap jaya di dunia pembloggeran. Bertepatan dengan hari ini 11 Januari 2012 blog Jamaris Online berumur 1 tahun, sejak diluncurkan 11 Januari 2011 yang lalu. Sehubungan dengan telah 1 tahun umur blog Jamaris Online, maka pada kesempatan ini saya sebagai pengelola blog Jamaris Online ingin berbagi informasi tentang keberadaan dan perjalanan blog ini.

Satu Tahun Blog Jamaris Online

Jamaris Online merupakan sebuah blog personal dengan slogan “Menyebarkan informasi, ilmu pengetahuan, dan teknologi”. Nama Jamaris Online adalah gabungan dari dua kata, Jamaris dan Online. Kata Jamaris diambil dari nama penulis dan pengelola log ini yang tidak lain dan tidak bukan adalah saya sendiri (Jamaris). Sedangkan kata Online sebagai kata pelengkap untuk menunjukkan aktifitas saya ketika terhubung dengan internet (Online). Kegiatan ngeblog ini hanyalah aktifitas tambahan saja, tugas pokok saya sebenarnya adalah sebagai guru. Ilmu mengelola blog saya peroleh dengan belajar secara otodidak melalui teman-teman yang sudah lama memiliki blog. Pengalaman ngeblog adalah guru yang sangat berarti bagi saya, sehingga blog Jamaris Online mampu bertahan sampai 1 tahun.

Selama mengelola blog ini banyak suka dan dukanya. Memiliki blog yang dikunjungi oleh ribuan orang dari seluruh penjuru dunia adalah suatu kebanggaan tersendiri bagi saya. Namun dalam perjalanannya banyak kesulitan yang saya temui karena minimnya ilmu ngeblog yang saya miliki. Pada awal ngeblog banyak hal yang tidak saya ketahui. Saya tidak mengenal Alexa Rank, Page Rank, Search Engine Optimization (SEO), Nofollow dan Dofollow, serta beberapa istilah lainnya. Akan tetapi berkat ketekunan dan semangat pantang menyerah, akhirnya blog Jamaris Online mampu berdiri sejajar dengan ribuan blog lainnya di dunia ini. Berbicara Alexa Rank, blog ini pernah menembus angka 500 ribuan. Kemudian tanpa sebab yang jelas turun sampai 1.900 ribuan, namun berangsur-angsur membaik secara teratur hingga hari ini (11/01/2012) telah berada pada posisi 800 ribuan. Untuk Page Rank, blog ini telah memperoleh PR-1 sejak bulan Oktober 2011 lalu. Sebuah hadiah dari Google yang selalu diharapkan oleh para blogger dan tidak mudah untuk mendapatkannya. Blog ini telah mempublikasikan sebanyak 158 posting, dan posting yang anda baca ini menjadi posting yang ke-159. Jumlah posting sebanyak itu dalam 1 tahun termasuk sedikit bila dibandingkan dengan blog teman lain yang pernah saya lihat. Mengenai visitor, blog ini dilihat oleh rata-rata 1.000 lebih pengunjung perhari dengan page view di atas 1.500. Sebagian besar pengunjung blog Jamaris Online berasal dari kalangan pendidik (guru) karena banyak posting yang berhubungan dengan kepentingan guru, namun banyak juga dikunjungi oleh para blogger terbukti dari beberapa komentar yang mereka tinggalkan di blog ini. Umumnya dari anak-anak sampai orang tua ikut meramaikan blog sederhana ini. Mudah-mudahan ke depan jumlah pengunjung akan terus bertambah seiring dengan penambahan posting baru.

Sejak bulan lalu, blog Jamaris Online bekerjasama dengan 3 website PPC Periklanan Online Lokal. Ketiga website tersebut adalah http://adsensecamp.com, Kumpulblogger.com, dan http://kliksaya.com. Peran blog Jamaris Online sebagai Penerbit Iklan (Publisher) yang mampu menghasil Rupiah untuk blog ini. Setelah 1 bulan lebih bergabung, blog ini sudah menerima kiriman sejumlah uang (Earnings) dari ke-3 website tersebut. Uang ditransfer langsung ke rekening pribadi milik Jamaris Online. Transfer pertama dari Adsensecamp.com sebanyak Rp. 14.100, Kumpulblogger.com sebanyak Rp. 16.975, dan terakhir http://kliksaya.com sebanyak Rp. 81.900 yang saya terima pada tanggal 9 Januari 2012 (dua hari lalu). Jumlah uang (Earnings) yang baru didapatkan memang belum seberapa, tetapi ada kepuasan tersendiri yang saya rasakan. Ternyata blog juga bisa menghasilkan uang bagi pemiliknya dan terbukti. Saya yakin blog Jamaris Online semakin banyak menghasilkan uang seiring dengan semakin bertambahnya pengunjung tiap hari. Pengunjung (termasuk anda) tidak usah segan-segan melihat dan mengklik iklan yang ada, sehingga blog ini bisa terus maju dan berkembang pada masa yang akan datang.

Ada suatu pengalaman yang tidak menyenangkan dan sangat menjengkelkan yang pernah saya temui selama mengelola blog ini. Ini terjadi 3 hari yang lalu, tepatnya pada hari Minggu tanggal 8 Januari 2012. Secara tiba-tiba blog Jamaris Online tidak bisa diakses sama sekali. Pesan yang muncul adalah “Blog ini telah dihapus”. Saya tidak percaya kalau blog ini telah dihapus karena saya tidak pernah melakukannya. Terus saya akses lagi berulang-ulang melalui PC, laptop, dan Hp, tetap saja memunculkan pesan seperti di atas. Kemudian saya menuju ke Blogger dan juga tidak bisa masuk. Selanjutnya saya menuju Akun Google (email) saya, dan muncul beberapa penjelasan dari Google yang intinya menyebutkan bahwa ada aktifitas yang mencurigakan di Akun saya. Saya diminta memverifikasi Akun dengan memasukan kode verifikasi yang ditentukan dan hasilnya positif. Saya berhasil mendapatkan kembali Akun Google milik saya setelah tidak bisa diakses (error) selama 32 menit 18 detik. Ini pengalaman selama ngeblog yang sempat bikin saya kesal dan marah. Ada-ada saja ya si Mbah Google!

Itulah beberapa informasi dan pengalaman yang saya dapatkan selama mengelola blog Jamaris Online dalam 1 tahun ini. Tidak acara khusus untuk merayakan Hari Ulang Tahun Pertama Blog Jamaris Online. Ibarat bayi yang baru lahir masih terdapat banyak kekurangan dengan blog ini, tetapi akan terus diperbaiki untuk memenuhi informasi yang dibutuhkan pengunjung. Saya mengucapkan terima kasih kepada semua pengunjung yang telah bersedia mampir ke blog sederhana ini.Bagi anda yang ingin menjalin persahabatan dan kenal lebih dekat dengan pemilik blog Jamaris Online, bisa bergabung dengan saya di sini atau di sini. Saya juga ingin mendapatkan kritik, saran, dan pendapat anda tentang blog ini. Silahkan tulis melalui kolom komentar di bawah. Apapun yang anda sampaikan akan sangat berarti bagi saya. Terima kasih!

Sunday, December 4, 2011

Cara Menghilangkan atau Menyembunyikan dan Auto Hide Navbar Blogger

Memiliki blog dengan design yang menarik adalah dambaan setiap blogger. Mereka berusaha menghias blog dengan berbagai aksesoris sehingga blognya tampil mengagumkan. Tetapi design yang menarik bukan satu-satunya cara untuk membuat blog populer. Design blog berhubungan dengan pemilihan template yang tepat. Akan tetapi pada template bawaan blogger khususnya blogspot terdapat sebuah fasilitas yang biasa disebut navbar. Navbar (Navigasi Bar) merupakan sebuah frame berukuran kecil memanjang yang muncul di bagian atas blog. Frame ini biasanya berfungsi untuk login ke blogger, untuk pencarian menuju blog lain, dan sebagainya.

Oleh sebagian blogger tampilan navbar dirasa kurang menarik, sehingga berusaha untuk menyembunyikan atau menghilangkan, dan Auto Hide (hilang timbul). Pada kesempatan ini, saya ingin berbagi pengalaman yang bertajuk “Cara menghilangkan atau menyembunyikan dan auto hide Navbar Blogger”. Namun sebelum melakukannya, sebaiknya anda pertimbangkan dulu karena menurut informasi dari beberapa teman menghilangkan Navbar dilarang oleh blogger karena dianggap melanggar TOS dan sebagian mengatakan diperbolehkan oleh blogger. Kenyataannya memang banyak blogger yang tidak memunculkan navbar di blognya dengan berbagai alasan. Untuk lebih jelas bentuk tampilan Navbar tersebut, lihat gambar di bawah ini!


Menghilangkan atau menyembunyikan dan auto hide Navbar (Navigasi Bar) Blogger dapat dilakukan dengan edit HTML pada CSS template. Bila anda ingin melakukannya, dianjurkan untuk mendownload (cadangkan/pulihkan) template anda untuk berjaga-jaga bila terjadi kesalahan. Selanjutnya ikuti salah satu tips sederhana di bawah ini!

Cara Menghilangkan atau Menyembunyikan Navbar Blogger

Cara ini sebenarnya tidak menghilangkan sama sekali navbar blogger di template anda. Cascading Style Sheet atau CSS tetap ada di template, namun disetting tidak dimunculkan dengan menambahkan kode tertentu. Inti kodenya adalah display:none. Berikut langkah-langkahnya:

  1. Silahkan login di blogger.com dengan account blog anda
  2. Pilih Template di menu pilihan Dashbor anda
  3. Pilih Edit HTML dan Proceed
  4. Beri tanda centeng pada kotak kecil di sebelah kiri Expand Template Widget
  5. Selanjutnya, cari kode ]]></b:skin>. Untuk mempercepat pencarian tekan Ctrl + F pada keyboard
  6. Setelah ketemu, letakan kode #navbar-iframe{height:0px;visibility:hidden;display:none} tepat di atas kode ]]></b:skin>.
  7. Klik simpan dan tunggu sampai proses selesai.
  8. Buka blog anda, maka navbar di blog anda tidak kelihatan lagi

Cara lain untuk menghilangkan atau menyembunyikan bahkan menghapus Navbar Blogger adalah sebagai berikut:
  1. Masih di Edit HTML, cari kode </head> atau kode <body>.
  2. Setelah ketemu, letakan kode <!-- <body><div></div> –> tepat di bawah kode </head> atau diatas kode <body>.
  3. Buka blog anda, maka navbar di blog anda tidak kelihatan lagi

Cara Membuat Auto Hide (Hilang Timbul) Navbar Blogger

Cara ini sedikit berbeda dari cara diatas dan dianggap tidak melanggar TOS. Navbar muncul bila kursor diarahkan pada bagian atas blog atau tempat navbar, dan navbar tersembunyi bila kursor tidak menyentuh bagian atas blog atau tempat navbar tersebut. Dengan kata lain navbar menjadi transparan auto hide (hilang timbul). Caranya membuatnya adalah sebagai berikut:

  1. Silahkan login di blogger.com dengan account blog anda
  2. Pilih Template di menu pilihan Dashbor anda
  3. Pilih Edit HTML dan Proceed
  4. Beri tanda centeng pada kotak kecil di sebelah kiri Expand Template Widget
  5. Selanjutnya, cari kode ]]></b:skin>. Untuk mempercepat pencarian tekan Ctrl + F pada keyboard
  6. Setelah ketemu, letakan kode #navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
    #navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100,FinishedOpacity=100)}
    tepat di bawah kode ]]]></b:skin>
  7. Klik simpan dan tunggu sampai proses selesai
  8. Buka blog anda, maka navbar berfungsi Auto Hide (hilang timbul)

Demikianlah, selamat bereksperimen. Semoga berhasil!

Sunday, November 27, 2011

Cara Memasang Iklan di Akhir Setiap Postingan Blog

Posisi penempatan iklan dalam sebuah blog/website memang sangat penting diperhatikan, karena penempatan iklan yang tepat sasaran akan mudah dilihat pengunjung dan kemungkinan besar mereka mengkliknya. Sebelumnya saya sudah menjelaskan panjang lebar cara memasang iklan tepat di bawah judul postingan blog. Kali ini saya ingin menjelaskan cara menempatkan iklan yang tidak jauh berbeda dengan cara di atas, yakni cara memasang iklan di akhir setiap postingan blog. Artinya iklan yang anda pasang akan muncul di akhir setiap postingan blog secara otomatis. Berapapun jumlah postingan blog anda, maka sebanyak itu pula iklan ditampilkan.

Menampilkan iklan di akhir setiap postingan blog membuat tampilan halaman depan (home) blog anda terlihat rapi karena tidak dipenuhi iklan yang kadang-kadang rasanya mengganggu. Ini membuat loading blog anda semakin ringan. Iklan terlihat begitu pengunjung membuka salah satu postingan blog anda. Iklan semakin mudah dilihat pengunjung begitu selesai membaca content anda dan kemungkinan besar mereka mengkliknya. Menempatkan iklan di akhir setiap postingan blog memang cukup stategis. Bila blog anda belum dipasangi iklan, anda dapat memasang salah satu program periklanan Pay Per Click (PPC) lokal Indonesi, seperti KlikSaya.Com dan KumpulBlogger.Com atau PPC Lokal lainnya. Lihat iklan dibawah posting ini!

Sebelum memasang iklan di akhir setiap postingan, anda harus memphrase kode iklan yang ingin anda pasang tersebut. Tujuannya agar iklan yang akan tampilkan sinkron dengan template blog. Untuk memphrase kode iklan, anda bisa menggunakan jasa website blogcrowds.com atau bisa juga di centricle.com.


Caranya Memphrase Kode Iklan

  • Kunjungi centricle.com
  • Hapus saja teks Ampersands & angle brackets need to be encoded yang terdapat di dalam kolom yang ditampilkan.
  • Masukkan kode iklan yang akan anda phrase kedalam kolom yang ditampilkan, seperti gambar di bawah ini:

  • Selanjutnya klik Encode dan tunggu beberapa saat sampai berhasil di phrase, seperti gambar di bawah ini:


  • Copy kode iklan yang telah berhasil di phrase dan simpan pada notepad atau di tempat lain.


Cara Memasang Iklan di Akhir Setiap Postingan Blog

  • Silahkan login di blogger.com 
  • Pilih Template di menu pilihan Dashbor anda.
  • Pilih Edit HTML, seperti gambar di bawah ini:


  • Pilih Proceed untuk melanjutkan proses editing template HTML, seperti gambar di bawah ini:


  • Beri tanda centeng pada kotak kecil di sebelah kiri Expand Template Widget, seperti gambar di bawah ini:


  • Cari kode HTML berikut: <data:post.body/> (kode HTML tiap template berbeda-beda, salah satu kode pasti ada pada template anda). Untuk mempercepat pencarian tekan Ctrl + F pada keyboard. 
  • Setelah ketemu, letakan kode iklan yang sudah di phrase tepat dibawah kode <data:post.body/>, seperti gambar di bawah ini: 


  • Klik Simpan dan tunggu sampai proses selesai.
  • Buka salah satu atau bebera posting blog anda, maka di akhir setiap postingan blog muncul iklan yang telah anda masukan. Untuk contohnya lihat iklan di bawah posting ini!

Demikianlah cara memasang iklan di akhir setiap postingan blog. Mudah-mudahan penghasilan online anda meningkat karena selesai mendapatkan ilmu dari isi content, pengunjung blog kemungkinan besar mengklik iklan anda sebagai ucapan terima kasih mereka, semoga. Apabila saat ini blog anda belum dipasangi iklan dan ingin bergabung dengan salah satu Pay Per Click (PPC) lokal Indonesia, saya sarankan anda untuk mencoba mendaftar GRATIS di KumpulBlogger.Com. Semoga sukses, terima kasih.

Free Domain .Com .Net .Org Gratis

Semalem abis Blogwalking, eh dapet info menarik neh, Info ini saya dapet dari Blognya Chumhienk, langsung aja deh saya repost postingnya di Blog ini, heheheheheee,,,
Mau tau apa itu Info menariknya? mungkin dari judulnya saja sobat Blogger sudah pada tau kan maksudnya,, Betul betul betul, kita akan mendapatkan Domain .Com .Net .Org secara Free / Gratis, Hari gini siapa sih yang gak mau sama yang namanya Gretongan,,, heheheheheee..
Tapi ada syaratnya loh, klo menurut saya sih syaratnya lumayan gampang, kita hanya disuruh mencari Referral sebanyak 9orang, selanjutnya kita akan diberi Hadiah sebuah Domain .Com .Net .Org secara Gratis.
Cara daftarnya pun sangat mudah, Langkah awal, Sobat kunjungi Situs http://www.freepremiumdomain.com

Biar lebih jelas cara daftarnya, saya kasih SSnya di bawah ini.


1. Setelah sobat kunjungi situs http://www.freepremiumdomain.com/, kemudian sobat bisa pilih ingin yang 1 domain ( 9 referrals ), atau 2 domain ( 16 referrals )

2. Selanjutnya masukin alamat Email sobat dan buat password untuk login di situs tersebut, jangan lupa untuk centang I agree to the Terms of Service.

3. Klik Register.

4. Selanjutnya akan keluar Form Shipping Information, Isi sesuai biodata sobat, klik Register, Selesai deh,,

Tahap akhir kita tinggal mencari referrals sebanyak 9 orang, atau sesuai dengan yang sobat pilih tadi, gimana? lumayan mudah bukan syaratnya,

Buat sobat blogger yang ingin mendapatkan Domain .Com .Net .Org secara Gratis langsung saja Daftar di Situs tersebut.
Oya Jika Sobat tidak keberatan, Bisa Daftar menggunakan link Referral saya dibawah ini.:


>>> "Free Domain .Com .Net .Org Gratis" <<<


Jangan sungkan untuk saling membantu sesama Blogger, heheheee,,,
Semoga info ini bermanfaat...

Wednesday, November 23, 2011

Cara Memasang Iklan Tepat di Bawah Judul Postingan Blog

Apa kabar sahabat blogger? Mungkin lagi sibuk dengan berbagai aktivitas di blog kesayangan anda. Kali ini saya ingin berbagi informasi dengan teman-teman blogger terutama yang masih pemula. Bagi teman-teman yang ingin memasang iklan di blog mungkin akan bertanya-tanya, dimana posisi penempatan iklan yang tepat? Posisi iklan di blog/website berhubungan dengan visitor dan menentukan nilai klik atau minimal viewnya. Walaupun sebenarnya iklan bisa dipasang diseluruh zona, tapi jangan asal-asalan memasang iklan di blog. Anda harus berusaha menempatkan iklan pada tempat yang mempunyai target dan sasaran serta pada tempat yang banyak dilihat oleh Visitor.

Anda mungkin setuju bahwa iklan yang terletak di bagian atas sebuah halaman blog/website, kemungkinan besar banyak di lihat atau di klik visitor dibandingkan dengan iklan yang terdapat dibagian bawah blog/website. Demikian juga dengan iklan yang berada disebelah kiri memiliki potensi yang lebih besar dibandingkan dengan iklan yang terdapat disebelah kanan halaman blog/website. Salah satu posisi iklan yang memiliki potensi besar di lihat atau di klik visitor adalah dengan memasang iklan tepat di bawah judul postingan. Berdasarkan pengalaman saya dan juga pengalaman blogger yang lain, cara ini memang terbukti dapat meningkatkan earning/pendapatan. Dengan menempatkan iklan di bawah judul postingan maka iklan tersebut semakin mudah dilihat pengunjung dan kemungkinan besar mereka mengkliknya. Menempatkan iklan di bawah judul postingan memang cukup stategis. Anda dapat memasang salah satu program periklanan Pay Per Click (PPC) lokal Indonesi, seperti KlikSaya.Com dan KumpulBlogger.Com atau PPC Lokal lainnya.


Sebelum memasang iklan tepat di bawah judul postingan blog, anda harus memphrase kode iklan yang ingin anda pasang tersebut. Tujuannya agar iklan yang akan ditampilkan sinkron dengan template blog. Untuk memphrase kode iklan, anda bisa menggunakan jasa website blogcrowds.com atau bisa juga di centricle.com.


Caranya Memphrase Kode Iklan

  • Masukkan kode iklan yang akan anda phrase ke dalam kolom yang ditampilkan, seperti gambar di bawah ini:


  • Selanjutnya klik PARSE dan tunggu beberapa saat sampai berhasil di phrase, seperti gambar di bawah ini:


  • Copy kode iklan yang telah berhasil di phrase dan simpan pada notepad atau di tempat lain.


Cara Memasang Iklan Tepat di Bawah Judul Postingan Blog

  • Silahkan login di blogger.com dengan account blog anda.
  • Pilih Template di menu pilihan Dashbor anda.
  • Pilih Edit HTML, seperti gambar di bawah ini:


  • Pilih Proceed untuk melanjutkan proses editing template HTML, seperti gambar di bawah ini:


  • Beri tanda centeng pada kotak kecil di sebelah kiri Expand Template Widget, seperti gambar di bawah ini:


  • Cari kode HTML berikut ini: <div class='post-body entry-content'> atau <div class='post-header-line-1'> atau <data:post.body/> atau (kode HTML tiap template berbeda-beda, salah satu kode pasti ada pada template anda). Untuk mempercepat pencarian Tekan Ctrl + F pada keyboard.
  • Setelah ketemu, letakan kode iklan yang sudah di phrase tepat dibawah kode <div class='post-body entry-content'> atau <div class='post-header-line-1'> atau, diatas kode <data:post.body/> yang pertama, seperti gambar di bawah ini: 


  • Klik Simpan dan tunggu sampai proses selesai.
  • Buka salah satu atau bebera posting blog anda, maka dibawah setiap judul posting dan sebelum isi posting akan muncul iklan yang telah anda masukan.

Demikianlah cara memasang iklan tepat di bawah judul postingan blog. Mudah-mudahan penghasilan online anda meningkat karena pengunjung blog terlebih dahulu telah membaca/mengklik iklan anda sebelum membaca isi postingan. Apabila saat ini blog anda belum dipasangi iklan dan ingin bergabung dengan salah satu Pay Per Click (PPC) lokal Indonesia, saya sarankan anda untuk mencoba mendaftar di KumpulBlogger.Com. Semoga sukses, terima kasih.

Tuesday, November 22, 2011

Cara Mengubah Format Page Title dan Judul Posting di Blogger.com

Cara mengubah format Title dan Judul Posting di Blogger.com, itulah judul bahasan kita kali ini. Sebenarnya judul ini sudah banyak dibahas oleh teman-teman blogger yang lain, namun tidak ada salahnya saya menjelaskan lagi agar para blogger pemula semakin mudah memahami dan dapat menerapkannya di blog mereka. Menurut teman-teman yang lebih menguasai teknik SEO atau Search Engine Optimization, para bloger perlu membangun blog mereka menjadi SEO friendly dan disukai oleh search engine. Salah satu usaha yang dapat mereka lakukan adalah dengan mengubah format Title dan Judul Posting. Mengapa harus diubah dan apa tujuannya?

Blogger menyukai persaingan yang berkaitan dengan penempatan keyword di judul postingan, padahal bila anda menggunakan template blogger secara default menempatkan letak judul blog berada pada bagian awal dan disusul judul posting. Dengan demikian yang menjadi keyword persaingan dalam search engine adalah format page title (judul blog) baru kemudian judul posting. Usaha kita adalah mengubah menjadi kebalikannya dengan judul posting lebih dulu baru disusul dengan page title (judul blog). Alasan utamanya adalah untuk menghindari adanya duplicate title tags yang bisa sangat mempengaruhi index keyword di mesin pencari (search engine). Untuk lebih jelas, silahkan anda bandingkan kedua gambar dibawah ini!



Pada gambar pertama diatas terlihat jelas format yang muncul di search engine adalah JUDUL BLOG kemudian di susul dengan JUDUL POSTING. Sedangkan pada gambar kedua telah diubah dengan urutan JUDUL POSTING kemudian di susul dengan JUDUL BLOG. Dengan mencari keyword yang unik, para blogger akan berusaha meningkatkan kepopuleran blognya agar muncul di halaman depan search engine. Tentu blog mereka akan banyak dikunjungi visitor. Selanjutnya bagaimana caranya search engine membaca blog anda dengan format JUDUL POSTING | JUDUL BLOG? Caranya sangat mudah. Lihat dulu kedua gambar di bawah ini!



Bagian teks yang berwarna biru pada gambar pertama diganti dengan bagian teks yang berwarna biru pada gambar kedua. Ikuti langkah-langkah berikut ini!
  1. Login ke Blogger
  2. Masukan email dan password anda
  3. Pada Dasbor klik Rancangan
  4. Pada Rancangan klik Edit HTML
  5. Jangan lupa klik Download Template Lengkap
  6. Centang Expand Template Widget
  7. Cari Kode berikut: <title><data:blog.title/></title> atau <title><data:blog.pagetitle/></title>. Biasanya terdapat pada bagian atas template blog dan dibawah tag <head> (Gunakan Ctrl+F untuk memudahkan pencarian).
  8. Setelah ketemu, ganti kode diatas dengan kode berikut: <b:if cond='data:blog.pageType =="index"'> <title><data:blog.title/></title><b:else/> <title><data:blog.pageName/> |<data:blog.title/></title> </b:if>
  9. Simpan perubahan template anda.
  10. Selesai. Lihat hasilnya.

Demikianlah Cara Mengubah Format Page Title dan Judul Posting di Blogger.com. Berdasarkan hasil pengalaman saya sesuai dengan cara diatas, perlu waktu bagi search engine untuk mengubah format blog yang baru diubah. Bagimana dengan pengalaman anda? Sampaikan pengalaman anda pada kolom komentar yang tersedia. Salam blogger.

Monday, July 18, 2011

Cara Membuat Tulisan Bergerak (Marquee) di Blog

Cara membuat tulisan bergerak (Marquee) di Blog, itulah judul tulisan yang kita bicarakan pada kesempatan ini. Posting dengan judul ini mungkin sudah banyak di bahas di blog teman-teman yang lain, namun tidak ada salahnya saya berbagi pengalaman juga kepada teman-teman yang belum mengetahui cara pembuatannya.

Teks berjalan yang biasa juga disebut marquee, merupakan sebuah efek gerak pada teks atau tulisan tertentu yang diinginkan. Biasanya teks berjalan ini digunakan oleh pemilik blog untuk menampilkan sebuah pesan, link atau banner agar dapat menarik perhatian pengunjung. Marquee ini dapat memperindah teks/tulisan tertentu pada postingan atau sidebar blog Anda.

Selamat Datang di http://jamarisonline.blogspot.com

Membuat tulisan bergerak (Marquee) biasanya menggunakan kode dasar html tertentu. Banyak bentuk tulisan bergerak (Marquee) yang bisa ditampilkan. Untuk lebih jelasnya, ikuti uraian berikut ini:

  • Silahkan Login di Blogger
  • Masukkan ID dan Password anda.
  • Pada Dasbor klik Rancangan
  • Pada Elemen Laman klik Tambah Gadget
  • Pada Tambahkan Gadget Pilih HTML/JavaScript
  • Isi Judul yang anda suka atau di kosongkan saja
  • Pada Konten, isi dengan kode salah satu kode marquee yang anda inginkan di bawah ini:


TEKS BERGERAK DARI KIRI KE KANAN

Kodenya:


Hasilnya:

Teks bergerak dari kiri ke kanan


TEKS BERGERAK DARI KANAN KE KIRI

Kodenya:




Hasilnya:

Teks bergerak dari kanan ke kiri


TEKS BERGERAK DARI ATAS KE BAWAH

Kodenya:


Hasilnya:


Teks bergerak dari bawah ke atas


TEKS BERGERAK DARI BAWAH KE ATAS

Kodenya:


Hasilnya:

Teks bergerak dari bawah ke atas


TEKS BERGERAK BOLAK BALIK

Kode yang diperlukan adalah:



Hasilnya:

Teks bergerak bolak balik

Teks bergerak bolak balik


TEKS BERHENTI BERGERAK TERSENTUH MOUSE

Kodenya:





Hasilnya:

Teks berhenti bergerak tersentuh mouse

Teks berhenti bergerak tersentuh mouse

Teks berhenti bergerak tersentuh mouse

Teks berhenti bergerak tersentuh mouse


TEKS BERGERAK MEMUAT LINK

Kodenya:





Hasilnya:





TEKS BERGERAK ZIG-ZAG

Kodenya:



Hasilnya:














Tulisan Bergerak Zig-Zag 1
















Tulisan Bergerak Zig-Zag 2

  • Setelah anda memilih salah satu bentuk marquee yang diinginkan, klik simpan.
  • Lihat hasilnya.


Keterangan:
  1. direction="left/right/up/down" : Mengatur arah gerakan teks.
  2. scrollamount="angka" : mengatur kecepatan gerakan dalam pixel, semakin besar angka semakin cepat gerakannya.
  3. behavior="scroll/slide/alternate" : Untuk mengatur perilaku gerakan :
  4. Scroll : teks bergerak berputar
  5. Slide: teks bergerak sekali lalu berhenti
  6. Alternate : teks bergerak bolak-balik dari kiri kekanan lalu balik lagi atau sebaliknya.


Demikianlah uraian cara membuat tulisan bergerak (Marquee) di Blog. Saya yakin anda bisa mengembangkan marquee bentuk lain. Selamat bereksperimen. Terima kasih

Saturday, July 16, 2011

Kode kode HTML

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<sub>2</sub></p>hasilnya seperti ini:
42

Membuat Huruf Superscribe / pangkat gunakan kode:
<p>4<sup>2</sup></p> hasilnya seperti ini:
42

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.

**Tabel-tabel diatas,akan terlihat sempurna jika dibuka pada browser IE (Internet Explorer)

Friday, July 15, 2011

Pengertian HTML

Apa itu 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?

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, ini hanya 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 HTML !</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 HTML !"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>

Semoga bermanfaat....

Thursday, July 14, 2011

Membuat Blog di Blogspot / Blogger

Blog yang sampai saat ini lagi naik daun adalah www.blogger.com
Untuk itu,kali ini kita akan membahas membuat blog dari Blogger.
  • Setelah anda masuk halaman www.blogger.com,anda akan di hadapkan tulisan yang cukup besar,contoh dalam versi Indonesia,bertuliskan " CIPTAKAN BLOG ANDA "klik
    bagian tersebut,kemudian,isilah Alamat Email dengan alamat email anda (lebih bagus jika anda sudah mempunyai Account di Google).
  • Masukkan password yang anda inginkan,isilah Nama Tampilan dengan nama yang ingin anda tampilkan,selanjutnya,klik "LANJUTKAN",Tuliskan judul blog pada form Judul Blog,selanjutnya tulis nama situs yang anda inginkan pada form Alamat Blog (URL),pilih "LANJUTKAN".
    Selanjutnya,pilih template (tipe halaman) yang anda inginkan, kemudian pilih "LANJUTKAN"
  • Jika semua yang anda lakukan sudah benar,akan tampil tulisan "Blog Anda telah di ciptakan".Pilih "MULAI POSTING".
**Nah !
Sekarang anda sudah mempunyai sebuah blog dan anda pada tahap ini sedang berada
dalam halaman Posting.**

Ada 2 tampilan dalam satu area posting di blogspot,yaitu halaman untuk compose/tulis dan halaman untuk HTML.

**Posting bisa berupa apa saja,mulai bisnis,curhat,narsis sampai kebutuhan biologi.Untuk tata cara posting anda bisa memanfaatkan icon-icon/toolbar di atas halaman posting itu sendiri,yang tak ubahnya seperti fungsi icon-icon/toolbar di Microsoft Word yang sudah kita kenal.

Semoga bermanfaat.

Apa itu Blog ?

Blog itu apa sih ?

Blog,kalau menurut saya sih ibarat rumah,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:



Tentang Blog


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


Apa pengertian Blog?


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.

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 banyaknya pengunjung,kemungkinan iklan kita dilihat orang juga akan semakin besar,dan akan semakin besar pula tambahan doku ke kantong kita.

Apakah kamu sudah punya  Blog?

Friday, June 24, 2011

Cara Mendaftar dan Mendapatkan Dollar dari Ziddu.com

Dewasa ini dunia internet tidak asing lagi bagi sebagian besar orang. Mereka dengan mudah mendapatkan informasi yang diperlukan. Apakah anda juga termasuk orang yang suka mencari berbagai informasi lewat internet? Tetapi tahukah anda bahwa internet kini sudah tidak lagi hanya sebagai media informasi, melainkan juga bisa sebagai media untuk mencari uang secara online.

Pada kesempatan kali ini saya akan membahas mengenai cara mendaftar dan mendapatkan dollar dari ziddu.com. Ziddu adalah sebuah website yang memberi layanan service domain gratis dan hosting gratis atau Unlimited File Hosting. Anda dapat menyimpan file apa saja di Ziddu secara gratis dan kemudian menyebarkannya di internet. Anda bisa upload file yang akan di share (di bagi) dengan orang lain dan nantinya mereka bisa mendownload file yang anda upload tersebut. File-file yang bisa anda upload dan simpan di ziddu adalah file dokumen, file word, e-book, mp3, pdf, gambar, dan sebagainya. Setiap file yang diupload ke Ziddu akan diberikan link download, dimana anda dapat menyebarkan link download file anda tersebut di blog anda sendiri atau blog teman, friendster, facebook, dan forum lainnya. Hebatnya ziddu memberi ruang yang besar untuk menyimpan file-file anda tanpa dibatasi kuota.

Ada 3 Keuntungan Mendaftar di Ziddu.com

  1. Anda dapat menyimpan file di internet secara gratis sebanyak-banyaknya
  2. Anda diberi bonus $0,001 setiap orang yang mendownload file anda tersebut
  3. Anda diberi bonus $0,1 untuk setiap orang yang anda ajak bergabung, dengan catatan orang tersebut sudah pernah mengupload file ke ziddu.com

Untuk lebih jelasnya bonus yang diberikan adalah $0.001 untuk sekali download unik. $10 untuk 10.000 Unique Downloads, $50 untuk 50.000 Unique Downloads, $100 untuk 100.000 Unique Downloads, $500 untuk 500.000 Unique Downloads, dan $1.000 untuk 1.000.000 Unique Downloads. Pembayaran dapat dilakukan melalui rekening Paypal maupun Money Booker. Ziddu akan mengirim uang anda ke Paypal setelah mencapai minimum payment $10, biasanya dikirim sebelum tanggal 10 setiap bulannya.


Cara daftar di ziddu.com



  • Setelah pengisian data selesai klik tombol submit atau kirim, maka akan muncul pesan “thank you for registering” dan anda akan segera di redirect di halaman utama ziddu. Lihat gambar berikut!


  • Anda telah terdaftar di ziddu dan mulailah mengupload file dengan mengklik tombol choose file dan pilih file yang ingin anda upload. Anda bisa mengupload satu persatu maupun secara multiple dengan mengganti jumlah multiple file upload. Setelah semua file anda pilih, maka klik upload dan tunggu hingga prosesnya selesai
  • Setelah proses upload selesai, anda akan segera di redirect secara otomatis dan akan muncul link setiap file yang baru saja anda upload. Link tersebut sudah siap untuk anda sebarkan di blog, forum, dan media online lainnya.


Cara Memaksimalkan Pendapatan di Ziddu.com

  1. Upload file yang banyak dicari dan dibutuhkan orang dan sebar linknya di blog anda, forum, facebook dan sebagainya.
  2. Jika anda memiliki blog, maka beri review yang menarik untuk setiap file yang anda upload.
  3. Perbanyaklah referral anda dan memposting artikel tentang ziddu di blog dan forum yang ramai.
  4. Trafik adalah inti dari earning ziddu yang maksimal. Semakin banyak link anda tersebar dan didownload oleh banyak orang, maka earning anda juga akan semakin tinggi, karena itu rajin-rajinlah menyebar link di blog atau forum yang bertrafik tinggi.
  5. Berilah judul setiap file yang anda upload semenarik mungkin.
  6. Ingat! Semakin banyak orang yang mendownload file anda, maka semakin besar pula penghasilan yang anda dapatkan.


    Demikianlah informasi yang berharga ini, tunggu apalagi silahkan segera mendaftar di ziddu.com. Bukankah lebih cepat lebih baik?





    ***Sukses Selalu***
    Ping your blog, website, or RSS feed for Free
    Feedage Grade C rated
    Preview on Feedage: nail-art-polish-2012 Add to My Yahoo! Add to Google! Add to AOL! Add to MSN
    Subscribe in NewsGator Online Add to Netvibes Subscribe in Pakeflakes Subscribe in Bloglines Add to Alesti RSS Reader
    Add to Feedage.com Groups Add to Windows Live iPing-it Add to Feedage RSS Alerts Add To Fwicki