28 August 2008

(62) Comments

Highlight pada Script/Kode di Postingan

Kendhin

Memberikan Highlight untuk script atau kode pada postingan akan lebih memperjelas pembaca. Contohnya bisa kamu lihat pada blogku ini. Setiap kali ada script/kode maka akan selalu ada highlight (kotak) yg akan membedakan dengan tulisan yg lain. Nha kamu mau tahu cara pembuatamnya?

Gini nih caranya :
1. Login ke blogger lalu pilih Layout-->Edit HTML
2. Kemudian copy kode dibawah ini lalu pasang di Script CSS kamu atau pasang sebelum kode ]]></b:skin>

.alert { background: #DDE4FF;
text-align: left;
padding: 5px 5px 5px 5px;
border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted #223344;}


Kode yang berwarna merah (#DDE4FF) adalah warna background kotak highlight, kamu bisa menggantinya dengan kode warna yang lain yang cocok dengan background blog kamu. Untuk kode-kode warna bisa dilihat DISINI

3. Kalau sudah kemudian Simpan.

Cara Posting
Supaya kode/scriptnya nanti bisa ada kotak highlight-nya maka untuk memposting harus pake cara2 tersendiri. Yaitu dengan menambahkan kode ini <p class="alert"> sebelum kode/script yg akan diberi highlight. kemudian ditambahkan kode </p> diakhir script/Kode.

Dah gitu aja, gampang kan



Artikel yang Berhubungan :



Jumlah Komentar = 62
mymoen said :
28 August, 2008
pertamax... bukan premium...
Keren nih tipsnya.. Mantap...
erwin said :
28 August, 2008
wah tambah ilmu ni mas..:D
AR's said :
28 August, 2008
wew. mantab,
source keren.
/thx
paank said :
28 August, 2008
Waaah, aq udah duluan, walopun wujud fisiknya mungkin agak beda.

btw, nice post.
Salam,...
Anthony Harman said :
28 August, 2008
Thanks bro, selalu ada yg baru di sini
panduan bisnis online said :
28 August, 2008
Lumayan urutan ke 6...hehe

wah saya dapet ilmu baru lagi nih...

langsung saya praktekan ah...

thanx mas! sukses selalu! :)
JoVie said :
28 August, 2008
makasih ilmunya..gak sia2 nih subscribe...
Maz Nano said :
28 August, 2008
wah di cariin dari dulu yang seperti ini mas kendhin,,, terima kasih.... tapi mau nanya nich satu. Gimana kalo di Wordpress mas bisa g?
Ainsya said :
28 August, 2008
Makasih bangat..
memang tutorial ini yang di cari-cari..hehe..
Revarius said :
28 August, 2008
wah terima kasih bang kendhin ini sangat berguna nih buat yang biasa ngepoost resep resep blogging hehehehehhe
t1nez said :
28 August, 2008
Mantaf bos, gua sudah mencoba disini
TopexXx said :
28 August, 2008
Good...good...
ibr0 said :
28 August, 2008
Mantapp sekalii

kang sekali lagi minta tolong ajarin aku bikin email sendiri di google dongg aku udah coba tapi gak bisa terus nechh

comand" not sent email"
terus minta cara bikinin artikel trik/artikel selanjutnya/pages berikutnya
duhh jadi susah keui yeuhhh
Apex Baransano said :
29 August, 2008
makasih mas ilmunya
Harun said :
29 August, 2008
ehm.. ehm.. Numpang pengumuman...

Pengen dapet domain gratis??
Ikutan aja di lomba "membuat posting"
informasi lebih lanjut disini

thx mas kendhin... (o..ya domainnya saya beli di dodoldomain loh...>
Anasku said :
29 August, 2008
wahh makasih infonyaa mas ni bisa dicobaa...

tapi cara lain juga bisa kok..:D iya kan

semoga bermanfaat
ugiQ said :
29 August, 2008
horeee....dpet ilmu lagi nich... tengs ya.. :)
parlin said :
30 August, 2008
wah.. bagus neh boss...
makasie...coba buat ah...
Fikri Online said :
30 August, 2008
Dari dulu mas kendhin selalu menjdai yang terbaik soal trik & tips nya untuk Blogger...! He he he
The_Phenomenon said :
30 August, 2008
Fiuh, ada ilmu baru lagiiii
aha said :
31 August, 2008
ilmu bagus neh...
Septian said :
01 September, 2008
cobain ah..
mas nanya domg (oot dkit)

1.caranya bikin langganan dan adsense yg muncul sebelum comment tu gmn yah?
2.caranya supaya icon YM! dan feed burner reader sejajar gmn yah. tolong dijawab yah,pls
torik said :
01 September, 2008
mantap pisan tipsnya ya...!
arief_spekta said :
01 September, 2008
mas.. numpang nanya tapi kayaknya gak ada hubungannya dengan postingan ini :) .. aku punya kode css. misalnya nama filenya arief.css. nah itu mau aku upload supaya saya bisa dapat linknya misanya www.xxxxxx/arief.css gimana caranya ya? tolong dunkz..
harry said :
01 September, 2008
wah jadi tambah asyik nih blognya, tapi kalo enggak pake script tambahan yang itu mas....ada enggak,soalnya aku orangnya suka pelupa jadi takut aja ............hehehehehehe
badot inside said :
02 September, 2008
makasih ya oom kendhin
Tips Blogspot said :
02 September, 2008
mas nyontk tipsnya.. buat blog saya..

maksh..
anita mui said :
02 September, 2008
MAS...MAKASIH BANYAK ILMUMU SANGAT BERMANFAAT BUATKU YG MASIH MENCOBA BLOGGING...BARUSAN AKU BERHASIL MEMPRAKTEKKANNYA...SUUEENNEENGGG BGT
Shugoshin said :
03 September, 2008
Infonya berguna banget, makasih tipnya.
Kristina Dian Safitry said :
03 September, 2008
nyontek lagi deh gw...
Kendhin said :
04 September, 2008

@Maz Nano, intinya sih sama bos, yaitu menaruh script di CSS dan juga di dalam postingan.
@ibr0, untuk membuat email sendiri di google baca DISINI coba lebih diperhatikan lagi tutorialnya, kalo dilaksanakan dengan benar insyaallah akan berhasil.
Menampilkan adsense dalam postingan baca DISINI

untuk cara bikin link trik berikutnya atao sebelumnya coba baca DISINI
@Septian, cara bikin berlanggana artikel baca DISINI
untuk menyejajarkan iconnya itu dibuatkan tabel.
@arief_spekta, biasanya kodenya seperti ini:
<link rel="stylesheet" type="text/css" href="www.xxxxxx/arief.css">
taruh sebelum kode </head>
@harry, lha kalo gak pake script tambahan itu gmn nanti bos, nanti malah semuanya ada bordernya lagi.

Web Link Center said :
04 September, 2008
Wah infonya selalu fresh nih. Thx much,bro.
venom said :
04 September, 2008
meluncur ke TKP,bro...
Muhammad Ayub said :
05 September, 2008
bos aku sdh pasang tapi koq kodenya malah gak muncul,yang muncul hasilnya
Ali said :
06 September, 2008
Susah juga ya.. tapi keren.. thanks mr.kendhin
nugraha said :
08 September, 2008
Mas, ada cara yg lebih praktis nggak, maksudnya begitu kita mau memposting, script tsb jalan sendiri? Kan kalau seperti itu, berarti kita repot 2 x, yaitu dgn cara menyertakan span class.. utk membuat read more...
Tapi, terima kasih atas tipsnya :)
kuldonk said :
16 September, 2008
ini berlaku gak buat WORDPRESS???http://kendhin.890m.com/emoticon/mikir.gif
http://kendhin.890m.com/emoticon/mikir.gif
Blogendeng said :
16 September, 2008
Makasih infonya,mas. Kayaknya semua postingannya hebat-hebat. Sukses selalu buat anda.
Anonymous said :
17 September, 2008
:?
novel hari keswono said :
23 September, 2008
wah ini baru keren, thanks ya mas.
Mas Dede Ariyanto said :
28 September, 2008
Mas terimakasih akirnya permintaanku tentang tutorial ini ditulis juga selamat hari raya mohon maaf lahir dan bathin
_ricx_ said :
21 October, 2008
bro kalo cara bikin emoticon yang ada di atas kotak komentar gimana ??

http://chbego.blogspot.com
KURNIA SEPTA said :
24 November, 2008
haha nulis html di postingan aja sulit :)
rana dariana said :
10 December, 2008
aduh terima kasih banyak mas, saya banyak belajar dari blog anda....
Ang1n said :
25 December, 2008
wah begene toh ...
patut dicuba :D

Ang1n kirain mas kendhin selama ini menggunakan script kotak link exchange :))
IKLAN BARIS GRATIS said :
01 February, 2009
Waahh makasih trik dan tipsnya...
Sukses selalu..
Blog Heboh said :
01 February, 2009
Makasih banyak... :)
ogiex.slash said :
04 February, 2009
thanx atas tips2 nya
konix_bam said :
17 February, 2009
siip :$ mantap... langsung bekerja neh tipsnya...

ijin sebagai refrensi mas... ;x

boleh ya...:o
konix_bam said :
17 February, 2009
hmmnn.... :? pikir2 ga jadi deh... :))
konix_bam said :
17 February, 2009
jadi deh :))
K.L said :
12 March, 2009
mantap cuy..
Rheza said :
17 March, 2009
wach mantep ilmu css'y .
gw blom ngerti css banget nih soal'y .
hehe ..
thanks bro . ;)

mampir2 ya k'tempat saya . ^^
http://blog.rheza.co.cc
agie said :
17 March, 2009
koq diblogku ga jadi y mas?:((:((:((
bliyan said :
02 April, 2009
mohon ijin ke TKP!!

:D :D
Andryan said :
04 April, 2009
Thanks ya mas... Saya jadi bisa kasi tau ketemen temen saya... Hehehe... Ilmunya boleh saya sebarkan mas??? :?


Jangan lupa maen kesini y?
Zikril Hakim said :
06 April, 2009
kok punya saya ga bisa muncul ya mas..????
coba cek di blog saya disini...

http://ubuntuworkshop.blogspot.com/2009/04/using-ubuntu-terminal-for-newbies.html
madurimbatualang said :
21 May, 2009
mantap nih tipnya
.::EYMMA::. said :
24 June, 2009
kenapa ya, aku punya tak menjadi cuba tengok kat blog aku...tak cantik highlightnnya...mcm mana sih mau nukarnya...... satu lagi masalah aku...tgk bahagian commentnya..perkataan bahagian comment tu lebih kecil dari posingan...mcm mana sih mengubahnya? pusing nie....plzz..help me.. :$
menk_vina said :
26 June, 2009
sukses buat akuma higasi thank for all
moratmarit said :
30 September, 2009
Mantab..langsung bisa..:))Makasih..
Kenali dan Kunjungi Objek Wisata di Pandeglang | Blog SEO | oes tsetnoc | cah bagoes
Anonymous said :
30 September, 2009
Kenali dan Kunjungi Objek Wisata di Pandeglang



:f :D :) ;;) :x :$ x( :?

:@ :~ :| :)) :( :s :(( :o

Post a Comment