TUTORIAL | TIPS DAN TRIK

Justify atau rata kiri-kanan lazim digunakan dalam pembuatan laporan. Tapi Masih jarang orang yang mengaplikasikannya di dalam postingan blog. Pada artikel saya sebelumnya yang berjudul "Multi-colum layout Menggunakan CSS3" saya mencoba membagi postingan menjadi beberapa kolom dengan mengunakan css3. setelah saya lihat, kok rada aneh jika kolom-kolom yang ada tidak menganut justify alignment. Kita bisa saja membuat postingan bergaya justify dengan meng-klik tombol alignment yang ada di atas. Tapi bayangkan jika blog ini sudah memiliki sekitar 80 posting dan saya harus menggantinya satu-satu.

Maka solusinya adalah dengan menambahkan beberapa code css.

Caranya :
Masuk ke Elemen halaman template blogger anda kemudian pilih Edit HTML, tekan control F kemudian cari kode yang mirip seperti dibawah ini:

/* Posts
-----------------------------------------------

.post {
float: left;
width: 316px;
display: inline;
margin-top: 15px;
margin-left: 0px;
margin-right: 8px;
margin-bottom: 10px;
}

Dalam postingan sebelumya saya membahas tentang bagaimana membuat round corner dengan css3. dalam postingan tersebut saya menggunakan penulisan dengan gaya koran atau majalah dengan cara membagi kolom yang ada menjadi 2 bagian. Dengan menggunakan css3 kita hanya perlu beberapa code untuk membuat beberapa kolom. Karena code untuk membagi kolom sudah tersedia di css3. Code yang digunakan adalah column-width jika kita ingin membagi kolom berdasarka lebarnya dan column-count jika kita ingin membagi kolom berdasar jumlahnya.

Seperti yang sudah saya singgung di artikel saya yang berjudul Border-radius: Membuat pojok yang tidak lancip dengan CSS3 bahwa ada dua buah browser besar dengan 2 cara penulisan. yaitu dengan menambahka -moz- untuk Mozila/Firefox dan -webkit- untuk Google Chrome.
Berikut adalah contoh pembuatan kolom dengan menggunakan code column-width. Yaitu Menentukan kolom berdasarkan lebar-nya. Code yang saya tuliskan adalah :

.contoh1 {
width:500px;
margin: 0 auto;
padding: 5px;
clear: both;
background-color:rgba(255, 255, 255, 0.8);
-moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.3);
&-webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.3);
-moz-column-gap: 1em;/*Ukuran gap atau jarak  antar kolom*/
-moz-column-width: 13em; /*Lebar kolom*/
-webkit-column-gap: 1em; /*Ukuran gap atau jarak  antar kolom*/
-webkit-column-width: 13em;/*Lebar kolom*/
}

Hasilnya akan terlihat seperti berikut :

Untuk membuat sebuah box seperti diatas code css yang saya gunakan adalah:

WWWow hari ini aku kaget banget pas melihat ke widget alexa-ku..
Nilai Links in-ku cuma 10..
Biasanya kan 300 ribu sekian... apa yang sebenarnya terjadi??
Bingung juga neh bagaimana cara menaikan Alexa Links in menjadi seperti semula?? Sebenarnya aku belum mulai melakukan apa apa sih, tapi aku berharap disini aku bisa berbagi tentang bagaimana nantinya aku meningkatkan Alexa Links in blog ini...

Inilah langkah-langkah yang aku lakukan :

1. Apasih Alexa Links in??
   Sebelum memulai meningkatkan Alexa Links in, tentu saja kita harus tahu apa definisi links in menurut alexa. ini nih definisi Links In menurut Alexa :
   
   

Kadang-kadang tidak peduli seberapa keras Anda mencoba, website / blog anda tidak akan memperoleh peringkat tinggi untuk kata kunci yang anda targetkan. Jika hal ini terjadi, maka kemungkinan besar situs / blog anda telah di "banned" oleh Google. Tidak muncul di SERP Google akan menghancurkan kesempatan anda untuk membuat blog anda di kunjunggi, karena menurut saya lebih dari 50% unique visitor datang dari Google. Jadi jika Anda menghadapi masalah ini anda bisa meng-klik link di bawah ini untuk mempelajari lebih lanjut tentang apa yang dapat Anda lakukan untuk mengatasi hal ini :

Google Requesting Reconsideration

• Membeli Teks Link - Membeli Teks Link merupakan salah satu alasan mengapa situs Anda di "banned" oleh Google. Google mulai melarang penggunaan teks link sejak tahun 2007. Klik link di bawah ini untuk membaca lebih lanjut tentang hal ini.
  
  

Ada sebuah situs yang menawarkan $2 untuk setiap member yang kita ajak gabung namanya imcrew.com. untuk bergabung di imcrew.com bahkan kita tidak perlu membayar.. pertanyaanya apakah imcrew.com scam?? sya sendiri tidak tahu apakah situs itu scam atau bukan...

jika anda ingin memcobanya silahkan gabung di



kita buktikan apakah imcrew.com scam atau bukan..

Inner Page SEO adalah salah satu konsep untuk mempertinggi kualitas SEO pada sebuah website atau blog. Inner Page SEO lebih mengacu kepada peng-optimalisasian SEO melalui blog atau website tersebut. Namun untuk mendalami Inner Page SEO minimal anda harus mengerti dasar html.

Search Engine Optimization

Apa sajakah yang yang termasuk dalam teknik Inner Page SEO :

Blogger Indonesia dukung internet aman, sehat & manfaat

Heran kenapa posisiku di serp sangat jauh dari yang di harapkan.. yah udah ikut kontes yang di adakan oleh BEM FASILKOM UMB dengan kata kunci Blogger Indonesia dukung internet aman, sehat & manfaat tapi kenapa postingku posisinya jauh dari pada yang di harapkan padahal posisi home pada blog ini jauh lebih tinggi di serp dengan kata kunci itu. kemaren aku juga dah nulis tentang kata kunci yang di lombakan sok ath liat disini tapi ya itu, bahkan posisi home jauh lebih tinggi di serp.

so...
yah moga-moga kata kunci nya yaitu Blogger Indonesia dukung internet aman, sehat & manfaat yang aku tembak kali ini bisa tembus posisi satu.. hehehheh padahal nubi tapi gpp kan sedikit berharap....