AdelinaSasa

CARA MENGEDIT DAN MEMAKSIMALKAN TEMPLATE BAWAAN BLOGGER AGAR NAMPAK KEREN DAN PREMIUM(Bagian 1)

Cara merobah template bawaan blogger menjadi template premium,

AvatarOleh:
Jika web di ibaratkan adalah sebuah rumah bagi suatu blog. Sebuah templat pada prinsipnya persis seperti model rumah bagi sebuah blog. Dan fungsi tema atau template pada halaman web pada akhirnya ibarat sebuah bangunan yang dihiasi dengan indah di halaman web. Halaman web itu sendiri pada masa sekarang ini ibarat sebidang tanah perumahan dengan bangunan standar.
ilustrasi memaksimalkan template blogger
Orang tua kita membeli perumahan, dan rumah rumah diperumahan itu semua mirip mengikuti standar bangunan yang di atur oleh peraturan bangunan. Pokoknya ada kemiripan dan entah mengapa hampir diseluruh dunia  memakai prinsip ini walaupun gaya dan style perumahan kita dan mereka berbeda mengikuit pola hidup dan budaya masing masing.

Tidak heran Tema atau templat blogger Indonesia memiliki ciri ciri khas yang berbeda dengan tema webnya orang orang di luar sana kalau kita benar benar mau amati. Walaupun dasar kode kode yang kita pakai strukturnya sama: HTML, XML, CSS dan PHP, hampir sama dengan bangunan dengan bahan dasar: Kayu, semen, pasir, besi, kaca dsb. Namun pada akhirnya akan terlihat model dan gaya khas pada bangunan masing masing apabila telah menjadi sebuah bangunan atau sebuah rumah.

Dapat di ibaratkan templat itu seperti pakaian yang membuat blog menjadi cantik dan keren.

Sulitkah menjadi tukang bangunan dan tukang jahit yang membuat pakaian? Sulitkah menjadi engineer koding? Tergantung kepada minat, kesiapan mental ketika memilih bidang pengatahuan dan ketrampilan yang ingin kalian miliki. Seorang tukang kebanyakan tidak harus melewati pendidikan formal sebelum mereka menjadi seorang tukang yang piawai merancang dan membuat sebuah bangunan dengan material atau bahan bangunan yang telah tersedia, mereka berproses secara alami: Menjadi pembantu, lalu menjadi pintar mengaduk semen dan memasang batu, lalu memahami seluruh struktur bangunan dan memberanikan diri membangun sebuah rumah!

MEMBERANIKAN DIRI.
Jika berminat terhadap koding atau kalian sekarang sudah memulainya, maka inilah kesempatannya! Tidak ada salahnya mencoba prinsip alami seorang tukang yang berjemur dan berkubang lumpur semen di luar sana. Pilosofinya sama: Ketika kalian memahami struktur kode pada sebuah templat berusahalah untuk memahaminya secara keseluruhan dengan cara belajar, bertanya dan membaca referensi. Hari ini kita berterimakasih kepada halaman web yang dipenuhi oleh kumpulan pengalaman penulis tutorial yang dapat kita baca dengan gratis. 

Dan salah satu cara yang paling tepat buat belajar membuat sebuah templat adalah dengan mengutak atik templat bawaan gratis yang telah disediakan oleh blogger itu sendiri karena walaupun kita pergi ke forum forum pembuat template dan desaigner web, prinsipnya tetap saja sama: Paling sedikitnya kita harus menguasai html, xml dan kode css dan sedikit php.

Akan tetapi saya tidak bermaksud memberikan tutorial koding dengan tujuan membuat sebuah template karena saya sendiri masih dalam proses belajar dan masih jauh lagi baru sampai ke puncak pengetahuan tersebut. Saya hanya ingin berbagi bagaimana caranya membuat template bawaan menjadi setara baik dari segi tampilan hingga kecepatannya dengan templat premium buatan para master.

Agar bisa membuat sebuah blog percobaan yang dapat kalian pasang bongkar templatnya sebagai sarana pembelajaran dan marilah belajar menyusun wigdet dan menambahkan kode kode terlebih dahulu agar sebuah templat benar benar tampak beda dari aslinya. Berani gak? Mengapa tidak toh kalian hanya perlu berkorban waktu, mebuat sebuah blog untuk latihan mengedit dan bahkan suatu hari kelak membuat template buatanmu sendiri.

TEMPLAT YANG BAIK

Lupakan dulu masa depan, kita mulai dengan blog kita sendiri kita harus tau apa itu templat yang baik, dan bagi saya templat yang paling tidak meragukan itu adalah templat dasar yang telah disediakan oleh blogger di dashbor blog. Mengapa saya katakan templat templat ini baik? Ada alasannya:
  1. Jelas terjamin keamanannya
  2. Struktur kodenya mengikuti standar blogger tidak ada link  malicious, hanya link pembuatnya (blogger) wajar wajar saja.
  3. Struktur kode tidak melanggar aturan google
  4. Tersedia pengaturan widget, tool desain untuk ganti warna memperbesar huruf, merubah tampilan header hanya dengan klik. Ini sangat jarang terdapat pada template buatan pihak ketiga (bahkan buatan saya sendiri he he he)
  5. Belum ada orang yang di suspend oleh google karena merobah tampilan template dasar, bahkan saya menemukan struktur, gaya dan pengkodean dasar template buatan vendor terkenal masih menggunakan dasar dasar template ini. Jadi itulah maksud saya, template dasar ini bisa dijadikan sumber referensi buat kalian dalam membuat template kalian sendiri. Saya membeli beberapa template dari vendor vendor dunia dan mempelajari pengkodeannya. Dasarnya sama saja.
Jika kalian memakai template gratisan, paling sedikit harus tau bahwa kita tidak dibenarkan menghapus kredit yang dipasang oleh pembuatnya, dan kita juga tidak tahu apakah didalam struktur kode tidak disisipkan script yang dapat merugikan blog. Jika kalian membeli sebuah template premium yang membuka semua akses templatenya untuk blog, maka kalian harus membayar harganya di kisaran RP.150.000,- s/d RP.500.000,-. Saya telah berpengalaman membeli berbagai macam model template yang dikatakan sebagai premium dan semakin lama setelah saya mempelajari struktur kodingnya, semakin saya merasa menyesal telah membelinya. Tapi jujur saya sangat menghargai karya mereka, karena membuat sebuah templat itu kalau benar benar dilakukan dengan benar tidak akan cukup waktu 3 hari. Benar benar harus mengkombinasikan keahlian seorang engineering dengan seorang artis seniman!

Namun dengan memulai menggunakan template default dari blogger kita harapkan tidak menemukan persoalan keamanan yang berarti.

Dan banyak lagi keunggulan template dasar ini, namun tentu saja memiliki kekurangan, misalnya gaya tampilan yang itu itu saja, kurangnya optimalisasi SEO, gaya widget, kecepatan loading. Tetapi sekali lagi semua itu kita atasi dengan sedikit trik pengoptimalan, yang penting dalam artikel pertama ini saya akan memulai mengajak kalian berimprovisasi seadanya dengan merobah dan merombak tampilan template dasar ini menjadi: Keren, SEO friendly, fast loading dan menjadi berbeda! Yuk kita mulai....

Buka dasbor/settingan blog kalian dan pilih Tema:
pengaturan atau dasbor blog 1

Pada tampilan tema kalian akan melihat tema blog kalian sendiri,
pengaturan atau dasbor blog 2

lewat saja itu geser keatas karena di bawahnya ada pilihan gaya dasar dari template blog yang dapat cobalah satu persatu:
Kalian pasti telah familiar dengan template template ini bukan? Beberapa jenis telah diperbaharui oleh Google dan menjadi sangat responsive, masak ahlinya kalah sama pembuat pihak ketiga? Kecuali beberapa improvisasi visual, template template ini sesungguhnya telah menuckupi persyaratan untuk digunakan buat ngeblog dengan nyaman. Sekarang mari kita pilih salah satu, dalam hal ini saya memilih yang paling atas saja, yakni tema contempo yang paling awal dan sederhana tampilannya sehingga tampilan blog berubah:
pengaturan atau dasbor blog 3

Perhatikan komposisinya: latar kepala warna cokelat menghiasi Judul blog, Isi postingan berlatar putih, itu standar banget ya. Mari kita mulai merombaknya sampai gak dikenali lagi: Selamat datang di Blog percobaan CV.FARAS PRODUCTION.


  • Pertama terapkan template tersebut dengan menekan tombol "terapkan"
Lalu kembali ke menu "tema" (setiap petunjuk gambar tulisan menjadi warna orange)
pengaturan atau dasbor blog 4
  •  Tekan atau pilih "Sesuaikan" yang terletak dibawah tema bersebelahan dengan tulisan "edit html" maka akan muncul menu perintah yang dapat merubah tampilan template antara lain : Tema, latar belakang, lanjutan dan Gagdet. Pilih "latar belakang" dan hapus latar belakang dengan memilih "hapus gambar" dan lalu menekan kembali tombol tersebut untuk memilih tema yang sesuai dengan misi blog kalian, bisa dipilih dari gambar buatan kalian sendiri.

    pengaturan atau dasbor blog 5
  • Misalnya kita ingin merubah tampilan CV.FARAS menjadi seperti gambar dibawah:
    pengaturan atau dasbor blog 6
  • Di halaman blog kita akan melihat CV. FARAS seperti dibawah:
    pengaturan atau dasbor blog 7
  • Tentu saja semua itu belum cukup kita masih harus mengatur bilah samping, warna dan gaya Judul jadi kita setelah menekan terapkan template kita keluar dari menu desaigner tema blogger dan masuk kembali ke dasbor setting>Tataletak.

  • Dari tataletak ini muncul sekumpulan widget dibalik "indahnya" tampilan blog. Kalian dapat mulai dengan mengedit tampilan header, apakah header mau dipasangi LOGO buatan kalian sendiri atau bisa berimprovisasi sendiri dengan cara menginsert ikon huruf yang akan di pasangkan di Judul BLOG CV FARAS. Mari kita ikuti tutorialnya:
MENGEDIT JUDUL BLOG

Judul blog itu penting dan termasuk gaya atau stylenya agar menarik perhatian, kalian bisa menginsert atau menambahkan LOGO pada header blog untuk mewakili judul blog yang mampu membawakan misi blog kehadapan pemirsa. Akan tetapi jika kalian tidak ingin repot karena alasan pemula saya akan menunjukan sebuah alternatif mudah yang dapat dilakukan:

Pertamama masuk ke tataletak lalu pilih "tajuk" edit header dengan menekan gambar atau ikon pinsil:
pengaturan atau dasbor blog 8
  • Akan muncul kotak dialog seperti gambar, terlihat disana ada pilihan choose file apabila kalian sudah memiliki sebuah gambar logo (kisaran ukuran 400x250px) Jangan terlalu besar bisa memberatkan loading, bisa juga dengan memilih mencentang kota "dari web" apabila kalian telah menyediakan sebuah logo di web. 
    pengaturan atau dasbor blog 9
Jangan kemanan mana kunjungi juga edtiblogtema.net, karena kami akan melanjutkan tutorial pengeditan header Judul Blog ini lebih lanjut hanya istirihat sejenak buat menyiapkan gambar gambar tutorial...Pada akhir tutorial kami juga akan memberikan tips sederhana cara mengedit html untuk merobah fungsi dan status widget sehingga dapat di atur sesuka hati melalui setting dasbor blogger (bersambung ke "CARA MENGEDIT DAN MEMAKSIMALKAN TEMPLATE BAWAAN BLOGGER AGAR NAMPAK KEREN DAN PREMIUM (Bagian 2)"

Artikel Terkaitnya:

7 comments

  1. Gua sempat beberapa kali ganti template dan mengotak-atik coding html, cuman rasanya kalau udah error dan lupa memback up puyeng kepala dah jadinya hehe

    ReplyDelete
    Replies
    1. Seorang kodinger gak akan kenal menyerah he he he

      Delete
  2. karena saya tak paham template jadi beli yg sudah seo dan premium yaitu viomagz sekarang fokusnye ke konten dulu hehe dari dulu gak pernah pusing mikirin template

    ReplyDelete
    Replies
    1. Konten itu nomor satu, seperti kami tulis diatas, template itu hanya bagian kecil dari usaha memaksimalkan blog tidak lebih, namun banyak juga orang menganggapnya penting itulah sebabnya kita blejar koding walau dengan cara otodidak, namun terjadwal. Yang penting disiplin diri.

      Delete
  3. Saya hampir nyerah kalo urusan template, yg sekarang alhamdulillah seo nya bagus.

    ReplyDelete
  4. Mending gitu, yang kita target adalah optimalisasi, napa jg urusan sama templat kece namun SEOnya gak optimal :D

    ReplyDelete
  5. sangat membantu dan keren info nya

    ReplyDelete

Home

Labels

Abadi account action addicted adobe photoshop fix adobe photoshop mix adobe photoshop touch adsense agama AI akal alam Albert Einstein alexander the great. Allien Amerika AMP anak Androd android angkasa angkasa luar animal animal planet animasi antithieft aplikasi hebat Appe apple Apple Face ID Artifical Intelligent artificial inteligent artikel artis asesories asus atheis autoCAD autodidact awas Ayu Ting Ting badai bahasa bahasa. bakteri batam BBM beginning benar bencana berbagi berita berjalan berlari bijaksana bing bisnis kecil black hole Blackberry blackberry Messenger blog blogger blogger logo blogger moblie blogging bluetooth keyboard bluetooth mouse bocor bot BPJS buku bully buruh burung langka business camera cat cellphone ceramah cerita charles Darwin chat China cinta classic Cloud cloud drive contempo contempohybrid coolest covid 19 CSS curhat custom ROM cybercrime Darwin dasbor Deep mind Demo desain Design dewa dilema docomo dollar amerika download DPR RI drama Drive DSLR dunia earn money editblogtema Education ekonomi Email emas endorse enggang English entertainment error etika evolusi Facebook fakta fanpage favicon feature fiksi fiksi sains filem filsafat finansial fisika flashdisk Florence Nightingle Florida food. forbes freckles Free friendship fun futuristik G+ Gadget Gagdet Galaxy Mega 6.3 Galaxy note 10.1 2014 edition gambir serawak game gaya hidup genetika Genius GENOM girl global gojek gold Google google adsense Google Rewards Opinion google%20drive google+ grafis Hack hacker handphone hantu hapeseken hari tua harimau harun yahya harvey heart secret hebat help me hewan hiburan hoax Hobit. hollywood horor HTML http://justdelete.me Huawei P20 pro hubungan hujatan hukum human humanbeing humor Hutan Lindung ICBM iis sugianto ilmuwan immortality impian Indosat infinity war iniJawabannya! insiden insipirasi intelligent Internasional internet invansion investment iOS iOS 11 iOS 8 iPad iPad Air ipad pro iphone iPhone 6 iPhone Case iPhone X iPhone Xs iphone. iPhoneX islam Israel isu sara jailbreak Jaime Sanjuan Ocabo Jalan Tikus janji Javascript Jenius Jerusalem jitu Job Jokowi Jokowi aja bekerja keras jokowi aja kreatif Jonru Ginting judi kamera kamera hape kantor Kaskus keabadian keadilan keamanan Kebenaran kecanduan kecantikan kecelakaan kecerdasan buatan kehidupan keluarga kemajuan kemanan kemiskinan kemudahan hidup kenyamanan kertas keruntuhan kesetiaan keyakinan keyboard external PC keyboard fisik tablet keyboard fisik tambahan keywords khairil anwar khotbah kiamat kisah klasik kode koding koes plus komedi komputer Konsipirasi konten kotak pandora kreatif kriminal krisis kristen kucing kuyang lagu lapangan kerja laptop leisure Lenovo Life lifehack lingkungan listrik logika logitech LOGO loneliness Lotgitech lowongan luar lucu MacBook madonna magis make up malam minggu Malaysia manipulatif manusia masa depan masa lalu mati tertawa media medis medsos membela diri mencari uang menggambar mengintip rahasia menulis meretas Messenger Micorosft Office Microsoft microsoft office microsoft%20office milk lover miras mitos mobile modal motivasi motivation motivation. movie Muhammad murai batu musik myths naluri NASA navigasi blogspot template network new news ngeblog Nokia X nuklir nyanyian nyata obat kuat Office office%20365 old time job online operating system oppo organisme original Otodidak pademi pahlawan pamali Pandora panduan paradox password PC pegawai negeri pekerja pekerjaan pemrograman pemula pencipta pendidikan pengarang penghasilan pension pensiun penulis perang perbankan perekamLayar perkawinan phablet phising PHK phone phone camera photographi phtography pilihan hidup pilosofi Play Store politik ponsel postingan potografer powered by blogger prabowo subianto prediksi teknologi premium pria pribadi prilaku privasi produktivitas programming promosi prostitusi psikologi Puasa publisher Puisi qoute Raffi Ahmad rahasia ramadhan rano karno rasialis relativitas reliji remaja renungan responsive review rhoma irama riba Robot ROM. stock ROM ruang waktu rumah sakit Rusia Safir screen sahabat sains salah Samsung samsung galaxy foldable Samsung Galaxy note 2014 Samsung S8 samsung tabS2 screenRecorder scy-fi SECRET secrets sejarah seken selebritis medsos self learning self-confident semesta sentinel SEO simalangkama simple singularity smarphone smartohone smartphone Smartwatch social song sony sosial spam spoiler Spy Stephen Hawking steve job strategi struktur success sukses suku terasing supernatural tablet tablet 7" TabletAndroid takhyul taktik tantangan target tauhid technic Technology teknik teknologi teknologi hoax telkomsel tema template tenaga kerja teologi teori terbaik theme thomas alpha edison Time traveller tips toko online Tokoh tourism town tragedi trik triks troubleshooting Tuhan Tutorial Tutorial. tweeter twiteer uang UFO ultrabook unggas langka United States universe usaha video viral virtual vivo waktu website widget Windows 8 Windows PC wisata women WORDPRESS xiomi xml xperia Yahoo yahudi

Get Updates