Ketika membuat blog anda akan diberikan beberapa pilihan template default dari blogger. Template tersebut bisa anda gunakan, sayang template tersebut tidak responsive atau dengan kata awam; pada tampilan di ponsel template tersebut berbeda dengan tampilan di laptop atau komputer.
Mengatasi tersebut bisa anda lakukan dengan mengubah tampilan blogger default menjadi template yang responsive dan mobile friendly. Bagaimana caranya? Mungkin sebagian dengan mudah bisa di atur dengan tampilan selular pada bagian yang saya silangi.
Namun kali ini, mengubah template blog menjadi responsive tersebut dilakukan tanpa mengatur bagian tersebut. Alias, "Tampilan Selular bawaan blogger kita non aktifkan".
Pertama Silahkan Menuju editor template HTML anda. Andaikan anda memilih template Blogger Simple. Selanjutnya pada editor template HTML tersebut, anda cari kode:
<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'/>
Lalu ganti kode tersebut dengan kode di bawah ini
<meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
Kedua : Temukan kode berikut ini dan hapuslah. Kode ini berada pada <b:template-skin> . Ini kode yang harus anda hapus,
<b:variable default='960px' name='content.width' type='length' value='960px'/>
<b:variable default='0' name='main.column.left.width' type='length' value='0px'/>
<b:variable default='310px' name='main.column.right.width' type='length' value='310px'/>
Untuk langkah ketiga ini tergantung tampilan Sidebar yang anda pilih pada tampilan blog anda. Silakan dikondisikan sesuai tampilan side bar anda:
Mengatasi tersebut bisa anda lakukan dengan mengubah tampilan blogger default menjadi template yang responsive dan mobile friendly. Bagaimana caranya? Mungkin sebagian dengan mudah bisa di atur dengan tampilan selular pada bagian yang saya silangi.
Pertama Silahkan Menuju editor template HTML anda. Andaikan anda memilih template Blogger Simple. Selanjutnya pada editor template HTML tersebut, anda cari kode:
<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'/>
Lalu ganti kode tersebut dengan kode di bawah ini
<meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
Kedua : Temukan kode berikut ini dan hapuslah. Kode ini berada pada <b:template-skin> . Ini kode yang harus anda hapus,
<b:variable default='960px' name='content.width' type='length' value='960px'/>
<b:variable default='0' name='main.column.left.width' type='length' value='0px'/>
<b:variable default='310px' name='main.column.right.width' type='length' value='310px'/>
Untuk langkah ketiga ini tergantung tampilan Sidebar yang anda pilih pada tampilan blog anda. Silakan dikondisikan sesuai tampilan side bar anda:
Share Yuk
Related Posts
Loading...
No comments:
Post a Comment