Hotel Murah di Semarang via KlikHotel.com

Hotel Murah di Semarang via KlikHotel.com. Kali ini saya mencoba peruntungan baru di dunia kontes SEO. Kontes SEO yang saya ikuti ini diselenggarakan oleh sebuah peusahaan swasta yang bergerak di bidang jasa, tepatnya jasa perhotelan. Hotel Murah di Semarang via KlikHotel.com, menjadi keyword yang haru saya rebutkan dalam kontes yang diselenggarakan oleh klik hotel ini. Bukan hal yang mudah memang mengingat kontes ini telah berlangsung hampir satu bulan lamanya dan saya baru memulai start.

Pada kontes ini saya hanya mengikutkan 1 blog pribadi saya, Ino Putro. Bukan hanya ingin mengincar hadiah yang diberikan, tapi saya lebih ingin mengukur seberapa kemampuan SEO yang di miliki blog ini. Karena memang tidak dipungkiri lagi jika dengan mengikuti kontes SEO maka kita akan bisa mengetahui seberapa tangguh blog kita dalam bersaing di serp. Dan keyword Hotel Murah di Semarang via KlikHotel.com akan menjadi penentuan dari usaha saya ini.

Terlepas menang atau tidaknya saya sangat berharap blog ino putro ini dapat memberikan yang terbaik bagi saya.

Cara Membuat Huruf Besar Awal Postingan atau Drop Cap

Cara Membuat Huruf Besar Awal Postingan atau Drop Cap. Tampilan koran, majalah, ataupun media cetak lainnya memeang sedikit banyaknya menginspirasi para blogger dalam mendesain blognya. Karena memang tampilan yang disajikan biasanya simple, elegan dan yang terpenting adalah user friendly. Salah satunya adalah drop cap atau biasa disebut huruf besar di awal postingan. Tentunya pernah kan sobat blogger mendatangi blog tetangga yang menggunakan drop cap ini. Bisa dilihat mereka menggunakan huruf besar untuk huruf pertamanya. Seperti artikel koran-koran yang sliweran setiap pagi hari.

Dan berikut cara membuat huruf besar awal postingan atau drop cap:

• Langsung saja seperti biasa kita ke TKP, dashbord =>> rancangan =>> edit html
• Carikode ]]></b:skin> dan masukkan kode di bawah ini di atasnya 

/* kode untuk huruf awal
----------------------------------------------- */
.awal {
float:left;
color: #000000;
background:#ffffff;
line-height:80px;
padding-top:1px;
padding-right:5px;
font-family:times;
font-size:100px;

• Simpan pekerjaan anda. Cukup mudah bukan.

Selamat mencoba dan salam sukses.

Cara Membagi Footer di Blogspot

Cara Membagi Footer di Blogspot. Dewasa kini banyak sekali blogger-blogger yang mencoba menyajikan artikel-artikel berita ataupun yang unik untuk mencari visitor dan pageview. Biasanya blogger yang menggunakan template standar 2 kolom akan mengalami masalah karena minimnya lokasi untuknya berkreasi. Karena pada dasarnya artikel berita ataupun unik itu tidak terlalu mengandalkan search engine untuk mengakses semua kontennya melainkan mengandalkan seberapa bisa template blog yang digunakan bisa menyajikan apa yang ada dalam sebuah blog. Dan bagi pengguna template 2 kolom mungkin penambahan footer bisa menjadi jalan keluar untuk masalah ini. Berikut cara agar footer kita terbagi menjadi 2 atau lebih.

Cara Membagi Footer di Blogspot:

• Langsung saja ke TKP, dashbord =>> rancangan =>> edit html. Kili expand template widget.
• Cari kode ]]></b:skin>  dan letakan kode berikut di atasnya.

#footer-column-divide {
clear:both;
}
.footer-column {
padding: 10px;
}

• Selanjutnya cari kode di bawah ini.

<div id='footer-wrapper'>
<b:section class='footer' id='footer' showaddelement='yes'/>
</div

• Jika tidak ada cari kode di bawah ini.

<div id='footer'>
<b:section class='footer' id='footer' showaddelement='yes'/></div>

• Kemudian anda masukkan kode berikut ini tepat di bawah <b:section class='footer' id='footer' showaddelement='yes'/> atau tidak <b:section class='footer' id='footer' />. Jika keduanya tidak ada maka masukan tepat di bawah <div id='footer'>.  

Footer 2 kolom

<div id='footer-column-divide'>

<div id='footer1' style='width: 50%; float:left;
margin:0; text-align:left;'>
<b:section class='footer-column' id='col1'
preferred='yes' style='float:left;'/>
</div>

<div id='footer2' style='width: 50%; float: left;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col2'
preferred='yes' style='float:left;'/>
</div>

<div style='clear:both;'/>
</div>

Footer 3 kolom

<div id='footer-column-divide'>

<div id='footer1' style='width: 33%; float:left;
margin:0; text-align:left;'>
<b:section class='footer-column' id='col1'
preferred='yes' style='float:left;'/>
</div>

<div id='footer2' style='width: 33%; float: left;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col2'
preferred='yes' style='float:left;'/>
</div>

<div id='footer3' style='width: 33%; float: right;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col3'
preferred='yes' style='float:right;'/>
</div>

<div style='clear:both;'/>
</div>

Footer 4 kolom
<div id='footer-column-divide'>

<div id='footer1' style='width: 25%; float:left;
margin:0; text-align:left;'>
<b:section class='footer-column' id='col1'
preferred='yes' style='float:left;'/>
</div>

<div id='footer2' style='width: 25%; float: left;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col2'
preferred='yes' style='float:left;'/>
</div>

<div id='footer3' style='width: 25%; float: right;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col3'
preferred='yes' style='float:right;'/>
</div>

<div id='footer4' style='width: 25%; float: right;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col4'
preferred='yes' style='float:right;'/>
</div>

<div style='clear:both;'/>
</div>

• Simpan pekerjaan anda. Dan sekarang di footer anda telah ada penambahan elemen baru untuk widget. silahkan diisi semau anda.

Selamat mencoba dan salam sukses