S͒E͒L͒A͒M͒A͒T͒ B͒E͒R͒K͒U͒N͒J͒U͒N͒G͒ ϐנєиαя ϐℓοg нοмє: Memasang url label di halaman navigasi blogspot

Rabu, 23 Januari 2019

Memasang url label di halaman navigasi blogspot



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.



.Cara embed post facebook ke website/Blog.

.mengenal webmaster tool baru google search consule.

.mengenal pendaftaran feedbarner untuk blog.

.mengenal dan menggunakan bing webmaster tool untuk blog.

.menampilkan populer post bawaan blog ke versi mobile.

.cara desain tema bawaan blogspot.

Boleh kita langsung saja,seperti biasa buka akun blog dan coba lihat label dulu ketika membuat postingan,bagi yang belum pasang label silahkan buat dahulu sesuai kategori posting,agar mudah mengambil url,biasanya posisi seperti ini :
gambar

gambar Bila di buka berada dalam kaki blog juga nama label dan bisa di copy dahulu,lalu paste save di notepad.
.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:
gambar Lihat pada gambar yang atas url asli versi mobile,tertulis m=1 dan m=0 jika result versi desktop.
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 )
gambar

gambar Cara pasang lihat gambar buka blog,klik tata letak/layout klik edit gadget halaman dan muncul seperti ini :
gambar Ceklis beranda/ganti nama menu juga boleh seperti gambar,terserah selera anda,kemudian klik tambahkan link external dan akan muncul :
gambar   Tulis judul sesuai label dan paste Url yang sudah di rubah tadi,ulangi dengan label yang lain jika punya banyak label kemudian save,lihat hasil menu halaman :
gambar Ini gambar sebelum di save yang muncul nanti ketika di klik pengunjung.selesai dan cek hasil menu navigasi blog anda.

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.
gambar Mencoba berbagai cara sering terkadang error template karena belum bisa masuk secara benar mana yang harus di tambah atau kurangi script itu sendiri,tidak menutup kemungkinan bagi para blogger yang lain,akan tetapi ini yang harus di hadapi menata template yang mudah untuk di akses cepat dan ringan sesuai anjuran mbah google.
Benarkah ini pertanda karena mulai padatnya penduduk internet kedepan sepaya tidak menjadi kendala kemacetan di dunia digital di masa depan..?
gambar Tanda petir sebagai simbol sudah terdaftar menjadi amp bagi setiap web yang akan di akses,membuktikan pengguna terbesar adalah smartphone.
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 >
< 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>

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