Bagaimana cara tampilkan file xml di bloger ?

Terjawab

Pertanyaan : cara tampilkan file xml di html blogger (cara tampilkan file xml di bloger) . Penjelasan : Ingin menampilkan file xml pada halaman HTML blogger apakah bisa menggunakan script atau tidak. adakah cara lain ?

SMP Ditanyakan on 24 Mei 2016 pada Blog/Web.
Tambah Komentar
  • Loading...
    2 Jawaban
    Jawaban Terbaik

    Kalau mau buat iFrame dengan toolbar keren bisa pakai Script berikut :

    • Buat Halaman/Page dengan judul demo (tanpa disi deskripsinya)
    • Masuk ke Template -> Edit HTML. Simpan kode CSS ini di atas ]]></b:skin> atau </style>
    
    #view {
    
    padding: 0;
    
    margin: 0;
    
    border: 0;
    
    position: fixed;
    
    top: 50px;
    
    left: 0;
    
    right: 0;
    
    bottom: 0;
    
    width: 100%;
    
    height: 93%;
    
    background:url(http://2.bp.blogspot.com/-inJ_59r9FJ0/UuEXr4IQn0I/AAAAAAAAGWg/OSIKdAm4Wwg/s1600/loader.gif)no-repeat center center;
    
    transition:all .4s ease-out;
    
    }
    
    #tab-demo {
    
    width:100%;
    
    height:50px;
    
    top:0;
    
    left: 0;
    
    background:#222;
    
    color:white;
    
    font:normal 13px Arial, sans-serif;
    
    z-index:99999;
    
    position:fixed;
    
    }
    
    .closebutton {
    
    background:#66af33 url(http://2.bp.blogspot.com/-yDP_V5EQ09U/UuC7diNnwYI/AAAAAAAAGVw/Hez_ZcpmFLE/s1600/close.png)no-repeat 15px 50%;
    
    text-align:center;
    
    height:50px;
    
    padding:0px 20px 0px 50px;
    
    position:fixed;
    
    top:0;
    
    right:0;
    
    line-height:50px;
    
    cursor:pointer;
    
    color:white;
    
    }
    
    a.closebutton {color:white;text-decoration:none;}
    
    .closebutton:hover {background:#579c26 url(http://2.bp.blogspot.com/-yDP_V5EQ09U/UuC7diNnwYI/AAAAAAAAGVw/Hez_ZcpmFLE/s1600/close.png)no-repeat 15px 50%}
    
    .dlbutton:hover {background:#579c26 url(http://3.bp.blogspot.com/-MHVCwQQDhzQ/UuC7dgZiqvI/AAAAAAAAGV0/llC0hES500M/s1600/download.png)no-repeat 15px 50%}
    
    .dlbutton, a.dlbutton {
    
    background:url(http://3.bp.blogspot.com/-MHVCwQQDhzQ/UuC7dgZiqvI/AAAAAAAAGV0/llC0hES500M/s1600/download.png)no-repeat 15px 50%;
    
    text-align:center;
    
    height:50px;
    
    padding:0px 20px 0px 55px;
    
    position:fixed;
    
    top:0;
    
    right:158px;
    
    line-height:50px;
    
    cursor:pointer;
    
    color:white;
    
    text-decoration:none;
    
    }
    
    .demologo, a.demologo {
    
    background: url(http://2.bp.blogspot.com/-3Z-HuFDHOOg/UuDyIp8DZaI/AAAAAAAAGWQ/81Ev67C13hM/s1600/ki-logo.png)no-repeat left center;
    
    padding-left:55px;
    
    font-size:17px;
    
    font-weight:normal;
    
    font-family:Oswald, Arial, Sans-serif;
    
    text-transform:uppercase;
    
    line-height:50px;
    
    left:15px;
    
    position:fixed;
    
    color:white;
    
    text-decoration:none;
    
    }
    
    
    • Simpan kode dibawa ini tepat dibawah <body>
    
    <b:if cond='data:blog.url != &quot;http://blog.kangismet.net/p/template-demo.html&quot;'>
    
    
    • Simpan lagi kode dibawah ini di atas </body>
    
    </b:if>
    
    <b:if cond='data:blog.url == &quot;http://blog.kangismet.net/p/template-demo.html&quot;'>
    
    <script type='text/javascript'>
    
    //<![CDATA[
    
    function getQueryVariable(variable) {
    
    var query = window.location.search.substring(1);
    
    var vars = query.split("&");
    
    for (var i = 0; i < vars.length; i++) {
    
    var pair = vars[i].split("=");
    
    if (pair[0] == variable) {
    
    return pair[1];
    
    }
    
    }
    
    return (false);
    
    }
    
    window.onload = function() {
    
    var url = getQueryVariable("url");
    
    var download = getQueryVariable("download")
    
    document.getElementById('view').src = url;
    
    document.getElementById('dl').href = download;
    
    };
    
    //]]>
    
    </script>
    <div id='tab-demo'>
    
    <a class='demologo' href='http://blog.kangismet.net'>KI Template Demo</a>
    
    <a class='dlbutton' href='' id='dl'>Download</a>
    
    <a class='closebutton' href='javascript:void(0)' onclick='document.getElementById(&apos;tab-demo&apos;).style.display=&apos;none&apos;;document.getElementById(&apos;view&apos;).style.top=&apos;0&apos;;document.getElementById(&apos;view&apos;).style.height=&apos;100%&apos;'>Remove Frame</a>
    
    </div>
    
    <iframe id='view'/>
    
    <style>
    
    body {
    
    background:white;
    
    }
    
    </style>
    
    </b:if>
    
    
    • Format URL yang anda pakai untuk menampilkan seperti ini — > http://blog.kangismet.net/p/template-demo.html?url=URL Demo disini&download=URL Download di sini

    Note : ubah http://blog.kangismet.net/p/template-demo.html dengan halaman yang anda tadi buat

    Demo : http://blog.kangismet.net/p/template-demo.html?url=http://superseo-gbt.blogspot.com&download=http://yourjquery.url.ph/templates/superseo.zip

    Doktor Terjawab on 24 Mei 2016
    Tambah Komentar

    Menampilkan file xml pada HTML blogger mungkin yang anda maksud adalah iFrame xml di html blog. Biasanya halaman iFrame dibuat untuk membuat demo dari sebuah template yang berekstensi XML. Berikut tutorial menggunakan iFrame xml di blog :

    • Buat page baru lalu tempel pada bagian HTML

    RE: Bagaimana cara tampilkan file xml di bloger ?

    
    <iframe align="center" frameborder="yes" height="250px" name="frame1" scrolling="auto" src="XMLatauAlamatblog" style="border: 1px solid;" width="250px"></iframe>
    
    

    XML harus dipharse terlebih dahulu
    Jika alamat blog langsung saja misalnya “https://pertanyaanku.com”

    Sarjana Terjawab on 24 Mei 2016
    Tambah Komentar
    Dengan memposting jawaban, anda setuju dengan Kebijakan Privasi dan ketentuan layanan.