Postingan

Menampilkan postingan dari Februari, 2019

GALA TEMA EDITBLOGTEMA DAN ANISSA

Gambar
Anda blogger pemula? Pilih model  template yang sobat inginkan, minta kepada kami! Tema tema dibawah ini seluruhnya berbasis Contempo, Emporio, dan Soho Gala Template 1 / 8 2 / 8 3 / 8 4 / 8 5 / 8 6 / 8 7 / 8 ❮ ❯ Demi keamanan tombol download tidak kami aktifkan, silahkan request via komentar atau isikan request via email.
Baca selengkapnya

CARA MEMBUAT NAVIGASI MENU KHUSUS BLOGGER MOBILE ATAU HAPE

Beranda Berita Hubungi Perihal Menu navigasi mobile vertikal Demo ini memperagakan bagaimana sebuah navigasi bekerja untuk mobile atau hape. Klik menu hamburger (atau tiga garis) kanan atas untuk melihat menu. Sobat bisa membuat menu mobile yang bagus dalam bentuk bar navigasi ini. Kembali ke editblogtema
Baca selengkapnya

CARA MEMBUAT MEGA MENU BLOGGER

Beranda Berita MegaMenu Mega Menu Category 1 Link 1 Link 2 Link 3 Category 2 Link 1 Link 2 Link 3 Category 3 Link 1 Link 2 Link 3 CONTOH MEGAMENU RESPONSIVE DROPDOWN FULL DALAM NAVBAR SENTUH (tidak usah dipencet, sentuhkan saja mouse) MENGAMENU UNTUK MELIHAT HASILNYA. COBA GANTI MELIHAT DARI LAPTOP DAN HAPE UNTUK MEMBUKTIKAN EFEK RESPONSIVENYA. Kembali ke editblogtema
Baca selengkapnya

CARA MEMBUAT MENU NAVIGASI LAYAR PENUH DENGAN MUDAH BAGIAN 2

× Perihal Layanan bidang kontak Fullscreen Overlay Nav Example Klik hamburger menu atau tiga lapis garis dibawah untuk memperagakan menu layar penuh turun. Pada contoh ini ditunjukan bagaimana menu muncul dari atas turun kebawah: ☰ open Untuk detail silahkan kunjungi: editblogtema
Baca selengkapnya

CARA MEMBUAT MENU NAVIGASI LAYAR PENUH DENGAN MUDAH

× Perihal Layanan Usaha Hubungi Menu Layar penuh Klik hamburger menu (garis hitam bersusun tiga) di bawah untuk melihat hasilnya. Pada contoh ini menu akan sliding dari kiri ke kanan layar halaman blog sobat, ktia dapat merobahnya menjadi sliding dari atas atau tanpa sliding sesuai selera kita: ☰ open Untuk detail menerapkannya lihat di editblogtema
Baca selengkapnya

CARA MEMBUAT MENU DROPDOWN BLOGGER YANG RESPONSIVE DENGAN BENAR

Beranda Berita Hubungi Dropdown Link 1 Link 2 Link 3 About ☰ Menu Navigasi responsive dengan "dropdown" Untuk menguji menu navigasi ini responsive atau tidak, coba periksa halaman melalui hape dan laptop atau tablet sobat. Tentu saja tekan tombol "Dropdown" yang muncul pada barisan menu untuk memunculkan menu menu dropdown tersebut. Catatan: Cara menerapkan khususnya meletakan menu navigasi yang benar dan tepat pada template bawaan blogger adalah di atas atau di bawah tag </header>, contoh: </header> <div class="topnav" id="myTopnav">   <a class="active" href="https://draft.blogger.com/blogger.g?blogID=3005430155935362803#home">Beranda</a>   <a href="https://draft.blogger.com/blogger.g?blogID=3005430155935362803#news">Berita</a>   <a href="https://draft.blogger.com/blogger.g?blogID=3005430155935362803#contact
Baca selengkapnya

MENU NAVIGASI RESPONSIVE UNTUK HEADER (TOP) BLOGGER

Beranda Kabar Kontak Perihal Contoh Menu Navigasi atas responsive Cara kerjanya mirip sih sama Navigasi sebelumnya yang telah kita bahas hanya saja sekarang posisinya diatas header sehingga bisa menjadi pilihan sebagai menu navigasi utama. Cobalah lihat melalui hape dan sentuh menu hamburgernya untuk menampilkan menu menu dropdown. Cara ini sangat penting buat sobat yang menginginkan sebuah menu navigasi responsive yang dapat di terapkan kepada tema tema default blogger seperti tema tema lama: sederhana, awsome dan perjalanan dan juga dengan mudah dapat diterapkan kepada tema tema terbaru seperti: contempo, emporio, soho dan terkemuka. Contoh kode kodenya: <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <style> body {
Baca selengkapnya

MENU NAVIGASI BAGIAN BAWAH BLOG

Beranda Kabar kontak Ihwal ☰ Contoh menu navigasi bawah bawah blogger responsive Menu navigasi responsive itu penting jika sobat ingin melengkapi sebuah tema responsive dengan menu navigasi yang responsive pula Maka cara ini bisa diterapkan. Cobalah klik ikon hamburger untuk menampilkan menu pada layar hape, dan sobat akan lihat pada tampilan laptop atau layar besar pada PC desktop menu jadi inline atau horisontal. Memang posisinya sih dibawah halaman. . Kodenya: <html> <head> <style> body {margin:0;} .navbar {   overflow: hidden;   background-color: #333;     position: fixed;   bottom: 0;   width: 100%; } .navbar a {   float: left;   display: block;   color: #f2f2f2;   text-align: center;   padding: 14px 16px;   text-decoration: none;   font-size: 17px; } .navbar a:hover {   background-color: #ddd;   color: black; } .navbar a.active {   background-color: #000;   color: white; } .navbar .icon {   display: none; } @media screen and (max-width: 600px)
Baca selengkapnya

CONTOH HALAMAN STYLISH

Contoh tampilan halaman web di bawah ini bisa digunakan untjuk membuat tema stylish dan modern, klik setiap menu untuk melihat konten: Beranda Berita Kontak Perihal Berandaku: Dimana hati kita? saya lebih takut kepada diri saya sendiri ketimbang kepada orang yang mengecewakan saya.. Beritaku Suatu hari semuanya akan menjadi baik baik saja. Sendiri atau bersama sudah tidak ada bedanya lagi Hubunganku: Saya rasa saya tidak masalah dengan tidak ada hubungan lagi. Keterikatan akan membuat kita semakin banyak kekuatiran, jadi pergilah. Perihalku: Siapa kita? Dan lihatlah apa yang telah kita lakukan! Saya tidak akan menangis karena saya memang tidak memiliki perasaan kekanak kanakan itu lagi, saya juga tidak takut kamu pergi karena saya memang tidak memiliki apa apa dan sisanya adalah kamu, jadi pergilah. Lebih lanjut baca di: editblogtema
Baca selengkapnya