Postingan

Menampilkan postingan dengan label tutorialKhusus

CARA DOWNLOAD DAN PASANG TEMPLATE REDESAIN EDITBLOGTEMA

Gambar
Kalian perhatikan navbar (Navigasi menu) di atas halaman editblogtema (Dibawah Judul Blog). Navbar itu berisikan menu yang membantu pengunjung atau berfungsi sebagai navigasi mengeksplorasi halaman blog ini. Untuk tahap ini kami hanya menyediakan template hasil redesain template default blogger yang dapat dipergunakan secara gratis. Dan dapat juga untuk kalian modifikasi lebih jauh. Cara mengedit template telah kami sediakan cukup banyak di dalam di dalam halaman ini. Misalnya kalian bisa memilih 'Tutorial dan Panduan' untuk mencari panduan yang sesuai, atau jika tidak silahkan bertanya pada kolom komentar di bawah halaman ini. 1. CARA MENDOWNLOAD TEMPLATE RE-DESAIN . Klik atau sentuh Menu 'Download' di atas halaman akan muncul menu dropdown 'template' dan akan muncul dropdwon yang menampilkan 6 template yang dapat kalian pilih: Soho, Emporio, Contempo, Notable, Reward Theme, dan Masonry. Misalkan kalian memilih salah satu template yakni 'Masonry' maka k

Cara merombak template blogger contempo 1

Gambar
Pada kesempatan pertama ini saya ingin berbagi trik dasar merombak tampilan sekaligus meningkatkan performa empat varian template blogger terbaru. Empat varian terbaru template blogger (2017-sampai sekarang)  adalah: Contempo Soho Emporio Notable Sedangkan 7 varian template blogger lama  (2008-2017) adalah: Simple  Dinamic Picture window Awesome inc.  Watermark Ethereal Travel Perbedaan: Template versi baru responsif dan mobile friendly - template lama tidak, kecuali jika di desain ulang.  Template terbaru sudah mengusung gaya desain aliran tertentu misal: contempo beraliran indie, soho beraliran fancy,  emporio menganut aliran vegea,  dan notable mengikuti aliran desain bergaya rockpool.  4 varian Template terbaru sudah dilengkapi dengan ikon svg bawaan yang walau terbatas namun cepat tidak menghambat kecepatan loading halaman web. Misalnya menuIcon, shareIcon, closeIcon dll. Sedangkan template lama tidak.  Trik mudah merobah tampilan template contempo a. Header.  Template Contempo me

3 Versi Layout template template blogspot dari masa ke masa

Gambar
Bicara template memiliki sejarah tersendiri. Sejarah adalah jejak dan catatan di dalam waktu, dan di dalamnya ada buah karya mendasar dari para desainer template blog. Tapi yang akan kita bahas disini adalah bagaimana  ujud dari template template tersebut menurut versinya masing masing. Mari kita mulai. Sepanjang sejarahnya blogger telah memiliki 3 jenis layout template blogger, apa sajakah itu? 1. Template klasik. (Theme dan layout versi 1 - versi pertama) Template blogger yang pertama adalah template klasik, dipergunakan sejak tahun 2004 semenjak Blogger tidak lagi berada ditangan Pyra Labs. Hingga kini template ini masih ada pada pengaturan blogger dalam bentuk dokumen HTML. Sampai tahun  2009 tema klasik adalah satu satunya bentuk muka halaman blog yang dikenal orang. Template ini tentu saja tidak responsive, dan pada waktu itu belum ada gagdet hape dan tablet bahkan yang punya laptop saja masih terbatas. Maka banyak orang yang ngeblog melalui kantor tempat mereka bekerja

CARA MEMBUAT PROFILE BLOGGER KEREN DAN BERBEDA

Ini hanya buat percobaan, namun cara ini terbilang ringan dan ringkas. Hanya menampilkan tombol profile namun jika tombol " PERIHAL SAYA " tersebut di klik akan memunculkan profile pemilik blogger dengan ukuran yang hampir memenuhi ukuran halaman. Sebenarnya saya ingin melengkapinya dengan link Php, misalnya dibawah profile ada form yang dapat dimanfatkan untuk chatting atau koresponden, akan tetapi saya masih menunggu beberapa masukan dari teman teman. Kita langsung saja kepada cara pemasangannya: 1. TAMBAHKAN CSS Langkah pertama masuk ke pengaturan blogspot: Masuk kepengaturan blogspot Pilih Tema atau "theme" Dibagian bawah Live on blog atau "langsung di blog" ada dua pilihan: Customize atau Sesuaikan dan Edit HTML Pilih Edit HTML Cari kode </head> letakan kode CSS berikut tepat diatasnya: <style> body {font-family: Arial, Helvetica, sans-serif;} /* Full-width input fields */ input[type=text], input[type=password] { wid

CARA MENAMBAHKAN LINK FOOTER UNTUK TEMPLAT BLOGSPOT DENGAN LINK WHATSAPP

Gambar
Sebenarnya ini bisa di terapkan ke dalam template blogspot yang lebih lama. Namun karena sebaiknya sobat menggunakan templat terbaru blogspot yang sudah dibuat otomatis responsive dan mobile, maka cara ini sangat baik diterapkan. 1. CSS Tidak ada JavaScript. Hanya elemen CSS yang kita butuhkan disini dengan syarat hanya 3 link saja yang saya sarankan itupun dengan judul link yang singkat seperti: privasi, perihal, dan kontak atau menurut selera sobat  karena layar hape yang kecil hanya bagus menampung panjang posisi inline sedemikian. Masuk ke pengaturan blogspot>>Tema>>Masuk ke opsi edit HTML, lalu cari kode: </head> dan letakan kode berikut tepat diatasnya: <style> body {   margin: 0;   font-family: Arial, Helvetica, sans-serif; } .navbar {   overflow: hidden;   background-color: #fff;   position: fixed;   bottom: 0;   width: 100%; } .navbar a {   float: left;   display: block;   color: #333;   text-align: center;   padding: 14px

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

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

Label

adwords aibo ajax alexa algoritma alternative Am I Responsive amazon ambigu Amerika AMP Andorid Android Android 10 Angular animasi antivirus aplikasi apple ARM Art Of War artikel sabtu asesories audio autodidact avatar avatar penulis awesome awsome back to top backdoor backlink bahasa Bandar Lampung bank btn batam beautiful bedak beginning belajar belajar koding berita bing web master biografi blackberryOS blackhat blank space 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 cerai Cerita cerpen cewek chimpense chipset chrome chrome 76 Cina cinta clickjacking codeigniter codepen coding compose compose view condenser mic 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 duplikat e-commerce earn money edisi minggu edit editblogtema editor HTML ekonomi elektronik 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 flipaclip font font awsome footer footer link Footer navigasi forbes framework 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 gojek 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 hometown hotpink HTM5 html HTML view huawei hukum human Idulfitri Iklan ikon Imlek in memories index indie Indonesia Indonesia darurat corona indosat infinite color infinity war informasi instagram instan article 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 kebun raya kecantikan kecepatan blog mobile kehidupan kemanusiaan kesehatan keyakinan keyboard keyword khusus kiata G+ kinemaster klasik klik kode warna koding komentar komentar blog komputer konsipirasi konten konversi kopi korsel korut kota kota kelahiran kotak navigasi menu blog kotak pencarian kotlin kriminalitas kualitas kucing label lapangan kerja laptop lay out lay out version 3 theme layarlipat layout lazyload lelaki liburan life-style lifehack lingkungan logitech logo love Macbook Macbook Air machine learning MacOS magnifier maintenance makeover makmur manusia margasatwa masa depan masonry matahari matematika medsos mega menu mengganti tempa menu menu navigasi menu pencarian menulis merombak metafisika microfon Microsoft microsoft edge Minggu minify misteri mitos mobile modal modern modifikasi monetisi morality motivasi motivation mouse moz multimedia musik myths narasi nasehat terbaik navbar navigasi navigasi menu blog ngeblog nibbler notable office olahraga Omnibus online online editor operating sistem opini otodidak pagelist pagerank paginator Pandora panduan panduan mobile paradox parameter parasit parse pekerjaan pembatasan pemilu 2019 Pemilu Indonesia 17 April 2019 pemrograman pemula pendidikan pengalaman pengaturan pengornbanan pengusaha Penulis perang perang dagang Cina vs Amerika perang dunia ketiga perangdagang perceraian perihal perkawinan permalink perubahan pexel phablet PHP plagiat plagiator PlagScan play store podcast 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 rekomendasi related posts remaja resolusi responsinator responsive review robot robot.txt s-pen sains samsung sanggahan saran temaplate blogger saran template search secrets security sederhana sejarah seken selegram semrush SEO sepatu sepi share button sharing buttons I.O sidebar sidenav siginifikan silikon simple simpson singapore singularity sitelink sitemap smartphone snippet soho solusi somadmorroco spesial spoiler star wars statistik sticky sidebar sticky widget Strategi SEO streaming Student study study online style submenu subscriber success sudut cerita SVG SVG icon syimbian tab s2 tab s7 tabel tablet tabs2 tabs7plus tagging takdir takhyul talenta tataletak Teen teka teki teknik teknologi TELKOMSEL tema tema kesederhanaan tempat wisata template template premium template premium gratis template SOHO template versi ke-2 terbang terkemuka tes popularitas testimoni testmysite text theme Thucydides tiktok tip tips toggle tokoh tombol berbagi tombol pengalihan tombol reply komentar tops traffik trafic trafik translator travelling tribun tricks Trik triks troubleshooting Tutorial Tutorial Anissa tutorial css 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 wps X-Frame xiomi xml yandex youtber youtube youtuber z-index
Tampilkan selengkapnya