Membuat Pesan Penutup Otomatis di akhir Postingan blog biasanya berisi pesan kepada pembaca berupa peringatan, anjuran atau ucapan terima kasih. Anda bebas memilih pesan apa yang hendak di sampaikan kepada pembaca.
Lantas bagaiamana cara membuat Pesan Penutup Otomatis di akhir postingan Blog? Caranya cukup mudah, perhatikan tutorialnya di bawah :
CARA MEMBUAT PESAN PENUTUP OTOMATIS DI AKHIR POSTINGAN BLOG
1. Login Ke Blogger
2. Pilih menu Template >>> Edit HTML
3. Cari kode <div class='post-footer'> (Gunakan CTRL+F)
4. Jika Sudah, letakkan Kode dibawah ini tepat diatas kode <div class='post-footer'>
<!-- Kotak Admin mulai -->
<b:if cond='data:blog.pageType == "item"'>
<div class='admin-tulisan'>
<h4>Ditulis Oleh : <a expr:href='data:blog.homepageUrl'><data:post.author/></a></h4>
<div class='kontainer'>
<img src='http://i41.tinypic.com/2upftiq.jpg'/>
Terimakasih atas kunjungan Anda Karena telah sudi membaca artikel <a expr:href='data:post.url'><data:post.title/></a>. Tak Lengkap Rasanya Jika Kunjungan Anda di Blog ini Tanpa Meninggalkan Komentar, untuk Itu Silahkan Berikan Kritik dan saran Pada Kotak Komentar di bawah. Anda boleh menyebarluaskan atau mengcopy artikel <a expr:href='data:post.url'><data:post.title/></a> ini jika memang bermanfaat bagi anda, namun jangan lupa untuk mencantumkan link sumbernya. Terima Kasih, Happy Blogging :)
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Kotak Admin end -->
.admin-tulisan{
display:block;
width:auto;
background:#CFE2E0;
border:2px solid #fff;
box-shadow:0 1px 3px #000;-moz-box-shadow:0 1px 3px #000;-webkit-box-shadow:0 1px 3px #000;
padding:0;
margin:30px 0 10px 0;
font:normal 12px Arial, Sans-Serif;
color:#222;
}
.admin-tulisan .kontainer{padding:5px;}
.admin-tulisan h4{
background:#ffffff;
border:none;
border-bottom:1px solid #699019;
color:#000;
text-transform:normal;
text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);
font:bold 12px Arial,Sans-Serif;
padding:5px 10px;
margin:0 0 0 0;
display:block;
}
.admin-tulisan h4 a{color:#FF0000;}
.admin-tulisan img{
width:70px;
height:70px;
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;
}
6. Simpan Template
Silahkan di coba. Semoga berhasil membuat pesan penutup otomatis di akhir postingan blog.
<!-- Kotak Admin mulai -->
<b:if cond='data:blog.pageType == "item"'>
<div class='admin-tulisan'>
<h4>Ditulis Oleh : <a expr:href='data:blog.homepageUrl'><data:post.author/></a></h4>
<div class='kontainer'>
<img src='http://i41.tinypic.com/2upftiq.jpg'/>
Terimakasih atas kunjungan Anda Karena telah sudi membaca artikel <a expr:href='data:post.url'><data:post.title/></a>. Tak Lengkap Rasanya Jika Kunjungan Anda di Blog ini Tanpa Meninggalkan Komentar, untuk Itu Silahkan Berikan Kritik dan saran Pada Kotak Komentar di bawah. Anda boleh menyebarluaskan atau mengcopy artikel <a expr:href='data:post.url'><data:post.title/></a> ini jika memang bermanfaat bagi anda, namun jangan lupa untuk mencantumkan link sumbernya. Terima Kasih, Happy Blogging :)
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Kotak Admin end -->
- Ganti URL gambar profil ( http://i41.tinypic.com/2upftiq.jpg) dengan link gambar profil anda.
- Anda bebas mengubah dan mengganti kalimat pesannya sesuai keinginan anda
.admin-tulisan{
display:block;
width:auto;
background:#CFE2E0;
border:2px solid #fff;
box-shadow:0 1px 3px #000;-moz-box-shadow:0 1px 3px #000;-webkit-box-shadow:0 1px 3px #000;
padding:0;
margin:30px 0 10px 0;
font:normal 12px Arial, Sans-Serif;
color:#222;
}
.admin-tulisan .kontainer{padding:5px;}
.admin-tulisan h4{
background:#ffffff;
border:none;
border-bottom:1px solid #699019;
color:#000;
text-transform:normal;
text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);
font:bold 12px Arial,Sans-Serif;
padding:5px 10px;
margin:0 0 0 0;
display:block;
}
.admin-tulisan h4 a{color:#FF0000;}
.admin-tulisan img{
width:70px;
height:70px;
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;
}
6. Simpan Template
Silahkan di coba. Semoga berhasil membuat pesan penutup otomatis di akhir postingan blog.
Artikel Yng bermanfaat,Numpang belajar dan mencoba. Terimakasih sebelumnya.
ReplyDeleteOk, sama - sama, Silahkan dicoba...
ReplyDeleteSip Wezz tek Cobi
ReplyDeleteTQ_TQ
Wah Keren Nih Sob, makasih Sdh berbagi Ilmu, Saya Juga ninggalin jejak nih Sob, hehehee. Salam Kenal.
ReplyDeleteinfonya tops bnget sob...silahkan kunjungi blog sya..ats kebrhasilannya berkat info dri blog ini..
ReplyDeletethanks..
http://kumpulantipshebat.blogspot.com/
Terima kasih atas kunjungannya, senang bisa membantu.
ReplyDeleteThanks gan....
ReplyDeleteterima kasih Sob membantu (y)
ReplyDeleteSob gimana cara ganti warna backround nya ?
kunjungi http://arifclaluchumay.blogspot.com/
artikel Cara Membuat Pesan Penutup Otomatis di Akhir Postingan Blog yang anda menarik sekali. saya sudah mencobanya. Hasilnya bagus. terima kasih banyak . Semoga tambah sukses ya.
ReplyDeletemakasih sangat membantu om
ReplyDeleteKompigames | Download Android and PC Games
terimakasih untuk informasinya gan. kunjungin juga ya blog saya htp://kaslans-store.blogspot.co.id/
ReplyDeletedan jangan lupa di follow. ane sudah follow blog agan.
trimakasih.
newbi bertanya="kalau ingin membuang foto admin apa hanya tinggal membuang kode <*img src='http://i41.tinypic.com/2upftiq.jpg'/*> ?? saya tunggu jawabannya, follback to our site www.hadziq.web.id, thanks before
ReplyDeletenewbi bertanya="kalau ingin membuang foto admin apa hanya tinggal membuang kode <*img src='http://i41.tinypic.com/2upftiq.jpg'/*> ?? saya tunggu jawabannya, follback to our site www.hadziq.web.id, thanks before
ReplyDeleteThankyou gan sukses,,,, :D
ReplyDeleteterima kasih infonya, saya pernah mencoba tetapi tetap tidak bisa muncul di tampilan, kira2 ada solusinya, terima kasih banyak
ReplyDeletekok tidak bisa ya??
ReplyDeleteijin coba utk web https://alyssaflorist.blogspot.com saya thanks :)
ReplyDelete