Rabu, 24 Juli 2013
Tag :// blogger
Nah sob , Meskipun sudah cukup banyak tutorial mengenai ini, tapi Saya hanya ingin menunjukkan bahwa ada satu cara yang lebih mudah untuk melakukan ini. Anda tidak perlu membongkar struktur template secara keseluruhan hanya untuk menambahkan elemen lain, biarkan JQuery yang mencarinya dan menyisipkan elemen-elemen yang kita butuhkan (dalam hal ini adalah tombol/pemicu panel):
Liat Demo bagian komentar
Pertama-tama masuklah ke halaman editor HTML template Anda kemudian temukan kode ini:
Salin kode ini dan letakkan di atasnya:a.openpanel {
display:block;
clear:both;
width:auto;
padding:0px 0px;
text-align:center;
font-weight:bold;
line-height:32px;
background-color:#000;
color:white;
text-decoration:none;
margin:0px 0px;
-webkit-box-shadow:0px 1px 1px rgba(0,0,0,0.2);
-moz-box-shadow:0px 1px 1px rgba(0,0,0,0.2);
box-shadow:0px 1px 1px rgba(0,0,0,0.2);
position:relative;
}
a.openpanel em {
width:0px;
height:0px;
display:block;
position:absolute;
top:15px;
right:15px;
border:6px solid transparent;
border-top-color:white;
}
a.openpanel.active {background-color:#900;}
a.openpanel.active em {
top:6px;
border-color:transparent transparent white transparent;
}
div.paneline {
height:0px;
border-bottom:4px solid #800;
}
div.hompiPanel {
padding:10px 20px 20px;
-webkit-box-shadow:inset 0px 1px 7px rgba(0,0,0,0.2);
-moz-box-shadow:inset 0px 1px 7px rgba(0,0,0,0.2);
box-shadow:inset 0px 1px 7px rgba(0,0,0,0.2);
margin:0px 0px !important;
}
Lalu cari kode </head>
Salin kode di bawah ini tepat di atasnya
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
var panelSelector = '#comments',
openPanelText = "Poskan Komentar",
closePanelText = "Tutup Komentar",
slideDownPanelSpeed = 600,
slideUpPanelSpeed = 400;
//]]>
</script>
<script src='http://reader-download.googlecode.com/svn/trunk/blogger-slide-panel-comments.js' type='text/javascript'/>
Klik Simpan Template.
Sudah, begitu saja.Sumber : http://www.dte.web.id/2012/03/membuat-komentar-slide-panel-pada.html#.Ue_XWoUoTCU
keren nih boleh dicoba nih, makasih sob yahh nambah ilmu lagi :'(
BalasHapus:-d http://yoga-tc.blogspot.com/
tampilan baru pada menu sob :D
BalasHapusdilihat ya http://yoga-tc.blogspot.com/ (Blog Krizeer) xV
Share Template Zynation V12
BalasHapusLihat di sini http://goo.gl/4nz56e
This Template for FREE ^^ \m/ :-bd
Kunjungan perdana di sob!! sekalian menyimak artikel sobat juga!!
BalasHapusditunggu kunjungan baliknya : http://3denda.blogspot.com/