Mengenal Firebuge

Menggunakan Firebuge untuk membantu pengeditan blog

Firebug merupakan fitur  untuk mendeteksi susunan HTML pada suatu halaman. Bagi seorang web desainer hal ini tentu sangat membantu, karena kita tidak perlu susah payah mencari tahu dibagian apa yang ingin kita edit ini berada.

Menggunakan firebug sangatlah mudah, setelah kita mengistalnya pada browser, icon firebug akan muncul dibar browser (kalau di firefox akan muncul disudut kanan atas), dan cukup mengklik icon tersebut jika kita ingin menggunakannya.

Firebug berfungsi untuk  menampilkan susunan html,css ataupun javascript. Selain itu, kita juga bisa mengeditnya langsung di firebug, namun tentu saja pengeditan ini hanya berlaku pada halaman yang kita edit itu dan akan kembali normal ketika kita mereload halaman tersebut, namun hal inilah yang justru membantu untuk mendesain. Apabila saudara berminat dengan tampilan halaman suatu situs yang sedang saudara kunjungi, saudara bisa langsung menginspeknya dengan menggunakan firebug.

read more...

Memberi background pada postingan

 =========== Contoh Tampilan =============

Bagaimana cara memberi background pada postingan

1. Mulailah dengan membuat postingan baru.

2. Saat saudara selesai membuat tulisan, ganti bilah tampilan compose dengan HTML

 3. Masukan kode berikut untuk memberi warna background :

       Kode  Warna 

============================================================= 

<div style="background-color: #444; color: #fff; padding: 10px;">Tulisan saudara....</div>

==============================================================

 4. Atau masukan kode berikut untuk memberi gambar background

 ====================================================================

div style="background: url(URL GAMBAR); background-size: cover; color: #000; padding: 10px;"> 

Tulisan saudara
</div>

=====================================================================

 5. Klik Save >>> Publish 

 Selamat Mencoba "-", Bila masih ada yang ingin ditanyakan silahkan tigalkan pesan...

           

read more...

Membuat tampilan postingan seperti koran

Membuat postingan seperti tampilan koran memang menarik, dan hal ini juga tidak mempengaruhi nilai seo secara keseluruhan. Dan bagi saudara yang tertarik memcobanya silahkan ikuti tutorial dibawah ini.

1. Mulailah dengan membuat postingan baru, baca peraturan dalam membuat postingan. 

2. Ganti bilah compose dengan bilah HTML untuk memasukan kode script berikut:

 ====================================================================================

<table border="0" cellspacing="10" style="width: 650px;"> <tbody>

<tr> <td valign="top" width="250">Kolom 1</td> <td valign="top" width="250">Kolom 2</td> </tr>

</tbody></table>

 =====================================================================================

Ket: Untuk melihat hasilnya, pindahlah kembali kebilah compose dan mulailah mengetik dikolom tersebut. Penasaran dengan contoh hasilnya klik gambar ini.

read more...

Menghilangkan tulisan showing post with label

Dibawah ini adalah tutorial  untuk menghilangkan tulisan showing post with label  pada halaman. Namun, sebelumnya sedikit masukan dari saya, lupakan saja niatan menghilangkan tulisan showing post with label , karena lebel ini ternyata berpengaruh pada nilai seo blog saudara. Mau lihat buktinya, silahkan tes seo saudara disini, sebelum melakukan pengeditan dan setelahnya.

Mungkin saudara akan bertanya memang apa itu seo, ingin tahu klik disini. Dan, sekiranya saudara sudah mengetahui betapa pentingnya nilai seo pada blog, tapi tetap ingin melanjutkan misi saudara, maka sepertihalnya saya, gunakankanlah trik dibawah ini.

1. Silakan masuk kehalaman dasbor saudara.

2. Selanjutnya pilih Template >>> Edit HTML

4. Kemudian silakan cari kode seperti di bawah ini pada kode HTML blog Anda.

<b:includable id='status-message'>
        <b:if cond='data:navMessage'>
        <div class='status-msg-wrap'>
        <div class='status-msg-body'>
        <data:navMessage/>
 </div>
<div class='status-msg-border'>
        <div class='status-msg-bg'>
        <div class='status-msg-hidden'>
        <data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
 </b:if>
 </b:includable>

5. Jika sudah dapat kodenya, silakan ganti semuanya dengan kode di bawah ini

<b:if cond='data:navMessage'>
 <div>
 </div>
<div style='clear: both;'/>
 </b:if>
 </b:includable>

6. Setelah selesai pengeditan, klik preview untuk memastikan apakah berhasil atau tidak, bila sudah benar, klik save.

Demikianlah cara untuk mengahapus showing post with label dengan resiko nilai seo berkurang..haha. Sebenarnya ada cara lain yaitu jangan dihapus, tapi disembunyikan. Caranya juga sangat mudah silahkan cari kode:

  <div class='status-msg-wrap'>

kemudian kita sembunyikan dengan menambahkan style="visibility: hidden", hasilnya seperti ini:

<div class='status-msg-wrap' style='visibility: hidden' >

Apabiila saudara masih merasa kesulitan silahkan tigalkan pesan, insya ALLAH nanti dibantu..

read more...

Menaikan trafik web secara pasif melalui pihak ke3

Menaikan traffk web secara pasif , Hitleap

"Banyak jalan menuju Roma " kata-kata bijak ini memang cocok untuk dijadikan pegangan bagi orang yang ingin sukses. Postingan kali ini akan membahas tentang sebuah jalan, tapi bukan menuju Roma, melainkan sebuah jalan untuk menaikan traffik pengunjung web/blog secara instan.

Mungkin saudara akan bertanya, apakah ada dampak negatif menggunakan trik seperti ini, silahkan kunjungi page SEO untuk melihat detainya.  

Hitleap, situs ini merupakan salah satu dari banyak situs yang menyediakan jasa menaikan traffik web. Tenang, saudara tidak harus banyak mengklik atau menyelesaikan misi untuk menikmati hasilnya, hanya perlu turuti 3 tahap sederhananya, dan traffik web saudara akan meningkat. Bahkan saya merasa untuk yang satu ini tidak perlu diberi penjelasan. Karena apa yang saudara lakukan hanya mengisi data URL dan memverifikasi lewat email.

Saudara berminat !!!

Silahkan klik link dibawah ini.

Artikel ini kuketik, sebagai catatan inspirasi perjalan blog-ku. Selamat Mencoba "-"

read more...