Halo sobat kembali berbincang mengenai Tutorial Blog lainnya di sini. Pernah Saya Posting Membuat semua Link menjadi Warna Warni pada blog. Maksudnya adalah Ketika sobat mengarahkan Kursor ke arah link, Link tersebut langsung berubah menjadi warna warni. Bisa di bilang sebagai Effect Hover, bahasa cssnya.
Kali ini berbeda dengan Trick yang sebelumnya itu. Trick ini akan merubah warna netral suatu Text menjadi warna warni secara Horizontal. Jadi warna pelangi dalam suatu Kata, Kalimat, atau Paragraf. Bagaimana sih contohnya? Bisa di lihat di bawah ini (Tolong aktifkan Javascript sobat) :
RAINBOW TEXT
Apple pie sweet chocolate bar chupa chups carrot cake faworki. Dessert candy canes powder applicake jujubes. Muffin chupa chups soufflé tootsie roll. Cookie sweet roll ice cream ice cream powder powder tart icing. Chocolate bar tootsie roll jujubes biscuit tart. Sweet roll ice cream cake chocolate bar danish fruitcake soufflé cotton candy. Caramels wafer jelly beans marzipan candy gingerbread apple pie. Jelly-o muffin marzipan carrot cake bear claw. Gummies cupcake lollipop jelly-o chupa chups sesame snaps bonbon. Applicake croissant jelly-o jujubes chocolate toffee. Chupa chups dessert chocolate liquorice biscuit sweet roll. Cheesecake wafer oat cake gummies danish. Chocolate cake sugar plum chocolate cake liquorice.
Bisa dilihat dan disimpulkan bahwa sepanjang apa pun kata itu terlintas dengan menggunakan script Rainbow ini, Kata atau Kalimat akan berubah menjadi Pelangi yang dari ujung Merah kembali lagi ke ujung Merah.
How To Make?
Kali ini berbeda dengan Trick yang sebelumnya itu. Trick ini akan merubah warna netral suatu Text menjadi warna warni secara Horizontal. Jadi warna pelangi dalam suatu Kata, Kalimat, atau Paragraf. Bagaimana sih contohnya? Bisa di lihat di bawah ini (Tolong aktifkan Javascript sobat) :
RAINBOW TEXT
Apple pie sweet chocolate bar chupa chups carrot cake faworki. Dessert candy canes powder applicake jujubes. Muffin chupa chups soufflé tootsie roll. Cookie sweet roll ice cream ice cream powder powder tart icing. Chocolate bar tootsie roll jujubes biscuit tart. Sweet roll ice cream cake chocolate bar danish fruitcake soufflé cotton candy. Caramels wafer jelly beans marzipan candy gingerbread apple pie. Jelly-o muffin marzipan carrot cake bear claw. Gummies cupcake lollipop jelly-o chupa chups sesame snaps bonbon. Applicake croissant jelly-o jujubes chocolate toffee. Chupa chups dessert chocolate liquorice biscuit sweet roll. Cheesecake wafer oat cake gummies danish. Chocolate cake sugar plum chocolate cake liquorice.
Bisa dilihat dan disimpulkan bahwa sepanjang apa pun kata itu terlintas dengan menggunakan script Rainbow ini, Kata atau Kalimat akan berubah menjadi Pelangi yang dari ujung Merah kembali lagi ke ujung Merah.
How To Make?
- Buka Blogger.com dengan password dan ID untuk langkah awalnya
- Klik Design/Layout
- Klik Edit HTML pada Tab diatas
- Copy dan Paste Code berikut tepat di bawahnya kode <head>
<script src="https://sites.google.com/site/farixsantips/scripts/rainbow.js" type="text/javascript"></script>
- Save!
- Kemudian tahap selanjutnya, sobat hanya perlu menambahkan kode <span class="rainbow"> pada setiap Kata atau Kalimat yang ingin di jadikan Pelangi
Example :<span class="rainbow">Kata Kata Pelangi!</span>
indahnya pertamax disini ... =))
BalasHapusblog ente udah ga terlalu berat lagi sob... mantaav dha ... :)
BalasHapusskrng cepet banget kebukanya ...
To Shinobi : selamat ya pertamaxnya :)) wkowkow
BalasHapusiya kah udah gak berat lagi? masa sih sob :D wahhhh akhirnya bisa juga gak berat :))
bagus postingan nya gan..
BalasHapusTerimakasih udah follow back.
textnya jadi warna warni.. :D
BalasHapusmakasih tipnya sobat :)
wih mantep gan hahahaha, cuman java script lagi :((
BalasHapuswah seindah senyumku hari ini
BalasHapusberwarna warni bak pelangi
sama dg text ilmu yang kau bagi
hihihi mantab ini...
wah keren mas. kalau tidak menyebabkan loading lambat, saya ijin sedot tipsnya :D
BalasHapusmantep nih apalagi kalo di taruh di Link , eh ane cari yg versi CSS ga ada :)
BalasHapuswah kalau pake script ini blog ku bisa jadi lebih berwarna.
BalasHapushehe, MWBer cma bsa mlongo doank :hihi
BalasHapuswah,,,mantep Sob ijin ngebookmark buat amunisi,,,wkwkwk lagi2 ane pertamax dari bawah =))
BalasHapusAda yang berubah ya dari blog ini??
BalasHapusKayaknya beda!
Ada rencana apa ini?
Hehehe..
To Kertas yang harus diwaspadai : thanks gan supportnya gan :)
BalasHapusTo alkatro : hehehehe sama sama sobat :) warna warni :))
To anisayu : wah berpuisi tentang ini ya :D huahaha muantap banget mba :D
To bloggermie : tidak kok sob :) gak buat lambat kok :)
To Mbah Qopet : kalau di taruh di link sepertinya ane gak taudeh, waktu itu pernah nyoba tapi gak bisa
To Liandri : hahaha iya banget tuh sob lebih kinclong :))
BalasHapusTo andi_11 : jgn melongo doang sob, ntar kalau ada setan lewat gmana =))
To binkbenk : amunisi ngapain nih sob :))
wkowkow iya pertamax dari bawah atau Petromax :))
To Kopiah Putih : hahahaha gak rencana apa apa kok sob :D hihihi berani tampil beda, Garnier =))
wahhhh,, keren euy, dulu pernah buat kaya gini wkt msih maen di wapsite tp gak pake js, sipppp dah
BalasHapusscript lagi nih :)
BalasHapusTipsnya bagus, tampilan blog sobat juga tambah bagus :D. TOP BGT dah hehe
BalasHapusBikin blog berat enggak mas :)
BalasHapuswaw banyak pelanginya,,, keren bgt sobat...
BalasHapuswah ada aja nih tips nya
BalasHapuskeren tulisannya .... bisa jadi warna-warni
hoho...blogger girly pasti seneng banget dapet tips beginian. Bisa bikin yulisan serasa pelangi. Kalo link hover pelangi gue dah pake...Nice tips and happy blogging!
BalasHapuswaw manteb mas!!
BalasHapusKomentar ini telah dihapus oleh administrator blog.
BalasHapusmantap smakin keren bkalan tampilanya dgan warna-warni
BalasHapussuper keren sob tips-tipsnya dimari.. manteb
BalasHapusWiih... keren... ada yang CSS nggak Sob. :)
BalasHapusblogger cwe pasti suka banget nih..
BalasHapuskeren sob,mantep dah...:)
BalasHapuswidiiiiiihhh....makin kereennn aja tampilan barunya....
BalasHapusharus banyak belajar lagi ne dengan kang Farixan di Blog ini.....
Mantep nih bro, :D
BalasHapusTapi kalo gw pake ntar dikatain bences bro wkwkwk =))
berarti termasuk judul blog juga bisa ya sob,,keren juga ya bisa warna warni begitu,,
BalasHapusmanisss ^__^ jadi pengen nyoba :D
BalasHapuswiih keren nie, blognya jg tambah kereen sekarang, saluut deh :D
BalasHapusmampir lagi , ane tadi coba bisa kok tapi ane lepas lagi takut berat :)
BalasHapussangat indah gan bila berwarna warni
BalasHapusberkunjung pagii..brangkat k kantor dulu..
BalasHapusLumayan nih :D
BalasHapusKalau di terapkan di blog saya cocok ngak yah..? :|
Kalau warna-warni boleh nih masuk ke blog aq :D
BalasHapusKeren bgt sob,,, warna text jadi seperti pelangi,,,
BalasHapusiaa sob, bener banget.. skrng blog ente ringan banget ... nggak kayak kemaren-kemaren itu, lambat banget bukanya ... :)
BalasHapuspake apa nih sob biar loading cepet ???? :D
cocok untuk blogger yg suka rubah2 hover text/link
BalasHapussyg bnget blog q ga mndkung skrip jawa,,,
BalasHapuspakdhe ksh tutor dung tntang ngblog dblogspot atau wp tpi cma brmdal hp
kok ga nongol effeknya, saya sudah aktifin javscrip
BalasHapusTampilannya udah berubah lagi nih homepagenya..sipplah....
BalasHapusmaaf baru bisa berkunjung,, :(( :(( btw tips nya manteb tuh,, cocok buat blog yg background nya gelap, :D
BalasHapusTo Kang Topjer : oalahhhh pakainya apa dong sob kalau bukan JS ? :D
BalasHapusTo Zh!nTho : iya sob lagi lagi nih :D
To Deganshah Putra : wahhhh thanks banget supportnya :D hihihi
To Musa Khairul Umam : ini berat gak sob ? :D hihihi
To Asis Sugianto : hehehehe seperti sulap ya bro :D hahaha
To Setia Ji : hehehe iya sob bisa dong :D thanks kunjungannya :)
To Iskaruji dot com : huahahahaha iya sob tau aja nih sobat yang girly girly :)) iya sob ane udah TKP dan lihat :D
BalasHapusTo Bayu Aldi Yansyah : thanks bangetz mas :D
To katils : hehehehe semoga sob :)
To >>>ichwan HAUSGAME : Terimakasih sob kunjungan dan supportnya :)
To Catatan Ngeblog : ane sedang mencari versi yang CSSnya sob
To yudee : iya sob kwowkow tau aja dah yang cewe cewe :))
To ageboy : thanks supportnya sob :)
BalasHapusTo zaenal blog : wahhhh tersanjung dengan ucapan sobat :) sukses ya om :)
To Abi Says Drunk : wahahaha kalau menurut sobat begitu ya, wkowkwokw :))
To al kahfi : iya sob :D tapi gak tau dah kalau link :D
To Nurmayanti Zain : wahhhhh silahkan di cobain mba :)
To Aldio : thanks bangetz ya sob supportnya :) thanks kunjungannya
To Mbah Qopet : hehehehhee :D bisa aja nih mbah :D berat gak nih halaman?
To Obat Sakit 2011 : hehehehe iya gan lebih kinclong :D
BalasHapusTo Venomia Blog : wahhhh kekantor? udah kerja ya gan? mantep bangettt
To Wirang geni : huahahaha terserah sobat aja cocok atau gak :))
To Aku mau uang 30 juta dari ikut kontes Seo : silahkan sob boleh boleh aja :))
To Asis Sugianto : hehehhee iys sob pelangi lebih indah ketimbang tak berwarna :))
To Shinobi Cafe : wahhh ternyata dulu lambat banget ya :D ane copot aja kode readmorenya :D
To r10 : hahahah seperti blog siapa tuh sobat :D
BalasHapusTo dunia blog : wah iya my wap blog :) ada sob di temen saya namanya OBINHUT cari di google deh dia
To dunia otan : masa sih sobat? tapi temen temen yang lain bisa lihat kok :|
To cardiacku : hehehehe iya sob berani jadi dirimu yang baru, garnier :))
To Rama88 : iya sob gak apa apa :) seperti blog siapa tuh sob :))
mampir lagi
BalasHapusHadir dan absen sore kembali gan..setelah sekian lama tiarap dulu dari online.....
BalasHapusPenampilan berubah di beberapa segmen blognya nih...sipplah
To Zh!nTho : silahkan sob mampir lagi
BalasHapusTo tautanpena : alhamdullilah hadir juga setelah sekian lama ane tunggu tunggu :)) wkwokwo iya bro berubah :D hehee
text rainbow nya keren abies sobat,,,
BalasHapuswuihh jadi nya keren gini iia.. bisa langsung otomatis warna warni tanpa kita akalin manual di tiap postingan :) mangtafff!!!
BalasHapusihh kerennya jadinya;)
BalasHapusTo Asis Sugianto : iya sob keren :) seperti adminnya :P wkwowkow =))
BalasHapusTo Belajar Photoshop : iya tak perlu otak atik perpostingan, tinggal meletakan script itu, di beri class, jadi deh :D
To saryadinilan : hehehehe sekeren orangnya gak? :))
ga berat sih , hihihi
BalasHapusmampir lagi ah :)
BalasHapustetep manteb nih trik :)
Woww... Pelangi Pelangi Alangkah Indahmu!!!
BalasHapusdipake dipostingan jadi makin MANTAAFF BGT tuh Boss!!!
Hmm,,, Kalo gitu Ayas ijin NYIMPEN neh Boss... MAKASI yach...
Keren.Maknyus soft seperti rainbow.Gapengaruh ke loading kan sob?
BalasHapusunyu banget deh.. :D
BalasHapusteks rainbow membuat hati jadi nyaman melihatnya...
BalasHapussebelumnya aku mau minta mf kalo seandainya aku gak bs reply komen2 dari sobat2ku semua, terutama komenmu sob, jujur aku bkn seorg blogger yg 100% bs online 24 jam trs. aku cm seorg pekerja kantor yg punya kesibukan terlalu padat, namun disela2 kesibukanku itu aku sempatkan utk ngeblog, jd aku cm punya wkt nyuri2 saja.
BalasHapusmungkin kalo km pengen jelas tentang identitasku, masuk aja ke kategori "Paint My Feel" diblogku trs cari posting yg judulnya "Identity of Penghuni 60", baca ya biar km ngerti, dan mohon maklumin ya... yg jls kalo sempat tetap aku balas. :)
(mf gak sesuai tema postingan)
oooh.. read more yaCh ???
BalasHapuskan tinggal judul tu dihomepage ente ... :D
pelangi pelangi alangkah indahnya, merah kuning hijau di blog sahabatku ini :)
BalasHapusTips yang menarik sob tapi maaf ni takutnya malah jadi menambah berat blog maklum saya pakai koneksi yang super lemod !
BalasHapusindah sekalimgan dengan rainbow text ini
BalasHapuswow keren nih.. tar ane coba bikin di blog ah... makasih tipsnya farix..
BalasHapusTo Bayu Aldi Yansyah : hehehhee thanks banget ya om kunjungannya :)
BalasHapusTo BagiBagiBlog : iya sob ccocok buat sobat yang custom post :D hehehehe
To Bisnis Online Blog : seukuran blog ini lah koneksinya :)
To Said Arsyad : hehehen unyu unyu :D :))
To Asis Sugianto : iya sob tenang bagaikan sunyi di malam hari :)
To Penghuni 60 : ohhh begitu ya sob, berarti sobat nyuri nyuri waktu seperti itu ya :( wahhh mohon maaf ya atas ketidak tahuan saya itu :( oke TKP :)
To Shinobi Cafe : iya om readmorenya ane copot gitu :D ia ahahaha
BalasHapusTo BlogS of Hariyanto : eeettt si ente malah nyanyi :)) gak apa apa deh, merdu merdu :))
To Prapatan Kertek : oalah gitu ya sob :D mampir ke blog ini gimana sob? berat gak? :))
To Obat Sakit 2011 : iya gan sangat berkilau dan kinclong :)) thanks ya kunjungannya
To pri crimbun : oke sobatku pri :) thanks support dan kunjungan :)
mampir lagi ahh,, ikut meramaikan,, =))
BalasHapusTo Rama88 : silahkan di ramaikan sob =)) wkwokwow
BalasHapusikut-ikutan meramaikan =))
BalasHapusblognya banyak tips, mangstab
Fridi Graphic
To Mbah Qopet : maaf mbah tadi ane cek di SPAM komentar, komentar mbah kedetect SPAM :| aneh banget kan ya huahahaha .
BalasHapusTo FridiGraph : hehehehe silahkan di ramaikan blognya :) hehehe namanya juga farixsantips :))
BalasHapuswow, makin keren aja nih sob.. mantaaff..
BalasHapusKomentar ini telah dihapus oleh pengarang.
BalasHapusNongkrong disini lagi sob siapa tau dapet pertamaxx..hehehe:D
BalasHapusTo Tituitbom.Com - News and Tips Tricks : hehehehe thanks ya sob kunjungannya dan supportnya :)
BalasHapusTo binkbenk : silahkan nongkrong :) pertamax sold out sob wkwokwokw
sekalian copot giginya sob, sapa tau bisa lebih kenceng lagi ... hhehe =)) :D
BalasHapusTo Shinobi Cafe : wkwokwokw jgn gigi lah sob, sakiiittt :(( copotidung aja biar kayak gantengnya michael Jackson :))
BalasHapusdatang menemanimu selalu
BalasHapushadir kembali dg senyum berseri
BalasHapusuntukmu text pelangi.... :D
waaa , kok bisa masuk Spam , apa karena terlalu pendek ya :/
BalasHapuskenapa ya klo buat header ku ko ga bisa.
BalasHapusTo blog alternative : thanks atas kedatangannya :)
BalasHapusTo anisayu : selalu puisinya di terapkan dimanapun, menjadi cirikhas mba anisayu yang anggun, hahaha
To Mbah Qopet : mungkin :P namanya SPAM gimana sih :P :))
To Baha Andes : sob ane udah cek ke TKP trus liat source code, ternyata sobat blm meletakan kode class ya :| kan sudah di tutorialkan di letakan class :)) kalau ada class lain, pisahkan dengan [spasi] :)
sebuah penambahan ilmu saya dapatkan setelah membaca tulisan ini , terimakasih
BalasHapusTo munir ardi : waduhhhh thanks banget ya udah baca tulisan ane :) thanks kunjungannya
BalasHapusmakasih ya sudah berbagi..
BalasHapuscoba ahh..
Mantabb nih Tips,
BalasHapuslngsung Bookmark dulu ah,
nantri lgsg di praktekan,
thanks sob
wah masih ngeri kalau mau otak-atik css, bisa begadang semaleman .....
BalasHapusMohon maaf, sekali lagi saya mohon maaf, kalau ternyata dengan tidak meng-reply komentar membuat perasaan sobat yang meninggalkan jejak koment jadi tidak senang karena merasa tidak terpedulikan oleh Admin BlogS of Hariyanto, dan saya tidak ada maksud sedikitpun untuk tidak memperdulikan jejak koment yang hadir,
BalasHapusupaya reply yang saya lakukan adalah seperti yg sudah saya sampaikan sebelumnya, yaitu dengan berusaha membalas kunjungan dan membalas komentar (atau menjawab pertanyaan yang bisa saya jawab ) pada postingan para sobat Blogger yang sudah bersusahpayah meninggalkan jejak komentar pada postingan BlogS of Hariyanto sekaligus membalas support meningkatkan traffic visitor sesama Blogger, seperti yang saya lakukan sekarang ini.
Karena menurut saya, para Sahabat-sahibit Blogger tentunya lebih senang kalau saya juga datang berkunjung ke Blog para sahabat-sahibit Blogger, membaca postingan artikel dan kemudian meninggalkan jejak komentar :)
Namun bila hal yang saya lakukan ternyata tidak berkenan di hati sobat Blogger, saya mohon maaf.
Btw- terimakasih atas input dan advice-nya :)
salam sukses selalu
JSnya jip neh :D
BalasHapusijin nyoba masbro :D
makasih trik nya,, ntar di coba :D
BalasHapusOh...Kirain ada udang dibalik peyek!
BalasHapusHehehehe...
Sukses terus ya sahabat..
wahhh menanti komenter yg ke 100 nehh =)) =))
BalasHapusbelum update lagi nih
BalasHapustidak ada ruginya berkunjung di Farixsan tips, semua kumpulan text unik javasript di share di sini
BalasHapustips spipt diatas nanti ane ijin pinjam copas kalau ada posting yang sesuwai untuk pewarnaan yang unik. thnks dan sukses terus untuk farixsan tips
maaf ne agak lambat respon karena kegiatan offline sangat menyita waktu .. happy blogging
To Nchie : iya sob sama sama sudah berkunjung :)
BalasHapusTo zaenal blog : hehehehe silahkan bookmark dan praktekan :)
To Rubiyanto Sutrisno : wahahaha masa sih sob, ane gak 100% percaya :D
To BlogS of Hariyanto : mas haryanto :) aku bukannya tidak senang dengan sobat yang tidak membalas komen. demi apapun bukan karena alasan itu sobat. tetapi ane sebagai manusia yang memiliki rasa keingintahuan terhadap sesuatu :) ane cuman ingin tahu saja koq sob :)
To Ayo Menyumbang Untuk Wikipedia! : hehehhee oke sob jip! :) silahkan di cobain
To putroe intan : silahkan di coba :)
To Kopiah Putih : huahahahha :D iya om sukses balik :)
To Rama : sepertinya ane yang 100th comments!! :)) wkwowkow
To Zh!nTho : iya sob belum :|
To Wisata Murah : wahhh akhirnya muncul juga sobatku yang satu ini :)) gak semua lah :| wkwokwow iya sob untuk pewarnaan yang leebih modif :D
BalasHapusTips tipsnya selalu canggih sob :D. lanjutkaaaaaaaan hehe
BalasHapusWah keren. Ilmu tingkat tinggi niy...
BalasHapusTo Deganshah Putra : hehehe bisa aja nih sobat :) oke di lanjutkan :)
BalasHapusTo 21inchs : hehehehe biasa kok sobat :) thanks kunjungannya ya
seperti biasa..
BalasHapuskeren banget :D
Busyettt...!
BalasHapusYg komen bludax :D
Terima kasih saudaraku atas berbagi tipsnya nih..bagus
BalasHapustunggu post baru mas faris :)
BalasHapusTo socafahreza's blog : hehehe makasih banyak supportnya :)
BalasHapusTo Wirang geni |ΩΛΘ¤ : berkat kalian semua ;)
To abufarras : sama sama sobat, thanks kunjungannya :D
To Bayu Aldi Yansyah : oke sobat :) segera :)
To 4information : ya om, ra usah promosi lah :|
BalasHapusJalan-jalan malam sambil nunggu postingan baru lagi nih hehehe
BalasHapusTo cardiacku : hehehe silahkan jalan jalan sob :)
BalasHapusaku datang :))
BalasHapusKeren mas. Makasih infonya mas
BalasHapuswaaaa... kalo copot idung, nnti bisa bersaing mah sule dunk ... hhaha =))
BalasHapuslur kenapa ya masih juga gagal padahal aku udah mengikuti totorial di atas...
BalasHapusblockquote ente di maling DODE tuh faris,, asemm tuh orang ,,
BalasHapusKomentar ini telah dihapus oleh pengarang.
BalasHapusTo Nurmayanti Zain : hehehe salama datang :))
BalasHapusTo Selalu Ada : thanks mas, makasih kunjungannya :)
To Shinobi Cafe : kacau lo om wkwokwokwow :)) =))
To Baha Andes : masa sih, coba ane cek lagi ke TKP
To Rama : memang kampret tuh anak blogger!
ini sama dgn yg kek saya tadi nih...xixixixi
BalasHapusTo Beben Koben : hehehe iya ane dah duga dengan baca komentar sobat :P
BalasHapusWow,,,, its nice. very impressive
BalasHapusTo D.I : thanks for your appreciation :)
BalasHapussip masbro ternyta cukup mudah buatnya
BalasHapusTo Admin-Wahid Sahidu : memang sangat simple bro jika dilihat lihat :)
BalasHapusmlm mas bro...mau nya nih..
BalasHapusgmna ya sih mengubah home seperti punya ente....?
pleas...kasih trick donk...!!!!!!!!!!
To anak ganteng : ngerubah seperti apa sob? punya ane? jelasin detail dong gan biar jelas :)
BalasHapus