Cara Mengatur Halaman Blog Agar Responsive

Cara Mengatur Halaman Blog Agar Responsive - Responsive atau "RESPON" berarti menerima dan dapat menyesuaikan diri terhadap hal-hal yang diterima serta dapat mengatur letaknya sesuai dengan dimana halaman tersebut terbuka sebagai tempat. Responsive bisa juga diartikan sebagai fleksibel area halaman blog, jika halaman dibuka pada resolusi layar yang kecil, maka tampilan halaman blog akan mengikuti lebar layar yang Anda gunakan saat membuka halaman blog saat ini. Sebagai contoh coba Anda minimalkan ukuran layar monitor Anda saat ini, maka secara otomatis halaman akan ikut menyusut mengikuti resolusi layar, hal inilah yang disebut dengan Responsive Page.

Bukan hanya itu, bahkan sebuah website dituntut harus mampu malakukan pendekatan untuk mengatur hasil tampilan halaman yang menunjukkan bahwa desain dan perkembangan dapat merepon dan tanggap pada perilaku pengguna berdasarkan ukuran, platform dan orientasi layar secara otomatis. Dengan kata lain sebuah website harus memiliki sistem teknologi otomatis untuk dapat merespon preferensi pengguna berdasarkan resolusi layar yang digunakan seperti Komputer PC, Laptop, Netbook, Tablet, SmartPhone dan Mobile Phone.

Top Artikel - CSS Flower Navigasi Efek Rotasi

Tidak semua ukuran resolusi layar pada perangkat yang Anda gunakan sama, semua memiliki lebar dan tinggi yang berbeda-beda, untuk itu kita perlu mengatur halaman blog agar responsive, sehingga letak dan layout halaman tetap dalam tampilan yang rapi dimanapun halaman tersebut terbuka dengan menambahkan kode @media-screen, contoh seperti ini:

//halaman hanya akan tampil dengan lebar maksimal 800 piksel
@media only screen and (max-width:800px) {

//pengaturan halaman full (1, 2 atau 3 kolom)
#outer-wrapper {width:750px; margin:0 auto;}

//halaman posting (jika pada mobile phone akan tampil individu)
#main-wrapper {width:750px;}
//layout sidebar
#sidebar-wrapper {width:750px;}
//layout kolom footer
#footer {width:750px;}
}

Dengan pengaturan @media-layout diatas, maka jika halaman blog terbuka pada resolusi layar yang kurang dari 800px, halaman akan secara otomatis berubah tampilan menjadi 1 kolom full, contohnya pada layar tablet atau mobile phone yang memiliki ukuran layar yang cukup kecil, sehingga tampilan halaman akan menempatkan kolom sidebar dibawah setelah halaman posting secara sejajar dalam 1 kolom.


Berikut Cara Mengatur Halaman Blog Agar Responsive
1. Penempatan Kode
1.1. Tag Meta Responsive
Temukan kode <head> pada Template Anda, lalu letakkan kode ini dibawahnya:

<meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>

1.2. CSS Lay Out Media
Kemudian letakkan kode berikut pada HTML Template Anda sesuai elemen id pada area masing-masing untuk mengatur lebar tampilan halaman yang responsive seperti ini:

<style type='text/css'>
@media only screen and (min-width:768px) and (max-width:999px){
   #outer-wrapper{width:754px}
   #main-wrapper{width:60%}
   #sidebar-wrapper{width:40%}
   #headnya{max-width:260px;min-width:250px}
   #head-ads .widget{margin:15px 0}
   #header h1,#header p{padding:15px 0 0;font-size:240%}
   #header .description{padding:0 0 10px}
   //tambahkan elemen id lainnya disini...
}

@media only screen and (max-width:767px){
   #outer-wrapper{width:440px}
   #sidebar-wrapper,#main-wrapper,#isifooternya{width:100%}
   #isifooternya .footer-wrap{width:100%}
   #nav{...}
   #search-result-container{width:100%}
   //tambahkan elemen id lainnya disini... 
}

@media only screen and (max-width:479px){
   #outer-wrapper{width:310px}
   #header h1,#header p{font-size:230%}
   //tambahkan elemen id lainnya disini... 
}

@media only screen and (min-width:768px) and (max-width:999px){
   #slides ul{height:200px}
   #slides h4{font-size:15px}
   #slides li:nth-child(3) h4,#slides li:nth-child(2) h4{font-size:11px}
   .post-outer{width:100%}
   .post{width:370px}
   .blog-posts.hfeed::before{left:27px}
   .post-body p{overflow:visible}
   .post h2.post-title{height:auto;}
   //tambahkan elemen id lainnya disini... 
}

@media only screen and (max-width:479px){
   #slides ul{height:450px}
   .post{width:228px}
   .post h2.post-title{max-height:200px;}
   .post-body p{font-size:11px;padding:0}
   //tambahkan elemen id lainnya disini... 
}

@media only screen and (max-width:479px){
   #social-side2{padding:0}
   #social-side2::before{content:""}
   //tambahkan elemen id lainnya disini... 
}
</style>

2. Penyesuaian Kode
Pengaturan kode ini saya ambil langsung untuk mengatur halaman blog ini agar responsive, bahkan letak menu navigasi, kolom pencarian dan tombol share semua sudah saya atur agar responsive yang artinya elemen ID untuk halaman yang saya gunakan belum tentu sama seperti yang Anda gunakan, jadi silahkan Anda sesuaikan terlebih dahulu ID apa yang Anda gunakan untuk mengatur letak halaman pada Template Anda. Contoh seperti kode ini:

#outer-wrapper
#main-wrapper
#sidebar-wrapper

Nah jika sudah ketemu, Anda bisa tambahkan pada pengaturan media-screen pada masing-masing area pada CSS diatas, mudah bukan..!!! hehe.... semoga artikel ini dapat membantu sahabat semua pecinta SAHABAT BLOGGER 77 dalam mengatur halaman blog yang responsive dengan tampilan yang rapi. Happy blogging.

Bagaimana Menentukan Judul Artikel Yang Benar?

Bagaimana Menentukan Judul Artikel Yang Benar? - Saat Anda mencari sebuah informasi pada google penelusuran, dengan mengetikkan beberapa kata kunci, maka google akan menampilkan 10 top daftar judul artikel yang berhubungan dengan kata kunci tersebut. Karena sumber trafik terbanyak yang Anda terima dari search engine, hampir 85% tergantung bagaimana Anda menentukan judul Artikel yang benar pada blog Anda. Jika Anda fokus untuk memberikan sedikit saja perhatian Anda untuk menentukan judul artikel yang benar, maka tidak ada lagi hal yang perlu untuk dioptimalkan.

Banyak yang bilang bahwa google indeks bukan hanya menjelajah di judul saja, tetapi keseluruhan isi konten. jawabannya: memang benar, namun jika kita kaitkan dalam kategori SEO, konten itu adalah raja, namun judul akan mengikuti setelahnya dalam hal prioritas. Oleh sebab itu Search Engine butuh alasan untuk memberikan posisi peringkat pada judul artikel Anda, karena judul merupakan hal yang sangat penting setelah konten. Itu sebabnya ada istilah yang dinamakan Optimalisation judul.

Saya bukan membicarakan hal tentang "Harus begini cara menulis judul Artikel", namun bagaimana mengembangkan tehnik SEO untuk membawa judul artikel keposisi yang tepat dalam daftar search engine (google penelusuran) dengan 3 tehnik. Semoga dengan ke-3 tips ini, dapat membuat judul Artikel Anda berada pada posisi yang diharapkan.

1. Analisis Keyword Sebelum Menentukan Judul
2. Perhatikan Jumlah Karakter
3. Usahakan Membuat Judul Yang Menarik

1. Analisis Keyword Sebelum Menentukan Judul
Hal ini menimbulkan sebuah pertanyaan seperti ini - "Apakah Anda membaca ulang konten sebelum di publikasikan?", untuk menghindari penulisan kata yang salah (salah ketik) coba untuk selalu meneliti terlebih dahulu kata-kata yang Anda gunakan, sehingga saat konten Anda diterjemahkan, akan memperlihatkan susunan kata yang baik dan benar.

Menggunakan kata yang benar, maka akan menghasilkan karya tulisan yang benar pula.

2. Perhatikan Jumlah Karakter
Lebih baik menggunakan judul yang pendek daripada melakukan penjejalan kata kunci. Search Engine memberikan peraturan tentang hal menentukan jumlah kata kunci per baris dengan 66 karakter. Jadi jika Anda menggunakan terlalu banyak kata kunci pada judul, maka Anda hanya akan membuat judul Anda menjadi membingungkan di mesin pencari dan google akan menganggapnya sebagai spam. Dalam hasil penelusuran, Google hanya menampilkan sekitar 66 karakter pertama dari judul Anda, Sisa dari judul akan dipotong.

Contoh judul -
► Cara Mudah Membuat Dan Memodifikasi Tampilan Daftar... (sisa karakter terpotong)

Lihat bagaimana teks judul yang dipotong setelah menampilkan sekitar 66 karakter? Inilah yang perlu Anda hindari. Sekarang lihat judul dibawah,

► Bagaimana Menentukan Judul Artikel Yang Benar?

Saya hanya menggunakan 46 karakter pada judul artikel ini termasuk spasi, jika Anda melihat hasil seperti ini pada google penelusuran, judul mana yang akan Anda "KLIK", (judul yang terpotong atau judul yang tampil secara keseluruhan). Karena faktanya, menggunakan jumlah kata maksimal (batas) 66 karakter pada judul akan menghasilkan trafik 100-250 pengunjung per hari.


3. Usahakan Membuat Judul Yang Menarik
Berpikirlah atas apa yang mereka (pengunjung) suka dan tidak suka. Jangan pikirkan agar judul Anda bisa meraih posisi pertama di search engine, namun buktikan bahwa judul Anda merupakan informasi yang terbaik dalam setiap aspek. Google menyukai kesederhanaan seperti penggunaan kata kunci dan judul yang pendek, tetapi pengunjung menyukai apa yang menurut mereka menarik. Jadi walau judul Anda tidak pada posisi pertama tetapi menarik, maka pengunjung akan tertarik untuk melihatnya walau itu pada posisi 8 (delapan).

Beberapa tehnik diatas merupakan hal yang perlu untuk dilakukan dalam bagaimana menentukan judul artikel yang benar, sehingga dapat menghasilkan sesuatu yang menarik untuk dikunjungi. Karena Anda tidak akan pernah tahu pada posisi berapa judul Anda saat ini dalam daftar google penelusuran. Namun Anda sudah tahu bagaimana menulis judul yang menarik. Setelah ini baru menentukan ➟ Jumlah Kata Yang Ideal Untuk Membuat Artikel.

Inilah Kiat Penting Dalam Menentukan Judul Post

Inilah Kiat Penting Dalam Menentukan Judul Post - SAHABAT BLOGGER 77
Membuat sebuah tulisan sudah pasti ada judul, karena judul post pada blog merupakan kalimat inti yang paling penting sebelum pembaca akan menyimak isi dari keseluruhan tulisan tersebut, bukan pada isi post, paragraf post tetapi semuanya terletak pada sebuah judul. Judul pada sebuah tulisan dapat membangun, akan tetapi dapat juga menghancurkan seluruh post dalam blog Anda, karena dalam menentukan sebuah judul akan terasa rumit jika kita tidak berkonsentrasi pada strategi dan tujuan yang tepat. Umumnya judul post pada sebuah tulisan merupakan rangkuman seluruh isi dalam sebuah kontent artikel, karena tidak hanya dapat meningkatkan blog Anda, tetapi dapat juga berdampak buruk terhadap optimasi SEO.

Penting untuk diketahui, lebih dari 90% pengguna Google mencari sesuatu yang ia butuhkan akan melihat hasil pada halaman pertama, dan jarang sekali mereka akan meng-klik tombol NEXT untuk melihat hasil yang serupa pada halaman berikutnya. Jadi, sudah dapat dipastikan selama judul post Anda selalu berada pada posisi pertama, maka jumlah pengunjung ke blog Anda akan terus ada atau bahkan bertambah terus dan kian meningkat. "botgoogle" tidak menjelajah isi kontent, tetapi lebih kepada judul yang relevan, jika judul post Anda termasuk dalam kategori itu maka botgoogle akan melanjutkan pencarian kata kunci pada isi kontent, berlanjut pada tag gambar. Jika tidak terdapat error dalam penjelajahan, blog Anda akan dioptimalkan sehingga akan dapat membuat blog bertahan di halaman pertama Google.

Keyword atau kata kunci yang Anda targetkan, akan terasa relevan jika judul post Anda mengandung kata kunci yang berkualitas oleh pengguna google, sedangkan kandungan kata kunci pada isi post hanya berperan sebagai pembantu saja dalam SEO optimasi keyword. Dengan demikian, Inilah Beberapa Kiat Penting Dalam Menentukan Judul Post berikut ini perlu kita terapkan untuk merebut posisi pertama google penelusuran

Judul Yang Sederhana
Jangan pernah berpikir judul apa yang pantas untuk menggambarkan tulisan Anda hari ini, tetapi gunakanlah kata kunci yang paling umum, yang sekiranya menurut Anda dapat menarik pengunjung ke blog Anda. Ingat..!! Anda akan memberikan informasi kepada pembaca, jadi berikanlah cerita yang berkualitas, bukan cerita yang tidak logis yang dapat menyesatkan pembaca, buatlah sederhana namun mengandung makna, karena Google menyukai kesederhanaan.

Tujuan Judul
Anda menulis untuk dikomentari pembaca, jadi jangan berpikir terlalu egois atas kehendak Anda. Cerita dapat membuat tidur terlelap, begitupun tulisan, karena pembaca akan paham isi tulisan Anda sekalipun dengan mata tertutup jika tulisan Anda tepat dan akurat.
Contoh - Saat Anda membuat tulisan tentang Pepaya dengan judul post Apel, maka pembaca yang sedang mencari informasi tentang Apel akan singgah ditempat yang salah dan tidak seharusnya, karena kelicikan Anda, Anda akan kehilangan pembaca/pengunjung setia.

Judul Yang Deskriptif
Judul post Anda akan memberikan ide kepada pembaca, memberikan pengetahuan/ilmu baru yang semuanya telah tercakup dalam postingan Anda, jadi judul post yang unik akan jauh lebih penting daripada judul post yang terlalu panjang dan bertele-tele. Gunakan karakter standart 65-75 karakter pada judul post. Baca tentang 6 Hal Pembuatan Judul Yang Deskriptif

Gunakan Persamaan Kata (Sinonim) Pada Judul Post
Hal ini penting pada saat menentukan judul post, Anda sering melakukan pencarian kata kunci untuk memeriksa sudah berapa banyak jumlah kata tersebut digunakan orang lain. Jadi dalam hal ini Anda perlu menerapkan teknik persamaan kata (sinonim). Seperti kata “Trik” Anda dapat ganti menjadi “Kiat”, dengan sinonim Anda dapat mentargetkan konten yang sama tetapi dengan kata kunci yang berbeda.

Judul Singkat (Pilih Keywords Penting)
Ingat, judul yang singkat bukan judul pendek, Cobalah untuk membuat judul sesingkat mungkin dan pastikan tidak pernah melebihi 75 karakter termasuk spasi. Agar judul post tetap terkesan relevan dan kualitas kata kunci di dalamnya terjaga, gunakan 60 karakter dalam setiap judul posting Anda.

Melirik Event Yang Sedang Trend
Ini lebih keperhatian pembaca atas judul post Anda, jadi cobalah sesekali menggunakan kata-kata yang sedang lagi trendi masa kini, pikirkan informasi apa yang paling banyak dicari oleh mereka, jika Anda berpikiran tentang nice "HOT" cobalah untuk mengarah kesana, namun jangan sampai nice blog Anda tidak sesuai dengan topik yang Anda bahas

Judul Dengan Kata “Eye Catching”
Mayoritas pembaca akan mencari artikel yang terbaik dan berkualitas, misalnya warung si "JONO" selalu dikunjungi oleh kerumunan orang yang rela mengantri, sudah pasti hasil dari warung tersebut berkualitas dan terbaik. Dengan demikian pembaca hanya ingin membaca konten yang berkualitas dan terbaik, sehingga dengan menggunakan kata kunci seperti HOT, terbaik, sempurna, baik, mudah, gratis akan membuat orang tertarik untuk melihatnya.

Judul Post Terkesan Bertanya
Manfaatkan kosa kata, dalam hal ini Anda dapat menentukan judul post yang paling efektif dan akurat. Misalnya menggunakan kata - Bagaimana, Apa, Cara, Inilah, dalam judul post yang akan Anda buat.

Setelah Anda menerapkan beberapa kiat penting diatas, saat ini saya yakin Anda sudah menyiapkan banyak informasi yang bermanfaat yang akan Anda bagikan kepada pengunjung setia Anda dilain waktu, namun jangan lupa untuk selalu melakukan analisis terhadap penggunaan Jumlah Kata Yang Ideal Untuk Membuat Artikel.

Terimakasih.!! Semoga bermanfaat