saya akan berbagi bagaimana cara mendesain tampilan blog di ponsel ,langsung aja ya ..
check this out
Langkah pertama :
1. Buka akun blogger Anda
2. Masuk ke menu edit HTML, centang expand template widget
3. Cari kode ini
"<body> "4. Ganti kode di atas dengan kode ini
"<body expr:class='"loading" + data:blog.mobileClass'>"
5. Untuk memanggil selector ponsel di blogger Anda perlu membuat seperti ini:
Cara Membuat Tata Letak Anda Responsif :
Untuk desain yang Anda perlu tahu CSS tentu saja, dan Anda perlu untuk mengetahui struktur template Anda.
Untuk gaya responsif, saya akan memberitahu Anda beberapa dasar untuk desain responsif.
Jika Anda ingin membuat wrapper Anda responsif, hal penting pertama adalah #outer-wrapper. Kemudian untuk membuat #outer-wrapper agar responsif, Anda dapat menggunakan seperti ini:
Tata letak HTML posting mobile di widget posting, jika Anda ingin mengedit tata letak, hanya mengedit seperti ini:
Hompage HTML di Ponsel:
Untuk menampilkan widget di ponsel, pada tag <b:widget>, hanya menambahkan atribut ini:
Terima kasih, semoga bermanfaat.
source:http://d-copy.blogspot.com/2013/02/mendesain-blog-blogger-di-mobile-ponsel.html
.mobile .class {property: value;}Atau
.mobile #id {property: value;}6. untuk tag kondisional mobile seperti ini:
<b:if cond='data:blog.pageType == "data:blog.isMobile"'>
Cara Membuat Tata Letak Anda Responsif :
Untuk desain yang Anda perlu tahu CSS tentu saja, dan Anda perlu untuk mengetahui struktur template Anda.
Untuk gaya responsif, saya akan memberitahu Anda beberapa dasar untuk desain responsif.
Jika Anda ingin membuat wrapper Anda responsif, hal penting pertama adalah #outer-wrapper. Kemudian untuk membuat #outer-wrapper agar responsif, Anda dapat menggunakan seperti ini:
.mobile #outer-wrapper {max-width: 630px; width: auto;}Atau
.mobile #outer-wrapper, .mobile #main-wrapper, .mobile #sidebar-wrapper {float: none; width: auto;}Cara Mengedit Tata Letak HTML Melalui Ponsel
Tata letak HTML posting mobile di widget posting, jika Anda ingin mengedit tata letak, hanya mengedit seperti ini:
Hompage HTML di Ponsel:
<b:includable id='mobile-index-post' var='post'>Halaman Postingan di Ponsel:
<b:includable id='mobile-post' var='post'>Cara Menampilkan Widget di Ponsel
Untuk menampilkan widget di ponsel, pada tag <b:widget>, hanya menambahkan atribut ini:
mobile='only'Untuk menampilkan widget di desktop dan mobile, pada tag <b:widget>, hanya menambahkan atribut ini:
mobile='yes'Langkah terakhir, save template Anda.
Terima kasih, semoga bermanfaat.
source:http://d-copy.blogspot.com/2013/02/mendesain-blog-blogger-di-mobile-ponsel.html
mobile priceyou can get latest news about results from here
BalasHapusmobile price mobile priceadept in Bangladesh
BalasHapusmobile price latest mobile price in Bangladesh
BalasHapus