Welcome back, World..
Dalam meningkatkan trafik suatu blog maupun website banyak hal mesti di perhatikan, diantaranya:

• Tampilan dengan Design responsive
• Artikel yang informatif
• User Experience

Kali ini saya akan membahas tentang poin terakhir yakni User experience. Kenapa penting?, User experience atau pengalam pengunjung dalam menjelajahi blog anda sangat dibutuhkan agar pembaca runtin melihat blog anda. Inilah yang diharapkan dari sebuah blog, pengunjung awalnya akan datang dengan tujuan mendapatkan informasi yang ia cari. Nah, tugas blog adalah menyajikan berbagai informasi yang ia butuhkan disamping itu juga merekomendasikan informasi menarik lainnya.

Hal apa saja yang membantu membuat user experience

Tampilan

Hal pertama yang dilihat oleh pembaca adalah tampilan dari suatu blog. Menarik atau tidak itu tergantung dari penilaian seseorang. Oleh karena itu, Buatlah blog anda dengan tampilan yang simpel. Simpel dalam artian navigasi, judul dan informasi yang jelas berada pada posisi yang tepat.

Navigasi

Ya betul, Navigasi membantu pembaca untuk menjelajahi blog anda. Apa saja yang perlu dibuat untuk navigasi? pertama, Halaman penting dalam blog anda seperti home, profil dan halaman penunjang lainnya. Kedua, Arsip artikel anda. biasanya para sobat blogger lebih menunjukan informasi artikel terpopuler dan terbaru. Terakhir adalah navigasi untuk artikel yang berkaitan dengan informasi yang pembaca cari, biasanya berkaitan dengan artikel yang sedang ia baca.

Gambar

Sebuah artikel akan lebih menarik jika anda memberikan sebuah gambar. hal ini akan membantu para pembaca untuk lebih cepat memahami artikel yang ia baca. Gambar yang berkaitan dengan artikel, bisa anda cari dengan google images. Namun sebaiknya dibuat dengan kreasi anda sendiri.

Artikel Informatif

Tentu saja hal ini menjadi daya tarik suatu blog. Informasi yang anda sajikan dalam suatu blog hendak bermanfaat juga untuk pembaca. Tidak selalu harus memberikan informasi terbaru, melainkan mulai lah dari informasi yang anda peroleh dari pengalaman anda. Anda bisa share apapun, Tetapi perlu diperhatikan dalam penyajiannya. Terkadang informasi yang penting jika penyajiannya kurang baik justru menjadi tidak menarik untuk dibaca. Oleh karena itu, perhatikan dari segi bahasa dan penyampaian yang anda gunakan dalam menulis artikel tersebut.

Pagination

Kemajuan teknologi saat ini membuat banyak bermunculan gadget dan smartphone. Browsing menggunakan gadget terutama yang memiliki fitur touch screen akan lebih efsien jika blog yang dibuka bisa dijelajahi hanya dengan menggerakkan scroll saja. Pagination Sebuah blog biasanya menggunakan link dan membutuhkan trigger klik dari user untuk membuka halaman selanjutnya. Akan lebih efektif jika anda bisa memanfaatkan fitur Infine Scroll

. Infinite Scroll ini membuat blog anda akan me-load automatis artikel berikutnya secara berurutan hanya dengan menggerakkan scroll browser. Jadi, hal ini akan membuat user experience untuk blog anda semakin lebih menarik.

Baik itu lah, Hal yang dapat membantu membuat user experience yang berkesan bagi pembaca. Selamat mencoba.

Welcome back, world...
Tahu kah anda, judul sebuah blog menjadi poin penting. Apalagi jika berkaitan dengan istilah SEO. Kenapa demikian?, jika anda perhatikan ketika anda browsing atau mencari website menggunakan google atau yang lainya, ada tiga bagian hasil pencarian yang ditampilkan yakni, judul, deskripsi dan link. Dari ketiga kriteria tersebut sebenarnya judul lah yang menjadi daya tarik utama pengguna untuk mengunjungi blog atau website tersebut.

Jika anda membuat blog menggunakan blogger, ada beberapa perbedaan di judul blog. Pertama, jika anda mengakses halaman home anda akan melihat judul blog seperti yang anda buat. Kedua, jika anda akses artikel anda, judul blog anda akan digabungkan dengan judul artikel anda.

Untuk kasus kedua, hal ini membuat judul artikel anda terlalu panjang. Akibatnya dari hasil pencarian google anda akan melihat judul artikel anda terpotong karena terlalu panjang. Oleh karena itu untuk judul artikel sebaiknya anda menghilangkan judul blog anda atau memindahkan judul blog anda di belakang judul artikel. Sehingga dari hasil pencarian search engine anda akan melihat judul anda secar penuh.

Bagaimana mengoptimalkan judul blog

Jika anda menggunakan blogger, ikuti langkah berikut.

1. Buka Settings > Template > Edit html
2. Cari tag <title>...</title>
3. dan ganti dengan script berikut.

Tips, Buatlah judul blog yang menarik dan mencerminkan artikel anda. Usahakan jangan membuat judul yang terlalu panjang. Yang penting singkat dan dapat menarik pengunjung untuk membaca artikel anda

Judul sebuah blog merupakan salah satu faktor yang dapat membantu mengoptimalkan SEO blog anda, disamping itu juga tampilan anda mestinya juga harus menarik agar pembaca betah berlama-lama di blog anda. Soal mengenai tampilan saat ini sudah familiar dengan Design Responsive. Saya sudah mengulasnya pada artikel sebelumnya. Nah, Sekarang saatnya anda mencoba menerapkannya, dan memulai membuat artikel yang menarik untuk dibaca.

Upz, Jangan heran dengan tampilan gambar diatas, itu merupakan animasi loading. Mungkin anda masih bingung apa maksudnya. Baik lah, Sesuai tema artikel ini 'Infinite scroll' scroll tak terbatas. Apa maksudnya ??,
Jika anda bandingkan blog ini dengan blog-blog lainnya, anda akan menemukan jawabannya. Sudah tau?, Ya, infinite scroll artinya anda tidak perlu berpindah halaman atau meng-klik link tertentu (biasanya next atau prev post), cukup dengan men-scroll mouse anda saja maka artikel di blog ini akan bermunculan satu persatu.

Bagaimana itu bisa terjadi?, Tentu saja bisa dan caranya cukup mudah. Konsep yang digunakan adalah menggunakan metoda ajax, Dimana ada suatu proses dibalik browser yang membaca artikel selanjutnya kemudian menambahkan dibawah atikel secara berurutan.

Anda mau mencobanya?

Sangat simple cukup terapkan script berikut di di blog anda

Ingat!, script diatas hanya bisa di terapkan untuk template default blogger.

Sudah anda dicoba?, jika anda ingin melihat hasilnya anda bisa ke halaman home blog ini, dan scroll browser anda

Infinite scroll juga sangat cocok bila digunakan untuk browser versi mobile, mungkin anda lebih familiar dengan aplikasi twitter atau facebook?, ya konsepnya hampir sama seperti itu anda cukup scroll mouse anda dan akan bermunculan post-post terbaru. Infinite scroll juga bisa di kombinasikan untuk website yang menggunakan design responsive. apa itu responsive? mungkin ingin mencobanya. bisa lihat disini Membuat blog dengan tampilan responsive untuk bermacam gadget dan juga lihat 4 Kelebihan menggunakan design responsive serta Mengungkap tabir design responsive pada web

Keunikan infinite scroll

Jika anda lihat home blog ini, setiap kali scroll akan muncul loading image seperti gambar dibawah ini, kemudian akan muncul artikel yang selanjutnya.

SenangPoker[at]com Agient Joudie P[oe]ker Online Terpercaya Indonesia

Welcome back, World..
Saya punya informasi yang menarik nih, untuk kamu-kamu yang suka game online. Sekian banyak game online yang paling populer adalah permainan P[oe]ker. Benar tidak?, anda salah satu yang suka permainan ini?. Oke, Permainan ini dikenal dengan Texas Holde'm P[oe]ker. Permainan P[oe]keronline cukup adil dengan sistem Player VS Player.

Tahu kah anda?, Permainan P[oe]kerini lebih sering digunakan untuk ajang bermain Joudie atau yang lebih dikenal sebagai Joudie P[oe]ker. Hal ini dilakukan dengan cari memberikan taruhan untuk setiap kartu yang anda miliki. Anda tertarik?, sebagian besar pasti akan menjawab ya. Nah, saya akan memperkenalkan Agient P[oe]keronline yang dapat membantu anda dalam meng-organisir permainan P[oe]kerini.

Anda cukup mendaftar melalui link ini Agient Joudie P[oe]kerkemudian login. Setelah anda melakukan login menggunakan user name dan password anda, klik di bagian "PLAY P[oe]ker–Rupiah-" atau "PLAY P[oe]ker–Andorid/iphone/ipad-". Kemudian akan muncul sebuah kolom dimana anda bisa memilih di LINE mana anda akan bermain. Setelah proses tersebut anda hanya perlu memilih di meja taruhan mana anda ingin bermain. Tentunya anda memerlukan deposit dana terlebih dahulu, namanya juga Joudie anda harus punya modal dulu kan.

Joudie P[oe]kerOnline Indonesia sudah banyak diminati oleh masyarakat luas, terutama kaula muda bahkan hampir di semua kalangan. Kenapa begitu menarik?, mungkin karena keuntungan yang bisa mereka peroleh bisa dibilang lumayan, itupun kalau beruntung bisa menang. Anda merasa jago bermain P[oe]ker? silahkan saja untuk mencoba. Berikut saya berikan beberapa tips yang dapat membantu anda

Istilah dalam Bermain P[oe]ker

• Lobby : Lokasi untuk memilih room permainan Texas Hold’em P[oe]ker
• Check : Memeriksa nilai taruhan yang ada di meja
• Call : Mengikuti nilai taruhan yang ada di meja
• Call Any : Mengikuti berapa-pun nilai taruhan yang ada di meja sebelum giliran anda bermain
• Fold : Tidak mengikuti nilai taruhan yang ada di meja
• All in : Mempertaruhkan semua chip milik anda di meja taruhan
• Raise : Menaikan nilai taruhan sesuai yang anda inginkan.

SenangPoker[at]com Agient Joudie P[oe]ker Online Indonesia Terpercaya. Memberikan Jackpot yang totalnya seperti yang anda lihat sudah mencapai ratusan juta rupiah. Tertarik? tunggu apa lagi. Kalau merasa jago bermain P[oe]kerbuktikan disini. Agient P[oe]kerini siap membantu anda dalam me-menage keuangan anda. Selain menjadi member kamu juga bisa mengajak temen kamu bergabung di sini melalui cara referral dan akan mendapatkan referral bonus 10%. Agient P[oe]kerini sangat fair dalam permainannya, karena menggunakan sistem Member Vs Member, tidak bot atau Robot yang bekerja. Semua bermain berdasarkan kemampuan masing-masing. Nah, Ayo buktikan kemampuan kamu disini dan nikmati hasilnya.

Bagaimana cara memenangkan permainan P[oe]ker?

Mungkin masih ada yang bingung bagaimana memenangkan permainan ini, Jika anda sudah mengenal kartu brigde seharusnya sudah tidak asing lagi. Berikut saya rincikan beberapa informasi yang berkaitan dengan cara penentuan pemenang dalam bermain P[oe]ker.

• Nilai kartu tertinggi (High Card) berapapun juga, akan kalah dengan kombinasi kartu yang bernama One Pair.
• One Pair dapat dikalah dengan Two Pair
• Two Pair dapat dikalah dengan Three of a Kind
• Straight dapat dikalah dengan Flush
• Flush dapat dikalah dengan Full House
• Full House dapat dikalah dengan Four of a Kind
• Four of a Kind dapat dikalah dengan Straight Flush
• Straight Flush dapat dikalah dengan Royal Flush

Nah, Apa uniknya di SenangPoker[at]com? tidak hanya untuk kamu yang jago main P[oe]kersaja, bagi para blogger juga bisa mencari keuntungan disini. Caranya? Ya seperti banner ini. Ikutan kontes SEO yang bertemakan SenangPoker[at]com Agient Joudie P[oe]kerOnline Terpercaya Indonesia dan akan berakhir pada 31 Mei 2014 pukul 24.00 WIB. Persyaratannya tidak terlalu ribet, cuma posting 1 artikel yang berkaitan dengan tema tersebut, dengan menambahkan beberapa backlink seperti yang ada di artikel ini. Tapi, Ingat ya? Jangan suka copy paste!, itu dilarang dan akan diskualifikasi oleh timnya. Hadiahnya juga lumayan loh!, Totalnya hingga 30 Juta. Yakin ngga mau? jangan menyesal nantinya.

Terlepas dari semua itu, Mau ikutan bermain P[oe]ker atau ikutan kontes SEO ini tergantung pada kemamuan kamu sendiri, Mana yang lebih menarik untuk dicoba. Jika saya lebih tertarik mengikuti kontes SEO ini bagaimana dengan kamu? Ambil keputusan kamu sekarang. Untuk informasi mengenai Kontes SEO ini anda bisa mengujungi website Kontes-Seo-SenangPoker[at]com disana telah dijelaskan bagaimana proses dan persayaratannya. Yang perlu kamu ketahui adalah Kontes ini gratis dan tidak dipungut biaya apapun, malahan yang menang dapat bayaran.

Mengikuti Kontes SEO dapat juga meningkat trafik blog anda, Kenapa? karena banyak permintaan untuk menggunakan keyword yang sama. Jadi, anda blog/website anda mempunyai kesempatan untuk mendapatkan banjir trafik dari keyword kontes SEO tersebut. Soal menang atau tidak bukan masalah, yang penting dapat memberikan informasi yang bermanfaat bagi pengunjung blog anda sehingga follower pun akan bertambah dengan sendirinya.

Kebutuhan website saat ini menuntut untuk menggunakan design responsive. Hal ini banyak bermunculan gadget, smartphone yang canggih dan sudah dilengkapi fitur browser. Sehingga kebanyakan orang lebih menggunakan mobile mereka untuk menjelajah browsing website. Nah, Apa yang terjadi jika mereka menemukan website anda berantakan saat mereka mengakses website anda?.

Design responsive inilah solusinya. Namun untuk membuat design responsive tidak lah mudah. Anda harus mempunya kemampuan design dan css dan html.

Bisakah membuat design responsive tanpa melimiliki kemampuan khusus?

Jawabannya, tentu saja bisa. Saat ini sudah banyak tools atau website online yang bisa membantu anda mewujudkannya. Bahkan tanpa mengeluarkan biaya sepersen pun.

Baik, Langsung saja ke tkp LayoutIt.com

LayoutIt ini dapat membantu anda mendesign website yang akan anda buat. Tidak perlu bahasa pemograman. Cukup Drag and Drop saja

Update 27 Maret 2014

Beberapa komentar menginginkan demo menggunakan tools ini. Oleh karena itu saya update artikel ini untuk memberikan secara singkat bagaimana membuat atau mendesign template responsive untuk website ini. Check it Out!.

Cara Menggunakan LayoutIT.com

Tools ini bisa langsung digunakan secara online dan langsung bisa didownload setelah anda mendesignnya, tidak perlu registrasi dan free!. Berikut tahapan memulainya.

Buka Boostrap

Istilah boostrap digunakan oleh layoutit untuk memulai membuat design website anda. Buka situs tersebut dan klik bootstrap sepert gambar berikut

Bootstrap LayuotIt.com

Menu Desinger

Inilah tampilan disigner anda. Anda tools yang bisa anda drag and drop pada output design anda.

Menu utama designer LayuotIt.com

Pilih Component

Pilih component yang anda gunakan pada menu sebelah kiri dan drag ke output design anda. Ada beberapa pilihan component yang anda bisa gunakan. Seperti gambar berikut

Component LayuotIt.com

Download Template anda

Setelah selesai mendesign template, anda bisa langsung mendownloadnya. file yang akan anda dapatkan berupa css, images dan javascript serta contoh html untuk menggunakan template anda.

Mudah sekali kan?, ayo sekarang buat template webstite anda.

Ingin mencoba Membuat blog dengan tampilan responsive. Layoutit juga bisa anda gunakan pada blog anda. Namun perlu keterampilan khusus, karena anda harus mengetahui dulu template dasar dari blog anda. Bagaimana pun, dengan layoutit design responsive anda akan lebih mudah untuk diwujudkan.

Nah, anda juga bisa mendapat kelebihan dengan menggunakan design responsive coba saja lihat disini 4 Kelebihan menggunakan desing responsive .

Membuat design responsive pada website artinya adalah membuat sebuah desain web yang bersih, adaptif, dan gambar yang fleksibel. Dan tentunya kita perlu memastikan bahwa website yang dibuat berjalan di berbagai lingkungan web browser semaksimal mungkin dan melakukan test website tersebut di berbagai resolusi.

Melakukan test pada web dengan design responsive bisa jadi merupakan tugas yang cukup berat, tidak mudah untuk setiap kali harus melakukan resize pada ukuran-ukuran yang spesifik. Mengubah lebar ukuran browser dan melakukan test pada berbagai browser dan aplikasi yang berbeda sangat melelahkan dan sangat menyita waktu. Apikasi berikut dapat membantu anda dalam melakukan test design responsive.

Aplikasi Online untuk testing desing responsive

resizeMyBrowser

Hanya untuk Safari, menawarkan fitur lebih mendalam seperti "Offline usage", "Resize multiple tabs at once", "Reference book", "More customizable presets" dan "MoveTo tool". dan juga bekerja dengan sempurna pada browser Firefox dan IE. resizemybrowser.com

Window Resizer (Chrome App)

Ekstensi ini dapat mengubah ukuran browser untuk melakukan emulasi berbagai resolusi. Ini sangat bermanfaat untuk para web designer dan web developer yang dapat membantu mereka melakukan test layout pada berbagai resolusi browser. https://chrome.google.com/webstore/detail/kkelicaakdanhinjdeammmilcgefonfh?hl=en-US&hc=search&hcp=ext

responsiView

Terinspirasi dari kebutuhan untuk testing resposive design media query, responsiview memasukkan daftar ukuran sebagai berikut:
Tablets – portrait orientation: 768×1024
Mobiles – portrait orientation: 320×480
Mobiles – landscape orientation: 480×320
Sekali klik akan muncul pop-up window yang berisi website dengan ukuran layar tertentu. Anda juga dapat mengatur ukuran lebar dan tinggi sendiri. https://chrome.google.com/webstore/detail/kcemonjjmilbiepahkhanlkddonpjlep?hl=en-US&hc=search&hcp=ext

Inging memcoba membuat website dengan desing responsive coba disini

Buat Blog Gratis hanya di AjieCMS.org

Welcome back, world...
Satu lagi Informasi penting buat anda semua, pengen punya blog yang gratis san simple, serta banyak komunitasnya. Ada satu penyedia layanan ini secara gratia. Mau tau? Ayo simak pemaparan berikut

AjieCMS.org ini dengan salah satu situs yang menyediakan blog gratis. Saya juga sudah daftar dan mengunakannya cek saja disini, JhnWorld.AjieCMS.Org. Di AjieCMS anda bisa mengubah template blog, navigasi dan juga file disamping itu juga disediakan custom domain. Keren kan? So tunggu apa lagi, daftar sekarang juga

Ada apa di AjieCMS

Ada yang menarik juga di AjieCMS, anda bisa ikutan kontes SEO, caranya pun gampang, cukup posting artikel yang berkaitan dengan ajiecms. Info lengkap ada disini Contest Seo AjieCMS.org.

Total hadiah ratusan ribu, Ayo ikutan contest ini. Lumayan juga kan dapet untung.

Rincian Hadiah

1. Juara 1. Rp. 100.000/100rb Pulsa + Jabatan Administrator di AjieCMS.org(jabatan boleh di tukarkan dg Uang/Pulsa senilai 25.000)
2. Juara 2. Rp. 50.000/50rb Pulsa + Jabatan Super Modurator di AjieCMS.org(jabatan boleh di tukarkan dg Uang/Pulsa senilai 10.000)
3. Juara 3. Rp. 25.000/25rb Pulsa + Jabatan Modurator Forum/Perpustakaan/Download(Jabatan boleh di tukarkan dg Uang/Pulsa senilai 5rb)
4. Juara 4. Rp. 10.000/10rb Pulsa
5. Juara 5. Rp. 5rb/5rb Pulsa

Kontes SEO ini bertemakan Buat Blog Gratis hanya di AjieCMS.org, anda cukup membuat artikel dan usalan mengenai AjieCMS dengan mengangkat tema tersebut. Cukup Sederhana bukan?,

Kenapa perlu ikut kontes?, Perlu diperhatikan, bukan soal hadiah yang ingin dicari dengan mengikuti kontes, melainkan untuk meningkatkan trafik blog kita sendiri. Loh kok bisa?, kontes SEO selalu mengangkat suatu tema, semakin banyak orang yang menyebarkan tema tersebut maka secara otomatis tema tersebut juga akan menjadi "trending topik". Jika blog anda adalah salah satu bagian dari kontentas kontes tersebut, secara otomatis anda memperoleh 1 trend yang mengarah ke blog anda dan tentunya itu akan memperoleh trafik

So, itu pilihan anda. Bagi saya saling membantu tentu akan memberikan keuntungan bersama juga. Toh tidak ada ruginya. AYO Ngeblog dan ikuti kontesnya.

Jika para Blogger Tertarik dengan kontest SEO di atas, silahkan kunjingi kontes SEO tersebut.

Responsive For SEO | JhnWorld

Welcom back, World..

Seiring perkembangan zaman, hampir setiap orang telah memiliki gadget atau smartphone. Sebagian besar juga digunakan untuk melakukan browsing internet. Sehingga saat ini kegiatan tersebut jarang dilakukan di PC. Nah Alasan itu pula yang mendorong perkembangan web design untuk mengikutinya. Web Design responsive merupakan sebuah tampilan website yang dapat menyesuaikan tampilannya sesuai dengan tampilan layar penggunannya. Bisa di bilang pembuatan design responsive merupakan hal yang dapat memenuhi kepentingan mobile friendly websites.

Apa pentingnya design responsive bagi SEO??

Jika menyebut SEO, hampir semua blogger pasti mengetahui istilah ini. SEO adalah search engine optimization, yaitu mengoptimalkan website pada mesin pencari hingga mudah ditemukan, namun bagaimana jika para pengunjung yang datang dari gadget atau smartphone mereka datang ke website Anda namun mendapatkan bahwa halaman website Anda berantakan atau dinilai kurang menarik bila di lihat dari handphone, smartphone atau gadget mereka??.

Sebagai raksasa search engine terbesar Google menyarankan website untuk menggunakan design responsive.

Ini alasan Google

• Dengan menggunakan web responsive berarti tidak perlu membuat website lain yang di tujukan untuk versi mobile. hal ini dapat memudahkan orang lain untuk melakukan sharing ke berbagai media sosial. Tidak memerlukan pengalihan url (URL Redirect) tidak baik untuk SEO, maka dari itu design responsive yang menjadi solusi dari hal ini. Ingin mencoba? lihat disini Membuat blog dengan tampilan responsive
• Hanya butuh 1 website untuk berbagai macam perangkat
• Jika Anda memiliki web dengan design responsive, maka Googlebot tidak melakukan penelusuran 2 kali, sehingga dapat lebih memudahkan google segera mengindeks website Anda
• Google lebih memilih desain web yang responsive karena konten dengan satu situs dan URL lebih mudah bagi pengguna untuk berbagi, berinteraksi, dan link ke konten daripada situs mobile yang terpisah. Mau tau alasannya lainnya ?? cek disini 4 Kelebihan menggunakan design responsive

Fakta design responsive | JhnWorld

Dari hasil suatu penelitian menyatakan bahwa sekita 29% pengguna internet beralih dari desktop ke mobile untuk melakukan browsing. Hal ini tentunya mendorong sebagian besar website untuk menggunakan design responsive. Apa itu design responsive ?. Design responsiv adalah salah satu istilah tentang konsep tampilan web yang akan menyesuaikan dengan besarnya viewport(luasan area pada browser untuk menampilkan website) yang digunakan oleh pengguna saat mengakses sebuah website.

Fakta-fakta Design responsive

Sebagian besar website bisa diubah menjadi responsive

Banyak pengguna mobile phone saat ini menjadi faktor pendorong pembuat website untuk menggunakan design responsive. Tentu saja setiap pembuat website ingin tampilan nya dapat menyesuaikan dengan browser yang digunakan untuk mengkasesnya. Nah, Design responsive adalah solusinya.
Faktanya bahwa website konvensional pun dapat dibuat menjadi responsive, meskipun tidak semuanya akan sesuai dengan klasifikasi yang ada. Website yang mempunya Large database dan mempunya banya video HD tentu sulit diubah menjadi responsive. Bagaimanapun, sebagian besar website dapat diubahkan, mengurangi hinggai 60-70 persen dari total biaya pembuatan website baru.
Ingin mencoba? silahkan pelajari disini Membuat blog dengan tampilan responsive

Navigasi menjadi poin penting

Tentu saja, Dalam design responsive navigasi menjadi sesuatu yang mendasar dan perlu diperhatikan. Tujuan navigasi adalah mempermudah pengunjung untuk menjelajah suatu website. Penempatan posisi menjadi sangat penting untuk suatu navigasi.

Design Responsive bukan teknologi

Membuat tampilan responsive merupakan trend saat ini. Tidak ada teknologi yang perlu untuk mewujudkannya. Hanya membutuhkan seorang web developer dan designer untuk melakukannya. Bagamanapun, ini merupakan tuntutan dari banyak pengguna mobile phone.

Responsive bukanlah Mobile

Kebanyakan orang menyatakan responsive itu untuk mobile. Tentu saja tidak selalu begitu, Responsive bertujuan membuat tampilan website dapat menyesuaikan ukuran screen browser. Desktop saja contohnya, tidak semua ukurannya sama. Jika diklasifikasikan bisa dibedakan dari ukuran layar, mulai dari yang small, medium, dan large. Nah inilah satu salah kelebihan responsive untuk menyesuaikan tampilan sesuai ukuran website. Ingin tahu kelebihan responsive yang lain, coba baca disini 4 Kelebihan menggunakan design responsive

Tampilan tidak akan berdampak pada load-time

Meskipun istilah Responsive mengacu pada sesuatu pengalaman web browsing yang lebih cepat, tidak berarti beban loading website lebih efisien dengan resolusi yang lebih kecil. Dalam arti, website tetap akan merespon dalam waktu yang sama meskipun konten yang ditampilkan lebih sedikit. Esensi dari responsive adalah memastikan tampilan di layar tampak sempurna. Meskipun kompresi gambar disediakan dalam responsive design, tetapi ini hanya berdampak pada efek tampilan, bukan pada load-time. Dengan demikian, menggunakan responsive design agar load website berbeda di tiap perangkat menjadi tidak masuk akal.

Responsive | JhnWorld

Design Responsive merupakan kemampuan suatu halaman web yang dapat menyesuaikan tampilannya pada semua perangkat atau gadget sesuai dengan ukuran screen. Design responsive sangat membantu meningkat traffic suatu halaman yang di posting oleh author sebuah website. Design responsive mempunya karakteristik user frendly, hal inilah yang menjadi pemikat para pengunjung untuk menjelajah pada suatu website.

Berikut 4 Kelebihan jika anda menggunakan design responsive pada website atau blog anda.

1. Respon terhadap berbagai screen
   Halaman web dapat langsung menyesuaikan pada semua perangkat elektronik sesuai ukuran screen. Karakteristik yang bisa langsung anda amati, pada setiap browser yang anda gunakan hanya ada satu scroll vertikal saja, Ini menandakan bahwa website atau blog tersebut menggunakan design responsive. Tertarik menggunakan design responsive? anda bisa langsung membaca artikel berikut Membuat blog dengan tampilan responsive.html
2. Lebih Ringan dan simple
   Oleh karena kemampuan dapat menyesuaikan dengan semua perangkat, hal ini membuat tampilannya lebih ringan dan simple. Tentunya ini membuat para pengunjung betah di website atau blog. Desing responsive membantu blog anda me-load kontent lebih cepat, Anda bisa men-design mana yang perlu ditampilkan atau tidak pada gadget dengan ukuran screen tertentu. Dalam suatu uji coba menyebutkan, bahwa rata-rata pengunjung hanya betah di suatu web atau halaman blog tidak lebih dari 2 menit. oleh karena itu untuk menghemat waktu dan koneksi internet sebuah blog harus bisa lebih ringan agar lebih cepat untuk dibuka halamanya.
3. SEO Frendly
   Design responsive dapat menyesuaikan terhadap sistem SEO dan saya rasa hal ini dapat menguntungkan pengguna template tersebut. Sebagai pengguna situs web ataupun blog hal ini sangat dibutuhkan untuk lebih menonjolkan halaman situs web ataupun blog dimata mesin pencari.
4. Valid HTML 5 dan CSS 3
   Design responsive sangat dominan dibuat menjadi valid HTML 5 dan CSS 3 karena template responsive ini masih terbatas pemakaian widget dan scriptnya jadi lebih stabil untuk HTML 5 dan CSS 3

Responsive Blog | Jhn World

Tampilan blog yang menarik sangat menjadi poin penting dalam hal memikat pembaca. Apa yang perlu di perhatikan?. Ya, Salah satunya adalah kemampuan blog dalam menyesuaikan penampilannya untuk diakses dari berbagai macam gadget, smartphone, maupun dekstop. Nah, saat ini mungkin bagi anda tidak asing lagi mendengar istilah 'responsive' terutama bagi para web developer.

Bagaimana membuat tampilan responsive?, sebelumnya kita perlu memahami konsepnya terlebih dahulu. Sebenarnya sangat sederhana,

Responsive merupakan kempampuan blog/website untuk bisa mengakses ukuran screen gadget atau smartphone yang mengaksesnya kemudian untuk masing-masing ukuran tersebut dibuat style tersendiri.

So, Berikut beberapa tip yang saya berikan untuk anda. perhatikan snippet berikut

Contoh diatas sangat sederhana agar lebih muda dipahami, Jika anda perhatikan, pada code diatas ada beberapa poin penting

• Media = Mendeteksi ukuran screen browser yang digunakan
• Overide Style = Maksudnya adalah untuk screen tertentu kita bisa mengubah style yang sebelumnya telah di deklarasi

Overide Style tidak harus mengubah seluruh style pada object, class atau id tertentu. Overide bisa juga dilakukan untuk property/field tertentu saja yang sudah dideklare sebelumnya.

Nah, Bagaimana cukup sederhana kan?

Jika anda ingin mencoba mengubah blog anda dengan tampilan responsive saya ada beberapa referensi. Saran saya pahami dulu dan tentukan tampilan yang anda inginkan, sehingga jika anda ingin mengubah ada tidak kebingungan lagi. Silahkan langsung ke tkp www.templateism.com

Tips Responsive
Cara paling mudah mengindikasikan bahwa sebuah blog/website memiliki design resnponsive adalah dengan melihat bagian scrollbarnya. Browser biasanya hanya akan menampilkan vertikal scroll saja. hal ini bisa anda coba lakukan pada blog ini dengan cara merize ukuran browser anda.

First Article | Jhn World

Congrulations!,
Mungkin itu adalah kata yang ingin penulis ucapkan kepada diri sendiri :). Setelah meluangkan banyak waktu untuk membuat blog ini, Mulai dari mempersiapkan tampilan blog, widget, analitic, dan banyak lagi waktu yang harus dicurahkan untuk blog ini dan pada akhirnya penulis dapat menyelesaikannya dengan hasil yang sangat memuaskan. Apa yang menarik dari blog ini? Nantikan kehadirannya. Penulis akan memberikan informasi yang terupdate dan relevan.

Penulis mengharapkan blog ini nantinya dapat bermanfaat bagi para pembaca sekali. Sebisa mungkin blog ini akan selalu aktif memberikan informasi baik itu dari pengalaman penulis maupun dari informasi yang penulis peroleh.

Tulisan pertama untuk blog ini, penulis sangat senang karena bisa meluang ide dan kemampuan yang penulis dapat dari pengalaman dan belajar selama ini.

So, Selamat membaca dan menikmati sajian dari blog ini.

Terima Kasih,
Salam