Scribd Logo
Unggah

Selamat datang di Scribd!

  • Mengubah HTML Ke XML

    Diunggah oleh

    Diah Asri
    331 tayangan5 halaman
    Dokumen tersebut memberikan tutorial lengkap untuk merubah kode HTML menjadi XML agar dapat digunakan sebagai template di Blogspot. Langkah-langkahnya meliputi menambahkan deklarasi XML, tag <b:skin>, dan menyimpan file dengan ekstensi .xml. Setelah di-upload ke Blogspot, template dapat digunakan dan tampil seperti yang diharapkan.

    Deskripsi Asli:

    informatic

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    DOCX, PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini
    Dokumen tersebut memberikan tutorial lengkap untuk merubah kode HTML menjadi XML agar dapat digunakan sebagai template di Blogspot. Langkah-langkahnya meliputi menambahkan deklarasi XML, tag <b:skin>, dan menyimpan file dengan ekstensi .xml. Setelah di-upload ke Blogspot, template dapat digunakan dan tampil seperti yang diharapkan.

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai DOCX, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    331 tayangan5 halaman

    Mengubah HTML Ke XML

    Diunggah oleh

    Diah Asri
    Dokumen tersebut memberikan tutorial lengkap untuk merubah kode HTML menjadi XML agar dapat digunakan sebagai template di Blogspot. Langkah-langkahnya meliputi menambahkan deklarasi XML, tag <b:skin>, dan menyimpan file dengan ekstensi .xml. Setelah di-upload ke Blogspot, template dapat digunakan dan tampil seperti yang diharapkan.

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai DOCX, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    dari 5

    Home

    Tutorial Blogspot

    Binsis Online

    News

    Cara Membuat Tabel Dengan Kode HTML

    Widget Selamat Idul Fitri 1432 Hijriah Blogspot

    Cara Memasang Jquery Slideshow di Blosgpot

    Cara Mudah merubah Favicon di Blogspot/Blogger

    Memasukan kode widget posting desain Template Blogspot ( Part 10)

    Membuat Sidebar Template Blogspot ( Part 9)

    Membuat Top Menu Template Blogspot ( Part 8)

    Cara Menambah Kode Khusus Header dan Diskripsi Template Blogspot ( Part 7)

    Merubah kode HTML menjadi XML ( Part 6)

    Mengatur Bagian Footer ( Part 5)

    Mengatur Sidebar dan Content ( Part 4)

    Mengatur Header dan Top Menu (Part 3)

    Cara Membuat Template Sederhana Blogspot (Part 2 )

    Cara membuat Template Sederhana Blogspot ( Part 1)

    Cara Menambah 3 Kolom Elemen Pada Blogspot/Blogger

    Cara Membuat Komentar Tab Facebook dan Blogspot

    Cara Ganti Template Blogspot Terbaru

    Cara Menampilkan Widget Di Halaman Tertentu Blogspot

    Cara Mendaftar Affiliasi Amazon Terbaru

    Belajar Affiliasi Amazon cara Permakblogs

    Home / blogger / blogspot / cara membuat template sendiri / tutorial template / Merubah kode
    HTML menjadi XML ( Part 6)

    Merubah kode HTML menjadi XML ( Part


    6)
    Minggu, Februari 20, 2011 blogger , blogspot , cara membuat template sendiri , tutorial template

    Part 6 kita akan merubah kode HTML template menjadi XML


    agar dapat di pasang pada blogspot, OK sudah siap lanjut? Jangan lupa bagi yang ketinggalan
    artikel
    baca
    dulu
    artikel
    di
    bawah
    ini
    :
    Cara Membuat Template Sederhana Blogspot : Part 1, Part 2 , Part3, Part4, Part 5
    Lets Go... Setelah semua urusan kode html dan kode css selesai kita buat, ini saatnya
    menambahkan kode khusus untuk Blogspot supaya dapat kita pasang template yang kita buat di
    Blogspot. OK.. ikuti langkah-langkah di bawah ini :
    1. Buka Software HTML Kit , klik di Open from recent files this : dan pilih file yang sudah
    kita buat diawal kemarin(desain template blogspot )trus klik ok.
    2. Muncul halaman yang kita buat kemarin. Cari kode :
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    Yang ada di bagian paling atas, lalu ganti kode tersebut dengan kode di bawah ini :

    <?xml
    version="1.0"
    encoding="UTF-8"
    ?>
    <!DOCTYPE
    html
    PUBLIC
    "-//W3C//DTD
    XHTML
    1.0
    Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html
    xmlns='http://www.w3.org/1999/xhtml'
    xmlns:b='http://www.google.com/2005/gml/b'
    xmlns:data='http://www.google.com/2005/gml/data'
    xmlns:expr='http://www.google.com/2005/gml/expr'>

    3. Kemudian dibawah kode <head>tambahan kode di bawah ini :


    <b:include data='blog' name='all-head-content'/>
    Lalu pada kode :
    <title>Desain Template Blog</title>
    Tulisan Template Blog Sederhana ganti dengan kode dibawah ini :
    <data:blog.pageTitle/>
    Dan kode :
    <style type="text/css">
    diganti dengan kode
    <b:skin><![CDATA[
    Kode

    Lengkapnya

    seperti

    gambar

    dibawah

    ini

    Kemudian cari kode


    </style>
    untuk mempermudah pencarian silahkan tekan tombol ctrl+f dan copas kode tadi. Kalau
    sudah ketemu ganti kode tersebut dengan kode
    ]]></b:skin>

    4. Nah kalau proses ini sudah selesai coba klik file> save as beri nama template diikuti .xml
    lalau klik save. Nah jadi sudah file template kita dan siap di upload di blog kamu. Untuk
    cara upload bisa baca artikel Cara Ganti Template Blogspot. setelah di upload klik kanan
    pada lihat blog lalu klik Open Link in new Tab bagaimana sudah muncul template
    hasil karya kamu sendiri? Untuk sementara seperti itu ya dan tampilannya seperti gambar
    di
    bawah
    ini
    :

    Kalau ada yang menemukan sidebar-kanannya masih di bawah sidebar-kiri masuk ke


    Edit HTML lalu cari #content. Untuk mempermudah silahkan tekan F3 pada keyboard
    untuk mencarinya. Kalau sudah ketemu ubah width nya menjadi 492px, lalu klik tombol
    Simpan
    Template.
    Contoh jadinya silahkan kunjungi : http://tempfor.blogspot.com/

    Lihat kembali blog kamu bim salabimmmm... jadi seperti gambar diatas kan?... ok berhasil...
    berhasil... berhasil... ada yang kurang paham? komen aja ya atau contact us nanti kami
    jawabnya...
    Untuk berikutnya Cara Membuat Template Sederhana Blogspot akan menambahkan kode
    khusus Blogspot untuk menampilkan judul Blog dan Diskripsi. Baiklah kawan Permak Blogs
    tunggu
    tutorial
    blog
    selanjutnya
    ya...
    cauuuuuuu....
    Part7 - Cara Menambah Kode Khusus Header dan Diskripsi Template Blogspot

    Anda mungkin juga menyukai