Postingan

Menampilkan postingan dengan label template

INI BEDANYA BIKIN TEMPLATE WORDPRESS DAN TEMPLATE BLOGSPOT

Gambar
Menurut standar template web itu ada penjelasanya: Template web adalah sebuah pola atau cetakan bagi sebuah halaman web yang terdiri dari atau berisi konten konten.  Template di buat berbahan material script dalam bentuk bahasa kode yang memberikan perintah perintah untuk membentuk suatu layout. Sehingga tampilan halaman sebuah web secara personal dapat terbentuk sedemikian rupa.  Pembuat template adalah orang yang menguasai bahasa kode kode ini, atau paling tidak mampu menggunakan bahasa bahasa perintah ini yang terdiri dari HTML, CSS dan juga Javascript. Mereka juga bisa di sebut sebagai desainer template. Kalian blogging dan halaman kalian para blogger walaupun pada dasarnya sama, namun memiliki tampilan dan layout yang berbeda. Itu namanya desain template. Dan untuk blog di dunia ini ada dua platform besar blog yang sangat terkenal seperti ibaratnya Apple dan Android, yakni Wordpress dan Blogspot. Bagaimana template template mereka di bentuk? 1. WORDPRESS Sebagai platform besar Wor

PINGIN TEMPLATE SEDERHANA MUDAH DI ATUR? INI DIA SILAHKAN DOWNLOAD

Gambar
Template ini sederhana, namun responsif dan mobile friendly. Template sederhana redesign. layoutnya ngekor versi ke 3. Mudah di atur karena:  Sidebar bisa dibuat kiri dan kanan atau kanan saja. Atau..kiri saja. (untuk desktop) Footer bisa di buat satu baris atau dua baris atau tiga baris (untuk tampilan desktop, untuk mobile otomatis jadi turun kebawah). Atau perhatikan tampilannya pada gambar berikut di bawah: DEMO Klik Sini UNDUH Klik sini Jadi jika melihat tampilannya jelas template ini responsif karena terbukti cocok dengan semua ukuran layar, bukan? Tapi basisnya ya template sederhana layout versi ke 2. Kami telah merombaknya menjadi template responsif terlebih dahulu. Fitur: Menu navigasi simple (dapat di edit/ tambah melalui editor HMTL blogger) Profile avatar penulis di atas setiap postingan Klasik dan modern style 2 sidebar pada tampilan PC Responsif dan mobile friendly Pokoknya sederhana, deh. Mau coba download saja dan silahkan kustomisasi! Ikuti terus

PANDUAN DASAR MODIFIKASI TEMPLATE CONTEMPO

Gambar
Pada kesempatan kali 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 Tambahan: Essential (yang ini contempo banget) 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 templa

Download Update Template Blogger Notable simple versi kedua

Gambar
Versi pertama telah kami rilis beberapa hari lalu. Update terpaksa kami berikan karena keluhan pengguna yang ingin agar tampilan konten full tanpa blank space disisi kanannya seperti tampilan bawaan atau tampilan defaultnya. Tampilan banyak blank tersebut tentu saja pada tampilan layar yang lebih lebar yakni pada layar PC desktop dan laptop. Jika kalian mengakses halaman melalui mobile seperti yakni tampilan pada layar / screen hape dan tablet 10 inchi maka tampilan tidak ada masalah. DEMO   Click here   DOWNLOAD   Click here Sebenarnya dengan merombak bagian struktur 'body' template ini nyaris keluar dari tema aslinya. Akan tetapi kami kemudian berusaha merombaknya dari sumber kode bawaannya, yakni bagian CSSnya saja. Beruntungnya template notable adalah template CSS. Jadi ceritanya begini: Sebelum dan sesudah struktur body di rombak terlihat pada tampilan gambar berikut: Fiturnya kustomnya sekarang menjadi (perhatikan tulisan berwarna): Header: kustom Body:kustom   (menjadi

Downoad Notable simple yang pas buat blog curhat

Gambar
Banyak kelebihan template notable, dan pada misi pembuatannya pihak pengembang mengklaim template bawaan blogger blogspot varian terbaru tersebut cocok untuk memposting catatan apa saja. Terutama catatan pribadi yang ingin di publikasikan. DEMO Click here DOWNLOAD Click here Loh catatan pribadi kalau di publikasikan berarti merubah hal hal personal ke komersial dong.  Iya itu, tapi banyak keajaiban terjadi pada saat orang mempublikasikan hal hal pribadinya ke publik, perasaan ingin tahu, sisi gelap dan sisi terang kehidupan selalu menarik, walaupun kita bukan seorang publik figur. Speks template: Notable default Kustomisasi: Header: kustom Sidebar: Ganti total jadi kustom Menu: Hamburger menu dengan animasi Breadcrumb: valid HTML5 Related Posts: Simple light Tombol berbagi: Kustom Struktur Body: Default. Mobile: Yes Responsif: Ya Font pada segala layar diperbesar sehingga membuat nyaman mata pada saat membaca. Sementara navigasinya di buat sederhana sehingga p

Merobah style font Judul template blog versi terbaru menggunakan CSS stroke

Gambar
Jika kalian menggunakan 5 varian terbaru template blogger dan ingin merombak style font Judul sama sekali berbeda dari bawaan (default) nya lagi lagi kami menawarkan opsi pengaturan CSSnya. Perubahan ini tidak akan mengurangi kecepatan loading halaman. Tentu saja kita secara default kita dapat memilih style font kustom melalui pengaturan dasbor blogger, kita dapat smemilih font yang tersedia dari font Arial hingga font Unifraktur Maguntia dan tentu saja dapat memilih warnanya. Akan tetapi hanya sebatas perubahan pada jenis font dan warna itu saja. Nah melalui pengaturan CSS Judul  halaman editblogtema menjadi tampak beda. Caranya adalah: Masuk ke pengaturan blogger Pilih Tema Pilih edit HTML Pada halaman editor HTML blogger, cari kode </head> dan letakan kode CSS berikut tepat di atasnya: <style>  h1{   font-family: &#39;Calibri&#39;, Calibri;   font-weight: 800;   font-size: 7vw;   line-height: 1;   color: #f0f0f0;   text-align: center;   -webkit-text-stroke: 2px #

Cara menguji related posts ringan pada browser tampilan sederhana

Gambar
Zaman serba cepat, termasuk blogging dan website, harus cepat jikalau ingin tetap terjangkau oleh pengunjung. Mengapa kecepatan itu penting salah satunya dalah karena ia menjadi salah satu faktor penting yang menjadi sinyal kuat bagi mesin pencari dalam menemukan halaman kita. Nah di dalam Google Webmaster yakni bagian tool web inti atau web core vitals ia menjadi salah satu faktor penentu penting sebagai parameter tolok ukur perfomance halaman blog kita. Untuk mencapainya tidaklah serumit yang kita pikirkan, cukup menjadi sederhana, karena halaman yang sederhana itu ringan dan ringan itu cepat loading. Jikalau dulu kita berlomba lomba pasang widget sekarang bukan zamannya lagi, kalau dulu berlomba lomba merwarnai latar blog, sekarang sudah bukan masanya lagi. Jadilah normal dan sederhana. Cukup. Sederhana itu indah dan abadi. Sedangkan cantik itu pada akhirnya akan jadi jelek karena ia harus mengikuti trend dan selera manusia yang berubah dari waktu ke waktu. Salah satu topik yang kit

Template default Essentials re-desain

Gambar
Template ini essentials, kalau mau lihat aslinya sebelum di desain ulang cobain saja ke dasbor blogger, ia adalah varian ke lima dari varian template template terbaru blogger blogspot. Tempatnya paling bontot yakni sesudah template Notable. Lihat hasilnya: Tampilan homepage template essentials redesain DEMO Di atas adalah tampilan dinamis, sederhana dan kekinian template essentials yang mempertahankan ruang konten dominan dan lega dengan tampilan menu atau tombol pencarian beranimasi pada saat disentuh dengan mouse, namun pada tampilan mobile terpaksa kami sembunyikan karena pada layar seluler saya bingung mau meletakannya dimana. Mungkin nanti setelah saya redesain ulang  menggunakan tombol pencarian kaca pembesar seperti template viomagz baru akan saya tampilkan pada layar mobile. Sedangkan tampilan pada saat menu dibuka adalah 'full menu' dan Anda bisa menambahkan menu menu penting yang ingin di tampilkan pada tampilan layar penuh (disini sebenarnya saya ragu untuk meletakan

Cara menghilangkan efek sticky header pada template versi terbaru blogger

Gambar
Template template terbaru blogspot berikut semuanya memiliki sticky header: Contempo Emporio Soho Notable Essentials Sticky artinya 'lengket' ya memang efeknya begitu.  Karena ketika halaman di scroll ke atas seluruh halaman ikut naik, namun ketika halaman di scroll kebawah header bagian atas (kepala) blogger blogspot seolah melipat dan tertinggal dan baru berhenti pada saat halaman selesai di scroll alias sudah sampai batas paling atas halaman. Sticky itu sebenarnya keren, tetapi tergantung selera juga sih. Misalnya alih alih sekedar lengket, banyak juga pengguna menginginkan header blog atau halaman web mereka 'fixed' alias tetap di atas walau halaman blog atau web mereka di scroll oleh pengguna naik turun. Contohnya halaman blog ini. Mungkin tidak pada semua browser, paling tidak kini kita tahu pengguna memiliki selera mereka masing masing.  Cantik dan tidak cantik adalah subjektif. Saya tidak pernah bilang template Anda jelek, hanya saja itu bukan tipe saya. Sebalik

cara menghilangkan judul bawaan widget Pagelist pada template Essentials

Gambar
Pengguna template Essentials? Itu lho template versi terbaru blogspot yang sedang saya modifikasi. Kali ini saya ingin berbagi tentang cara membuang judul bawaan widget atau Gadget Page secara parmanen.  Saya katakan parmanen adalah Anda tidak perlu lagi menghapusnya karena tampilan pagelist yang kita jadikan topnav atau top navigasi blog akan tampak aneh kalau tidak bisa di bilang jelek kalau di atasnya ada judul: Page atau apapun, yang jelas itu bisa dihapus melalui pengaturan blogger bagian layout atau tataletak Masuk ke pengaturan blogger Pilih Layout atau Tataletak Pilih widget atau gagdet Pagelist. Jika Anda mengklik tanda pensil seperti yang di tunjukan pada gambar maka akan keluar tampilan berikut di bawah ini dan untuk menampilkan suatu widget pada template terbaru kita harus mencentang kolom 'Show Pages' Configure Page List Visible   Show Pages Title  (optional) Pages to show + Add external link Select all   List Order Drag and drop to change ordering Beranda Tip: In

Bisakah template blogspot di pergunakan di Wordpress?

Gambar
Ada yang pernah mencoba mengkonversikan template blogger blogspot ke blogger wordpress,  atau sebaliknya? Atau dengan kata lain bagaimana caranya menggunakan template blogspot ke wordpress? Dasar kurang kerjaan, mending buat template berdasarkan CMS masing masing jauh lebih simple, bukan?  Akan tetapi dalam beberapa kasus mengkonversikan template Blogger blogspot menjadi template wordpress adalah mungkin. Dan demikian juga sebaliknya. Tapi itu tadi yaaah... Kurang kerjaan apa. Sekedar pingin tahu boleh saja. Tapi kalau mau optimal buatlah template Blogger blogspot untuk Blogger blogspot, dan buatlah template blogger wordpress untuk blogger wordpress.  Masih ingin menggunakan template HTML Blogger blogspot ke blogger wordpress? Anda harus merobah halaman yang akan di salin menjadi halaman statis terlebih dahulu dan ini dapat dilakukan melalui beberapa tool online yang tersedia. Namun yang paling populer adalah situs HTTrack.  1. Mengkonversikan halaman menjadi file halaman statis HTTrac

Template hasil redesain untuk tutorial siap di pergunakan

Gambar
Ternyata ada manfaatnya juga. Dan memang demikianlah keuntungan memberikan tutorial dan berbagi dengan tulus dan ikhlas. Cie (Mohon di aminkan 1000x, ya biar aku kelak masuk sorga) Nah terakhir saya dengan senang hati telah menulis beberapa trik memodifikasi template bawaan (default) blogger yang bernama Essential, ini sih sebenarnya hobi saja. Setelah saya lengkapi dengan metatag standar ternyata performanya boleh juga: Lebih responsif, mobile friendly dan lebih modis.  demo Kebetulan saya suka mengintip intip desain template wordpress di envanto market (tempat para desainer kondang jualan template hasil kerja desain mereka) Memang tidak mungkin menggunakan sumber kode template wordpress untuk langsung di pergunakan atau di terapkan ke dalam template HTML blogger tanpa mengkonversinya.  Kami tiga orang sama saja tukang niru sampai suatu ketika tidak ada lagi yang bisa di tiru :D... Template essential redesain ini kemudian di cobakan ke halaman blog Anissa : adedansasa.com . Ternyata p

Bagaimana caranya memilih dan mengedit template blogspot sendiri agar cocok buat blogging?

Gambar
Tunda dulu membeli template blog. Dan belilah setelah mengerti untuk apa dan bagaimana penggunaannya. Jangan buru buru membelajnakan uang, karena apapun alasannya jika kita hanya sebagai pemula, blogging tidak akan menghasilkan uang secepat itu. Jika alasannya hanya agar tampilan blog menjadi cantik, mungkin itu hak anda pribadi, akan tetapi blog yang cantik tidak masuk dalam hitungan best perfomance dan apalagi mesin pencari tidak mengerti hal tersebut. Manusia juga menilai cantik dan tidak cantik secara subjektif. Cantik bagi kita bukanlah tipe orang lain.  Ketika hal itu menjadi sulit, maka kesederhanaan adalah pilihan yang paling bijak! Dan ini berlaku juga dalam dunia blogging! Pernah menemukan template premium ternyata hanyalah re-desain dari template template versi lama blogger? Ya mudah mengenalinya. Sedangkan jika ada template versi lama pasti ada template bawaan blogspot versi baru. who would buy my Diary? Yang lama itu di mulai dari template simple (sederhana), disusul dynam