Posts

Showing posts from July, 2019

FREE! dua template unggulan editblog bulan ini

Image
Dalam rangka menyambut bulan Agustus 2019 editblogtema membagikan 2 template terbaru yang belum pernah terlihat sebelumnya. Nah bagi yang baru ngeblog dan belum memiliki template premium dengan tampilan modern dua template ini kami jamin akan mewakili kamu dalam berkarya di dunia web-blog. Tampilannya yang belum pernah terlihat sebelumnya mewakili zaman kita. Dengan kelebihan kelebihan: Mudah di edit melalui tataletak/layout pengaturan blog, termasuk navigasi menu pada headernya Keamanan SEO bawaan blogger yang manjur Layout versi 3 Cepat Kedua template pilihan tersebut adalah: 1. EDITBLOGSOHO.V3 Template editblogsoho (Didownload 16x) DEMO DOWNLOAD KELEBIHAN: Antarmuka premium Memiliki sidebar KIRI yang dapat ditampilkan dalam sekali klik dimana sidebar dapat dimanfaatkan sebagai menu list yang dapat di edit melalui tataletak/layout blogger.  Memiliki Navigasi menu dan kotak pencarian pada header yang dengan mudah dapat di edit melalui pengaturan...

Cara membuat footer stylish untuk template Blogger contempo, emporio, soho dan Notable

Image
T api baca dari awal ya, trik ini mungkin tidak efektif jika di gunakan buat template template yang lebih tua seperti PT. Keren Sekali, Jendela, Perjalanan, Sederhana dll. Memang bisa tapi kurang efektif. Demikian juga pada template template custom dan premium buatan pihak ketiga yang kalian beli di internet.  Saya katakan 'bisa' namun pengaturan CSSnya harus di rombak terlebih dahulu jika ingin menerapkannya ke template template selain empat template yang telah saya sebutkan di atas. Secara default footer ke empat template template seperti contempo,  soho,  emporio dan notable terlihat monoton, namun kita dapat menambahkan footer dengan gaya dan warna tertentu beserta widget atau gadget yang terinstegrasi didalamnya. Pembuatannya juga tidak sulit: Pertama tambahkan HTML Pilih tema Pilih edit HTML Pada halaman editor HTML blogger copy berikut: <div class='editblog'><div class='editblogsocial-icons'> <ul> <li class='social-faceboo...

APA SAJA KELEBIHAN 4 TEMPLATE TEMPLATE BAWAAN BLOGGER TERBARU?

Image
Gambar tempilan 4 template terbaru blogger secara default P ertanyaan diatas bukan untuk mereka yang telah menggunakan template model lama setelah bertahun tahun ngeblog. Pertanyaan diatas ditujukan kepada pengguna baru, karena Google jelas telah membuat 4 template terbaru untuk dengan tujuan jelas untuk menjawab tantangan waktu, mengupgrade tampilan dan meningkatkan fitur keamanan. Ke empat template ini masing masing sudah sangat responsif, mobile friendly dan memiliki header yang dapat di modifikasi untuk memiliki menu navigasi yang responsive plus tombol dan kotak pencarian yang hebat. Jadi semua fitur dasar premium dapat kita miliki setelah memodifikasinya. Dan yang penting ketimbang template  template lawas template template terbaru ini support layout blogger versi ke-3 4 template blogger terbaru berikut masing masing memiliki 5 varian dengan warna warna berbeda adalah template yang berbeda dengan template model lama, secara default ke empat template ini dibuat deng...

Cara menampilkan gambar penulis diatas postingan template editblog Notable

Image
Tampilan profile penulis diatas artikel dekstop dan mobile 4  Template terbaru (layout versi 3) bawaan blogger siap di modifikasi! Mereka ini memiliki keunikan tersendiri jika dibanding dengan template versi yang lebih lama: Lebih banyak CSS, kode pembentuk HTML yang membuat template-template dengan layout 3 ini dapat dengan mudah dibentuk. Hanya memiliki satu satunya <data:post.body/>pada 7 varian template model lama kan punya 2,3 bahkan diantaranya ada yang sampai 4 <data:post.body/> Jadi gak bingung buat menambahkan atau meletakan elemen dan material desain template kalian. Penutup tag</body> ditulis  paling terakhir pada template itu lho tag tempat kalian biasa menempatkan material JavaScript buat mengoptimalkan fungsi dan "action" template Diantaranya adalah kita tidak perlu repot membuat elemen baru untuk menampilkan profile author atau pengarang atau penulis konten. Misal jika satu blog memiliki bebarapa penulis maka photo profile setiap ...

CARA MEMBUAT HURUF PERTAMA POSTINGAN BLOGGER dan WORDPRESS JADI BESAR DAN GAYA

Image
S ebenarnya template blogger terbaru varian Notable sudah memiliki fitur dimana setiap huruf pertama yang kita tuliskan akan menjadi besar. Contohnya pada tulisan ini. 1. UNTUK BLOGGER BLOGSPOT huruf pertama besar dan gaya Tambahkan CSS. Caranya sederhana saja: Masuk ke pengaturan blog Pilih tema (atau theme kalau bahasa Inggris) Pilih "sesuaikan" (atau customize kalau bahasa Inggris) Setelah sesuaikan dipilih maka kita masuk ke mode "Blogger Theme Designer" disana pilih "lanjutan" (atau advance kalau bahasa Inggris) begitu diklik disebelah kanan akan muncul list menu dropdown dari atas ke bawah, scroll hingga sampai ke menu paling bawah. Pilih "Tambahkan CSS" (atau add CSS kalau bahasa Inggris). Ketika kotak blanko kosong CSS muncul, copy kode dibawah ini dan pastekan kedalam blanko kosong kotak CSS tadi: .dropcap{float:left;color: blue ;background: white ;line-height:50px;padding-right:5px;font-family:Arial;font...

TEKNIK MENYULAP GAGDET LINKLIST BLOGGER MENJADI MENU NAVIGASI KEREN PADA TEMPLATE SOHO

Image
Contoh menu navigasi meniru pexel menggunakan gagdet linklist editblogtema K arena statusnya adalah "gadget bawaan blogger, maka navigasi menu ini akan memiliki kelebihan sebagai berikut: User atau pengguna sekalipun pemula akan dengan mudah mengedit nama menu berikut urlnya melalui pengaturan tataletak blog, tidak perlu mengedit menu melalui halaman editor HTML blog samasekali Gagdet linklist berubah dari bentuk list dropdown menjadi inline atau horisontal pada bar navigasi. CARA MEMBENTUKNYA: Masuk kepengaturan blogger, pilih tema, pilih edit HTML dan cari kode </head> lalu letakan kode CSS style berikut diatas kode </head> tadi: <style> #editblogmenu {width:100%;margin:0 auto;height:50px;position: fixed; z-index:99; background:#4169E1;} #editblogmenu ul,#editblogmenu li{margin:0;padding:0;list-style:none;} #editblogmenu ul{height:45px} #editblogmenu li{float:left;display:inline;position:relative;font-family:&#39;trebuchet MS...

Trik membuat tombol DEMO dan DOWNLOAD sederhana dan ringan hanya dengan CSS

Image
DEMO DOWNLOAD S ederhana yang saya maksud adalah tidak menggunakan font awsome atau link gambar dengan deklarasi URL seperti contoh: https://1.bp.blogspot.com/-...jpg. Keunggulannya adalah: Sederhana Cepat loading atau tidak membebani loading Hanya HTML CSS Langkah pertama Caranya adalah: LETAKAN CSS Masuk kepengaturan blogger Pilih tema (atau theme kalau bahasa Inggris) Pilih sesuaikan (atau Customize kalau bahasa Inggris) Dari sini kita telah masuk ke opsi "Blogger theme designer" Pilih lanjutan (Advance kalau bahasa Inggris) Pada sebelah kanan muncul menu dropdown scroll menu keatas hingga ketemu tambahkan CSS (ADD CSS) yang letaknya paling bawah. Klik menu tersebut akan muncul kotak blanko CSS kosong. Selanjutnya copy kode css dibawah ini pastekan kedalam kotak blanko CSS kosong tadi: .btn{list-style:none;text-align:center;margin:10px!important;padding:10px!important;font-size:14px;clear:both;display:inline-block;text-decoration:none!imp...

Kok bisa ngeblog membuat kita mengerti koding?

Image
Terutama bagi yang ingin belajar  ilmu koding dan programmer ilmunya anak anak muda di masa depan. Mengapa koding dan mengapa harus programmer? 1. Masa depan perubahan semakin cepat Ya, bayangkan sudah banyak kalangan yang memperkirakan, misalnya: Juru bahasa dalam beberapa tahun lagi sudah tidak diperlukan. Mesin penterjamah hadir semakin interaktif dengan teknologi A.i. Mata uang kripto dipergunakan, membuat pekerjaan bankir tidak penting lagi terutama setelah Facebook berencana membuat mata uang Libra.  Misalnya pekerjaan akuntan jenis ini dapat dilakukan oleh software dan mesin dengan cara yang sangat jauh berbeda, lebih cepat, lebih akurat daripada manusia. Pekerjaan migas tidak akan sehebat dimasa lalu lagi dalam segala hal. Semenjak energi abadi yang melimpah ditemukan, ketergantungan kita terhadap minyak yang kita kuras dari perut bumi pasti akan berakhir.. Dimasa lalu ada wartel, tukang ojek pangkalan, taksi konvensional. Sekarang mereka lenyap karena p...

Cara menghapus powered by blogger pada template terbaru dan menggantikannya dengan kredit tahun otomatis

Image
Pertanyaannya boleh tidak membuang powered by blogger dan menggantikannya dengan kredit kita sendiri? Jawabannya saya kurang tahu. Akan tetapi jika kredit kita tetap menyertakan powered by blogger  itu lebih baik karena kita memang perlu menunjukan rasa hormat terhadap sebuah karya yang telah dibuat oleh siapapun. 1. MENYEMBUNYIKAN POWERED BY BLOGGER Pada template terbaru dengan layout versi ke-3 cara menghapus powered by blogger berbeda dengan template model lama yang layoutnya masih versi ke-2. Namun untuk menyembunyikan (bukan menghapus) powered by blogger pada template terbaru blogger cukup sederhana: Masuk pengaturan blogger Pilih tema atau theme Pilih sesuaikan (bukan edit HTML yang berada dikanannya) Setelah sesuaikan di klik akan tampil pengaturan Desainer Tema Blogger, pilih "lanjutan" Ketika lanjutan di klik muncul daftar menu dimulai dari "isi scroll menu hingga kebawah Paling bawan adalah menu "Tambahkan CSS" klik itu. Akan muncul hala...

Cara memasang tombol Toggle "dark mode" khusus ke navigasi template blogger

Image
Trik ini adalah untuk membuat blog menjadi memiliki opsi "Dark Mode". Baiklah mari kita mulai memasangnya: Temukan kode deklarasi pembuatan navigasi menu template sobat terlebih dahulu, misalnya pada template buatan editblogtema kode navigasinya adalah sebagai berikut: <style> #editblogmenu {width:100%;margin:0 auto;height:50px;position: fixed; z-index:99; background:#3366FF;} #editblogmenu ul, #editblogmenu li{margin:0;padding:0;list-style:none;} #editblogmenu ul{height:45px} #editblogmenu li{float:left;display:inline;position:relative;font-family:&#39;trebuchet MS&#39;;font-size:16px; ...dst...dst... </style> Perhatikan kode yang saya sorot warna kuning itu akan kita jadikan sebagai penghubung ke tombol pengalih (toggle) yang akan kita buat dan tentu saja setiap template memiliki kode, sintaks dan deklarasi kode kode yang berbeda dalam pembuatan menu navigasinya, sobat tinggal menemukannya saja nanti. Jadi masuk kepengaturan blog: ...

TEMPLATE SOHO BEAUTYTHEME UNTUK BLOGGER KECANTIKAN

Image
Template beautytheme cocok untuk promo produk, wisata dan pengalaman  melalui tulisan DEMO DOWNLOAD Tema ini berbasis SOHO, jadi template ini memiliki kelebihan orisionalitas: SEO Responsif Mobile Friendly Tampilan Atraktif, Modern dan Dinamis Mudah Digunakan dan User Friendly Adsense Friendly Lebih aman, atau lebih secure Loading Yang Cepat Template ini telah saya buat memiliki hampir semua syarat premium: Memiliki Menu navigasi fixed (tetap berada diatas saat halalan di scroll naik dan turun) yang dapat diedit melalui pengaturan blog (saya memindahkan fungsi widget PageList menjadi menu Navigasi) sehingga pengguna dapat mengedit link menu mereka tanpa perlu melakukannya melalui halaman editor HTML blogger. Navigasi ini juga memiliki kelebihan sticky yang dapat disipi dengan iklan adsense. Sehingga iklan akan muncul pada saat konten di scroll. Memiliki breadcrumbs Memiliki related post Memiliki sidebar scroll bawaan SOHO yang keren Jangan kuatir meta tag...

Cara menambahkan tombol berbagi sticky pada halaman blog

Image
berbagi ke medsos Tombol berbagi melayang menjadi penting pada template soho yang sedang dipakai editblogtema. Saat itu admin blog ini bertanya tombol apa yang bisa mengisi ruang kosong seperti blank pada sebelah kanan halaman berisi konten pada saat konten dibuka pada perangkat laptop dan PC dekstop? Jadi aku berfikir harus ada sesuatu yang bisa melayang untuk menarik perhatian pembaca. Pilihan jatuh kepada tombol berbagi. Maka tombol berbagi yang ada sebelumnya harus dihapus agar tidak memblokir kecepatan loading halaman. Pilihan jatuh kepada tombol berbagi AddToAny versi widget. Cara memasangnya: TAMBAHKAN CSS Masuk kepengaturan blogger Pilih tema Pilih sesuaikan untuk masuk ke halaman Desainer Tema Blogger Lalu klik "lanjutan" Akan muncul menu dropdown (turun kebawah) scroll naik sampai ke pilihan "tambahkan CSS" setelah kotak dialog atau blanko CSS terbuka copy dan pastekan kode berikut ke dalamnya: @media screen and (max-width: 700px) { .a...