10 January 2009

(328) 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 = 328
28 August, 2008
pertamax... bukan premium...
Keren nih tipsnya.. Mantap...
Anonymous said :
28 August, 2008
wah tambah ilmu ni mas..:D
AR's said :
28 August, 2008
wew. mantab,
source keren.
/thx
Anonymous said :
28 August, 2008
Waaah, aq udah duluan, walopun wujud fisiknya mungkin agak beda.

btw, nice post.
Salam,...
Anonymous said :
28 August, 2008
Thanks bro, selalu ada yg baru di sini
Anonymous 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...
Anonymous 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...
Anonymous 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
29 August, 2008
makasih mas ilmunya
Anonymous 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
Anonymous said :
29 August, 2008
horeee....dpet ilmu lagi nich... tengs ya.. :)
Anonymous said :
30 August, 2008
wah.. bagus neh boss...
makasie...coba buat ah...
Anonymous said :
30 August, 2008
Dari dulu mas kendhin selalu menjdai yang terbaik soal trik & tips nya untuk Blogger...! He he he
30 August, 2008
Fiuh, ada ilmu baru lagiiii
Anonymous said :
31 August, 2008
ilmu bagus neh...
Anonymous 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
Unknown said :
01 September, 2008
mantap pisan tipsnya ya...!
Anonymous 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..
Anonymous 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
Anonymous said :
02 September, 2008
makasih ya oom kendhin
Anonymous 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
Anonymous said :
03 September, 2008
Infonya berguna banget, makasih tipnya.
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.

Anonymous said :
04 September, 2008
Wah infonya selalu fresh nih. Thx much,bro.
Anonymous said :
04 September, 2008
meluncur ke TKP,bro...
05 September, 2008
bos aku sdh pasang tapi koq kodenya malah gak muncul,yang muncul hasilnya
06 September, 2008
Susah juga ya.. tapi keren.. thanks mr.kendhin
Anonymous 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 :)
Anonymous said :
16 September, 2008
ini berlaku gak buat WORDPRESS???http://kendhin.890m.com/emoticon/mikir.gif
http://kendhin.890m.com/emoticon/mikir.gif
Anonymous said :
16 September, 2008
Makasih infonya,mas. Kayaknya semua postingannya hebat-hebat. Sukses selalu buat anda.
Anonymous said :
17 September, 2008
:?
Anonymous said :
23 September, 2008
wah ini baru keren, thanks ya mas.
Anonymous said :
28 September, 2008
Mas terimakasih akirnya permintaanku tentang tutorial ini ditulis juga selamat hari raya mohon maaf lahir dan bathin
erik said :
21 October, 2008
bro kalo cara bikin emoticon yang ada di atas kotak komentar gimana ??

http://chbego.blogspot.com
Heri said :
15 December, 2012
makasih.....infonya.....jadi tambah pengalaman..
hilda said :
17 December, 2012
Saya orang baru nich? kyaknya prlu baca artikel ini biar tambah paham ilmu internet.
17 December, 2012
wah masih bingung gan??
cara posting nya bisa di rinci lg gak??

mampir juga www.adidoankzz.blogspot.com
21 December, 2012
kebetulan saya baru belajar blogspot nih gan . .
post and interesting article, keep your blog so I can visit again in the next blog to see your blog posts and articles ... thanks for the info
mantap,
ada yang tau gimana cara pasang komentar
facebook di blog?
Bos gimana masuk ke menu Layout-->Edit HTML?
dan file css nya diposting di google drive?
Bola Fashion said :
16 February, 2013
maksih gan infonyaa sangat bermanfatt langsung praktekkk
22 February, 2013
wah..keren ini.
23 February, 2013
selamat siang , senang bisa berkunjung ke website ini ..
yuswar said :
23 February, 2013
tolong berikan arahan buat saia?
23 February, 2013
akhirnya dapet juga cra ni...thank gan
yanz jasad said :
26 March, 2013
makasih infor masinya gan
beatdownx said :
09 April, 2013
Simpel Tapi Keren Bro
Unknown said :
17 April, 2013
wah keren juga nanti saya coba. saya masih pemula. ini blog saya blog-viyan.blogspot.com
19 April, 2013
kok saya tidak bisa menemukan kode ]]> ??? :(
bisa minta tolong gak ?
Unknown said :
20 April, 2013
semua pada bisa kenapa blog saya g bs ya
Unknown said :
22 April, 2013
thks info nya sangat membantu...

http://4starbrain.blogspot.com/
Education said :
09 May, 2013
Article SoftwareDownload Driver
Kunjungi
cacinx-ams.bogspot.com

Merchandise Style & Sport
Kunjungi
www.cacinxstore.tk
28 May, 2013
blognya keren..style commentnya juga..
29 May, 2013
sangat membantu
13 June, 2013
berguna banget tutorialnya kak jangan lupa kungker ya http://beritangibul.blogspot.com
Sigma Trophy said :
23 June, 2013
Wah keren banget tutoriallnya mastah yang satu ini…
Terimakasih ya Boss ,segera saya praktekkan…masalhanya masih belajar…
He,,he,,siap menanti trik dan tips yang lainnya
Unknown said :
05 July, 2013
sekedar berbagi http://www.infoazka.com/2013/07/membeli-domain-di-domainesia.html
27 July, 2013
buat teman teman yang ingin berbur backlink bisa kunjungi diDaftar Backlink Dofollow PR Tinggi 2013
Unknown said :
28 July, 2013
Clipping Path Source (CPS) is an exceptional group of really-accomplished & completely experienced focused Graphic-Designers & they are very well-known to Clipping Path & Photo Masking in addition who have very outstanding material knowledge & ability into these area of many years. During all these motivated & devoted specialist persons CPS proposes mainly excellent service through Web-Based outsource correct into your position of work all around the world and we offer 24/7/365 best customer-support in USA, Canada, UK and Europe at a very reasonable cost.
artikel yang sangat bermanfaat terimakasih.

Obat kanker said :
20 August, 2013
Terima kasih untuh infonya..
Arif said :
24 August, 2013
makasih mass infonya.. salam kenal, saya blogger baru mas :D
mohon mampir http://bagaimanacaraa.blogspot.com
04 September, 2013
Terima kasih informasinya
04 September, 2013
bos kodenya kok gak ada. gak ada cara lain lagi ya boss, masih bingung nie
06 September, 2013
Terima kasih informasinya masgan
Adandio said :
12 September, 2013
thanks info mas izin coba silahkan kunjungi blog saya juga ya : http://ilmubloggersyahdan.blogspot.com/
18 September, 2013
thanks infox ya....
18 September, 2013
terima kasih infonya.....
25 September, 2013
Software CPNS CAT + Bonus Ebook Murah 2013 :http://alamsyahrachmat.blogspot.com/2013/07/software-soal-cpns-dan-ebook-soal-soal.html#.UkI_H2ftDKQ
01 October, 2013
sip bro
02 October, 2013
makasih infonya mas....
Gambar-gambar nya gak aktif... mohon di Upload ulang dan kasih tau link nya dunk...
Unknown said :
07 October, 2013
susah gan , waktu udah selesai nge edit HTML nya :(
08 October, 2013
keren, makasih sob informasinya sangat membantu
deny subagja said :
08 October, 2013
infonya sungguh bermanfaat, thanks bro
asep mulyana said :
08 October, 2013
oh, jadi kitu infona. nuhun atuh kang ah
obat sipilis said :
21 October, 2013
sangat bermanfaat gan
21 October, 2013
semngat ea
21 October, 2013
thx gan
Unknown said :
28 October, 2013
akhirnya ketemu juga nih tutorial , thanks banget gan ;)
sangat bermnfaat artikelnya , di tunggu kunjungan baliknya ya heheh
salam hangat dari http://blog-g4ara.blogspot.com/
Admin86 said :
06 November, 2013
Bermanfaat banget nih scriptnya. Done in my blog..
Zona Nyaman said :
09 November, 2013
Artikel yg sangat bermanfaat sob,silahkan mampir ke blogku bnyak kumpulan artikel menarik utk dibaca.
http://www.nehandnews.com
09 November, 2013
wahh keren,,
09 November, 2013
trimakasih buat semuanya
09 November, 2013
trimakasih buat semuanya
09 November, 2013
trimakasih buat semuanya
09 November, 2013
terimakasih infonya gan, sangat bermanfaat untuk blog supaya lebih bagus dan pengunjung lebih senang untuk datang kembali
11 November, 2013
sangat bermanfaat gan
11 November, 2013
sangat menarik sekali artikelnya
12 November, 2013
trmakasih gan infonya
12 November, 2013
trmakasih gan infonya
12 November, 2013
trmakasih gan infonya
15 November, 2013
trmakasih gan infonya
15 November, 2013
sangat bagus artikelnya...
18 November, 2013
tengkiyu gan........keren abisss pokok nya
21 November, 2013
Kunjungan blog.. silahkan berkunjung ke blogku.. http://antos147.tk
22 November, 2013
artikel yang bgus mas, boleh dicoba nihh ilomunya.....
22 November, 2013
Terimakasih infonya Ka.... Sangat Membantu,..
22 November, 2013
Mampir dimalam hari.... salam sukses Pak
Maliq said :
26 November, 2013
thanks,,,,
27 November, 2013
trmksih gan infonya
27 November, 2013
sangat berguna artikelnya
27 November, 2013
trimakasaih bgt gan...!!!!
27 November, 2013
thx gan...!!!
27 November, 2013
thx gan...!!!
29 November, 2013
Bagaimana Caranya Menampilkan Status Offline/
29 November, 2013
Bagaimana Caranya Menampilkan Status Offline/
29 November, 2013
Bagaimana Caranya Menampilkan Status Offline/
29 November, 2013
Bagaimana Caranya Menampilkan Status Offline/
29 November, 2013
thanks,,,,
23 December, 2013
ngebantu aku banget..
thx y mas..
23 December, 2013
Trims informasinya gan
23 December, 2013
Trims informasinya gan
17 January, 2014
membantu banget... :) ditunggu next postnya.
17 January, 2014
porst2nya oke2 semua dah pokonya gan makasih
17 January, 2014
makasih infonya
17 January, 2014
membantu banget buat agan2 para blogger. makasih
21 January, 2014
Mantap gan
22 January, 2014
permisi,numpang lewat gan,artikelnya sangat bermanfaat
tata warna said :
27 January, 2014
trim infonya :)
28 January, 2014
Nice Post
28 January, 2014
Nice Artikel
Unknown said :
30 January, 2014
Keren gan Tips nya
ijin nitip blog ya, jangan lupa di kunjungi


http://kabarterbarudanterkini.blogspot.com/
05 February, 2014
wah makasih banyak boss :D
05 February, 2014
sangat bermanfaat
05 February, 2014
mantaab
05 February, 2014
josss gandoss gan
11 February, 2014
blognya menarik sekali, penuh info yang mendidik.. thanks, gan
21 February, 2014
kunjungan pagi, sebelum berangkat ngantor.. nice post, gan. menarik minat untuk dibaca, bagus banget.
24 February, 2014
nice post gan . semoga bermanfaat bagi yang membaca nya .
24 February, 2014
sangat menarik untuk di coba . langsung ke TKP dah :D
24 February, 2014
mantaapppp, sukses selalu gan :)
06 March, 2014
Mantapzzz,,,, trims ilmunya gan
fey_weleh said :
08 March, 2014
gurih...balik kanan dlu gan
10 March, 2014
wah, bisa dicoba nih! terimakasih infonya, salam kenal :)
13 March, 2014
cara diatas bisa untuk wordpress gak yah
13 March, 2014
ingin tahu cara menyusun sop, kunjungi <a href="http://www.dutistraining.com/>dutis training</a>
15 March, 2014
beuh nambah ilmu nih..praktek ahh..
19 March, 2014
Informasinya sangat bermanfaat.
Update terus ya.. Terima kasih..
21 March, 2014
Menarik sekali infonya,
Terima Kasih dan Salam Kenal :)
Unknown said :
23 March, 2014
terimakasih infonya


http://uhi8.blogspot.com/2014/02/obat-darah-tinggi-juice.html
25 March, 2014
Makasih informasinya. Semoga sukses selalu dan bisa memberikan manfaat terbaik untuk masyarakat.
25 March, 2014
terima kasih karena sudah berbagai info yang sangat menarik, ikut nyimak berita yang disediakan,,
25 March, 2014
izin nyimak infonya gan terima kasih banyak sudah berbagi info yang sangat menarik !!
Melunncur ke TKP unutk eksekusi tutorial di atas..
Thx gan atas sharenya..
trimakasih atas artikelnya yang berjudul "Highlight pada Script/Kode di Postingan "
bermanfaat sekali buat saya dan keren banget postigannya :)
04 April, 2014
Extender jilq adalah metode terbaik untuk memperbesar dan memperpanjang penis.
serta menjadikan penis tahan lama ketika berhubungan sex.

info lengkap kunjungi:
www.extenderjilq.com
Penajam News said :
06 April, 2014
terima kasih banyak Kang... saya banyak belajar di tutorial blog ini
Salam Nusantara
http://www.penajampaserutara.com
16 April, 2014
membaca postingan diatas patut dijadikan motivasi buat saya atas prestasinya, makasih banyak gan atas sharenya, di tunggu share selanjutnya salam
semoga bisa bermanfaat buat semuanya
ditunggu gan artikel berikutnya
18 April, 2014
Kasi juga sama gambarnya gan,, agak bingung kalau lihat spt ituu,,
thanks atas postingannya,,,

http://portal-statistik.blogspot.com/
simplinema said :
18 April, 2014
gak ngerti gan. kasih ss nya dong gan bingung sumpah????
pasutri said :
23 April, 2014
ALAT PROEXTENDER
-Alat Pembesar Penis,

-Pembesar Penis,

-Alat Proextender,

-Pembesar Alat Vital,

-Proextender Pembesar Penis,

-Fungsi Proextender,

-Harga Proextender,

-Proextender Pembesar Alat Vital,

-Pembesar Alat Proextender,

-Pembesar Proextender,

-Cara Pakai Proextender,
01 May, 2014
menarik dan bermanfaat infonya makasih infonya saya tunggu info yang lebih bermanfaat
18 May, 2014
Kayaknya cocok di coba nih
20 May, 2014
nice post gan.
dapet tips lagi nih..
info yang sangat bermanfaat, thanks gan
Unknown said :
22 May, 2014
kunjungi blog saya ?
Unknown said :
22 May, 2014
kunjungi blog saya ya?
Unknown said :
22 May, 2014
kunjungi blog saya ?
Unknown said :
22 May, 2014
kunjungi blog saya ?
Unknown said :
22 May, 2014
kunjungi blog saya ?
Unknown said :
22 May, 2014
kunjungi blog saya ?
ditunggu artikel berikutnya gan
DKI Komputer said :
23 May, 2014
Menurut orang-orang ilmu itu harus dibeli dengan uang. Terima kasih sudah berbagi ilmu secara gratis, semoga sobat akan diberikan ilmu yang berlebih.

Jika anda berkenan silahkan kunjungi blog saya : http://dki-komputer.blogspot.com/
lang said :
29 May, 2014
nice info, thanks for sharing, sangat membantu bagi newbie yg baru belajar, mampir gan ke blog ane
getcash52 said :
01 June, 2014
nice share mampir blog ane http://getcash52.blogspot.com/
02 June, 2014
Bagus gan... mantap infonya sangat bagus.
ht icom v80 said :
03 June, 2014
Pusing juga belajar script css bgtu, coz harus inget terus kode2 dan fungsi nya.. maklum saya orang awam jd blum mengerti banget soal program.. hehhehe :)
Adi© said :
07 June, 2014
Lapor, saya sudah coba cara ini tapi hasilnya tidak muncul kotak scriptnya.
09 June, 2014
highlight ini hasilnya sama dengan highlight dari alexgobartev ga ya gan ? Thank, salam blogger
09 June, 2014
Artikel bagus gan, cocok bgt buat blogger pemula. Thanks
09 June, 2014
Terima kasih untuk artikelnya gan, sangat membantu. Luangkan waktu ya untuk para blogger buat mampir ke blog saya. Info Tambang
09 June, 2014
Nice info gan, di tunggu ya updatenya. Slam blogger
«Oldest ‹Older   1 – 200 of 328   Newer› Newest»

Post a Comment