Skip to main content

Posts

Showing posts from October, 2018

CARA MEMBUAT MENU NAVIGASI FULL SCREEN RESPONSIVE

Menu ini mobile friendly, dan dapat di terapkan dengan mudah ke dalam template atau tema blog default yang telah di modifikasi menjadi responsive dan mobile.

Kali ini kami ingin berbagi trik membuat menu Navigasi blog full screen atau menu navigasi layar penuh seperti terlihat pada Demo Gift dibawah ini:
Tentu saja penerapannya juga sangat mudah karena mengikuti kaidah penulisan HTML klasik yang sederhana saja.

Langkah Pertama: 
Pilih tema tema bawaan yang seudah responsive (dimodifikasi) seperti simple, awsome dan perjalanan:


Masuk ke pengaturan bloggerPilih Tema atau TemplatePilih opsi "EditHTML"
Langkah kedua: HTML
Cari kode </header> dan tempatkan kode dibawah ini diatasnya:
<div id="myNav" class="overlay">

<!-- Button to close the overlay navigation -->

<a href="javascript:void(0)" class="closebtn"onclick="closeNav()">&times;</a>

<!-- Overlay content -->

<div class="overla…

CARA MEMBUAT TAMPILAN DEMO LIVE MENGGUNAKAN CSS..

Biasanya "demo" tema atau penjualan tema premium menggunakan dua tombol yakni DEMO dan DOWNLOAD,  kami akan mengemukakan cara berbeda berdasarkan referensi dari w3school bahkan demo jenis ini bisa kita buat dalam bentu 3 demo sekaligus yakni: Tampilan pada hape atau pada ponsel, tampilan pada tablet dan tampilan pada laptop.

Contoh demo tema editblogtema: Tampilan ponsel warna kuning ini dapat menampilkan dan memperagakan template secara "live" dapat di eksplorasi dengan sentuhan layaknya pada hape sungguhan.

Cara membuatnya:
Masuk kepengaturan bloggerPilih postinganPilih new entry atau Postingan baruPada tool diatas blanko tempat kita biasa menulis konten atau artikel, pilih opsi HTML Lalu kopi semua kode di bawah ini dan Save/publish.

<style> /* The device with borders */ .smartphone {   position: relative;   width: 255px;   height: 484px;   margin: auto;   border: 12px gold solid;   border-top-width: 50px;   border-bottom-width: 50px;   border-radius: 26px; }
/* The ho…

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 mobileBack to top yang simple dengan memanfaatkan ikon font awsomeSlot iklan yang bisa ditempatkan diatas atau dibawah judul secara otomatisKombinasi 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.












4 MENU NAVIGASI BLOG MOBILE SIMPEL BUATAN EDITBLOGTEMA

NAVIGASI RESPONSIVE DAN MOBILE FRIENDLY
Responsive berarti dapat beradaptasi dan menyesuaikan diri pada segala ukuran layar, sedangkan mobile friendly di klaim khusus buat tampilan mobile atau ponsel, inilah yang akan coba kami kombinasikan dan akan kami terapkan.  Beberapa menu navigasi buat blog yang dapat kita terapkan ke tema default atau bawaan blog berikut ini amat mudah diterapkan ke template bawaan bloggger seperti tema Sederhana, Tema perjalanan, Tema awsome dll.
Tentu saja tidak cukup memasang menu navigasi yang responsive dan mobile friendly kalau template bawaan atau default blogger kita belum dibuat responsive dan mobile friendly terlebih dahulu. Anda dapat meodifikasi template jika anda mengerti sedikit koding. Akan tetapi jangan kuatir, anda dapat mendownload tema tema yang telah di modifikasi di beberapa situs secara gratis, saya menyarankan agar anda mendownload tema tema simple, awsome dan perjalanan dari situs om Ridwan: BakulOreg
Disamping belajar dari W3School, C…

CARA MEMBUAT IKON BACK TO TOP GAYA EDITBLOGTEMA

Back to top kalau di terjamahkan secara leterlek dari bahasa Inggris ke Bahasa Indonesia adalah "Kembalikan keatas" ikon back to top akan muncul dibawah bagian kiri blog jika halaman blog di scroll kebawah, dan menghilang ketika halaman blog di scroll keatas kembali. Dia berguna sebagai navigasi cepat untuk kembali ke atas halaman blog.
Setiap template blogger premium memiliki back to top, dia menjadi salah satu ciri ciri premium atau tidaknya sebuah tema blogger. Jadi tidak ada ruginya memilikinya juga.

Kami memanfaatkan font dan ikon awsome, elemen yang sangat penting dalam HTML dalam mendesain tema blogger. Penerapannya ke dalam template blogger juga sangat mudah dan menggairahkan. Cobalah untuk anda sendiri.

Contoh 1 namanya chevron up:
kodenya:<i aria-hidden="true" class="fa fa-chevron-up fa-3x"></i>

Contoh 2 namanya Hand-pointer:
Kodenya:<i aria-hidden="true" class="fa fa-hand-pointer-o fa-3x"></i>

Contoh…

CARA MENGHILANGKAN NOTIFIKASI PENCARIAN PADA BLOGGER

Coba masuk ke blog anda dan ketikan sembarangan kata saja ke dalam kotak pencariannya apakah ada notifikasi seperti ini:?  Ingin membuangnya? Ikuti langkah berikut:
Pertama masuk kepengaturan blogger, jika perlu back up dulu tema blog, langsung ke opsi editHTML, cari kode:

<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
Hapus semua untaian kode diatas, lalu ganti dengan kode di bawah ini:
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div>
</div>
<div style='clear: both;'/>
</b:i…

CARA MEMBUAT MENU NAVIGASI BLOG PLUS KOTAK PENCARIAN RESPONSIVE

Ini kali kedua kami memberikan cara membuat navigasi diatas header blog plus dengan kotak pencarian responsive. Navigasi menu kali ini tentu saja dapat diterapkan dengan mudah pada template bawaan blogger yang telah di modifikasi menjadi responsive. Salah satu triknya adalah mengurangi menu horisontal pada bar navigasi dan memperbanyak menu dropdownnya. Cara ini terbukti efektif membuat navigasi menu tampil ciamik pada layar hape yang paling kecil sekalipun! Tidak perlu menambahkan elemen JavaScript, cukup menggunakan 2 elemen: HTML dan CSS.

Seperti biasa anda tinggal membuka pengaturan blog:

Masuk ke pengaturanpilih tema atau themepilih editHTML LANGKAH PERTAMA: TAMBAHKAN KODE CSS. Pada halaman HTML cari kode: ]]></b:skin> letakan kode CSS dibawah ini di atasnya:
#contact-links{text-shadow:0 -1px 0 rgba(0,0,0,0.3);margin:auto;position:relative;width:100%}#contact-links a{color:#4C9FEB}#contact-links a:hover{color:#3D85C6}#my-links{float:right;font-size:12px;margin:4px 10px;ov…

MEMBUAT MENU NAVIGASI RESPONSIVE BLOG ITU MUDAH

Kebanyakan tutorial kami adalah terkait "Navigasi menu" dan navigasi yang kami buat akan membuat kebanyakan template template premium akan terlihat jadi jadul, karena ternyata anda dapat menerapkannya dengan mudah pada template bawaan blogger. Kami menyarankan template default yang anda pasang ke blog anda adalah template awsome, perjalan, atau simple.
Lihat contoh Menu Navigasi yang kami pada video ini:
Namun template tersebut juga sudah harus dibuat responsive terlebih dahulu. Untuk mendownload template bawaan yang telah di modifikasi silahkan anda mengunjungi blognya Om Ridwan "Bakul Oreg" atau langsung saja ikuti link ini: BAKUL OREG - TEMPLATE GRATIS. Jangan ragu kami jamin tema tema hasil editan Om Ridwan itu sangat responsive dan mobile friendly.

Pilih karena tema tema yang telah di modifikasi banyak saya sarankan pilih tema awsome 4 terbaru. Pasang ke blog percobaan terlebih dahulu. Hapus widget header yang dibuat Om Ridwan berdasarkan laman blog, dan bers…

BISAKAH MENYUNTING DAN MENGEDIT KOMENTAR SENDIRI DI BLOGSPOT?

Kita tidak tahu alasannya mengapa kita tidak bisa mengedit komentar kita sendiri jika terdapat kesalahan dalam penulisan misalnya. Sepetinya memberikan komentar di blogger sama ketika kita mengatakan kepada orang dan tidak dapat menarik kata kata itu kembali. Namun berita baiknya kita masih bisa menghapus dan menulis ulang komentar yang benar. Walaupun nantinya pengunjung akan melihat jejaknya dengan membaca tulisan "komentar ini telah dihapus"

Wah kenapa dihapus? Kita maklumi kalau ada yang bertanya, beberapa alasan pribadi saya pada saat menghapus komen saya sendiri adalah:

Pada saat membalas komen menggunakan hape, sering salah dalam melakukan pengetikan dan baru menyadarinya saat membacanya di tablet atau laptop, biasanya saya akan menghapus komen tersebut dan menggantikannya dengan komen baru yang lebih benar.Atau ketika saya merasa komen tersebut tidak lengkap, tetapi karena tidak ada opsi mengedit atau menyuntingnya, maka satu satunya cara adalah membuat komen baru da…

MENGAPA ANDA HARUS MEMBUAT TEMA ATAU TEMPLATE BLOGGER SENDIRI?

Setelah sekian lama ngeblog apakah anda masih membeli template? Apa keuntungan membuat template sendiri?  Bagaimana membuatnya?
Membuat  sendiri template blogger itu ada beberapa cara:
Menulis semua kode dan elemen HTML, CSS dan JavaScript dari awal sampai akhir hingga menjadi sebuah template blogger.Membuat tema secara onlineAtau mengedit dan merombak tema bawaan blogger sehingga menjadi benar benar beda dan baruCara pertama akan sulit dilakukan jika kita tidak menguasai bahasa koding dan pemrograman Cara kedua tidak lebih daripada mengikuti tool online yang telah tersedia secara online dengan algoritma desain dapat membuat sebuah template sesuai dengan selera kita Cara ketiga paling mudah dilakukan oleh para blogger pemula sekalipun hanya dengan sedikit pengatahuan koding. 
Jadi kita akan membahas cara yang ketiga saja. Asalkan dilakukan dengan sungguh sungguh pasti akan menghasilkan sebuah template bercita rasa premium seperti yang kita inginkan.

BUTUH WAKTU

Ya hampir semua hal butuh …

TANTANGAN MENJADI SEORANG BLOGGER MASA KINI

Segalanya pasti ada batasnya, perjalanan juga ada ujungnya. Ada jawaban mengapa teman teman blogger akhirnya memutuskan berhenti ngeblog. Ini hal lumrah dan ketika sesuatu pergi kita yang tinggal terkadang bertanya tanya dalam kehilangan.

Ketika saya memasuki masa kerja diatas 5 tahun disebuah perusahaan asing saya merasa ingin mengisi waktu dan ngeblog ternyata cukup bagus untuk itu ketimbang keluyuran menghabiskan uang, dan ketika saya menemukan bahwa ngeblog bisa di monetesi dengan program adsense, saya jadi mengerti mengapa orang orang bisa berputus asa alias berhenti ngeblog. Ada harapan pasti ada kekecewaan.
Pun pada saat beberapa teman pamit meningalkan perusahaan padahal dengan fasilitas bagus dan gaji puluhan juta, saya bertanya tanya apa yang mereka cari diluar sana. Mereka berkata: Dunia bukan hanya perusahaan ini. Dan saya langsung menuliskannya didalam buku harian saya dengan statemen yang berbeda: "Dunia bukan hanya blogging"
1. Jenuh
Saya datang dan pada awaln…

update: runtuhnya google plus dan dampaknya terhadap blogger (2)

Tunggu saja pada bulan Agustus 2019 ketika bagian konsumen telah di tutup, dan hanya menyisakan bagian komersial yang lebih berorientasi bisnis. Kita aka segera tahu bagaimana caranya berbagi postingan blog di Google Plus nantinya.  kita sudah mengenal tempat ini. Sebuah media sosial yang telah "gagal total" menumbangkan dominasi Facebook. Namun sebagai blogger yang telah lama menghuni Google Plus, kita tidak pernah merasakan tempat ini sebagai sarang hantu web seperti yang di bicarakan orang di forum forum internet. kita kembali berbicara perihal rencana penutupan G+ jika itu segera menjadi kenyataan: Seperti yang pernah di tulis oleh Steve Cooper bahwa G+ jauh lebih baik daripada media lain dalam hal meningkatkan CTR pengunjung terhadap blog hingga mencapai 35% artinya jika media ini di tutup para blogger harus bersiap kehilangan itu. Dan pengiklan akan meningkatkan Programming Media Buy yang selama ini juga telah telah secara signifikan mengurangi penghasilan para publis…

TEMPLATE IMPRESSIVE SIMPLE, TEMPLATE KECE BUATAN EDITBLOG

Kami datang dengan warna warni lembut, warna yang dapat diterima oleh kebanyakan mata manusia yang menyukai kelembutan estetika. Kami juga datang dengan kesederhanaan, kecepatan yang memadai, kebebasan berekspresi melalui tema atau template blogger di dunia blogging baik yang feminin maupun yang maskulin. Dan kami tidak sedang bermain main.

Perhatikan request yang telah kami kumpulkan dan diajukan kepada kami dibawah ini:
Template yang cepat, sederhana, Responsive, mobile dan SEO friendly sehingga enak dipakai dan juga dipandang.Menu navigasi responsive dengan warna halus, ada kotak pencarian yang responsive.Menu Navigasi kalau bisa dilengkapi dengan menu drop down Slot ads ready (terutama di atas atau samping atau sedikit dibawah judul header blog)Ada sidebar pada tampilan PC namun tidak merusak tampilan mobile sama sekali (hal yang sebenarnya sudah terdapat pada template blogger bawaan terbaru)Saya ingin Tema yang pas buat ngeblog tekno, Jualan online atau wisata kulinerKami benci k…
Copyright © editblogtema. All rights reserved.