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 May 2016 pada Blog.
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 May 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://www.pertanyaanku.com”

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