Header Ads

  • Cara Praktis Merubah Tema HTML Biasa Menjadi Template Blogspot

    Cara Praktis Merubah Tema HTML Biasa Menjadi Template Blogspot


    Template blogspot pada dasarnya adalah kode design yang dibuat berdasarkan tema untuk platform blogspot yang terdiri dari kode standar blogspot tentunya, kode HTML, kode CSS dan kode Javascript yang digunakan sebagai standar tampilan visual halaman blog.

    Kode design yang dibuat berdasarkan tema artinya memiliki keseragaman visual agar tampilan setiap halaman blog bisa sesuai dengan design yang sudah ditentukan. Kode design dari template tersebut dibuat untuk pengaturan visual yang bisa di kustomisasi seperti tata letak tulisan teks, animasi, widget, tampilan warna background, warna teks, jenis huruf, ukuran huruf, ukuran heading, bentuk, numbering dan bullets, dan berbagai hal elemen penting lainnya.

    Kode design bisa diatur sedemikian rupa agar bisa disesuaikan dengan kebutuhan dan selera pemilik blog sehingga bisa menampilkan halaman blog yang diharapkan dapat mempermudah pengunjung blog tersebut memperoleh informasi yang disediakan oleh pemilik blog. Dalam membuat sebuah kode design standar (template) hendaklah memiliki kriteria yang SEO friendly, responsive, mobile friendly, user friendly dan cross browser enable.

    Pembuatan kode design standar blogspot (bahasa mudahnya disebut sebagai template) tidaklah mudah. Pembuatan Template dengan kriteria diatas memiliki tingkat kesulitan yang lumayan tinggi, Karena template menggunakan berbagai bahasa pemrograman web-based antara lain CSS, JQuery, HTML, Javascript, dan berbagai bahasa pemrograman yang tentunya sulit dipahami oleh orang-orang biasa.

    Template blogspot tidak sama dengan template (tema) dari tema halaman website statis atau website dinamis. Walaupun pada dasarnya template blog merupakan web-based programing seperti website biasa akan tetapi kaidah program yang digunakan sedikit berbeda.


    Harap dipahami agar pembahasan tidak terlalu luas maka pada artikel ini admin hanya fokus membahas Cara Praktis Merubah Template HTML Statis Menjadi Template Blogspot. Menggunakan tema website biasa agar bisa digunakan pada template blogspot biasanya banyak diterapkan agar halaman blog bisa digunakan sebagai minisite atau landingpage.

    Menggunakan platform blogspot sebagai halaman web minisite atau landingpage memiliki banyak kelebihan, antara lain :
    • Gratis selama unit bisnis blogspot besutan Google masih aktif
    • Online 24 jam dan unlimited bandwidth
    • Dapat diakses disemua jaringan internet
    • Mudah dalam pembuatan dan pengelolaan
    • Tidak ada batasan dalam pembuatan halaman
    selain kelebihan penggunaan platform blogspot sebagai web minisite atau landingpage tentu ada kekurangannya, hidup ini kan harus balance ada kelebihan pasti ada kekurangan, ada positif pasti ada negatif, ada yin pastinya ada yank (Yin Yang). Berikut beberapa kekurangan penggunaan platform blogspot jika digunakan sebagai web minisite atau landingpage.
    • Penggunaan nama domain belum Top Level Domain (TLD), kecuali jika anda membeli domain dan merubahnya menjadi nama TLD Domain.
    • Kebanyakan penggunaan domain blogspot sebagai minisite atau landingpage banyak disalahgunakan sehingga mengandung SPAM walaupun tidak semuanya.
    • Tingkat kepercayaan untuk minisite atau landingpage yang menggunakan domain blogspot sangat minim, yaa hal itu tadi karena kebanyakan mengandung SPAM atau unsur penipuan (SCAM). Harap digarisbawahi tidak semuanya seperti itu namun ada baiknya kita semua berhati-hati dalam menerima informasi agar terhindar dari dampak negatif yang tidak diinginkan.
    • Domain blogspot kurang populer di mata mesin pencari. sehingga tidak cocok menggunakan domain blogspot jika anda memiliki bisnis skala menengah keatas.

    Itulah beberapa pertimbangan yang bisa dijadikan acuan apabila anda hendak membuat sebuah minisite atau landingpage. Pembuatan minisite atau landingpage menggunakan platform blogspot bisa dilakukan dengan mengganti template standar blog dengan template spesifik yang memang dibuat untuk menampilkan halaman minisite atau landingpage.

    Informasi Singkat
    Hypertext Markup Language (HTML) adalah bahasa markah standar untuk dokumen yang dirancang untuk ditampilkan di peramban internet. Ini dapat dibantu oleh teknologi seperti Cascading Style Sheets (CSS) dan bahasa scripting seperti JavaScript dan VBScript.

    Peramban internet menerima dokumen HTML dari server web atau dari penyimpanan lokal dan membuat dokumen menjadi halaman web multimedia. HTML menggambarkan struktur halaman web secara semantik dan isyarat awal yang disertakan untuk penampilan dokumen.

    Elemen HTML digambarkan oleh tag, ditulis menggunakan tanda kurung sudut. Tag seperti <img /> dan <input /> langsung perkenalkan konten ke dalam halaman. Tag lain seperti <p> mengelilingi dan memberikan informasi tentang teks dokumen dan mungkin menyertakan tag lain sebagai sub-elemen. Peramban tidak menampilkan tag HTML, tetapi menggunakannya untuk menafsirkan konten halaman.

    HTML dapat menyematkan program yang ditulis dalam bahasa scripting seperti JavaScript, yang memengaruhi perilaku dan konten halaman web. Dimasukkannya CSS mendefinisikan tampilan dan tata letak konten. World Wide Web Consortium (W3C), mantan pengelola HTML dan pemelihara standar CSS saat ini, telah mendorong penggunaan CSS pada HTML presentasi eksplisit sejak 1997.
    Sumber : Wikipedia



    Beberapa template minisite atau landingpage yang menggunakan platform blogspot dengan fitur SEO friendly, responsive, mobile friendly, user friendly, cross browser enable dan gratis bisa anda dilihat dan download pada artikel Template Minisite Landing Page Blogger Super Mantab. Agar bisa menggunakan tema website statis ke dalam template blogspot silakan anda download terlebih dahulu template CodeFlare Blank yang terdapat didalam artikel tersebut.

    PERINGATAN
    Perhatian ! sebelum melakukan perubahan pada kode HTML template blog, sebaiknya Anda melakukan backup kode HTML template blog terlebih dahulu, dikarenakan untuk menghindari hal-hal yang tidak diinginkan. Apabila terjadi kesalahan prosedur dalam melakukan perubahan kode HTML template blog, maka Anda dapat melakukan proses perbaikan dengan cepat dan mudah.

    Oke setelah mendownload template CodeFlare Blank maka langkah selanjutnya adalah memasang template tersebut ke blog anda, caranya sebagai berikut.

    • Silakan login dahulu ke blog Anda.

    • Klik tombol Tema untuk masuk ke tema editor.


    • Klik tombol Edit Tema untuk menampilkan kode HTML Template Blog.


    • Klik sembarang pada bagian HTML editor kemudian tekan tombol keyboard CTRL + A untuk memilih semua kemudian tekan tombol Del untuk menghapus semua kode.


    • Selanjutnya copy-paste kode template CodeFlare Blank ke editor HTML tersebut. Untuk membuka file HTML template CodeFlare Blank anda bisa menggunakan aplikasi notepad biasa.

    • Kilk tombol Save untuk menyimpan kode template blog yang sudah diganti.

    Langkah berikutnya adalah memasang kode HTML statis yang biasa digunakan untuk tema website kedalam kode template blog. Ada dua cara, yaitu cara pertama adalah dengan menaruh kode HTML website statis ke dalam kode template blog secara langsung dan cara kedua adalah dengan menaruh kode HTML website statis kedalam postingan artikel.

    Agar penerapan kode website statis bisa fleksibel dan praktis maka akan digunakan cara yang kedua yaitu dengan menaruh kode HTML website statis kedalam postingan artikel. Cara yang kedua ini juga menurut admin merupakan cara yang paling praktis dan sangat mudah.

    • Silakan anda persiapkan tema website statis yang akan anda gunakan. Buka file HTML tersebut menggunakan aplikasi notepad biasa.
    • Sebelum anda mengcopy kode HTML tema website statis silakan anda pilih terlebih dahulu karena ada beberapa kode yang tidak bisa diikutkan ke dalam template blog apabila menggunakan cara dengan menaruh kode HTML website statis kedalam postingan artikel. Silakan anda lihat pada skema kode HTML di bawah ini untuk mengetahui kode HTML mana yang bisa dicopy dan kode HTML mana yang tidak bisa diikutsertakan.

      SKEMA STANDAR KODE HTML Website Statis

      <HTML>
      <Head>
      <Title>Judul Halaman</Title>
      <Meta content="Contoh"/>Semua Meta Tag
      .
      .
      .
      <script src="Selain jQuery"></script>
      <script>var contohScript</script>
      <style>
      semua kode CSS dan style bisa diikutsertakan
      </style>

      .
      .
      </Head>
      <Body>
      .
      Semua kode yang didalam tag Body ini bisa diikutsertakan
      .
      </Body>
      </HTML>


      Contoh pada kode diatas yang berwarna merah adalah kode yang tidak diikutsertakan sedangkan pada kode yang berwarna hijau adalah kode yang boleh dicopy atau diikutsertakan pada halaman postingan artikel dalam mode edit HTML. Silakan anda salin kode-kode HTML website statis yang akan digunakan menggunakan aplikasi notepad untuk memudahkan dan mengurangi resiko kesalahan pada saat proses copy-paste kode tersebut.

    • Kode script jQuery tidak perlu diikutsertakan lagi karena pada template CodeFlare Blank sudah terpasang, jadi agar tidak terjadi conflict pada framework jQuery pemasangan script jQuery cukup sekali saja.

    • Pemasangan META Tag hendaknya dipasang dari mode edit Template dan dipasang setelah baris kode Title Tag agar tag tersebut bisa berfungsi dengan baik dan optimal, untuk itu META Tag tidak usah diikutsertakan apabila menggunakan cara dengan menaruh kode HTML website statis kedalam postingan artikel.

    • Pada halaman dashbor blog silakan anda tekan Tombol dengan tulisan Postingan (Post jika setingan bahasa anda menggunakan bahasa inggris), kemudian pilih tombol tampilan HTML [<>] (pada versi 2 menggunakan tombol [Edit HTML]).

    • Langkah berikutnya taruh semua kode HTML website statis (copy-paste) yang sudah dipilih kedalam editor postingan artikel blog. Untuk judul artikel silakan dikosongkan saja.

    • Setelah selesai maka anda tinggal menekan tombol Publikasi dan coba lihat hasilnya

    Demikian artikel blog tentang Cara Praktis Merubah Template HTML Statis Menjadi Template Blogspot terima kasih sudah berkunjung, jangan lupa Like, Share dan Subscribe, untuk pertanyaan, kritik ataupun saran silakan ditulis pada kotak komentar di bawah. Apabila ada kata-kata yang kurang berkenan atau informasi yang kurang akurat, harap dimaklumi. Akhir kata Semoga Bermanfaat.


    Keyword


    Cara, Praktis, Mudah, Cepat, Konversi, Convert, Tema, Template, Templates, Themes, Theme, HTML, Statis, Static, Dinamis, Dynamic, Menjadi, to, blog, blogger, blogspot, easy, fast, minisite, landingpage, website, webpage, host, hosting, CSS, Javascript, jQuery, JS, Copy, CMS

    Incoming Search Term


    Cara Mudah Menggunakan Template HTML Biasa Menjadi Template BLog, Cara Membuat Template Minisite Blogger, Cara mengkonversi tema website menjadi template blogspot, Tutorial merubah template blog menjadi minisite landingpage, template html biasa menjadi template blog, template blogspot dari tema website cms, cara convert template minisite landingpage kedalam tema blogger

    5 comments:

    1. Wahhh keren bisa mengubah halaman HTML jadi template blog dan bisa digunakan di blog, ak ada banyak sih untuk tampilannya.. Jadi kepengen punya template blog sendiri huhu

      ReplyDelete
    2. Nice artikelnya, Gan. Saya pun mulai belajar memahami HTML, CSS, dan JavaScript sejak beberapa tahun yang lalu dan alhamdulillah sekarang sudah lumayan paham mengutak-atik template blog. Oh iya, tampilan blognya sangat keren Gan... Sukses selalu^^

      ReplyDelete
    3. bro, shortener yang bagus apa ya yang bener-bener dibayar? ada rekomendasi kah? sama adfly ente itu gimana bro buatnya agar bisa menunggu 20 detik di postingan download apakah waiting 20 detik termasuk income adfly? thx brads

      ReplyDelete
      Replies
      1. bisa menggunakan adfly cuma agak lama dapetnya tergantung dari visitor dan lokasi visitornya, kalo admin masih menggunakan adfly, 20 detik waiting cuma buatan aja buka dari adfly. adfly ane script bikin sendiri kalo mau nanti saya kasih scriptnya..

        Delete

    Post Top Ad

    Post Bottom Ad