Walau begitu, tak berarti trik tersebut tak ada alias tak ada yang bisa membuat atau menemukannya. Tepat di awal tahun 2012 ini saya dapat berita gembira dari seorang teman Blogger saya...sebut saja dia Ka' Damar, wkwkwk...yapz pemilik blog yang beralamatkan di prasutan.blogspot.com tersebut memberitahu saya bahwa trik untuk membuat kotak komentar wordpress di blog Blogger yang ada tombol "reply" itu telah ditemukan oleh orang luar...saya belum tahu pasti dia orang mana...yang jelas ini alamat blognya sob http://artistutorial.blogspot.com/2011/09/threaded-comments-for-blogger-comment.html
Penasaran bagaimana hasilnya?
Silahkan lihat di blog saya yang satunya atau klik di sini
Bagi sobat yang tertarik untuk membuat kotak komentar tersebut, maka bisa lihat tutorial di situs aslinya...
Tapi bagi sobat Blogger yang merasa sulit, maka bisa mengikuti tutorial berikut (sesuai dengan sumbernya)
1. Silahkan login ke Blogger anda
2. Klik "design" atau "rancangan"
3. Jangan lupa untuk mencentang kotak "expand widget templates"
4. Silahkan untuk meletakkan kode CSS berikut di atas kode ]]>
font-size: 24px;
font-weight: normal;
margin: 20px 0;
}
.cm_wrap {
clear: both;
margin-bottom: 10px;
float: right;
width: 100%;
}
.cm_head {
margin: 0;
width: 70px;
float: left;
}
.cm_avatar {
margin: 0;
vertical-align: middle;
border: 1px solid #DDD;
padding: 3px;
background-image: url(http://img846.imageshack.us/img846/7357/unled1oww.jpg);
background-position:center;
background-repeat:no-repeat;
width: 35px;
height: 35px;
}
.cm_reply {
padding-top: 5px;
}
.cm_reply a {
display: inline-block;
margin: 0;
padding: 1px 6px;
border: 1px solid #C4C4C4;
border-top-color: #E4E4E4;
border-left-color: #E4E4E4;
color: #424242 !important;
text-align: center;
text-shadow: 0 -1px 0 white;
text-decoration: none;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background: #EDEDED;
background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, white), color-stop(1, #E5E5E5) );
background: -moz-linear-gradient( center top, white 20%, #E5E5E5 100% );
font: 11px/18px sans-serif;
}
.cm_reply a:hover {
text-decoration: none !important;;
background: #ccc;;
background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #eeeeee),color-stop(1, #cccccc));;
background: -moz-linear-gradient(center top,#eeeeee 20%,#cccccc 100%);;
}
.cm_entry {
padding: 16px;
background: #F7F7F7;
border: 1px solid #E4E4E4;
overflow: hidden;
}
.cm_arrow {
display: block;
width: 9px;
height: 18px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiR3quTz4YWDNXnPKFxKtscJDwjuDzSGnOpdnKi0XaZ6aKwcufPOIwIXT0jdE0jRhMt7hNJJRKVTh39x4f6db4-Js576qEdLxxxiS_2kK4GJTQ5TKgmG8xiUc_ij3Wu1ejDH_vFBy_m1AE/s1600/comment-arrow.gif) no-repeat;
position: absolute;
margin-left: -25px;
}
.cm_info {
margin-bottom: 5px;
}
.cm_name {
font-weight: bold;
font-size: 12px;
float: left;
}
.cm_date {
font-size: 10px;
float: right;
font-style: italic;
color: #CCC;
}
.cm_entry p {
margin: 0;
font-size: 13px;
color: #666;
}
.cm_pagenavi {
font-size: 10px;
text-transform: uppercase;
color: #666;
text-shadow: 1px 1px white;
font-weight: bold;
}
.cm_pagenavi a {
color: #666;
text-decoration: none;
padding:10px;
}
.cm_pagenavi a:hover {
text-decoration: underline
}
.cm_pagenavi span {
color: #888;
background: white;
padding: 4px;
border: 1px solid #E0E0E0;
}
5. Letakkan script berikut di atas kode tag
1 comment
Reply