Banyak orang sibuk mencari templete yang friendly dan responsiv dengan menggunakan templete hasil orang lain yang gratisan. Tahukah kamu menggunakan templete orang lain artinya kamu harus memaruhi aturan sang pembuat templete tersebut, seperti menaruh link kredit biasanya terletak dibagian bawah templete dan jika kamu menghapusnya maka akan ada kemungkinan besar blog kamu kena take down atau block dengan alasan kamu sudah menggunakan karya orang lain tanpa ijin, tapi tergantung sipembuat templete tersebut memperbolehkan atau tidaknya link kreditnya dihapus. Jika kalian penasaran masalahnya apa dengan link kredit? link kredit artinnya jika seseorang
menaruh link diblog kamu itu artinya dia akan mendapatkan backlink gratis dari blog tersebut yaitu blog kamu.
Akan tetapi semua itu bukan masalah besar, karena sama-sama menguntungkan blog kamu menjadi menarik dengan templete orang tersebut dan sebaliknya si pembuat templete juga bisa mendapatkan backlink gratis dari blog kamu.
Jika dari kalian ada yang merasa terganggu dengan link kredit tersebut seperti saya, saya sarankan untuk memilih templete bawaah dari blogger saja, templete blogger juga tidak kalah bagus dengan templete-templete yang diperjual belikan tinggal pintarcpintar saja kita membangun dan merombak templete tersebut menjadi seperti yang kamu inginkan.
Untuk pertama-tama kamu pilih templete bawaan blogger dan cara ubah HTML supaya blog kamu menjadi Mobile friendly berikut caranya!
a. Jika kamu sudah memasang templete yang kalian inginkan kalian pergi ke Tema-->Edit HTML Dan cari kode yang mirip seperti dibawah ini.
<meta expr:content='data:blog.isMobile ? "width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0" : "width=1100"' name='viewport'/>
b. Biasanya kode tersebut terletak dibawah kode <HEAD> jika sudah ketemu hapus dan ganti dengan kode dibawah ini
<meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
c. Langkah kedua cari kode seperti dibawah ini
.post-body img, .post-body .tr-caption-container { padding: $(image.border.large.size);
d. Biasanya setiap templete berbeda-beda jadi cari yang mirip seperti kode diatas lalu ganti kode tersebut dengan kode berikut ini
.post-body img, .post-body .tr-caption-container { padding: 0;width:auto; max-width:100%; height:auto; }
e. Langkah ketiga simpan kode CSS berikut ini diatas kode </head>
<style type='text/css'> @media screen and (max-width:1024px){body,.content-outer, .content-fauxcolumn-outer, .region-inner {width:100%!important;min-width:100%!important;padding:0!important}body .navbar {height: 0!important;} .footer-inner {padding: 30px 0px!important;} } @media screen and (max-width: 603px){ .main-inner .columns {padding-right: 0!important;} .main-inner .column-right-outer {width: 100%!important;margin-right: 0!important;} } </style>
d. Klik simpan dan lihat hasilnya. Sekarang templete kamu sudah mobile friendly jangan lupa setiap kamu mengganti templete kamu harus verifikasi lagi blog kamu di webmaster tool dan bing webmastertool untuk mengecek apakah sudah mobile friendly atau belum kalian bisa cek disini
Segitu saja untuk artikel tentang cara membuat templete bawaan blogger menjadi mobile friendly, selamat mencoba silahkan share jika bermanfaat atau komen buat yang masih bingung.,
sumber HTML : http://cbtheme.blogspot.co.id/
No comments:
Post a Comment