Translate

Jumat, 19 Oktober 2012

Membuat Kotak Keren di Bawah Posting

0 komentar

Selamat datang di Pro Generation Share Membuat Kotak Keren di Bawah Posting

 Silahkan sobat Copy Paste script di bawah ini , dan simpan di atas kode ]]></b:skin>

Klik show untuk melihat
.admin-tulisan{ display:block; width:auto; background:#FFFFFF; border:2px solid #000000; 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 Comic Sans Ms; color:#222; } .admin-tulisan .kontainer{padding:5px;} .admin-tulisan h4{ background:#FF0000; border:none; border-bottom:2px solid #000000; color:#fff; text-transform:normal; text-shadow:0 1px 0 rgba(0, 0, 0, 0.4); font:bold 12px Comic Sans Ms; padding:5px 10px; margin:0 0 0 0; display:block; } .admin-tulisan h4 a{color:#FEEA83;} .admin-tulisan img{ width:70px; height:70px; margin:0 10px 0 0; float:left; border:1px solid #0000FF; padding:2px; background:#000000; box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none; }

Dengan cara log in ke blogs sobat >> klik Rancangan >> klik Edit Html >> centang Expand Template Widget >> tekan Ctrl + F silahkan paste script ]]></b:skin> jika sudah ketemu silahkan Copy Paste script di atas

Kemudian silahkan cari kembali kode script ini <div class='post-footer'> jika di template sobat ditemukan dua kode yang sama silahkan sobat pilih yang pertama kemudian silahkan Copy Paste script di bawah ini dan simpan di atas kode <div class='post-footer'>


Klik show untuk melihat
.post img { filter:alpha(opacity=60); /* Internet Explorer */ opacity:0.6; /* standard CSS3 */ -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; }

Ditulis Oleh : ~ http://variasiblogger.blogspot.com/

Artikel ini diposting oleh pada hari . Terimakasih atas kunjungan Sobat serta kesediaan Sobat membaca artikel ini, Kritik dan saran dapat Sobat sampaikan melalui kotak komentar , Mohon jangan pasang Link hidup di komentar contoh Link hidup google , yahoo , bing , alexa yang diperbolehkan di kotak komentar contoh Link http://technorati.com Terimakasih
:: Get this widget ! ::
Catatan : silahkan edit kembali script di atas sesuai keinginan sobat , Simpan dan lihat hasilnya semoga bermanfaat

Leave a Reply