Pasang Google Toolbar

Sudah tahu kan istilah PR atau Google PageRank? itu tuh peringkat yang di berikan om google terhadap suatu halaman blog atau website. Kalau belum tahu, silahkan baca ulasan lengkapnya di Wikipedia. PageRank di peringkat dari 1 sampai 10, semakin tinggi nilai PageRank berarti semakin bagus. Nilai PageRank 4 saja sudah di anggap bagus, dan jika anda dapat lebih dari itu berarti memang yahood.



Untuk mengecek PageRank, anda bisa menggunakan situs PageRank Checker seperti Mypagerank.net, googlepagerank.seocaster.com, serta situs-situs yang lainnya. Namun, jika anda ingin mengetahui PageRank setiap blog atau website secara cepat dan akurat, anda bisa memasang Google toolbar di browser yang anda pakai seperti yang kang Rohman lakukan, jadi setiap kali kita mengunjungi blog orang lain atau siapapun maka PageRank dari blog tersebut akan terlihat.







Bagi anda yang tertarik untuk memasang google toolbar, silahkan anda download saja. Bagi pengguna  internet explorer bisa di download di sini!,  pengguna firefox bisa download di sini!.

Selain untuk melihat pagerank secara cepat dan akurat, google toolbar juga mempunyai fungsi-fungsi yang lain yang sangat berguna bagi anda para maniak google.

Selamat mencoba!

Pasang Skrip Alert Di Blog

Mungkin anda pernah mengunjungi satu blog yang ketika di buka tidak langsung terlihat isi blognya, namun ada pesan yang mirip dengan gambar di samping. Lain orang tentu lain keinginan, jika kang Rohman sendiri sedikit kurang menyukai untuk memasang script ini karena mengurangi kenyamanan para pengunjung di sebabkan setiap buka halaman baru pesan ini akan selalu muncul dan harus selalu di klik oleh pengunjung blog.

Jika anda ingin memasang script ini, di sarankan agar tidak memasang terlalu banyak. Pernah kang Rohman mengunjungi suatu blog dengan alert yang banyak sehingga terasa kurang nyaman.

Untuk memasang fasilitas alert di blog tidak lah sulit, karena script yang di pasang tidaklah banyak. Contoh script yang di pasang seperti ini :

 

<SCRIPT language='JavaScript'>alert("Selamat datang di blog kang Rohman");</SCRIPT>

 

Tulisan yang berwarna merah adalah tulisan yang hendak anda tuliskan, tentunya ini sesuai dengan keinginan anda. Satu script adalah untuk satu alert, jika ingin menambahnya berarti tinggal menambahkan script tambahkan sesuai dengan keinginan. Misal ingin memasang dua buah alert, maka misalkan scriptnya jadi seperti ini :

 

<SCRIPT language='JavaScript'>alert("Selamat datang di blog kang Rohman");</SCRIPT>

<SCRIPT language='JavaScript'>alert("Semoga anda merasa nyaman di sini");</SCRIPT>

 

Sangat sederhana bukan? selain dengan memakai script di atas, tentu saja masih banyak cara untuk membuat alert, misal dengan memakai script ini :

 

<SCRIPT language='JavaScript'>window.alert("Selamat datang di blog kang Rohman");</SCRIPT>

 

Hasilnya akan sama, jadi silahkan mau pilih yang mana.

 

Masih bingung cara memasangnya di blog? berikut adalah langkah-langkahnya :

 

1. Login ke blogger.
2. Klik Tata Letak.
3. Klik tab Edit HTML
4. Klik tulisan Download Template Selengkapnya.
5. Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula.
6. Cari kode </head>.
7. Copy paste kode berikut di atas kode </head> (ganti tulisan yang berwarna merah dengan yang anda inginkan).

    

   <SCRIPT language='JavaScript'>alert("Selamat datang di blog kang Rohman");</SCRIPT>

    

8. Klik tombol SIMPAN TEMPLATE.
9. Selesai. Silahkan buka blog anda untuk melihat hasilnya.

 

Mudah bukan? silahkan di coba jika tertarik!

Tanya Jawab Seputar Template Magazine 1

Seharusnya posting ini sudah lama saya tulis karena template magazine 1 sudah lama sekali saya Launching jauh sebelum template magazine 2. Dan sebelumnya saya tidak bermaksud untuk menulis tentang ini, namun karena banyak sekali pertanyaan masuk yang menanyakan seputar template magazine 1 ini, maka ada baiknya jika saya menuliskannya agar bagi anda para pengguna template ini tidak merasa kebingungan.

Berikut adalah beberapa yang sering di tanyakan seputar magazine template 1 :

Tanya :

Bagaimana cara mengupload Template Magazine1 ke blogger?

Jawab :

Pertama, silahkan download dulu templatenya di sini! atau di blog template File yang anda download pertama kali adalah masih dalam bentuk file zip, oleh karena itu anda perlu mengekstraknya dengan tool ekstraktor misal seperti winzip atau winrar. Setelah di ekstrak, maka file zip tersebut akan berubah menjadi file XML. Nah, file XML tersebut siap untuk di upload ke blogger.

Ketika anda mengupload file xml ke blogger, kang rohman sarankan untuk tidak menggunakan browser FireFox 3, karena menurut pengalaman pribadi kang rohman ketika mengedit template menggunakan firefox 3 sering terjadi error, sedangkan memakai browser yang lain tidak ada masalah. hal lain yang tak kalah penting ketika mengganti template adalah sebelum mengganti template, backup lah terlebih dahulu widget-widget anda. belum tahu bagaimana cara membackup widget? silahkan baca di sini! Untuk cara mengganti template, silahkan baca di sini!

Tanya :

Bagaimana cara membuat fungsi Read more (baca selengkapnya) ?

Jawab :

Untuk membuat fungsi Read more / Baca selengkapnya, silahkan baca di sini! atau di sini!

satu catatan kecil : kode di bawah ini

<div class='post-body'>

itu sama saja dengan kode :

<div class='post-body entry-content'>

Jadi jangan bingung tujuh keliling oke!

Tanya :

Bagaimana cara mengganti banner header dengan banner buatan sendiri?

Jawab :

Untuk mengganti banner untuk header, saya sarankan untuk membuat sebuah banner yang berukuran 900px X 190px. Setelah anda mempunyai sebuah banner yang akan di pakai untuk header, langkah selanjutnya adalah menguploadnya ke blogger. Berikut adalah langkah-langkah untuk mengganti header :

1. Login ke blogger.
2. Klik Tata letak.
3. Klik elemen Halaman.
4. Klik tulisan Edit pada kolom headernya.
5. Klik tombol browse…
6. Masukan banner yang tadi anda buat.
7. Pilih selain judul dan keterangan.
8. Klik tombol simpan.
9. Selesai.

Berikut adalah ilustrasi dengan memakai gambar agar anda lebih faham :

Tanya ;

Bagaimana cara mengedit menu navigasi yang ada di header?

Jawab :

Untuk mengedit menu navigasi yang ada di bawah header, berikut adalah langkahnya :

1. Login ke blogger.
2. Klik Tata letak.
3. Klik elemen Halaman.
4. Klik Edit HTML
5. Klik tulisan Download Template Selengkapnya.
6. Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula.
7. Beri tanda centang pada kotak di samping tulisan Expand Template Widget , lihat gambar di bawah :

   

8. Cari kode yang seperti ini :

   <ul class='menu2'>
   <li><a href='#nogo'><b>Home</b></a></li>
   <li><a href='#nogo'><b>Edit-Me</b></a></li>
   <li class='current'><a href='#nogo'><b>Edit-Me</b></a></li>
   <li><a href='#nogo'><b>Edit-Me</b></a></li>
   <li><a href='#nogo'><b>Edit-Me</b></a></li>

   <li><a href='#nogo'><b>Edit-Me</b></a></li>
   </ul>

   Silahkan ganti #nogo dengan link yang anda inginkan, ganti pula tulisan Edit-Me dengan tulisan yang ingin muncul pada menu navigasi tersebut, misal :
   <li><a href='http://kolom-tutorial.blogspot.com'><b>Home</b></a></li>
   <li><a href='http://kolom-tutorial.blogspot.com/search?max-results=200'><b>Daftar isi</b></a></li>

9. Klik Tombol SIMPAN TEMPLATE.
10. Selesai.

Tanya :

Kenapa ketika di klik menu Older Post atau Posting Lama yang muncul hanya judulnya saja tidak beserta isi postingnya.

Jawab ;

Template magazine 1 memang di desain seperti itu, jika anda tidak merasa cocok dan menginginkan agar ketika di klik menu Older Post atau Posting Lama muncul beserta isi posting nya tidak hanya judul saja, maka anda perlu mengubah kode template anda, caranya seperti ini :

1. Login ke blogger.
2. Klik Tata letak.
3. Klik Elemen Halaman.
4. Klik Edit HTML.
5. Klik tulisan Download Template Selengkapnya.
6. Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editing pada template, kita masih punya back up data untuk mengembalikannya seperti semula (Penting sekali!).
7. Beri tanda centang pada kotak di samping tulisan Expand Template Widget , lihat gambar di bawah :

   

8. Cari kode yang seperti ini :

   <b:if cond='data:blog.homepageUrl != data:blog.url'>
   <b:if cond='data:blog.pageType != &quot;item&quot;'>

   <div style='padding:4px 5px 4px 0px;margin:3px;font-weight:bold;'>
   <a expr:href='data:post.url'>
   <data:post.title/></a>
   </div>

   <b:else/>
   <b:include data='post' name='post'/>
   </b:if>
   <b:else/>
   <b:include data='post' name='post'/>
   </b:if>

9. Ganti kode di atas tadi dengan kode di bawah ini :
   <b:include data='post' name='post'/>

10. Klik tombol SIMPAN TEMPLATE.

11. Selesai. Silahkan klik menu Posting Lama nya dan saya jamin akan muncul beserta isi postingnya.

Untuk sesi tanya jawab seputar magazine template 1 cukup dulu deh, mudah-mudahan posting ini mewakili jawaban dari pertanyaan anda yang menggunakan template ini.

Menghilangkan Icon Obeng dan Tang / Quick edit Blogger

Menanggapi pertanyaan dari beberapa blogger… hehehe… kang Rohman serasa jadi konsultan blogger saja ya kalau posting biasanya pake kata-kata tersebut soalnya “ Your Questions is my inspiration” pertanyaan anda adalah inspirasiku. Jadi rahasia kenapa blog ini masih bisa bertahan sampai sekarang adalah karena masih ada yang bertanya ke kang Rohman. So, tentu saja ide untuk posting selalu ada. Eh..eh.. ko…gitu sich.. la ko  jadi ngelantur nih, kembali ke judul posting ini ah.

Apa sih maksud dari judul posting ini, sepertinya agak aneh? begini nih teman-teman, jika kita sedang mengedit template dan melihat hasilnya maka pada sudut-sudut element akan terlihat icon bergambar obeng dan tang. berikut contoh screenshotnya :

 

 

Icon tersebut di sebut juga dengan icon Quick Edit atau dengan kata lain untuk mengedit secara cepat. Fungsinya jika kita ingin melakukan editing terhadap elemen tersebut tinggal klik saja icon nya dan kita bisa langsung mengeditnya. Icon tersebut sebenarnya hanya bisa di lihat apabila kita sedang login ke blogger saja, sedangkan pengunjung yang lain tidak bisa melihat icon tersebut.

Namun ternyata ada beberapa blogger yang tidak suka dengan kehadiran icon tersebut dan ingin menghapusnya. Apakah kita bisa  menghapus icon tersebut? Jawabannya tentu saja bisa, dan sangatlah gampang karena kita hanya melakukan perintah agar icon itu tidak di munculkan dengan hanya manambahkan sedikit kode pada kode CSS template kita. Ingin tahu kodenya seperti apa, nih ini dia kodenya, coba pasang saja di Style Sheet CSS anda :

 

.quickedit{
display:none;
}

 

Mudah sekali bukan? atau masih bingung. Ok deh, ini dia cara lengkapnya :

 

1. Login ke blogger dengan ID anda tentunya.
2. Klik  Tata Letak.
3. Klik tab Edit HTML.
4. Cari kode seperti ini :

    

   ]]></b:skin>

    

5. Copy paste kode berikut persis di atas kode yang tadi :

    

   .quickedit{
   display:none;
   }

    

6. Klik tombol Simpan template.

7. Selesai.

 

 

Selain langkah di atas, sebenarnya masih ada yang harus anda lakukan yaitu silahkan ucapkan “ Selamat tinggal Obeng dan Tang…dadaaahhhhh “ hehehe….

 

Selamat mencoba!

Tanya Jawab seputar Template magazine 2

Bagi anda para pengguna Template Magazine 2 yang Kang rohman launching pada postingan ini, ada kabar baik bagi anda. Postingan kali ini kang Rohman akan membahas tentang beberapa hal yang berhubungan dengan template tersebut. Jadi jangan khawatir anda akan kelimpungan dalam hal memakai template itu. Berikut adalah beberapa pertanyaan yang sering di tanyakan ke kang Rohman.

Tanya :

Bagaimana cara mengupload Template Magazine 2 ke blogger?

Jawab :

Pertama, silahkan download dulu templatenya di sini! File yang anda download pertama kali adalah masih dalam bentuk file zip, oleh karena itu anda perlu mengekstraknya dengan tool ekstraktor misal seperti winzip atau winrar. Setelah di ekstrak, maka akan ada satu folder silahkan di open saja. Dalam folder tersebut ada beberapa buah file yaitu file yang memuat gambar-gamabar, file xml, serta file readme.

File gambar, adalah memuat gambar-gambar background untuk template tersebut, silahkan di upload ke hosting gambar tempat anda biasa menyimpan gambar. Kemudian ambil URL gambar tersebut untuk nanti menggantikan alamat gambar yang kang rohman gunakan pada template tersebut,  ini di maksudkan agar tidak terlalu banyak yang menggunakan sumber gambar yang kang rohman gunakan, karena jika terlalu banyak yang memakainya maka nanti server gambar yang kang Rohman gunakan akan down sehingga template anda akan terlihat sangat jelek karena background gambarnya hilang.

Ketika anda mengupload file xml ke blogger, kang rohman sarankan untuk tidak menggunakan browser FireFox 3, karena menurut pengalaman pribadi kang rohman ketika mengedit template menggunakan firefox 3 sering terjadi error, sedangkan memakai browser yang lain tidak ada masalah. hal lain yang tak kalah penting ketika mengganti template adalah sebelum mengganti template, backup lah terlebih dahulu widget-widget anda. belum tahu bagaimana cara membackup widget? silahkan baca di sini! Untuk cara mengganti template, silahkan baca di sini!



Tanya :

Bagaimana cara membuat fungsi Read more (baca selengkapnya) ?



Jawab :

Untuk membuat fungsi Read more / Baca selengkapnya, silahkan baca di sini! atau di sini!

satu catatan kecil : kode di bawah ini



<div class='post-body'>



itu sama saja dengan kode :



<div class='post-body entry-content'>



Jadi jangan bingung tujuh keliling ya!



Tanya :

Bagaimana cara mengganti header dengan gambar buatan sendiri?



Jawab :

Bagian header template ini di buat dalam dua kolom, yaitu samping kiri dan kanan. Untuk header yang asli adalah kolom yang sebelah kiri, yang kanan bisa anda masukan apa saja. Untuk membuat header banner yang di header, silahkan buat banner berukuran 420 X 100 pixel, misal seperti gambar ini :

Di sarankan mempunyai background hitam karena background headernya berwarna hitam. jika bannernya sudah di buat, silahkan ikuti langkah-langkah berikut :

Login ke blogger >> Tata Letak >> Elemen Halaman >> klik tulisan Edit Pada kolom header nya >> Klik tombol browse.. >> masukan banner yang tadi anda buat >> pilih selain judul dan keterangan >> Klik tombol SIMPAN >> Selesai. Perhatikan ilus trasi gambar berikut :

Tanya ;

Bagaimana cara mengedit menu navigasi yang ada di header?



Jawab :

Untuk mengedit menu navigasi yang ada di bawah header, berikut adalah langkahnya :

Login >> Tata Letak >> Edit HTML >> Cari kode yang seperti ini :



<div id='nav'>

<ul>

<li><a href='/'>home</a></li>

<li><a href='#'>edit-me</a></li>

<li><a href='#'>edit-me</a></li>

<li><a href='#'>edit-me</a></li>

<li><a href='#'>edit-me</a></li>

</ul>

</div>



Silahkan ganti tanda pagar dengan link yang anda inginkan, ganti pula tulisan edit-me dengan tulisan yang ingin muncul pada menu navigasi tersebut, misal :



<li><a href='http://www.blosgpottutorial.com'>Blog tutorial</a></li>



Jangan lupa untuk klik tombol SIMPAN TEMPLATE. selesai.

Mungkin itu saja untuk sementara, semoga tidak ada pertanyaan lain lagi.

NB : template ini akan di launching dalam beberapa pilihan warna lho. So, don’t miss it my friends.

Free Template : Magazine Template 2

Setelah satu minggu kang Rohman berpuasa untuk posting di blog ini, akhirnya saya sempatkan juga mampir di sini agar para pengunjung tidak merasa jemu dengan tampilan blog Kang Rohman yang tulisannya itu itu melulu tiap hari.



Namun, hari ini pun bukan mau nulis tentang tutorial tapi mau bagi-bagi template. Nah, template yang akan saya bagi-bagi gratis ini di beri nama " Magazine Template 2 ", karena template yang dulu namanya " Magazine template 1 ". bener ngga ya sehabis 1 itu 2? hihihi...



Yang mau lihat demonya, silahkan kunjungi http://magazinetemplate2.blogspot.com

Bagi anda yang berminat dengan template ini, silahkan download. Namun tolong hargai hasil kerja saya dengan tidak menghapus link credit yang ada di footer template tersebut. Anda tidak suka dengan link tersebut? silahkan jangan pake template buatan saya.



Jika anda ingin mereview template ini, silahkan! namun diharapkan untuk tidak membuat link sendiri. Silahkan link langsung ke posting ini.



Yang berminat silahkan Download



Download Magazine Template 2