Cara Edit Kotak Posting Blog Menggunakan Kode HTML

          Ya, cara ini jarang banget kita temuin di blog atau situs lain, karena artikel-artikel lain biasanya menyediakan yang full, namun untuk kalian yang pengen tabel postingannya lebih keren dan mantep, saya akan memberikan kode html nya. Langsung aja OTW TKP

=============================================================

         Dimana sebelumnya saya telah memosting artikel tentang Cara Menambahkan Widget Buku Tamu Auto Hide. Berikut cara-caranya :

1. Log in ke akun blog anda, lalu di menu pertama klik menu tanda bawah di sebelah tulisan "Lihat Blog" lalu klik, dan pilih template.

/* POSTING */

#kotak-posting {

margin:0 14px 10px 0px;

padding:0;

word-wrap:break-word;

}

#posting {

background:#ffffff;

float:left;

width:670px

}

.breadcrumbs {

text-align:left;

padding:14px;

margin:0 0 8px;

font-size:13px;

line-height:1.4;

border:1px solid #EDEDED;

}

.post {

position:relative;

padding:14px;

margin:0;

border:1px solid #EDEDED;

}

.post-footer {

background:#fff;

position:absolute;

bottom:0;

left:0;

right:0;

padding:14px;

margin:0;

color:#666;

font-size:11px;

}

.plus {

background:transparent;

position:absolute;

z-index:6;

bottom:0;

left:0;

padding:6px 8px;

margin:0;

color:#666;

font-size:12px;

text-align:left;

}

.item-post-footer {

margin:20px 0 0;

padding:0 0;

text-align:right;

font-size:11px;

color:#999;

font-style:italic;

}

.postthumb {

margin:3px 8px 3px 0;

float:left;

width:90px;

height:90px;

display:inline

}

.post-body {

line-height:1.5;

text-align:justify

}

h2.post-title, h1.post-title {

font-weight:bold;

line-height:1.3;

letter-spacing:-0.5px;

margin:0

}

h2.post-title {

padding:0 0 8px;

font-size:16px

}

h1.post-title {

font-size:24px;

padding:0 0 25px 

}

#blog-pager {

border:1px solid #ededed;

clear:both !important;

overflow:hidden;

margin:8px 0 0 0;

padding:8px;

text-align:center

}

#blog-pager-newer-link {

float:left

}

#blog-pager-older-link {

float:right

}

a.box {

position:relative;

top:0px;

left:0px;

display:block;

padding:6px 8px;

color:#666;

font-size:13px;

}

a.box:active, a.box:hover {

text-decoration:underline;

}

/* social share buttons */

.social-buttons-box {

height: 67px;

background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoPyFM0MgBuIju5B00ZjfdU-IR1BxNyOI8FyWWBoM-wOJh8bOWdZgCvtYTEiN2WGyLP-fpg_QvlGuKPKV_DQ3kgIxcchoNnBpHwTb2-VxBtWskN6_PnFSvtYuLdezTnMvcIHl5ROBJd4Mz/s1600/rect3799.png) no-repeat 200px 0px;

margin:20px 0 15px;

overflow:hidden;

}

.social-buttons {

margin:0 0;

height:67px;

float:left;

}

.social-buttons .share {

float:left;

margin-right:10px;

display:inline-block;

}

5. Lalu klik simpan.
Mudah bukan ?

Catatan : Cara ini bekerja di beberapa blog, sesuai keadaan row nya, dan jika berhasil, kotak postingan ini bekas template yang SEO Friendly