Home » Blogging » Cara Membuat Halaman Utama Blogspot Menjadi Statis

Cara Membuat Halaman Utama Blogspot Menjadi Statis

Hehehe, agak dimana gitu judulnya “Cara Membuat Halaman Utama Blogspot Menjadi Statis” kayaknya sih lebih cocok membuat landing page di blogspot kali ya… contoh web : Pulsa-AnB.com.

Kalau biasanya dihalaman utama blogspot akan muncul beberapa postingan / artikel, tapi kali ini kita coba menjadi statis tampilannya, seperti landing page gitu sob, cara ini biasanya dipakai buat yg jualan, contohnya kayak ane, yang nyales pulsa di contoh website diatas 😆

Cara Membuat Halaman Utama Blogspot Statis

halaman utama blogger statis, cara membuat halaman utama blogger statis, tutorial membuat halaman utama blogger statis, bagaimana cara membuat halaman utama blogger statis

  1. Login Blogger > Dashboard > Template > Edit HTML
  2. Cari kode “Blog1” kurang lebih seperti berikut ini :

    <b:section class=’main’ id=’main’ showaddelement=’no’>
    <b:widget id=’Blog1′ locked=’true’ title=’Posting Blog’ type=’Blog’/>
    </b:section>

  3. Diatas kode tersebut, Masukin kode berikut ini :

    <b:if cond=’data:blog.url == data:blog.homepageUrl’>
    <b:section class=’main’ id=’homepage’></b:section>
    <b:else/>

  4. Dibawah kode yang nomor 2, masukkan kode berikut ini :

    </b:if>

  5. Sehingga hasilnya seperti berikut :

    <b:if cond=’data:blog.url == data:blog.homepageUrl’>
    <b:section class=’main’ id=’homepage’></b:section>
    <b:else/>
    <b:section class=’main’ id=’main’ showaddelement=’no’>
    <b:widget id=’Blog1′ locked=’true’ title=’Posting Blog’ type=’Blog’/>
    </b:section>
    </b:if>

  6. klik simpan template.
  7. kembali ke Blogger > Tata Letak > Dikolom “homepage” > Tambahkan Gadget
  8. Pilih HTML/Java Script > Masukkan kode artikel / postingan jualan sobat > Simpan
  9. Tarik Widget HTML/JavaScript yang baru saja dibuat ke bagian main, tepat diatas posting blog halaman utama blogspot statis, cara membuat halaman utama blogspot statis, tutorial membuat halaman utama blogspot statis, bagaimana cara membuat halaman utama blogspot statis
  10. Saat ini di setiap artikel sobat, akan muncul artikel jualan sobat yang ada di nomor 8, untuk memunculkan posting tersebut hanya di halaman utama, maka sobat perlu melakukan langkah berikut ini :
  11. buka kembali widget yang dibuat di nomor 7/8, kemudian perhatikan alamat urlnya. (contoh diblog diatas adalah : https://www.blogger.com/rearrange?blogID=xxx&action=editWidget&sectionId=main&widgetType=HTML&widgetId=HTML1)
  12. Kembali ke Blogger > Template > Edit HTML > cari kode “HTML1” (sesuai nomor 11)
  13. kode html 1, kurang lebihnya seperti berikut ini:

    <b:widget id=’HTML1′ locked=’false’ title=” type=’HTML’>
    <b:includable id=’main’>
    <!– 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:include name=’quickedit’/>
    </b:includable>
    </b:widget>

  14. Sebelum kode :

    <!– only display title if it’s non-empty –>

  15. Tambahkan kode berikut :

    <b:if cond=’data:blog.url == data:blog.homepageUrl’>

  16. lalu tambahkan kode “</b:if>” (tanpa tanda petik), sebelum kode :

    </b:includable>
    </b:widget>

  17. Sehingga kode “HTML1″ akan menjadi seperti :

    <b:widget id=’HTML1′ locked=’false’ title=” 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:include name=’quickedit’/>
    </b:if>
    </b:includable>
    </b:widget>

  18. Selesai sob, Silahkan simpan template Sobat.

Demikianlah cara membuat halaman utama di blogspot / blogger menjadi statis, semoga nggak gagal paham ya sob 😀

Baca Juga Artikel Kami :

cara membuat blog, tutorial membuat blog, tutorial cara membuat blog

Tutorial Lengkap Cara Membuat Blog Menggunakan Blogger

Artikel kali ini, Kang-Iwan.com ingin berbagi sedikit informasi mengenai tutorial lengkap cara membuat blog menggunakan …