Langsung ke konten utama

Postingan

Menampilkan postingan dengan label Demo

Cara membuat tombol DEMO dan DOWNLOAD stylish di blogger

Tombol ini berguna buat halaman blog yang ingin mendemokan hasil tutorial. Tombol ini juga termasuk sederhana dan walaupun demikian ia tampak cantik atraktif karena ia juga memiliki efek animasi.  Namun hanya di buat dengan material svg dan dengan CSS. Tentu saja tombol ini telah kami modifikasi.  OK, Langsung cara pemasangan: Masuk ke pengaturan blogger Pilih Tema Pilih Edit HTMl Letakan kode CSS berikut di atas kode </head>: <style>#btn-cakep {margin: 10px auto; text-align: center;} #btn-cakep br {display: none;} .btn-cakep1, .btn-cakep2, .btn-cakep3 {position: relative;display: inline-block;height: 50px;width: 200px;line-height: 50px;padding: 0;border-radius: 50px;background: #fff;border: 2px solid #FF00FF;margin: 10px;transition: .5s} .btn-cakep2 {border: 2px solid #FF00FF;} .btn-cakep3 {border: 2px solid #9900FF;} .btn-cakep1:hover {background-color: #CC00FF;} .btn-cakep2:hover {background-color: #3f51b5;} .btn-cakep3:hover {background-color: #d83500;} .btn-cakep1:hove

Cara membuat demo tampilan mobile live di dalam artikel tanpa tombol DEMO dan link eksternal

Ceritaya apabila kita ingin membuat demo selalu menggunakan gambar, atau membuat memasang tombol 'DEMO' setelah memperagakan sebuah template melalui gambar dan meletakan tombol tersebut di bawahnya. image sourch:ICBM mobile&web solutions Dan pembaca harus mengklik tombol tersebut untuk melihat contoh template yang mau di demokan. Akan tetapi sekarang kami sedang mulai usaha menemukan cara mendemokan halaman mobile secara live langsung di dalam artikel. Contoh demo halaman mobile template editblogtema yang sekarang. Silahkan klik menu hamburger garis susun dua (ニ) ia akan menjadi tanda silang (x) Klik menu 'Template' untuk melihat menu dropdown. LIHAT DEMO Ini berlaku jika kalian sedang membuka halaman blog melalui laptop, namun ingin melihat contoh tampilan mobilenya ya itu dia. Perhatikan bagaimana navigasi menu laptop berbeda dengan tampilan mobilenya ketika di tampilkan pada ukuran layar yang berbeda beda.  Tampilan ini sebenarnya saya pinjam dan saya modifikasi

TAMPILAN EDITBLOGTEMA PADA HAPE

Template ini dibuat berdasarkan tema awsome yang telah dimodifikasi menjadi responsive dan mobile. Tema ini kemudian dipasangi elemen elemen berupa: Menu navigasi yang sangat responsive dan mobile friendly, anda bisa menyentuh menu kami pada peragaan melalui image kami dibawah ini. Read more yang responsive sekalipun pada tampilan hape, silahkan eksplorasi melalui image yang kami pasang dibawah ini. Related post yang responsive dan mobile Back to top yang simple dengan memanfaatkan ikon font awsome Slot iklan yang bisa ditempatkan diatas atau dibawah judul secara otomatis Kombinasi warna bersahaja. Menu pencarian masih sedang di rekontruksi Silahkan eksplorasi atau sentuh layar image dibawah ini, image adalah struktur HTML untuk cara baru kami mendemokan produk kami seperti nyata... Silahkan sentuh menu navigasinya yang mobile friendly dengan jari anda, maaf kami belum mengejas ukuran hurufnya mungkin terlalu besar berbanding ukuran layar demo kami.

Copyright© EDITBLOGTEMA . All rights reserved.