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='Url/Link Gambar Profil'/>
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.
blogging
,
Tutorial
<!-- 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='Url/Link Gambar Profil'/>
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 Tulisan Url/Link Gambar Profil 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.
No comments:
Post a Comment