Info
| -
Daftar | Masuk | Anggota

-

Trik Buat Kotak Judul seperti di Kompas.com

info game pc - info-gamepc
info-gamepc.blogspot.com - Selamat sore para Blogger mania, berhubung hari ini tanggal merah bertepatan dengan Hari Raya IMLEK serta sekarang musimnya masih musim hujan, tidak lupa saya ucapkan Gong Xi Pat Cai dan selamat berbasah-basahan aja. Tidak terasa satu hari ini saya lalui hanya buka-buka internet saja, bingung mau ngapain, mau pergi hujan, mau makan takut buncit, ya udah saya posting artikel tentang cara membuat judul didalam kotak diatas garis border melengkung, aku juga nggak tahu judul yang pas buat postingan ini kalo temen-temen bloger mania ada yang tahu, mohon direvisi ya

Sebelumnya kita liat dulu gambar disamping kanan, saya ambil pas lihat berita di situs berita terkenal Kompas.com

Dalam hati gimana ya buat judul kayak gitu? muter-muter minta bantuan paman Google, eh malah nemunya yang nggak pas, ehh, teringat diBlogku kan ada tab Login dan Register yang tampilan judulnya mirip kayak gitu, ya udah saya otak-atik Alhamdulilah jadi walaupun belum maksimal kurangnya letak kotak judulnya dipinggir tidak ditengah, Agan bisa utak atik sendiri ya

Ok.. kita mulai saja

1. Buka Bloger Agan
2. Pilih Template lalu klik Edit HTML
3. Cari kode ]]></b:skin>, lebih cepat pakai Control F
4. Letak kode dibawah ini diatas kode ]]></b:skin>

Berikut kode nya

fieldset{
-moz-border-radius:8px;-webkit-border-radius:8px;border:5px #270caf solid; padding:10px;background-color: #ffffff; margin-
bottom:5px;text-align: center;color:#666666;line-height:1.3em;
}

legend {
-moz-border:5px solid blue;
color: #fff;
background: #e61515;
border: 1px solid #781351;
padding: 8px 8px
}

5. Jangan lupa save template anda
6. Buka Layout lalu pilih tambah Gadget, pilih HTM/Javascripts

Berikut kodenya

<fieldset><legend><b>Dijual Game Terbaru </b></legend>
ISI DENGAN ARTIKEL ANDA
</fieldset>

Anda bisa merubah Judul sesuai dengan keinginan anda, contoh diatas saya menampilkan judul Dijual Game Terbaru dikarenakan saya memang lagi usaha jualan Game Komputer hehe..Promosi dikit ahh

Ya mungkin itu dulu sedikit ilmu yang bisa saya berikan ke Agan-agan, mungkin ada dari Agan-agan mau menambahkan, saya persilahkan lewat kotak Komentar ya. Happy Blogger

Ganti game lamamu dengan game-game terbaru, hanya di "Revolusi Gamer". Tersedia game-game murah dan berkualitas. Kunjungi info-gamepc.blogspot.com

(Safei/Gamer)


Didukung oleh

Foto Terkait:

+ Komentar + 7 Komentar

Anonymous
Wednesday, 11 June 2014 at 07:25:00 GMT+7

terimakasih mas, ini sangat membantu saya.
saya cari tutorial seperti ini selama 1 bulan lebih tidak mendapatkan hasil dan ternyata ada disini.
tolong bantu pencerahannya untuk blog http://beritaeducation.blogspot.com

Wednesday, 11 June 2014 at 12:46:00 GMT+7

@Adi Pratama


Sama-sama mas, terima kasih kunjungannya

Anonymous
Thursday, 12 June 2014 at 15:22:00 GMT+7

mas kalau bikin style widget perlabel seperti kompas.com bagai mana ?

Thursday, 12 June 2014 at 22:39:00 GMT+7

@Adi Pratama

Tambahkan script ini

<script type="text/javascript" src="/feeds/posts/default/-/Game?
orderby=updated&alt=json-in-script&callback=labelthumbs">
</script>

contoh untul labe Game Mas

Thursday, 12 June 2014 at 22:40:00 GMT+7

Maap salah ketik, contoh diatas membuat label GAME

Anonymous
Friday, 20 June 2014 at 07:10:00 GMT+7

@Ahmad Safei : iya itu berhasil mas terimakasih , tapi maksudnya agar atikel post berada pada gambar ?
bisa di lihat di detik.com yang widget perlabelnya .
beritaeducation.blogspot.com


Berikan Komentar

Berkomentarlah yang sopan dan jangan buang-buang waktu untuk melakukan spam. Terimakasih.



 
Blog punya © 2014 info-gamepc
Desain Modification by Ahmad Safei