Postingan

Menampilkan postingan dari November, 2018

Mengapa pemula dianjurkan belajar di w3school untuk mempelajari teknologi web?

Gambar
Tidak bermaksud mempromosikan situs Sekolah online ini tetapi sekedar untuk berbagi apalagi seorang pemula seperti saya yang tiba tiba saja menjadi berminat terhadap bidang ini. Menurut saya kelebihan belajar melalui situs ini yang jelas adalah: Jelas banyak yang gratis Mudah dimengerti karena selalu disertai dengan contoh dan mempersilahkan anda "Mencoba sendiri"  Dan kita dapat mengedit kode kode HTML melalui suatu sandbox yang telah mereka sediakan. Walaupun ada kontroversi sebagai berikut: Fitur TryIt atau cobalah anda lakukan sendiri itu nampak membuat web terlihat jelek dan kampungan, namun bagi saya W3School memiliki kecepatan loading halaman yang bagus. Jujur disamping situs tutorial lainnya W3School adalah salah satu pavorite saya dalam referensi belajar koding. INFORMASI WEB Model situs ini adalah portal pengembangan web tercatat sebagai milik Refsnes Data Norwegia pada tahun 2017 telah berada di urutan 187 ranking Alexa. Dan tetap aktif semen

APAKAH PARALLAX ITU?

Paralaks sering didefinisikan sebagai "pergerakan yang tampak" dari sebuah objek terhadap latar belakang yang jauh akibat pergeseran perspektif sebagaimana dapat dilihat pada gambar 1. Ketika dilihat dari titik pandang A, objek tampak berada di depan kotak biru.  Ketika titik pandang diubah ke titik pandang B, objek tampak bergerak ke depan kotak merah. Fenomena ini biasa dimanfaatkan dalam untuk menentukan jarak benda-benda langit. Potografi juga mengenal istilah parallax ini. Namun ternyata web-desain juga mengenal istilah ini kita sedang mencoba membuatnya, hanya saja sayangnya efek parallax mungkin tidak bekerja pada screen hape namun biasanya berkerja dengan baik pada tampilan laptop/PC. geser keatas atau kebawah untuk melihat efek jika menggunakan laptop. Scroll Up and Down this page to see the parallax scrolling effect. This div is just here to enable scrolling. Tip: Try to remove the background-attachment property to remove the scrolling effect. Ko

CONTEMPO HYDBRID THEME PREMIUM STYLE

Gambar
Kekaguman saya kepada Template Contempo membuat saya terus mengeksplorasinya. Sampai akhirnya saya membuat template baru berdasarkan Tema tersebut. Dan saya menamainya "Contempo Hybrid" mengapa? Walaupun komposisi hybridnya lebih di dominasi oleh Contempo asli namun sifat klasiknya semakin diperjelas: Menu navigasi responsive. Theme sangat responsive IJika anda ingin melihat skala yang berbeda, anda bisa mengakses template pada layar berbeda beda, laptop, tablet hingga ponsel. Silahkan lihat perbedaan pada efeknya. Karena saya akhirnya mengawinkan beberapa elemen dari template klasik yang lebih tua dengan Contempo yang lebih muda dan menghasilkan style dan kecepatan lebih baik daripada template sebelumnya "Contempo Ultimate" perhatikan ada hal baru pada template ini: Header lebih dinamis, Navigasi klasik sangat responsive namun tetap mempertahankan tombol pencarian "magnifier" bawaan. Keberadaan sidebar menjadi lebih stabil dengan

MEMBUAT DESAIN IMAGE GAMBAR PROFILE SEPERTI KARTU BOLAK BALIK DI WEB

Gambar
Banyak cara untuk menarik perhatian dalam web desain, gunanya tentu saja untuk menaikan rating bisnis. Kali ini saya ingin memberikan contoh bagaimana caranya kita bisa membuat image atau photo profile yang bisa di bolak balik pada website atau blog. Perhatikan dan sentuh gambar saya dibawah ini: APA GUNANYA? Dengan rekayasa ini saya berharap akan memudahkan untuk menyimpan, memeriksa dokumen yang mempunyai dua sisi bolak balik secara online. Di zaman dimana kebutuhan seperti ini telah menjadi keharusan saya berharap ini adalah terobosan. Misalnya jika anda memiliki Serifikat yang harus di periksa bolak balik depan dan belakangnya, atau KTP dengan keterengan dibelakangnya. Kartu profile bisa dibolak balik Tap atau sentuh gambar dibawah ini: Sofyan_yaan Penulis dan pemilik editblog web desainer di digitalcrafts Kodenya adalah: Sebelumnya klik bar dibawah untuk mengembalikan posisi gambar: <!DOCTYPE html> <htm

How use a cellular phone to create a blog's content?

Gambar
Today is mobile, everywhere. You can see every single words are typing by mobile. Your friend texting you via whatsApp, Messenger or they hangout you from overseas. What a laptop can do almost to be a past time and cellular can do the same now. Blogging should be the same. mobile for blogging We can not forget the history goes, and we are telling about recent. What thing is in your hand and most times with you and everytime in the life for nowadays, a laptop? or a cellular phone? You better focus to the latest one and how to maximize it for your purposes. For example we can do it for blogging. This article is aimed to answer a question, how to write an article or even a blog content through the cellular? Nothing is better rather than show it visually, and I find the way. Thank you so much for cellular phone with a bunch of multipurposes of applications. HOW CAN I DO IT Use your phone today the android phone screen have more than 5" width and the trends is becoming la

INILAH OPSI REQUEST PERAYAPAN FETCH AS GOOGLE UNTUK LINK PENCARIAN HAPE YANG BENAR

Gambar
This article marked as "write by celullerphone" Pada saat masuk webmaster yakni pada opsi webmaster tool,  kita di anjurkan memasukan link postingan agar di "fetch as google" disana ada dua opsi dalam mensubmit link postingan lagi,  yakni "fetch as desktop dan fetch as high end cellphone" bukan? Taukan caranya mensubmit link postingan untuk google webmaster tool versi lama?  Link konten atau postingan tidak boleh di copy seluruhnya: Misalnya : https://www.editblogtema.net/ 2018/05/autodidact-why-you-fail-to-perform-it.html? Yang dikirim itu hanya sebatas yang saya sorot warna kuning, sisanya dibuang saja. Nah jika sebelumnya kita telah setting property blogger dengan benar, maka pertanyaannya mengapa pada hasil fetch as google yang kita submit via laptop tampak tampak sbb?: Perhatikan: opsi desktop tampak tidak terdapat masalah karena langsung ditandai dengan warna hijau oleh tool webmaster, tetapi opsi seluler, mengapa berwarna kuning? 

CARA SEDERHANA MENAMBAHKAN IMAGE UNTUK LINK DOWNLOAD

Gambar
Sebenarnya membuat image atau ikon untuk tujuan mengajak orang mendownload sesuatu dari kita itu tidaklah harus masuk ke opsi HTML pada post blog kita. Cukup buat artikel yang dimaksudkan lalu upload sebuah photo format apa saja asalkan di support oleh format blogger (sebaiknya PNG) letakan dibawah postingan, misalnya: Silahkan donlot dengan cara mengklik ikon di bawah ini: CARA MEMBUATNYA: Buat sebuah artikel terkait ajakan mendonlot di blog anda siapkan link sumber dokumen, image, aplikasi atau video yang akan di donlot-sebaiknya yang telah disimpan didalam google drive anda atau sistem jasa layanan cloud) copy link berbagi, hidupkan opsi download jika ada. upload sebuah gambar apa saja, sebaiknya bentuk anak panah turun kebawah, atau image "download" lainnya yang bisa anda download di inernet. Setelah terupload di bagian bawah postingan pilih ukuran/size paling kecil dan lalu sorot image atau gambar tersebut kemudian klik link dibagian atas postingan

CONTOH BAGAIMANA CARANYA MEMBUAT BLOG SENDIRI

Gambar
Tutorialkhusus Sebelumnya kita telah membahas cara pembuatan website secara umum. Sekarang kita mencoba membahas cara membuat blog plus demo HTMLnya melalui blog ini: Perhatikan image dibawah ini dibuat berdasarkan HTML sehingga anda dapat mengeksplorasinya: EB Judul heading deskripsi judul, 24 Nov 18 Image Tulisan.. Bla bla bla bla bla bla. Saya GBR Tulis disini bla bla bla bla.. Popular Post GBR GBR GBR follow Tulisan.. Footer Contoh kode diatas diatas adalah sebagai berikut: 1. CONTOH TATALETAK: <div class="header"> <h2>Blog Name</h2> </div> <div class="row"> <div class="leftcolumn"> <div class="card"> <h2>TITLE HEADING</h2> <h5>Title description, Dec 7, 2017</h5> <div class="fakeimg"

MEMBUAT WEBSITE SENDIRI ITU MUDAH

Gambar
Tutorial khusus PRAKATA Dulu, sewaktu baru mulai membuat blog saya juga berfikir membuat website sendiri itu pasti susah banget. Jadi saya hanya ikut ikutan menggunakan tema tema dan cara standar yang ada. Saya fikir itu tidak memuaskan. Bukankan tidak semua orang memiliki cara berfikir yang sama? Akan tetapi berusaha membuat web kita sendiri dan belajar keras adalah sebuah nilai lebih dan tentu saja akan sangat berguna untuk diri kita dan secara pribadi saya telah merasakannya. Ternyata sulit atau tidak sulit itu hanyalah pikiran atau cara berfikir kita sendiri. MEMBUAT WEB SENDIRI? Membuat suatu halaman web pada dasarnya adalah seperti contoh dibawah ini (image dibawah ini dibuat berdasarkan HTML, jadi anda bisa menyentuhnya untuk melihat reaksinya): Page Title EB editblogtema. Beranda Link Link perihal Gambar kami: Gambar Teks:Bla bla bla bla bla bla bla bla bla bla.. TExt disini Bla bla bla bla bla bla.

CONTOH CARA MEMBUAT MENU NAVIGASI STICKY ALIAS FIX DIATAS HEADER

Gambar
Serial tutorial khusus Mari kita coba sticky Menu Navigasi dibawah ini, dan membuktikan apakah kita dapat menerapkannya pada template blogger kita. The EditblogTema: Scroll keatas dan kebawah scroll untuk melihat efek. Home News Contact Contoh Navigasi Sticky Navbar akan lengket alias sticky begitu mencapai posisi sticky Some text to enable scrolling.. Lorem ipsum dolor sit amet, illum definitiones no quo, maluisset concludaturque et eum, altera fabulas ut quo. Atqui causae gloriatur ius te, id agam omnis evertitur eum. Affert laboramus repudiandae nec et. Inciderint efficiantur his ad. Eum no molestiae voluptatibus. Some text to enable scrolling.. Lorem ipsum dolor sit amet, illum definitiones no quo, maluisset concludaturque et eum, altera fabulas ut quo. Atqui causae gloriatur ius te, id agam omnis evertitur eum. Affert laboramus repudiandae nec et. Inciderint efficiantur his ad. Eum no molestiae voluptatibus. Some text to enable s

Sangat mudah kok membuat menu navigasi untuk template bawaan blogger

Gambar
Serial Tutorial khusus: Lihat Demo Menu Navigasi Responsive dibawah ini, coba sentuh untuk mengeksplorasinya, menurut anda bagaimana cara membuatnya? Mudah sekali hanya dengan menerapkan kode kode HTML,CSS dan JS dasar! Cara membuatnya adalah melalui pengaturan blogger. Tapi sebaiknya pastikan terlebih dahulu anda telah memodifikasi template bawaan blogger menjadi responsive. Walaupun menu navigasi ini bisa saja di terapkan kedalam template Contempo misalnya, namun saya lebih menganjurkan anda  menerapkannya kedalam tema klasik. Untuk membuat tema klasik menjadi responsive silahkan cari artikelnya di pencarian blog ini atau di internet. LANGKAH PERTAMA: Masuk ke pengaturan blogger Pilih tema atau theme Pilih editHTL Cari kode </head> lalu letakan kode dibawah ini tepat diatasnya: <style> body { margin: 0; font-family: Arial, Helvetica, sans-serif; } .topnav { overflow: hidden; background-color: #333; } .topnav a { float: left; display: block; color:

CONTOH PENERAPAN CSS, JS DAN HTML

Gambar
Serial Tutorial khusus: Membuat template blog tidak akan terlepas dari 3 kode "dasar" yang akan kami berikan contoh. Penulis minta maaf karena baru belajar membuat toturial, selama ini taunya hanya mempraktikan, bukan mengajarkannya he he he, yang paling sulit itu pasti kepada bagian "Mengajar" tidak percaya tanya pada blogger yang profesinya adalah seorang guru. Sulit untuk membuat seorang pelajar memahami apa yang mau kita sampaikan tanpa pengalaman, pendidikan dan teknik mengajar itu sendiri. Maka itulah pada editblog tema kami selalu menekankan kepada "Contoh-contoh" yang langsung bisa dipraktikan bahkan ketika anda mencoba membuat sebuah template blog anda sendiri. Karena sebuah contoh jauh lebih baik daripada seribu kata kata yang ditulis, saya memberikan contoh untuk tutorial dasar pelajaran JavaScript: JavaScript: Lihat Demo: Pelajaran JS pertamaku Klik atau sentuh untuk menampilkan tanggal dan waktu. Perhatikan Kod

MEMBUAT RELATED POST KEREN UNTUK TEMPLATE CONTEMPO

Gambar
Related post untuk template contempo dan template terbaru Blogger lainnya tentu sudah banyak yang menulisnya, akan tetapi bentuknya sangat bersahaja, maka itu saya mencoba membuat atau mendesain satu Related Post yang lebih "Stylish" tanpa menghilangkan unsur kesederhanaanya. Mari kita memasangnya. Langkah pertama: Cari kode <data:post.body/> letakan kode yang telah saya modifikasi ini dibawahnya: <br/><br/><b:if cond='data:blog.pageType == &quot;item&quot;'> <div id='related-posts'> <font face='Arial' size='4'><b><i aria-hidden='true' class='fa fa-american-sign-language-interpreting fa-2x gradient-icon'>Related Posts</i> : </b></font><font color='#000'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>&l

KEHEBATAN TEMA CONTEMPO SETELAH DI RE-DESAIN

Gambar
Tema contempo bisa menjadi altenatif sebagai pengganti tema premium, saya belum berhenti mengagumi struktur CSS didalamnya. Adalah empat template terbaru blogger yang sangat mudah dimodifikasi dengan cara kombinasi melalui opsi blog desainer maupun edit HTML melalui dasbor blogger. ke empat tema tersebut adalah: CONTEMPO, SOHO, EMPORIO dan NOTABLE (atau Terkemuka). Ke empatnya tidak memerlukan opsi setting mobile sudah cocok buat tampilan PC desktop dan hape/seluler sekaligus. Artinya ya responsive dan mobile friendly.  Tetap terbuka lebar cara mengeditnya asalkan anda tekun dan percaya pada kemampuan diri anda sendiri. Kali ini saya pilih contoh hasil pengeditan contempo, anggaplah sebagai update dari tema bawaan, lalu apa yang baru? Menambahkan tombol "back to top" yang terlihat dengan tulisan "Keatas" sebagai scroll otomatis halaman pada saat di scroll ke bawah pada saat mau mengembalikannya ke atas. Menambahkan Related post di tengah postingan dengan

CARA MEMASANG TOMBOL EMOTICON REACTION KEDALAM TEMPLATE CONTEMPO

Gambar
Beberapa waktu yang lau kami telah menulis cara menambahkan tombol "Reactions" yang keren ke template klasik blogger yang lebih lama, tapi tahukah anda cara tersebut tidak bisa diterapkan ke dalam templat blogger yang lebih baru seperti Contempo , Emporio , Soho dan Terkemuka? Padahal tombol tombol ini sangat membantu pembaca dan pengunjung blog untuk lebih terlibat dan berinteraksi dengan site atau blog kita. Dan template template terbaru terutama contempo sendiri tidak sama dengan template template lama/klasik blogger, didalam template hanya ada satu <data:post.body/> dan harus diperlakukan beda. Untungnya ada pihak ketiga memperbaharui layanan mereka untuk tombol berbagi dan tombol reaction ini. Jangan kuatir, anda tetap bisa memasang tombol share dan reactions yang lebih keren. Tombol reaction ini apabila nanti disentuh oleh pengunjung blog akan memunculkan tombol share medsos dibawahnya termasuk share ke WhatsApp, keren, bukan? LANGKAH SATU: Namun ter

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