Cara Menghias Pesan Formulir Komentar Blogger

Cara Menghias Pesan Formulir Komentar Blogger  Assalam muallaikum wr wb. Alham dulilah Sahabat SIMPANGblogger Kali ini masih bisa jumpa lagi, Hentah sampai kapan kita bisa berjumpa 
lagi.Hanyalah Tuhan yang Tau, yang penting SIMPANGblogger Terus selalu berusaha untuk saling berbagi Agar diakhir nanti dikenang dengan kebaikan nya . Apakah.? sahabat membaca artikel ini sudah pada sembayang mudah mudahan sahabat SIMPANGblogger Tidak pernah meninggalkan kewajiban  Solat yg lima waktu, itu salah satu kewajiban sebagai seorang Musliem. Kalau Sahabat Tertarik dengan Artikel ini dan ingin memasang nya Silahkan ikuti saja cara nya dibawah ini.
ALT










1.Masuk ke Blogger
2.Pilih Template dan Backup dahulu Template sobat .
3.Pilih Template - EDIT HTML - Centang kode Expand template widget
4.Cari Kode <p><data:blogCommentMessage/></p> Dengan Cara Menekan F3 atau CTRL+F.
5.Lalu Ganti kode itu dengan :

<div id='mafia-comment'><data:blogCommentMessage/></div>


Catatan: Biasanya kode <p><data:blogCommentMessage/></p> Bisa lebih dari 1 , Jadi Mohon diganti semua kode itu .
Lalu Masukan Kode dibawah ini , diatas kode ]]></b:skin>



/*-- Mendekorasi Pesan Formulir Komentar --*/
#mafia-comment{
position: relative;
background:#b6e026; /* Warna Background Utama */
color:#000;
width:94%; /* Sesuaikan Lebar dengan Kebutuhan */
padding:10px;
font-family: 'Open Sans', sans-serif;
font-weight:normal;
text-align:justify;
border:3px solid #000;
border-radius: 5px;
margin:0 10px 10px 0;
margin-top: 10px;
line-height: 1.3em;
}
#mafia-comment::after, #mafia-comment::before {
top: 100%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none
}
#mafia-comment::before {
border-top-color: #000000;
border-width: 15px;
left: 10%;
margin-left: -36px
}
#mafia-comment::after {
border-top-color: #b6e026; /* Samakan dengan Warna Background Utama */
border-width: 9px;
left: 10%;
margin-left: -30px
}

6.Lalu Masukan Kode dibawah ini dibawah kode </head>

<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'/>

7. Lalu Pratinjau Setelah Tidak Ada Masalah Tinggal Simpan Templat .Lihat Hasil nya Pasti Seperti diblog sini hanya saja beda warna silahkan tinggal kembangkan sendiri. SIMPANGblogger memasang Script ini Ditempelat Asli Blogger yang Terbaru Cukup sekian Semoga Bermanfaat.

Komentar

  1. trmksa mas infonya sangat membantu sekali oh'y kalu ada waktu fllow balik mas heheh

    BalasHapus
  2. Pasti SIMPANGblogger fllow kembali sobat...

    BalasHapus
  3. Menjadi keren mungkin cara penyampainya,atau pilihan warna sahabat blogger yg lain juga banyak yg bikin tutorial ini trims sobat

    BalasHapus

Posting Komentar