Menambahkan Kotak pesan otomatis di akhir posting

Kotak pesan walaupun tidak begitu penting namun cukup baik untuk dipasang di blog kita ya itung-itung sebagai hak paten (heheee....). oke langsung saja bagi agan-agan yang tertarik bisa coba cara berikut!

Langkah-langkah :

1.       Login ke blogger

2.       Pilih Rancangan, Lalu pilih Edit HTML. Centang Expand Template Widget.

3.       Cari Kode <div class='post-footer'> , untuk mempercepat tekan CTRL+F kemdian masukan Kode tersebut pada form yang muncul.

4.       Copy Scrit Kotak Pesan dibawah ini dan pastekan tepat diatas kode <div class='post-footer'>

 

<!-- Kotak Admin -->

    <b:if cond='data:blog.pageType == &quot;item&quot;'>

    <div class='admin-tulisan'>

    <h4>Creatif By : <a expr:href='data:blog.homepageUrl'><data:post.author/></a> di Blog Pribadi Mr. Huda Maulana</h4>

    <div class='kontainer'>

    <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEin1GBpV7dqxZBg6V-IqajHr5E3OAcUaNkHoSlMJeiFQ2GzKtiAXaMFjMd1ZvNhfZUKpsdHmBTCIKPwKPVsIQ4UfHgeWStY5TvZpbBjgmQVcaeXFY9lC6owZriDuaM2nyFiTyIlBaKbmtw/s1600/76738_131219840267650_100001389033226_177476_3380_a.jpg'/>

    Artikel <a expr:href='data:post.url'><data:post.title/></a> ditulis oleh <data:post.author/> . Terimakasih atas kunjungnnya, jika artikel ini bermanfaat agan bisa join untuk mendapatkan artikel terbaru dari kami. Posting ini dapat disebarluaskan lagi tapi dengan menyertakan <blink><strong>sumber link asli</strong></blink>. Saya tunggu kritik dan sarannya, ya! .....

    <p>

<textarea cols='57' id='bloglinking' name='bloglinking' onclick='this.focus();this.select()' onfocus='this.select()' onmouseover='this.focus()' readonly='readonly' rows='2'>&lt;a href=&quot;<data:post.url/>&quot; target=&quot;_blank&quot;&gt;<data:blog.pageName/>&lt;/a&gt;</textarea><span style='float:right;font:italic 10px Arial, Sans-Serif;'><a href='http://hudamaulana.blogspot.com/' target='_blank'>:: Get this widget ! ::</a></span></p>

    <div style='clear:both;'/>

    </div>

    </div>

    </b:if>

    <!-- Kotak Admin -->

 

Pengaturannya :

-          Pada Tulisan berwarna Biru “DESKRIPSI BLOG ANDA” = Ganti dengan deskripsi/tentang blog sobat.

-          Pada Tulisan berwarna Merah “ALAMAT URL FOTO ANDA” = Ganti dengan alamat URL foto sobat yang akan ditampilkan.

-          Pada Tulisan berwarna Hijau, sesuai keinginan sobat,

 

5.       Selanjutnya cari kode ]]></b:skin> untuk mencari lebih cepat tekan CTRL+F dan masukkan Kode.nya pada form yang muncul.

6.       Copy kode CSS berikut ini dan paste kan tepat diatas kode ]]></b:skin>. Jika gagal sobat dapat juga meletakkan kode CSS berikut tepat dibawah kode <data:post.body/>.

 

.admin-tulisan h4{

    background:#000000;

    border:none;

    border-bottom:1px solid #ffffff;

    color:#fff;

    text-transform:normal;

    text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);

    font-size: 12px ;

    padding:5px 10px;

    margin:0 0 0 0;

    display:block;

    }

    .admin-tulisan h4 a{color:#FEEA83;}

    .admin-tulisan img{

    width:70px;

    height:80px;

    margin:0 10px 0 0;

    float:left;

    border:1px solid #954B02;

    padding:2px;

    background:#C36702;

    box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;

    }