Showing posts with label Tutorial Blog. Show all posts
Showing posts with label Tutorial Blog. Show all posts

Memasang Widget Alexa Rank di Blogspot

Alexa rank membuat peringkat berdasarkan banyaknya pengunjung blog kita, semakin banyak pengunjung blog atau web maka alexa rank akan tinggi nilainya. Darimana alexa mengetahui jumlah kunjungan suatu web atau blog? alexa akan mengetahui jumlah kunjungan terhadap suatu web atau blog berdasarkan informasi dari komputer yang browser internetnya memasang alexa toolbar.alexa widget pada blog atau web untuk mendapatkan data yang akurat tentang banyaknya kunjungan. Dengan memasang alexa widget di blog, maka mesin alexa akan mengetahui secara akurat berapa pengunjung serta Page view (halaman yang di lihat) pada web atau blog Anda.

Langkah Pertama
  1. Klik disini untuk login ke Alexa
  2. Masukkan alamat blog sobat pada kolom yang tersedia, contoh --> adamerc.blogspot.com kemudian klik tombol "Build Widget" 



Kemudian akan ada halaman yang memperlihatkan 3 ukuran dan bentuk widget yang berbeda, silahkan pilih sesuai selera sobat. Copy kode HTML yang terdapat didalam kolom kedalam notepad atau word.



Langkah Kedua
  1. Login ke Blogger dengan ID sobat tentunya.
  2. Klik Tata Letak
  3. Klik tab Elemen Halaman
  4. klik Tambah Gadget
  5. Kemudian klik yang HTML/Java Script. 

Paste kode HTML yang tadi sobat simpan di notepad kedalam kolom yang tersedia.Klik lalu Save. Terus selesai.  Mudah-mudahan dengan terpasangnya widget Alexa, blog sobat jadi semakin tinggi peringkatnya di Alexa.

Selamat Mencoba !!

Cara Membuat Menubar di Blog

kali ini saya akan memberitahu cara membuat menubar di blog
Menubar adalah sebuah kotak tab/bar yang isinya berupa navigasi link. Fungsi menubar yaitu untuk menyimpan link-link penting di suatu blog, agar pengunjung dapat lebih mudah mengunjungi halaman-halaman utama yang ada pada suatu blog.
Menubar ini juga bisa dibuatkan lagi submenu kebawahnya (dropdown). Nah jadi misalkan sobat ingin memasang submenu dari sebuah link itu tinggal menambah sedikit kode yang akan dijelaskan dibawah.Sudah tau kan bagaimana penampakan menubar di blog itu? nah, cara membuat menubar di blog tidak sulit kok.
1. Login pada blogger
2. masuk ke halaman Template
3. Edit HTML 4. Cari kode
(gunakan ctrl+f)
5. Pasang kode di bawah ini di atas kode
7. Selanjutnya cari kode
8. Pasang kode di bawah ini di Atas kode yang bercetak tebal pada no 7. Pengecualian untuk yang tidak ada kode pada no 7, sobat bisa menaruh dielemen div id lainnya. Biasanya template blog terdapat kode seperti
Jadi, bila tidak ada sobat bisa menaruhnya di bawah kode yang mirip dengan
9. Simpan Template dan lihat hasilnya Untuk membuat sub menu (menu dropdown) agar mudah ganti saja kode pada no 8 dengan kode di bawah ini
Keterangan:
  • Ganti tulisan http://adamerc.blogspot.com
  • dengan url link menubar yang diinginkan, misal: link postingan, link kategori, link halaman statis atau lainnya
  • Ganti tulisan style="color: red;">Edit me dengan tulisan judul menubar tersebut, seperti: About, Contact, Guest book atau lainnya
  • Untuk mengubah panjang menubar bisa sobat ganti tulisan 900px menjadi sesuai dengan keinginan sobat
  • Nah, jika sobat ingin menambah item menubar (list), sobat hanya tinggal Copy kode yang bergaris bawah, dan Paste di bawah kode yang bergaris bawah tersebut.
  • Di setiap blog juga ada juga yang berbeda tanda kutipnya. Sobat bisa menelitinya lagi. Tanda kutip ' atau "
  • Bagaimana? mudah kan. Inget sob, kunci utama keberhasilan membuat menubar pada blog yaitu ketelitian dalam mengedit dan memasang kode css/htmlnya. Misalkan ada yang kurang atau kesalahan sedikit, menubar itu malah jadi gagal alias tidak terpasang. Jadi sobat harus lebih teliti ya agar tidak keliru, good luck. 

Modifikasi Popular Post untuk Template Gallery

Saya akan mengulas satu persatu fitur yang ada pada template demo sebelum nanti saya bagikan, sehingga diharapkan Anda dapat menciptakan atau membuat template sendiri dengan modifikasi widget default yang yang sudah disediakan oleh blogger. Widget dari blogger yang saya modifikasi kali ini adalah Popular Post, sebuah widget yang berfungsi untuk menampilkan postingan atau artikel mana yang paling banyak diminati para pengunjung. Secara default widget Popular Post ini sudah menarik karena sudah ada fitur thumbnail dan summary. Tapi menurut saya sih kondisional, widget itu bisa langsung dipasang pada blog yang lebih banyak menggunakan artikel daripada gambar, jika widget default itu dipasang pada blog yang bertipe gallery sepertinya kurang cocok.
Nah, kali ini saya mencoba untuk memodifikasi widget tersebut agar cocok dipasang pada blog yang mempunyai konten gallery. Gambarnya seperti diatas, hanya menampilkan thumbnail dan judul dengan posisi horisontal. Jika anda tertarik, berikut ini cara membuatnya :
  • Login ke Blogger dengan akun Anda
  • Setelah itu masuk ke template >> klik Edit HTML jangan lupa centang Expand Widget Templates.
  • Lalu masukkan kode berikut ini diatas
.PopularPosts .widget-content ul li {background:none repeat scroll 0 0 transparent;float:left;list-style:none outside none;margin:0 !important;padding: 0 !important;border-bottom:none}
.PopularPosts ul{padding:5px 0}.PopularPosts .item-thumbnail img{width:110
px;height:110px;padding:11px;margin:0}
.PopularPosts .item-content{position:relative;float:left;margin:0}
.PopularPosts .item-title a{font-size:11px;color:#fff;display:block;padding:0 5px;float:left;width:122px}
.PopularPosts .item-title:hover{opacity:1;-moz-opacity:1;filter:alpha(opacity=100)}
.PopularPosts .item-thumbnail{float:left;margin:3px 1px 7px 10px;border:1px solid #ccc;overflow: hidden}
.PopularPosts .item-title{background:#000;position:absolute;bottom:8px;right:2px;opacity:.6;-moz-opacity:.6;filter:alpha(opacity=6)}
Kode warna merah diatas adalah panjang dan lebar gambar thumbnail, Anda bisa ganti dan sesuaikan dengan lebar sidebar pada template, seperti yang terlihat pada sidebar blog ini.









  • Kemudian masuk ke layout
  • >> add a gadget pilih Popular Post pada baris kelima.
  • Setelah muncul halaman Popular Post, setting seperti pada gambar dibawah in :
    popular
    Yang perlu diperhatikan adalah centang hanya thumbnail, biarkan kotak snippet kosong tidak perlu dicentang. Judul dan jumlah post yang ingin ditampilkan terserah Anda.
  • Setelah langkah diatas, masuk lagi ke Edit HTML, cari kode berikut : 
  • Setelah ketemu, ganti dengan kode berikut ini :
  • Terakhir, save templates lihat hasilnya.
    Modifikasi widget Popular Post dari blogger ini tidak hanya untuk blog gallery saja, Anda juga bisa memakainya pada blog yang bukan gallery seperti yang terlihat di sidebar pada blog ini. Demikian tadi tutorial memodifikasi tampilan Popular Post untuk template Gallery jika masih ada yang kurang paham silahkan tinggalkan pesan di kotak komentar maaf kalau sudah ada tutorial seperti ini sebelumnya, selamat mencoba dan semoga bermanfaat


  • Setting Robots.txt Blogger

    Robot.txt, bagi penggiat blogger yang menggunakan wordpress pasti sudah familiar dengan robot.txt ini. Tapi pengguna blogger bisa jadi hal ini masih merupakan hal baru. Kali ini kita akan membahas apa itu robot.txt dan apa fungsinya secara sederhana dan mudah dipahami. :D

    Robot.txt dalam penjelasan sederhananya adalah alat untuk memberitahukan mensin crawler / pencari apa yang boleh dan tidak di index olehnya, dalam kata lain robot.txt ini merupakan search preference untuk mesin crawler / pencari. Justru semakin banyak yang dindex mesin pencari semakin baik? Tentu, tapi yang ingin dicegah disini adalah duplikasi index sebuah content yang dapat mengakibatkan adanya search preference yang mengarah pada label atau hanya archive blog yang seharusnya langsung mengarah ke posting atau content yang relevan dengan keyword yang dicari.

    Pada dasarnya semua blog sudah memiliki system robot.txt ini, ditandai dengan adanya fitur pembagian label yang di fasilitasi blogger tapi dirasa masih kurang maksimal. Untuk memaksimalkannya blogger akhirnya memberikan fitur robot.txt ini, yang sebelumnya sudah di gunakan di wordpress.

    Cara menggunakan robot.txt ini :
    1. Masuk Dashboard (dashboard)
    2. Pilih Setelan (setting)
    3. Pilih Referensi Penelusuran (site preferences)
    4. Edit robot.txt khusus (custom robot.txt) yang berada pada bagian bawah
    5. Isi dengan :
      User-agent: Mediapartners-Google
      Disallow:

      User-agent: *
      Disallow: /search
      Allow: /

      Sitemap: http://tanganblogger.blogspot.com/feeds/posts/default?orderby=UPDATED
    6. Ganti tanganblogger dengan nama blog Anda.
    7. Simpan
    Setelah semua selesai, setting ini dapat dilihat pada http://namablog.blogspot.com/robots.txt

    Untuk lebih jelasnya mari kita urai setiap fungsi dari isi robot.txt tersebut. Kelompok baris robot.txt yang pertama merupakan informasi user agen milik google menandakan bahwa blog merupakan partner google, ini menguntungkan untuk Anda yang ingin menggunakan jasa google adsense agar iklan yang tampil nantinya relevan dengan isi blog Anda, juga untuk memberitahukan bahwa website / blog kita bisa diakses oleh mesin mencari.

    Kelompok baris kedua merupakan informasi untuk semua mesin crawler search engine. Disana ada Disallow: /search yang artinya mesin crawler dilarang mengindex page label atau archive yang memank sebaiknya tidak di index untuk mencegah duplikasi hasil pencarian.

    Kelompok baris ketiga berisi sitemap blog agar mesin crawler lebih mudah mngindex blog / website Anda.

    Sekian untuk setting robot.txt.

    Cara Membuat Halaman Email Me Form di Blog/Web


    Logo Email Me FormEmail Me Form adalah situs yang menyediakan form pengiriman pesan pada Website/Blog sobat agar mempermudah pengunjung mengirimkan pesan kepada sobat sebagai Admin melalui E-mail. Bagi sobat Blogger yang mengelola Blog-nya dengan serius, Email Me Form ini mungkin perlu dipasang pada blog sobat. Alasanya, Email Me Form ini dapat mempermudah pengunjung setia pada Blog sobat untuk mengirimkan pesan yang lebih detail dan bersifat pribadi pada sobat sebagai admin baik berupa pertanyaan, permintaan penulisan artikel, atau bahkan permintaan pemasangan iklan pada Blog sobat.
    Baik, beginilah langkah-langkah untuk membuat halaman Email Me Form pada Blog/Website.

    1. Masuk ke situs Email Me Form.
    2. Klik Tombol Free Sign Up.
    Cara Membuat Halaman Email Me Form
    3. Isilah form yang diberikan diantaranya: Username, password, confirm password, email dan confirm email. Setelah itu, centang pada kotak "I agree to EmailMeForm Term of Service" dan klik Create Account.
    Cara Membuat Halaman Email Me Form
    4. Akan muncul halaman baru, abaikan saja. Buka e-Mail sobat dan akan ada pesan dari EmailMe From. Klik link yang diberikan oleh EmailMeForm untuk verifikasi akun sobat.
    Cara Membuat Halaman Email Me Form
    5. Buatlah desain form sesuai dengan keinginan sobat. Maaf tidak bisa memberikan intruksi lebih detail karena bagian ini terlalu banyak. Yang jelas sebelah kiri adalah bagian untuk membuat desain form, dan sebelah kanan adalah hasil pembuatan desain form. Karena kita akan membuat form pesan ke e-mail kita, agar sesuai maka sobat masuk dulu ke bagian Templates dan pilih "Contact Form" Jika telah selesai membuat desain form-nya, klik "Save Form".

    6. Sobat akan diberikan kode-kode script dari EmailMeForm. Salin kode yang sobat inginkan untuk diterapkan di Website/Blog sobat. Namun direkomendasikan untuk memilih Easy Embed-Javascript Version. Jika sobat tidak diberikan kode script secara otomatis, maka sobat masuk ke bagian "My Form" dan klik "code" di Form yang sobat inginkan.
    Cara Membuat Halaman Email Me Form
    7. Masuk ke akun Blogger sobat.
    8. Karena kita akan membuat Halaman untuk e-MailMeForm, maka masuk pada bagian laman.
    9. Pilih Halaman Kosong, masukan judul Halaman misalkan: Contact Us.
    10. Isi halaman pada mode HTML dan Paste kode dari EmailMeForm, klik Publikasikan.

    EmailMeForm sobat telah dibuat, setiap pesan yang dikirim melalui form ini akan dikirim ke akun EmailMeForm dan Email sobat.

    Cara Membuat Widget Like Box Facebook Di Blog

    Manfaat widget Like Box Facebook di Blog adalah pengunjung pada Blog sobat tau bahwa Blog tersebut juga mempunyai halamanya di Facebook dan pengunjung dapat menyukai halaman Blog sobat di Facebook dengan sekali klik.
    Sebelum membuat Widget Like Box Facebook di Blog, sobat terlebih dahulu harus mempunyai halaman Blogspot sobat di Facebook. Jika sobat belum punya halaman Blogspot di Facebook, sobat bisa baca panuduan ini, Cara Membuat Halaman Blog di Facebook. Baca juga untuk tampilan lebih sederahana yaitu Tombol Like Facebook di Blog. Jika sobat telah mempunyai halaman Blogspot sobat di Facebook, maka membuat Like Box Facebook di Blog dapat dimulai.
    OK, mulai saja sob. Cara membuat Like Box Facebook di Blog:
    1. Login ke Facebook dengan akun sobat.
    2. Isikan URL http://developers.facebook.com/docs/reference/plugins/like-box/ dan langsung kunjungi URL tersebut.
    3. Atur Tampilan.
    Masukan URL halaman blogspot sobat di Facebook.
    Width, atur lebar Widget.
    Height, atur panjang Widget.
    Show Faces, menampilkan foto Profil Likers atau tidak.
    Color Scheme, pilih antara dark atau light.
    Stream, tampilkan ringkasan halaman Facebook atau tidak.
    Border Color, tentukan warna garis luar.
    Show header, tampilkan header atau tidak.
    4. Setelah selesai klik Get Code untuk mendapatkan kode HTML widget Like Box.

    Cara Membuat Widget Like Box Facebook di Blog
    5. Mendapatkan kode html Like Box, agar lebih mudah masuk pada bagian iFrame. Coppy seluruh kodenya.
    Cara Membuat Widget Like Box Facebook di Blog
    6. Selanjutnya, masuk pada akun Blogger sobat.
    7. Masuk pada bagian Tata Letak.
    8. Kllik tambah gadget, pilih posisi mana yang sobat inginkan untuk memasang Widget Like Box.
    9. Pilih HTML/Javascript.
    10. Pastekan kode iFrame dan klik simpan.

    Selesai, Widget Like Box Facebook telah berhasil dipasang pada Blog sobat. Silakan lihat hasilnya.

    Cara Mudah dan Cepat Menaikkan Page Rank Blog



    Halo sob, pada postingan kali ini kita berbagi cara agar dapat dengan mudah dan cepat menaikkan page rank blog kita.
    Menaikkan page rank blog sebenarnya bisa dilakukan dengan berbagai cara, hanya kita perlu lebih kreatif saja...:) Ok, gini sob, silahkan kalian copas artikel ini ke blog kalian. Kemudian untuk cara kerjanya akan saya jelaskan dibawah.
    1. Situs Murah
    2. ilmu-kompi
    3. Sandi Go Blog
    4. Trik-Gue
    5. alfacroon
    6. ZonaMaya Info
    7. Pabrik Info
    8. Aviedz - Info Info Menarik
    9. bootingskoBlog
    10. Adam kurnia
     
    Jadi, untuk cara kerjanya setelah copas artikel ini ke blog masing-masing, kalian hanya perlu  menghapus link pada urutan 1 dan pindahkan link di urutan-urutan 2 - 10 naik satu step ( yg nomor 2 ke 1, 3 ke 2, 4 ke 3, dan seterusnya sampai yg urutan 10 ke 9). Setelah itu silahkan masukkan link kalian sendiri pada posisi ke 10.
    Nah, selanjutnya ajak orang lain untuk mengikuti cara ini sehingga semakin banyak backlink yang bisa sama-sama kita dapatkan. Ilustrasi nya kurang lebih seperti ini :
    Jika kalian bisa mengajak lima orang saja untuk mengcopy artikel ini maka jumlah backlink yang akan didapat adalah:
    • Posisi 10, jumlah backlink = 1
    • Posisi 9, jumlah backlink = 5
    • Posisi 8, jumlah backlink = 25
    • Posisi 7, jumlah backlink = 125
    • Posisi 6, jumlah backlink = 625
    • Posisi 5, jumlah backlink = 3,125
    • Posisi 4, jumlah backlink =15,625
    • Posisi 3, jumlah backlink = 78,125
    • Posisi 2, jumlah backlink = 390,625
    • Posisi 1, jumlah backlink = 1,953,125
    Gimana mudah kan? Saya menyarankan kalian mengikuti cara ini karna positif kan buat kita bersama, bisa sama-sama mendapat backlink yang banyak sehingga blog kita pun akan meningkat secara signifikan.
    Terima kasih, semoga postingan kali ini bermanfaat...:)
     
    RSS Twitter Google Facebook
    Copyright © 2012 - 2013 | Adam Blog | All Rights Reserved