Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Membuat Kotak Pesan di Postingan Mirip Batchindo



Hiirotaku - Halo temen" pada artikel ini saya akan membagikan Cara Membuat Kotak Pesan di Bawah Postingan Artikel pada Blog Mirip Batchindo, jika kalian bosen dengan kotak pesan yang artikel kemarin kalian bisa menggunakan yang ini karena simpel gak butuh css banyak" dan gampang pemasangannya. 
 
Langsung saja ke tutorialnya. 

Cara Membuat Kotak Pesan di Postingan Mirip Batchindo :

1. Masuk ke Blogger  > Tema > Edit HTML.
2. Masukkan kode CSS di bawah ini tepat di atas kode ]]></b:skin> atau </style> .

.penutup {
    padding: 10px;
    background: #77be43;
    color: #fff;
    border: 2px solid #64c120;
    margin-bottom: 15px;
    font-family: "Hind", Arial, sans-serif;
    font-size: 13px;
    line-height: 22px;
}

.penutup a {
    color: #fff;
}

3. Lalu letakkan kode HTML di bawah ini, tepat di atas kode </article> .

<section class="penutup">
<p>Terima kasih sudah berkunjung di hiirotaku.my.id. Support kami dengan cara membagikan postingan ini di media sosial Facebook dan lainnya
    <strong></strong></p><p><strong>
        Tolong di Baca ya :
    </strong></p>

    <p><strong>1}</strong> Kalau link google drive terkena limit silahkan paka "Acefile (Google Sharer)" dan wajib log in dengan akun google kalian.
</p>
    <p>
    <strong>2}</strong> Bila file ketika di extrak terjadi kerusakan atau dimintai password coba di uninstal dan upgrade ke versi terbaru aplikasi Winrar kalian untuk download gratis "<strong><a href="https://bit.ly/2B5LDms" target="blank">Klik Disini</a></strong>" . Buat di HP silahkan download Winrar di PlayStore atau bisa lewat link ini "<strong><a href="https://bit.ly/2L6F7jN" target="blank">Klik Disini</a></strong>" .
</p>
    <p>
    <strong>3}</strong> Untuk di hp/tablet kalau subtitle gak muncul silahkan download MX Player, VLC dan sejenis nya di playstore. Buat di PC/Leptop di saran kan pake VLC Player terbaru , bisa download "<strong><a href="https://bit.ly/2rvHzaJ" target="blank">Klik Disini</a></strong>".
</p>
    <p>
    <strong>4}</strong> Untuk pertanyaan lain nya silahkan PM ke <strong><a href="https://www.facebook.com/baguz.arwat" target="blank">Fanpage Hiirotaku</a></strong>
</p>
    <p><strong>5}</strong> Bagi yang tidak tahu Cara Download Bisa "<strong><a href="https://www.hiirotaku.my.id/" target="blank">Klik Disini</a></strong>"
    </p>
    <p>
        <strong>Terimakasih sudah mampir ke hiirotaku.my.id</strong>
    </p>
</section>

4. Terakhir Simpan.

NOTE :
  • Ganti yang saya tandai dengan warna berbeda, untuk yang lainnya kalian bisa sesuaikan sesuai kebutuhan, untuk font pada kotak pesan yang di atas menggunakan font bawaan blog jadi jika ingin mengganti fontnya sesuai seperti demo, kalian bisa menambahkan script ini :

<link async='async' href="https://fonts.googleapis.com/css?family=Hind:400,500,600|Open+Sans:400,600,700|Audiowide" rel="stylesheet" type="text/css"/>

Letakkan kode di atas, di atas kode <head> .

Mungkin itu saja yang bisa saya bahasa, sampai jumpa di artikel selanjutnya.


Refrensi : Batchindo

Posting Komentar untuk "Cara Membuat Kotak Pesan di Postingan Mirip Batchindo"