Klik show untuk melihat
CARA MEMBUAT FREM FOTO
Tampilan foto tanpa frem sepertinya kurang menarik nah,,,di postingan kali ini saya akan memberikan javascript untuk menambah efek frem agar foto tampil beda contohnya seperti di bawah ini :

MAU??..Caranya gampang kok,tinggal copas aja srript dan simpan di halaman postingan HTML
Tampilan foto tanpa frem sepertinya kurang menarik nah,,,di postingan kali ini saya akan memberikan javascript untuk menambah efek frem agar foto tampil beda contohnya seperti di bawah ini :
<div style="border: 4px solid#00001f;">
<div style="border: 4px solid#00001f;">
<div style="border: 4px solid#00003f;">
<div style="border: 4px solid#00004f;">
<div style="border: 4px solid#00005f;">
<div style="border: 4px solid#00006f;">
<div style="border: 4px solid#00007f;">
<div style="border: 4px solid#00008f;">
<div style="border: 4px solid#00009f;">
<center>
<span style="color: yellow;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBkPYvp6ALgX8mTnCOdtePA4bpmr7KHOEBY_Uo1nf4eGnYHdGznSX8W0tugu_Xh_o1sJ2hUDYaVsLNV4Mp66NYhqvs7DZqjxKl39mex9FPvi1yO68cLBNYkNUzHKk7xAvjOGsJzq5Ywwc/w237-h194-p-no/" /></span></center>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
KETERANGAN : Warna merah bisa kamu ganti dengan foto kalian.
<div style="border: 4px solid#00001f;">
<div style="border: 4px solid#00003f;">
<div style="border: 4px solid#00004f;">
<div style="border: 4px solid#00005f;">
<div style="border: 4px solid#00006f;">
<div style="border: 4px solid#00007f;">
<div style="border: 4px solid#00008f;">
<div style="border: 4px solid#00009f;">
<center>
<span style="color: yellow;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBkPYvp6ALgX8mTnCOdtePA4bpmr7KHOEBY_Uo1nf4eGnYHdGznSX8W0tugu_Xh_o1sJ2hUDYaVsLNV4Mp66NYhqvs7DZqjxKl39mex9FPvi1yO68cLBNYkNUzHKk7xAvjOGsJzq5Ywwc/w237-h194-p-no/" /></span></center>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
Klik show untuk melihat
EFEK PELANGI PADA TULISAN JUDUL
Sebagian postingan blog menggunakan warna yang sudah tersedia,namun kali ini judul postingan lebih keren dengan menggunakan efek pelangi warna berubah bergantian...Penasaran yuk langsung aja ke TKP :
Cara menggunakannya tinggal copas Masuk ke menu TATA LETAK
Klik tambah gadget, lalu pilih HTML/Javascript-TARAAAA OK KANN
Sebagian postingan blog menggunakan warna yang sudah tersedia,namun kali ini judul postingan lebih keren dengan menggunakan efek pelangi warna berubah bergantian...Penasaran yuk langsung aja ke TKP :
<style type="text/css">
#highlight{font:bold
50px Impact,Arial,Sans-Serif;}
</style>
<script language="javascript"
type="text/javascript">
var teks="EFEK PELANGI" // teks Anda di sini
var speed=20 //
atur kecepatan perubahan warna
if (document.all||document.getElementById) {
document.write('<span id="highlight">' + teks +
'</span>')
var
storetext=document.getElementById?
document.getElementById("highlight") :
document.all.highlight
} else document.write(text)
var hex=new Array("00","14","28","3C","50","64","78","8C","A0","B4","C8","DC","F0")
var r=1
var g=1
var b=1
var seq=1
function changetext() {
rainbow="#"+hex[r]+hex[g]+hex[b]
storetext.style.color=rainbow
}
function change() {
if (seq==6) {
b--
if (b==0)
seq=1
}
if (seq==5) {
r++
if (r==12)
seq=6
}
if (seq==4) {
g--
if (g==0)
seq=5
}
if (seq==3) {
b++
if (b==12)
seq=4
}
if (seq==2) {
r--
if (r==0)
seq=3
}
if (seq==1) {
g++
if (g==12)
seq=2
}
changetext()
}
function starteffect() {
if
(document.all||document.getElementById)
flash=setInterval("change()",speed)
}
starteffect()
</script>
Klik show untuk melihat
<marquee direction="up" onmouseover="this.stop()"
scrollamount="5" onmouseout="this.start()"> <img
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKMdGQsPzzLxfEUENey-Ra6ZIFzv7vTTmzN4RmoCBHnkF12GWdMKId5i_1bCv5LAsGUDvS2vJ5uqlwYjyQ9srrCADDhy22YT-QNoiXhqkizbNNDBaH6heJH9UqBQcL_2S1bI21h3c2dGU/w285-h174-p-no/g3.jpg"
width="320" height="320" /><br /> <img
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinv1qtOdxqt4mEDwkeAFGhQuh0-o9XWHXmeJdas88bbwrs-NkyJcdKZjVASD5Fy4f2YdwjdhB5-mKtTexp54mwIN74pcJUqCWPhj99kJcPQBC8TqulpJ4sDP72N0C4WycLHkjXBJM2nI4/w347-h194-p-no/"
width="320" height="320" /><br /> <img
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjL2baSdO8k2GCKsXA_M95ZxKyZOOjZgziKakSUcMTzYCLj1Z_k8sFu_zhjGC_fN6WObF_wNpiEJsT16wG7TtF7rWln6FnVKgtkfBro0WbAejtQttv5BuU9bZ49SiYV5lNfAIv81tGzFKc/w337-h206-p-no/"
width="320" height="320" /><br /> <img
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijrfHjB_NOEjHhZl7X5zLpflma7xmrV9llR16FeccZ-j_8UVc9e26oGXZHWwMYOpkwVOkPPbsZwt9_rljfCghpp-NhrRUFd4NoT5oKsuzzBAylBFERbrdtaoAIpAyfPPKYFSytBuOwvEI/w267-h192-p-no/"
width="320" height="320" /><br /> <img
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-uuWfpGSaykVxYXepCcplvm_wqcFfUPdhl8xAFaCz1q9OLIQc9ZT_JfpZUM_B5FDJtnSlnwqEUpV3HUjIJZ7ap_uq_navk33byw5yoeeLFIzutzuR3HOOTFVW09dS3fVUGzqYmaFnrrI/w202-h157-p-no/"
width="320" height="320" /><br /> <img
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBkPYvp6ALgX8mTnCOdtePA4bpmr7KHOEBY_Uo1nf4eGnYHdGznSX8W0tugu_Xh_o1sJ2hUDYaVsLNV4Mp66NYhqvs7DZqjxKl39mex9FPvi1yO68cLBNYkNUzHKk7xAvjOGsJzq5Ywwc/w237-h194-p-no/"
width="320" height="320" /><br /> <img
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXRBsY4MSF8Ow8T419fyZ3Wl_2BhaTbv_PkW76BnxdqldDNOAI3cOGh1UaL9TrSx2CTsrETkhHXrNbOoZUh6ofux1McZb70R6St6Sv0VoV6uKGEVls1zGXRLr9tSwAKz2jU1ZGt4QThnA/w260-h194-p-no/"
width="320" height="320" /><br /> <img
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEib1ydVHhT-9WQUjmUYHDglYS670qiss17gxExnNn5iKZ2aJdiKLJRQzS3YH5_319ciKWi6a7mUhtF6azfPJciL2obasAg5qaBCa6V0FwVbq3ktaYXpEMb-jiYXqZhJppprMYSwIcYcYFA/w329-h221-p-no/"
width="320" height="320" /><br />
<imgsrc="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJZS5xHN2hQVK_Qq6bDagZYNH57_Wkq6Zct0Or7zKPXksAiIuOp5fAhud4dmMHiwXHU8R9NZogzQBfsvVgJQZKwk9yJzgUdtJzc0R5ypJYzDaJEiP2gaFE5MShCcUPoG9wt2m-O_pIXV8/w330-h219-p-no/"
width="320" height="320" /><br /> <imgsrc="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2RA3_LAJs-4F5pEot9RiT_3ZUmc988rBAoefwKnZLUTvnKddGcG_MHUeljgJo3ZY8Ixf96JmgMAQdMaRbGFVn0cH-ZgQR0lXvxJt2adEWGg0XIuLfpzmcYUtMaN3zguT3k8wOdi9DSe0/w293-h219-p-no/"
width="320" height="320" /><br /> <img
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8-H4onjjOx_UrFtmIv_sOkuSmBTVfjPfpW7LApELyfCbljGzjq_xOxsERlza4uxEX-REPM6Q3wqf2mSfA2mPaN0g0nDckYoz52IXY9bvrdYD-LtFnW9tMrNgWfkETHmFzd7G4TPk0tLM/w321-h223-p-no/"
width="320" height="320" /><br /> <img
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzNNb5L55kbyBWeNcuymDMviDSqFyiZBYk9ZPuU-91vJ8Wg0b_Dx7B0RhC3uaKiTsbc36DoroXmsQCvLAzLDsYgLvTqqTZOTBgEQNbhz34d2wR2uFQvHBGTzb4kILGdnA_Sez1wmXIk08/w323-h223-p-no/"
width="320" height="320" /><br /> <img
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZE292Dwahs8yXxQZciwk098FAQHXmd1ZSsplVWOAWJifyAtFKK1fUacrXlvTQ0N9W6JbmzLBNJNOq-561tRkqQYIw1SG0EsGT6PIj6x3k7_xFI2V_5870t20RsxcuAqzXQqPS7HFWssQ/w357-h223-p-no/"
width="320" height="320" /><br /> <img
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEBg5zMOBeAuIsyGCLC_7cpB8Z5UQ-IgTIQFF8WWgUQAfnc1KmsL3-kpLfgYbKgV5hZrVNn8d2umdKOMSJrzxtJWNOI0yFfzyfKn3wksdvmkBOAlEgOv0t8BPnb3z-hpFsAdWwIlbu-Mg/s216-p-no/"
width="320" height="320" /><br /> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOaAPlrxQT6lCqDLMLtA64uTgVzx-XytY8B-WI5NPGmR-1bq5rFYdl3zrkrMbdn1AfTDGc27MiQLZnh4EysFLPmJjT110eOxeA3fWW2kuqQAXHeeKawH2NR8gsRnsP_EehV0tSdMnv6hg/w310-h216-p-no/"
width="320" height="320" /><br /> <img
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2Dpb1lGqTTYJI36kc4mPu-xhBpy9YPDztjX-4VerdPJ17sc-tzu3HZaZWIAWmis_z_mRbCdLS_8ES3xtL6o6IDpMv7qHQ35vKIv-dAthmu0tsQ-Yy6sW0vT3GuEFyKISZbOZVnRhGKJw/w259-h216-p-no/"
width="320" height="320" /><br /> <img
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLBmx9bj-02-WMvhGO4jcLDpkNnl_djJPpSD8U41QLjZgYd2SJIGSdNZI9uCluwHBItBJxUS5WaOdqqVgNCpEKgRoZHNwfPDd_ZN0o2hRE4DTCyW7mJw8DxxVI2ftTuD99gwscrn7TDbs/w240-h216-p-no/"
width="320" height="320" /><br /> <img
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMm0tdRhXNvaEvFwWit12IIH_9mkIPFjAjrdljm34XuJcXt5V3gDFM4g20DpJWcxFUaWl3kVI9x0OEudUwM06j_Z1N9-IPFUtL9RgEVHgKgR_m-xLI_wWtsnRqTCsrnCG5mN1KarrAHV8/w270-h208-p-no/"
width="320" height="320" /><br /> <img
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhauRkJOoDuB_VydfBw1Utb85ngMp2JR2cI-BnH9P1uGtnP47ViKchMrO7PE48_1kF3xXNP6s6pN0cJRPn8VDLPXcA9Hz3xvwPbcAXCLx8-OuGib77ZhwLLBJtrRRayH1zBuCjjnoic6RI/w371-h208-p-no/"
width="320" height="320" /><br /> <img
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXN5K4THdxPM2rMV2zjwFqkOPiAyrhlMNZRZtahJkCbhygzVcP4bh2iYzdU1kXkzP5ElJCJVIJdW66pOq1U1G6TVvxr-nSq5i5x62Y0AJJAZpJ5N5dV8LHK2ITN6ohr8bZSVu7nweWvzY/w325-h203-p-no/"
width="320" height="320" /><br /> <img
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZJV6ys5X7shT7W2uTu76SHQO-UAdNdUlj2y-AB6FIVnBZRHjwgUvphyzN6I_zCyWBI105LIKWxmWhpDpmpkHb8hGbnxmdDNUpUDBr8cI5Ic_9TJ8xcw7ckvss4BWFTY1jAWoyzLeP4-U/w295-h203-p-no/"
width="320" height="320" /><br /> <img
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmZLWio_pHHryb69IAeeFchvQtis3JvyuriW1DlHzIX-FAaI-6aCy-xs5ysME7dblh176Q1qmuvlvuY6jUP5L1ZWDFbRGMxm_qSeAkpQ2_pEUGxc2YmDXafHH9AJS9CEz1Rn5z5urnVmI/w245-h203-p-no/"
width="320" height="320" /><br /> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia2j5lROT4hi9LbtChZLRBiWacDvXsA3Ge2OB-rwEBpw6nHisnQOCo0B8cSvi6DiYAAwApCVXljr3XLTrwxWjwXqFPAvdV_bQoi26CQdrWO8xGEgeKe00nJiFMyosiDglpr9622jprfrQ/w281-h184-p-no/"
width="320" height="320" /><br /> <img
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2GxcdWrmMVerkh-agDWAaTivA4FvdDBxqW5oL3jMM1VaB44hQoixFvU4UHD_E39uJEc5FRsytHUfUy1CXGi4uPB0wE82nre9JKB4MhUAV6wF4G9xrN_AXECig0OwoYUhI4EgBpjngn5w/w231-h184-p-no/"
width="320" height="320" /><br /> <img
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizRyhd-22M_eoceGJXvoGODzaZVeeOfkpOA7D3mgJISVasa1BehYeESbwtgjL4meCKcXV__tyrHotcZKMI0Q2o6jd6ZucL0W7k1oAxa8IHoPsAS6vgGe25u2K03ftHYkeWl5xR9y1LSFY/w295-h184-p-no/"
width="320" height="320" /><br /> <img
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizcUC1M0fSkKV3zZijtUpaxZnTUKwVKWzpZxIRo4V1Bj-OBjf2E3sc28uGhjB4Z4w8_DyCllICpwE_BLDZicOho3eIahA3p838QHyNqFLIKj4F2PihxVsie5RvgtV6uiMC1S_xgB0rDv4/w276-h207-p-no/"
width="320" height="320" /><br /> <img
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizC7-qsMpln-kEKlcqFdfy1hIixVsUmiCTEHiZXYq5vqOOvj76gAL6TJCQBYymALr3J73ZzPl6VIxC6YAX__Ap73YUrLXDteCzcVJ8hX9Pw-j-SIpxnGM9argZ5jgAGBVJjbuEYcCc06A/w257-h192-p-no/"
width="320" height="320" /><br /> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizcUC1M0fSkKV3zZijtUpaxZnTUKwVKWzpZxIRo4V1Bj-OBjf2E3sc28uGhjB4Z4w8_DyCllICpwE_BLDZicOho3eIahA3p838QHyNqFLIKj4F2PihxVsie5RvgtV6uiMC1S_xgB0rDv4/w276-h207-p-no/"
width="320" height="320" /><br /> <img
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBokEBz_83D-pW8Yo0I8ZiTE97VMMERKgvtZNQhWm6ptYq0i2S5cXTbciv616ErxEuJ94hROU2VQjbsj4gTO9HZjq0SfJU7Tl4kkCnQvZnC53-A3fklJrhM60hFZg3cT6QVBZ7zrTCCTA/w273-h207-p-no/"
width="320" height="320" /><br /> <img
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivZl3JXIAkzQlivDn4gDL-h1eiqfQl7K9rQCYjuoJ5lZfUlww_zORMkRQCDt2I5s_mPyPXfJD5rGTeaUgvAafjvdSF0GOWlKZJxHLfPKP9W8fT1uFTsPY2XMBXubsspj6ZpRhICmDcvh8/w271-h194-p-no/"
width="320" height="320" /><br /> <img
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinv1qtOdxqt4mEDwkeAFGhQuh0-o9XWHXmeJdas88bbwrs-NkyJcdKZjVASD5Fy4f2YdwjdhB5-mKtTexp54mwIN74pcJUqCWPhj99kJcPQBC8TqulpJ4sDP72N0C4WycLHkjXBJM2nI4/w347-h194-p-no/"
width="320" height="320" /></img
src="https:></img
src="https:></imgsrc="https:></imgsrc="https:></img
src="https:></img
src="https:></marquee>
Klik show untuk melihat
EFEK HUJAN LUCU
Mungkin kamu bertanya apa sih yang di maksud dengan efek hujan ini,efek hujan ini bukan air atau salju yang biasa kamu temui di blog,tapi ini efek hujan dengan bentuk unik seperti yang saya pasang pada blog ini,gimana mau?...Silahkan membaca :
1. Sign in akun blog.
2. (Pada Dashboard) Klik Tata Letak => Add a Gadget => Html/Javascript.
3. Masukkan link di bawah ini.
http://bpmaker.giffy.me/userdata/user/0/1/53/parts.js
http://blogparts.giffy.me/0027/parts.js
http://blogparts.giffy.me/0055/parts.js
http://blogparts.giffy.me/0026/parts.js
http://blogparts.giffy.me/0030/parts.js
http://blogparts.giffy.me/0007/parts.js
http://blogparts.giffy.me/0004/parts.js
http://www.hapinemu.net/fobp/bp100/bp100.js
http://www.hapinemu.net/fobp/bp093/bp093.js
http://www.hapinemu.net/fobp/bp090/bp090.js
http://www.hapinemu.net/fobp/bp089/bp089.js
http://www.hapinemu.net/fobp/bp088/bp088.js
http://www.hapinemu.net/fobp/bp087/bp087.js
http://www.hapinemu.net/fobp/bp074/bp074.js
http://www.hapinemu.net/fobp/bp073/bp073.js
http://www.hapinemu.net/fobp/bp072/bp072.js
http://www.hapinemu.net/fobp/bp062/bp062.js
http://www.hapinemu.net/fobp/bp061/bp061.js
http://www.hapinemu.net/fobp/bp058/bp058_1.js
http://www.hapinemu.net/fobp/bp067/bp067_1.js
http://www.hapinemu.net/fobp/bp055/bp055.js
http://www.hapinemu.net/fobp/bp054/bp054.js
http://www.hapinemu.net/fobp/bp053/bp053.js
http://www.hapinemu.net/fobp/bp052/bp052.js
http://www.hapinemu.net/fobp/bp050/bp050.js
http://www.hapinemu.net/fobp/bp091/bp091.js
PERHATIAN : Kamu harus copy paste dulu script yang di atas,setelah itu baru link gambar.
( maaf gak ada contoh gambarnya,di coba satu-persatu aja yah...)
Mungkin kamu bertanya apa sih yang di maksud dengan efek hujan ini,efek hujan ini bukan air atau salju yang biasa kamu temui di blog,tapi ini efek hujan dengan bentuk unik seperti yang saya pasang pada blog ini,gimana mau?...Silahkan membaca :
1. Sign in akun blog.
2. (Pada Dashboard) Klik Tata Letak => Add a Gadget => Html/Javascript.
3. Masukkan link di bawah ini.
<script type="text/javascript" src="Link efek animasi hujan yg kalian suka"></script>
PILIHAN GAMBAR :
http://bpmaker.giffy.me/userdata/user/0/1/53/parts.js
http://blogparts.giffy.me/0027/parts.js
http://blogparts.giffy.me/0055/parts.js
http://blogparts.giffy.me/0026/parts.js
http://blogparts.giffy.me/0030/parts.js
http://blogparts.giffy.me/0007/parts.js
http://blogparts.giffy.me/0004/parts.js
http://www.hapinemu.net/fobp/bp100/bp100.js
http://www.hapinemu.net/fobp/bp093/bp093.js
http://www.hapinemu.net/fobp/bp090/bp090.js
http://www.hapinemu.net/fobp/bp089/bp089.js
http://www.hapinemu.net/fobp/bp088/bp088.js
http://www.hapinemu.net/fobp/bp087/bp087.js
http://www.hapinemu.net/fobp/bp074/bp074.js
http://www.hapinemu.net/fobp/bp073/bp073.js
http://www.hapinemu.net/fobp/bp072/bp072.js
http://www.hapinemu.net/fobp/bp062/bp062.js
http://www.hapinemu.net/fobp/bp061/bp061.js
http://www.hapinemu.net/fobp/bp058/bp058_1.js
http://www.hapinemu.net/fobp/bp067/bp067_1.js
http://www.hapinemu.net/fobp/bp055/bp055.js
http://www.hapinemu.net/fobp/bp054/bp054.js
http://www.hapinemu.net/fobp/bp053/bp053.js
http://www.hapinemu.net/fobp/bp052/bp052.js
http://www.hapinemu.net/fobp/bp050/bp050.js
http://www.hapinemu.net/fobp/bp091/bp091.js
( maaf gak ada contoh gambarnya,di coba satu-persatu aja yah...)


Tidak ada komentar:
Posting Komentar
Untuk yang berkomentar monggo,asal tidak mengandung kebencian pada seseorang