Monday, May 23, 2016

Tampilkan Kode Berbeda Dalam Mobil Atau Desktop Template di Blogspot


Ada beberapa berita baik dari Tim Blogger di Blogger Kode Blog. Jika Anda telah mengaktifkan Template Mobile, Anda akan dapat menyesuaikan Blogger Mobile Template dengan menggunakan definisi CSS. Anda juga akan dapat mengontrol widget yang akan ditampilkan dan yang tidak seharusnya. Anda juga dapat mengkonfigurasi widget untuk menampilkan konten alternatif dalam tampilan mobile. Meskipun ini terlihat begitu menjanjikan, saya tidak dapat menguji semua fitur ini.
Menyesuaikan Widget / Gadget Of Template Untuk Mobile / Desktop: Cara Add / Remove Gadget / Widget Untuk Ponsel Anda Blogspot Template?
Jika saya menggunakan tag ini, gadget atribusi akan hilang dari tampilan desktop saya, dan hanya akan muncul pada tampilan mobile. Perubahan kode ini akan membuat atribusi widget menghilang dari Anda Mobile View.

Persiapan Untuk Menyesuaikan Blogger Template Untuk Mobile:

Jadi jika Anda ingin mengaktifkan kode yang berbeda Anda pada template blogger mobile dan kode yang berbeda pada template blogger desktop Anda maka pertama Anda harus memeriksa Anda <head> yang kode ini tersedia di sana atau tidak ...
<b:include data='blog' name='all-head-content'/>
<meta content='width=device-width, initial-scale=1' name='viewport'/>
<meta content='IE=IE7; IE=IE8; IE=IE9; IE=IE10; IE=edge; chrome=1' http-equiv='X-UA-Compatible'/>
Jika tersedia kemudian ok dan jika tidak maka menambahkannya di sana. Sekarang Anda dapat sepenuhnya menyesuaikan penampilan template ponsel Anda, tetapi untuk menulis CSS yang berbeda untuk mobile dan desktop Template, Anda harus memeriksa <body> unsur template seluler juga. Pastikan bahwa template Anda <body> tag adalah seperti di bawah ini ...
<body expr:class='&quot;loading&quot; + data:blog.mobileClass'>
Jika itu adalah seperti di atas maka baik dan jika tidak maka membuatnya seperti itu sekarang.

Sekarang Tambahkan Kode Berbeda Untuk Ponsel Dan Berbeda Untuk Desktop:

Setelah beralih ke Custom Ponsel Template, Anda mungkin menemukan bahwa template yang terlalu besar untuk masuk ke dalam Browser Mobile. Jika Anda ingin, maka Anda dapat menyediakan konten alternatif di dalam widget.
<div class="different-content">
<b:if cond="data:blog.isMobile">
<!-- Show Codes On Mobile Template -->
<b:else/>
<!-- Show Codes On Desktop Template-->
</b:if>
</div>
Untuk DEMO singkat, hanya melihat kode di bawah ini ...
<div class="different-content">
<b:if cond="data:blog.isMobile">
<!-- Show a text link in mobile view -->
<a href="http://www.blogger.com">Powered By Blogger</a>
<b:else/>
<!-- Show an image link in desktop view -->
<a href="http://www.blogger.com"> <img expr:src="data:fullButton" alt="Powered By Blogger"/></a>
</b:if>
</div>
Ini akan menampilkan Didukung oleh Blogger link teks dari Mobil View, dan Didukung oleh citra Blogger pada tampilan desktop normal.
Kondisi <b: if cond = "Data: blog.isMobile" /> dapat digunakan untuk memeriksa apakah penampil yang melihat blog Anda dalam mobile browser atau tidak. Anda dapat menggunakan cek bersyarat ini kreatif dan memberikan tampilan yang sama sekali berbeda dengan versi mobile dari blog. Untuk mengetahui lebih lanjut tentang Blogger tag kondisional, Anda dapat melihat posting sebelumnya di Cara Tampilan Kode Pada Anda Diinginkan Halaman / Posting Di Blogger ?.

Sekarang Tambah CSS Berbeda Untuk Ponsel Dan Berbeda CSS Untuk Desktop:

Kemudian, Anda dapat menentukan properti CSS yang berbeda untuk desktop dan tampilan mobile.
/* For Desktop Template */ .your_class_id {color:#FF0000;}
/* For Mobile Template */ .mobile .your_class_id {color:#0000FF;}
Berarti jika Anda ingin menambahkan CSS yang berbeda dari attr HTML yang sama di desktop yang kemudian menambahkan CSS itu attr normal, tetapi jika Anda ingin menambahkan CSS yang berbeda untuk mobile pada attr yang kemudian menambahkan .mobile sebelum attr CSS Anda sebagai bersama dalam kode di atas.

1 comment:
Write komentar
  1. Assalamualaikum.wr.wb. perkenalkan nama saya Ibu Anita Tki Malaysia, saat menulis ini saya teringat memory masa lalu.saya sangat tergugah hati melihat coretan hati yang Ibu tulis. saya jadi teringat tentang masa-masa sulit dulu,karena iktiar dan usaha , seolah2 menjadi dendam bukan lagi motivasi, cuma satu tujuan saya pada saat bagaiman caranya untuk bangkit..singkat kata berbagai macam iktiar dan cara yang saya lalui, mengingat pada saat itu hutang saya 1,2m yang tidak sedikit, belum lagi bunga renternir yang bertambah. karena usaha, kesungguhan hati, akhirnya menemukan jalan /solusi . saya percaya ALLAH ITU TIDAK DIAM MAHA PENYAYANG , cobaan itu bukan lah ujian tapi hadiah yang tersilmut untuk kebahagiaan yang sebenar2nya. Sudah banyak para normal yg kami mintai angka togel dan uang gaib cuma Ki Witjaksno yg berhasil alhamdulillah itu betul-betul terbukti tembus. jika anda ingin seperti saya silahkan hubungi Ki Witjaksno:0852_2223_1459. ingat kesempatan tidak akan datang untuk yang kedua kalinya
    SUPAYA LENGKAP KLIK-> PESUGIHA TOGEL TANPA TUMBAL

    ReplyDelete