Membuat Blog Preview

Holla, gaes! maaf yaa kemarin aku enggak bisa ON seharian lagi sakit soalnya. Oh ya, Kemarin Dea req ke aku cara buat blog preview




Oke gaesss ikuti step-step ini, ya!


  • Dashboard >> blog baru
  • Isi judul, alamat, dan pilih template. sudah? buat blog!
  • Tukarkan design template ke classic (caranya segera yaa)
  • Pergi ke template, lalu hapus semua kode yang ada di kolom yang bertuliskan 'Edit Template HTML'
  • Gantikan kode yang sudah kalian hapus dengan kode ini

<html>
<head>
<link rel="shortcut icon" href="URL FAVICON" />
<title>LIVE PREVIEW</title>
<style type="text/css">
<base target='_blank'/>
#navbar-iframe {
display: none !important;
}
body{
background:url(URL BACKGROUND);
background-attachment: fixed;
}
.pocetit {
padding:5px 5px 5px 30px;
background-repeat:no-repeat;
font:30px arial;
color: #000;
text-align:center;
}
.blogger-labels{display:none}
</style> 
<Blogger>
<br><br><br>
<div class="pocetit"><$BlogItemTitle$></div>
<br>
<$blogitembody$>
</Blogger>
</div>
</head>
</html>

  • Simpan template
  • Buat entri baru >> html
  • Copy kemudian paste kode yang ingin di preview
  • Balik ke compose. kalau berhasil, publikasikan
  • Sekarang kembali ke blogmu yang semula. Kemudian buat entri baru
  • Beri tulisan 'PREVIEW' pada postingan itu, lalu beri URL menuju blog preview yang tadi kamu buat contoh url http://preview-htmlalneira.blogspot.co.id/2016/02/floating-socmed-button.html
  • Kemudian dibawahnya tulis tutorialnya
  • Publikasikan

Tutorial ini sudah lama aku pelajari dan aku dapatkan dari blog Kak Jauza'. Jadi kesimpulannya aku credit dari Kak Jauza

No comments:

Post a Comment

1 ) Berikan komentar yang baik

2 ) Jangan pernah berkata kasar, jorok, dan menyakiti perasaan orang lain

3 ) Jangan sampai bikin gaduh di kotak comment

4 ) Blog ini secara otomatis memilah mana yang komen spam (termasuk yang menawarkan produk-produk seperti produk diet, dll). Jadi, hati-hati komennya

Related Posts Plugin for WordPress, Blogger...