Membuat Tampilan Awal Pada Blog

Dengan memikili tampilan awal pada sebuah blog tentunya akan membuat blog kita semakin menarik untuk dilihat pengunjung, fungsi tampilan awal pada blog biasanya digunakan untuk meng-iklankan sebuah produk atau juga iklan mengenai bisnis online atau iklan-iklan yang anda anggap penting. Pada blog default biasanya postingan akan diurutkan sesuai tanggal postingan.

Sekarang jika anda ingin meng-iklankan suatu produk atau juga ikalan yang lain, anda bisa mencoba cara ini  tanpa harus takut posting/iklan anda diurutkan sesuai tanggal. Berikut langkah membuat tampilan halaman awal pada blog,

1. Langkah pertama bagi anda yang ingin mencobanya anda buat dulu halaman Dummy, masuk pada Layout lalu klik pada "Add Page Element" untuk membuat elemen baru pada blog anda.

2. Setelah itu anda pilih pada HTML/JavaScript tekan tombol Add atau tanda +

3. Pada tampilan content anda ketikan apa yang anda ingin iklankan tau juga promosikan, jika anda ingin menambahkan gambar pada tampilan anda bisa Copy Paste dari Computer anda.

4. Setelah anda selesai mengetik iklan anda, silakan anda klik Save, 

5. Setelah Page Element baru sudah muncul anda masuk ke Temlate dan masuk ke Edit HTML untuk sedikit menambah Script agar tampilannya bisa berjalan sesuai keinginan,

6. Setelah masuk ke Edit HTML anda centang pada bagian Expand Widget Temlates

7. Cari Code <!-- only title display title if it's non-empty --> untuk memudahkan pencarian anda bisa menekan tombol CTRL + F 

8. Jika anda sudah Menemukan Script tersebut sekarang tugas anda menambahkan script <b:if cond="data:blog.url == data:blog.homepageUrl">  tambahkan juga script penutupnya dengan </b:if>

9. Untuk lebih jelasnya anda bisa lihat script dibawah ini 

 <div id='main-wrapper'>
        <b:section class='main' id='main' showaddelement='no'>
<b:widget id='HTML4' locked='false' title='Info Terbaru Bisnis Online' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
</b:if>      

Hal yang perlu diperhatikan untuk script <!-- only display title if it's non-empty --> ada beberapa jadi untuk memudahkan anda dalam mencari ketika anda membuat element anda sebaiknya menamai element tersebut sehingga mudah untuk dicari. Pada contoh diatas saya menamai element saya dengan nama Info Terbaru Bisnis Online, Pastikan bahwa anda menaruh kode tepat pada element yang anda buat.

10. Setelah kode penutup sudah ditambah dengan  </b:if>    anda simpan HTML dengan meng-klik tombol Save 

11. Jika anda belum memindahkan element yang tadi anda buat di atas postingan, coba anda pindah elemennya diatas postingan untuk hasil contoh anda bisa lihat di blog saya detik-share.

Catatan : Element tadi tidak akan muncul ketika anda masuk ke halaman yang anda akses.

Semoga artikel diatas bermanfaat, Salam share

Posted in: Computer,SEO Blog