Postingan

Menampilkan postingan dari Oktober, 2018

CARA MEMBUAT MENU NAVIGASI FULL SCREEN RESPONSIVE

Gambar
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 blogger Pilih Tema atau Template Pilih 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 conten

CARA MEMBUAT TAMPILAN DEMO LIVE MENGGUNAKAN CSS..

Gambar
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 blogger Pilih postingan Pilih new entry atau Postingan baru Pada 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;   bord

TAMPILAN EDITBLOGTEMA PADA HAPE

Gambar
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.

4 MENU NAVIGASI BLOG MOBILE SIMPEL DAN MUDAH DIBUAT

Gambar
NAVIGASI RESPONSIVE DAN MOBILE FRIENDLY 4 menu navigasi berikut mudah di buat dan di terapkan juga responsif dan mobile friendly. Hitung hitung menerapkannya adalah untuk belajar memahami cara bekerja HTML di dalam template blogger. Belajarnya juga melalui halaman w3school, lho.. 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 Dis

CARA MEMBUAT IKON BACK TO TOP GAYA EDITBLOGTEMA

Gambar
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"></

CARA MENGHILANGKAN TIDAK ADA YANG COCOK DENGAN KUERI...

Gambar
Coba masuk ke blog anda dan ketikan sembarangan kata saja ke dalam kotak pencariannya apakah ada notifikasi seperti ini:?  Ingin membuangnya? Maksud kami ingin membuang notifikasi seperti diatas? 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:navMessag

Cara membuat menu navigasi blog plus kotak pencarian responsif

Gambar
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 pengaturan pilih tema atau theme pilih 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;m

MEMBUAT MENU NAVIGASI RESPONSIVE BLOG ITU MUDAH

Gambar
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,

BISAKAH MENYUNTING DAN MENGEDIT KOMENTAR SENDIRI DI BLOGSPOT?

Gambar
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 kome

MENGAPA ANDA HARUS MEMBUAT TEMA ATAU TEMPLATE BLOGGER SENDIRI?

Gambar
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 online Atau mengedit dan merombak tema bawaan blogger sehingga menjadi benar benar beda dan baru Cara 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 WA

TANTANGAN MENJADI SEORANG BLOGGER MASA KINI

Gambar
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 data

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

Gambar
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

TEMPLATE IMPRESSIVE SIMPLE, TEMPLATE KECE BUATAN EDITBLOG

Gambar
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 kul

Labels

adwords aibo ajax alexa algoritma alternative Am I Responsive amazon ambigu Amerika AMP Andorid Android Android 10 Angular animasi apple ARM Art Of War artikel sabtu asesories autodidact avatar avatar penulis awesome awsome back to top backdoor backlink bahasa bank btn batam beautiful beginning belajar belajar koding berita bing web master biografi blackberryOS blackhat blockquote blog blogcomments blogger bloggerhelp blogging Blogging mobile bloging blogspeed blogspot bluetooth bootstrap border dash breadcrumb browser btn mobile bugs Buku business capital letter cara catatan catatan awal tahun Cek IMEI Cerita cerpen cewek chimpense chipset chrome chrome 76 Cina cinta clickjacking codepen coding compose compose view contact form contempo contempo base contempo blackmagic contempo hibrida contempo hybrid converter coolest copy-paste copyright covid 19 covid_19 cowok CPC credit footer css CTR cuitan curhat cybercrime Dahlan Iskan dark mode dasbor data default Demo desain diblokir dirtylink disway DOM domain domain authority Donald Trump download download template terbaru dropdown earn money edisi minggu edit editblogtema editor HTML ekonomi elektronik Elle Darby embed emoji emporio emporio hybrid english error essential expires header expires headers facebook fakta fanpage fast loading template fastloading template favicon featured posts feed burner firefox fitur fixed fixed sidebar font font awsome footer footer link Footer navigasi forbes Free friendship fuchsia full stacks furure g-suite gadget gagdet galeri gambar gambar bergoncang gambar profile penulis gambar responsive game generasi Alpha Generasi Z geng motor genius gerhana girl gmail Gmetrix gong xi fa cai good news google google chrome Google Domain google drive google font Google honemoon google Plus google search console google webmaster Googlewebmaster gradasi warna grafik gramedia gratis grid style GTmetrix h1 Habibie hack hacker halaman web hamburger menu hanya opini hapus hari bumi harimau heading headings heart secret hewan hoax hobi hotpink HTM5 html HTML view huawei hukum human Idulfitri Iklan ikon Imlek in memories indie Indonesia Indonesia darurat corona indosat infinite color infinity war informasi instagram intel inteligensia internal link internasional internet internt interntet interntt intert iOS iPad iPadOS iPhone isu IT italia Jaime Ocabo java JavaScript jimdo jin Ping jingling Jokowi jQuery JSitor kaca pembesar kafe kalimantan kalkulus kamera kanonis kartun keamanan keamanan blogger kebijkan kecepatan blog mobile kehidupan kemanusiaan kesehatan keyakinan keyboard keyword khusus kiata G+ klasik klik kode warna koding komentar komentar blog komputer konsipirasi konten konversi kopi kota kotak navigasi menu blog kotak pencarian kotlin kriminalitas kualitas kucing label laptop lay out lay out version 3 theme layarlipat layout lazyload lifehack lingkungan logitech logo love Macbook Macbook Air machine learning MacOS magnifier maintenance makmur manusia margasatwa masa depan masonry matahari matematika medsos mega menu mengganti tempa menu menu navigasi menu pencarian menulis merombak metafisika Microsoft microsoft edge Minggu minify misteri mitos mobile modal modern modifikasi monetisi morality motivasi motivation moz myths nasehat terbaik navbar navigasi navigasi menu blog ngeblog nibbler notable office Omnibus online online editor operating sistem opini otodidak pagelist pagerank paginator Pandora panduan panduan mobile paradox parameter parasit parse pembatasan pemilu 2019 Pemilu Indonesia 17 April 2019 pemrograman pemula pendidikan pengalaman pengaturan pengusaha Penulis perang dagang Cina vs Amerika perang dunia ketiga perangdagang perceraian perihal perubahan pexel phablet PHP plagiat plagiator PlagScan play store polemik politik ponsel popularitas popularposts portable powered by blogger Powerpoint prediksi premium privasi produk profesi profile programmer programming programming. prosesor pseudo-sains psikologi Python rahasia ramalan ranking faktor rawgit re-desain re-desain tema blogger React Reactions read more recentPosts redesain related posts remaja resolusi responsinator responsive review robot robot.txt sains samsung sanggahan saran temaplate blogger saran template search secrets security sederhana sejarah seken selegram semrush SEO share button sharing buttons I.O sidebar sidenav siginifikan silikon simple simpson singularity sitelink sitemap smartphone snippet soho solusi somadmorroco spesial spoiler star wars sticky sidebar sticky widget Strategi SEO Student study study online style submenu subscriber success sudut cerita SVG SVG icon syimbian tab s2 tabel tablet tabs2 tagging takdir takhyul talenta tataletak Teen teka teki teknik teknologi TELKOMSEL tema tema kesederhanaan template template premium template premium gratis template SOHO template versi ke-2 terkemuka tes popularitas testimoni testmysite text theme Thucydides tip tips toggle tokoh tombol berbagi tombol pengalihan tombol reply komentar tops traffik trafic trafik translator tribun tricks Trik triks troubleshooting Tutorial Tutorial Anissa tutorialKhusus twitter uang UAS unduh unik update urang utan ustazd Abdul Somad vanilla Script video viomagz viral virus corona vlogging vue w3-css w3school W3Shool wabah warna web web story WebAssembly webdesign WEBP website whatsapp widget wifi ID windows Windows Mobile wisata WIX wordpress X-Frame xiomi xml yandex youtube youtuber z-index
Tampilkan selengkapnya