Skip to main content

Cara Membuat Template Blogger Bag.1


بِسْمِ اللهِ الرَّحْمنِ الرَّحِيمِ

http://ovia.ps

Setelah sekian lama ngga posting dengan sedikit kemampuan saya dalam menulis posting diblog akhirnya saya memutuskan untuk memulai posting yang sudah lama tersimpan dipikiran saya yaitu tentang bagaimana cara membuat template blogger mulai dari nol dasar sampai menjadi simple,menarik,atraktif, keren dan SEO Friendly deh pastinya yang akan membuat kalian merasa bangga karena berhasil membuat template blogger sendiri

Untuk memulai membuat template blogger sendiri akan ada beberapa hal yang harus diperhatikan untuk bereksperimen dalam pembuatan template blogger supaya berjalan dengan konsep awal yang direncanakan, yang pertama yaitu sebuah Tema Blog yang akan dibuatkan templatenya, yang  kedua adalah imajinasi,kreasi dan inovasi yang UNIK dan yang ketiga adalah pengetahuan dasar tentang HTML (seperti marquee,img,link,dll) dan CSS (seperti tag div, id, class, dll ) serta JavaScript (seperti encode-decode,comments strip,dll)

Cara Membuat Template Blogger Bag.1

oke kalian sudah pada tau kan template blogger yang kalian pake itu menggunakan bahasa pemograman web yaitu HTML (Hypertext Markup Language)  dan CSS (Cassading Style Sheet) serta script pendukung seperti Javascript dan JQuery disini kalian memerlukan tools yang akan dipergunakan dalam membuat template blogger.

Tools yang diperlukan untuk membuat Template Blogger :
  1. Browser Google Chrome dengan default Inspect Elements
  2. (atau) Browser Mozilla Firefox dengan addon Firebugs
  3. Website pendukung seperti w3schools.com
  4. Website validator validator.w3.org dan jigsaw.w3.org
  5. Website tes kecepatan seperti tools.pingdom.comgtmetrix.com dan webpagetest.org
  6. Software Text Editor Notepad++
  7. HTML Beautifier
  8. HTML Encoder dan Decoder
  9. CSS Compressor
  10. Color Code HTML
  11. Javascript Packer
  12. Javascript Unpacker
  13. Picasa Web (penyimpanan gambar)
  14. Google Drive (penyimpanan code javascript dan css) caranya klik disini

Yang harus dilakukan
  1. Backup Blog. simpan dalam folder di pc/laptop kalian dengan nama sesuai dengan judul blog
  2. Backup Template simpan dalam folder blog
  3. Backup Widget HTML/Javascript simpan format txt di Notepad++ dengan nama sesuai dengan judul widget dan pisahkan dalam folder
  4. Remove semua Widget  yang ada
  5. Siapkan cemilan dan minuman + music

Lets begin the code

Download dummy-template-blogspot.xml lalu install kedalam blog ...

Sekarang bagaimana cara menginstall dummy-template-blogspot.xml pada template blogger ? untuk menginstall dummy-template-blogspot.xml pada blogger pertama2 kalian harus mengikuti langkah2 berikut ini :

Intruksi dasar :

Login Blog terlebih dahulu di http://www.blogger.com/home

Pilih Blog yang diingikan

Pilih opsi Template untuk memulai pengeditan


Pilih Backup/Restore



Pilih Open File



Pilih dummy-template-blogspot.xml yang sudah di download



Pilih Upload



Bersambung...

Comments

Popular posts from this blog

Install Bash on Windows 10

بِسْــــــــــــــــــمِ-اﷲِالرَّحْمَنِ-اارَّحِيم | الحمدُ لله 1. Buka Command Prompt (CMD) 2. Ketik 'bash' (tanpa kutip) lalu Enter Click untuk memperbesar gambar 3. Tunggu sampai process download selesai Click untuk memperbesar gambar 4. Masukan Unix usename baru : 'root' Click untuk memperbesar gambar 5. Selesai Click untuk memperbesar gambar

Blogger API Callback

Tabel Struktur   Blogger API Callback Posts API Callback key encoding feed 1 author[] email $t gd$image height rel src width name $t uri $t 2 category[] term 3 entry[] author[] email $t gd$image height rel src width name $t uri $t category[] scheme term ...

Blogger Data Global

https://upload.wikimedia.org Berikut List Blogger Data Global Lengkap : b:else b:if b:includable b:include b:loop b:section-contents b:section b:skin b:template-skin b:template b:variable b:version b:widget data:adCode data:adEnd data:adStart data:attribution data:backgroundPositionStyleStr data:backlink.adminClass data:backlink.author data:backlink.deleteUrl data:backlink.snippet data:backlink.timestamp data:backlink.title data:backlink.url data:blog.blogId data:blog.enabledCommentProfileImages data:blog.homepageUrl data:blog.isMobile data:blog.languageDirection data:blog.metaDescription data:blog.mobileClass data:blog.pageName data:blog.pageTitle data:blog.pageType data:blog.title data:blog.url data:blogCommentMessage data:blogTeamBlogMessage data:col.class data:col.idPrefix data:col.includeBottom data:col.num data:comment.adminClass data:comment.anchorName data:comment.author data:comment.authorAvatarImage data:comment.autho...