Saya mau mencoba menulis sedikit artikel tentang membuat menu halaman blog menggunakan url label pakai versi mobile.
Karena aktifitas bloging saya menggunakan smartphone.
Mungkin saja bagi shobat yang lagi jauh dari desktop atau sedang di luar rumah,dan mungkin bisa juga seperti saya hanya pakai smartphone...:D
Bagi para blog master jangan membaca ya...:D
Karena ini hal yang sangat mudah sambil merem bagi mereka.
Tetapi sub menu halaman ini ada sedikit tambahan kode guys,biar jika di klik pengunjung tidak eror,karena menggunakan versi mobile,namun tidak menutup kemungkinan bisa juga di pakai versi desktop,jika halaman itu tidak dapat di klik ataupun error.


.Baca juga : memasang tombol share di blog
Sebelum di pasang ke sub menu halaman,mencoba merubah dahulu sedikit kode tambahan di belakang url,kira kira seperti shoutschren ini guys:

Tambahkan kode seperti tepat posisi di belakang url,(&m=1) jika itu masih error boleh pasang double kode,lihat tanda kolom (&m=1),boleh coba salah satu yang cocok.
Contoh :
( https://bidinjenar.blogspot.com/?&m=1 )





AMP:
Mengenai tentang (accerated mobile page) google telah meluncurkan sistem dengan julukan web masa depan yaitu ampproject.
Bagi web selain blogger mungkin sedikit mudah karena menu bisa instal plugin dan langsung di terapkan ke web/situs miliknya,tetapi berbeda dengan blogspot yang tidak tersedia plugin di dalamnya.
Proses inilah yang menjadi tantangan bagi para blogspot untuk mengotak atik template untuk menjadi amp.

Benarkah ini pertanda karena mulai padatnya penduduk internet kedepan sepaya tidak menjadi kendala kemacetan di dunia digital di masa depan..?

Kerangka struktur dasar dari ampproject:
<! doctype html>
< html amp lang = "en" >
< head >
< meta charset = "utf-8" >
< script async src = "https://cdn.ampproject.org/v0.js" >
</ script > < title > Halo, AMPs </ title >
< link rel = "canonical" href = "https://amp.dev/documentation/guides-and-tutorials/start/create/basic_markup.html" >
< nama meta = "viewport" content = "width = lebar perangkat, skala minimum = 1, skala awal = 1" >
< script type = "application / ld + json" > { "@context" : "http: // schema .org " , " @type " : " NewsArticle " , " headline " : " Kerangka sumber terbuka untuk menerbitkan konten " , " datePublished " : " 2015-10-07T12: 02: 41Z " , " image " : [ " logo .jpg " ] } </ script >
< html amp lang = "en" >
< head >
< meta charset = "utf-8" >
< script async src = "https://cdn.ampproject.org/v0.js" >
</ script > < title > Halo, AMPs </ title >
< link rel = "canonical" href = "https://amp.dev/documentation/guides-and-tutorials/start/create/basic_markup.html" >
< nama meta = "viewport" content = "width = lebar perangkat, skala minimum = 1, skala awal = 1" >
< script type = "application / ld + json" > { "@context" : "http: // schema .org " , " @type " : " NewsArticle " , " headline " : " Kerangka sumber terbuka untuk menerbitkan konten " , " datePublished " : " 2015-10-07T12: 02: 41Z " , " image " : [ " logo .jpg " ] } </ script >
< style amp-boilerplate >animasi tubuh { -webkit- : - langkah-langkah amp-start 8 s ( 1 , akhir ) 0 s 1 normal keduanya ; moz animasi : - amp-mulai 8 s langkah-langkah ( 1 , akhir ) 0 s 1 yang normal kedua ; -ms- animasi : - amp-start 8 s langkah-langkah ( 1 , akhir ) 0 s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style > < noscript > < style amp-boilerplate > body { -webkit- animation : none ; -moz- animasi : tidak ada ; -ms- animasi : tidak ada ; animasi : tidak ada } </ style > </ noscript >
</ head >
< body >
< h1 > Selamat datang di web seluler </ h1 >
</ body >
</ html>
< body >
< h1 > Selamat datang di web seluler </ h1 >
</ body >
</ html>
Terlihat mudah untuk di terapkan di template,tapi masih belum pas di blogger karena menyesuaikan tanpa ada plugin bawaan blogspot.
Hanya terus belajar dan belajar h h h knowledge is power.
Jika pembaca ada yang lebih mengetahui hal ini,silahkan bagi komentar agar menjadi lebih bagus melengkapi artikel ini.
Tidak ada komentar:
Posting Komentar