-
Go green...
-
hmm, its golden colour...
-
Holy colour, yes it white...
-
The Brave Colour is Red only, i think...
-
I Think blue is calm colour...
Rabu, 16 Oktober 2013
Selasa, 01 Oktober 2013
Cara membuat title berjalan
.jpg)
- Masuk Ke blog kalian
- lalu pilih tata letak
- tambah gadget
- java script
- copy kan kode di bawah ini
- Ganti kode yang berwarna biru dengan kata2 kamu
- simpan
<script> function tb8_makeArray(n){ this.length = n; return this.length; } tb8_messages = new tb8_makeArray(3); tb8_messages[0] = "Heru Permana"; tb8_messages[1] = "Teknik Komputer & Jaringan"; tb8_messages[2] = "Thanks For Visiting"; tb8_rptType = 'infinite'; tb8_rptNbr = 5; tb8_speed = 200; tb8_delay = 1000; var tb8_counter=1; var tb8_currMsg=0; var tb8_tekst =""; var tb8_i=0; var tb8_TID = null; function tb8_pisi(){ tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1); document.title = tb8_tekst; tb8_sp=tb8_speed; tb8_i++; if (tb8_i==tb8_messages[tb8_currMsg].length){ tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay; } if (tb8_currMsg == tb8_messages.length){ if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){ clearTimeout(tb8_TID); return; } tb8_counter++; tb8_currMsg = 0; } tb8_TID = setTimeout("tb8_pisi()", tb8_sp); } tb8_pisi() </script>
Senin, 30 September 2013
Rabu, 25 September 2013
Membuat Efek Petir
Cara membuat Efek Animasi petir pada template Blog, sebenarnya in hal yang sangat mudah karna hanya menggunakan kode CSS sederhana, mungkin sobat blogger sudah sering liat blog yang memiliki efek petir pada templatenya, nah sekarang sobat juga bisa membuat tampilan blog sobat dengan efek Animasi Petir.Oke sob kita langsung ajah ke TKP ni saya kasih tutorialnya
1. masuk blogger
2..klik rancangan/ design
3. elemen laman
4. add gadget
5. pilih HTML/java script
masukan script di bawah ini
<style
type="text/css">body { background-image:
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOG5mlJnd8m3b9K1r_ytIxIdQ7omzScb-JHDeN88L9Xy2h0o-Fs6w4RAqWxisb3ksisRQqIl9MTjyZfcHOoKyagx7m9F7qS5cgmUAqYfgtVfslvWH-OCw7wWGSyh725fD5rumF2b1ToPMD/s1600/storm.gif);
background-color:transparent; }</style
type="text>
type="text/css">body { background-image:
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOG5mlJnd8m3b9K1r_ytIxIdQ7omzScb-JHDeN88L9Xy2h0o-Fs6w4RAqWxisb3ksisRQqIl9MTjyZfcHOoKyagx7m9F7qS5cgmUAqYfgtVfslvWH-OCw7wWGSyh725fD5rumF2b1ToPMD/s1600/storm.gif);
background-color:transparent; }</style
type="text>
Gadget Blog
Cara Memasukan Gadget ke blog
- masuk ke blog anda
- klik tata letak
- tambah gadget
- java script
- lalu pastekan kode2 nya
<script language="JavaScript" src="https://sites.google.com/site/zonasampit/Remajasampit.js" type="text/javascript">
</script><script language="JavaScript" type="text/javascript">
eXl1lXc('https://7a6df22d-a-62cb3a1a-s-sites.googlegroups.com/site/remajasampit/messi.swf','bottom','-3px','left','0px','112213','150','257','transparent','ffffff');
</script>
</script><script language="JavaScript" type="text/javascript">
eXl1lXc('https://7a6df22d-a-62cb3a1a-s-sites.googlegroups.com/site/remajasampit/messi.swf','bottom','-3px','left','0px','112213','150','257','transparent','ffffff');
</script>
2. Widget Animasi Lionel Messi Posisi Kanan Bagian Bawah
<script language="JavaScript" src="https://sites.google.com/site/zonasampit/Remajasampit.js" type="text/javascript">
</script><script language="JavaScript" type="text/javascript">
eXl1lXc('https://7a6df22d-a-62cb3a1a-s-sites.googlegroups.com/site/remajasampit/messi.swf','bottom','-3px','right','0px','113213','150','257','transparent','ffffff');
</script>
</script><script language="JavaScript" type="text/javascript">
eXl1lXc('https://7a6df22d-a-62cb3a1a-s-sites.googlegroups.com/site/remajasampit/messi.swf','bottom','-3px','right','0px','113213','150','257','transparent','ffffff');
</script>
3. Widget Barcelona Posisi Kiri Bagian Bawah
<script language="JavaScript" src="https://sites.google.com/site/zonasampit/Remajasampit.js" type="text/javascript">
</script><script language="JavaScript" type="text/javascript">
eXl1lXc('https://2bd1a60b-a-62cb3a1a-s-sites.googlegroups.com/site/sampitcode/FC-Barcelona.swf','bottom','-3px','left','0px','112213','150','168','transparent','ffffff');
</script>
</script><script language="JavaScript" type="text/javascript">
eXl1lXc('https://2bd1a60b-a-62cb3a1a-s-sites.googlegroups.com/site/sampitcode/FC-Barcelona.swf','bottom','-3px','left','0px','112213','150','168','transparent','ffffff');
</script>
4. Widget Barcelona Posisi Kanan Bagian Bawah
<script language="JavaScript" src="https://sites.google.com/site/zonasampit/Remajasampit.js" type="text/javascript">
</script><script language="JavaScript" type="text/javascript">
eXl1lXc('https://2bd1a60b-a-62cb3a1a-s-sites.googlegroups.com/site/sampitcode/FC-Barcelona.swf','bottom','-3px','right','0px','113213','150','168','transparent','ffffff');
</script>
</script><script language="JavaScript" type="text/javascript">
eXl1lXc('https://2bd1a60b-a-62cb3a1a-s-sites.googlegroups.com/site/sampitcode/FC-Barcelona.swf','bottom','-3px','right','0px','113213','150','168','transparent','ffffff');
</script>
5. Widget Barcelona Posisi Kanan Bagian Atas
<div style="position: fixed; top: 0px; right: 10px;width:130px;height:160px;"><a href="http://bukanakgo.blogspot.com/2012/09/animasi-pojok-blog-part-iv-animasi-klub.html" target="_blank"><img border="0" src=" http://i1000.photobucket.com/albums/af129/SuNeZ01/3dlogo/th_fcb.gif" title="lihat lebih banyak animasi klub bergerak". alt="lihat lebih banyak animasi klub bergerak" /></a><small><center><a href="http://bukanakgo.blogspot.com/2012/09/animasi-pojok-blog-part-iv-animasi-klub.html" target="_blank" title="Cara Memasang Widget Animasi Klub di Pojok Blog">Animasi Klub Bola</a></center></small></div>
6. Widget Barcelona Posisi Kiri Bagian Atas
<div style="position: fixed; top: 0px; left: 10px;width:130px;height:160px;"><a href="http://bukanakgo.blogspot.com/2012/09/animasi-pojok-blog-part-iv-animasi-klub.html" target="_blank"><img border="0" src="
http://i1000.photobucket.com/albums/af129/SuNeZ01/3dlogo/th_fcb.gif" title="lihat lebih banyak animasi klub bergerak". alt="lihat lebih banyak animasi klub bergerak" /></a><small><center><a href="http://bukanakgo.blogspot.com/2012/09/animasi-pojok-blog-part-iv-animasi-klub.html" target="_blank" title="Cara Memasang Widget Animasi Klub di Pojok Blog">Animasi Klub Bola</a></center></small></div>
http://i1000.photobucket.com/albums/af129/SuNeZ01/3dlogo/th_fcb.gif" title="lihat lebih banyak animasi klub bergerak". alt="lihat lebih banyak animasi klub bergerak" /></a><small><center><a href="http://bukanakgo.blogspot.com/2012/09/animasi-pojok-blog-part-iv-animasi-klub.html" target="_blank" title="Cara Memasang Widget Animasi Klub di Pojok Blog">Animasi Klub Bola</a></center></small></div>
NP:
- Link berwarna Biru bisa kamu ubah
Bottom = Bawah
Top = Atas
Left = Kiri
Right = Kanan
- Link berwarna Merah bisa kamu ubah dengan Club Faforit Kamu di bawah ini
#Chelsea
http://th1000.photobucket.com/albums/af129/SuNeZ01/3dlogo/th_chelsea.gif
# Inter Milan
http://i1000.photobucket.com/albums/af129/SuNeZ01/3dlogo/th_inter2.gif
# Arsenal
http://i1000.photobucket.com/albums/af129/SuNeZ01/3dlogo/th_arsenal.gif
# Liverpool
http://i1000.photobucket.com/albums/af129/SuNeZ01/3dlogo/th_liverpool.gif
# Ac Milan
http://i1000.photobucket.com/albums/af129/SuNeZ01/3dlogo/th_milan.gif
# Juventus
http://i1000.photobucket.com/albums/af129/SuNeZ01/3dlogo/th_juve.gif
#Mancester United
http://th1000.photobucket.com/albums/af129/SuNeZ01/3dlogo/th_mu.gif
Selasa, 24 September 2013
Kode Warna Untuk Blog
| #FOF8FF Aliceblue |
| #FAEBD7 Antiquewhite |
| #00FFFF Aqua |
| #7FFFD4 Aquamarine |
| #F0FFFF Azure |
| #F5F5DC Beige |
| #FFE4C4 Bisque |
| #000000 Black |
| #FFEBCD Blanchedalmond |
| #0000FF Blue |
| #8A2BE2 Blueviolet |
| #A52A2A Brown |
| #DEB887 Burlywood |
| #5F9EAD Cadetblue |
| #7FFF00 Chartreuse |
| #D2691E Chocolate |
| #FF7F50 Coral |
| #64950 Cornflowerblue |
| #FFF8DC Cornsilk |
| #DC143C Crimson |
| #00FFFF Cyan |
| #00008B Darkblue |
| #008B8B Darkcyan |
| #B8860B Darkgoldenrod |
| #A9A9A9 Darkgray |
| #006400 Darkgreen |
| #8B008B Darkmagenta |
| #BDB76B Darkkhaki |
| #556B2F Darkolivegreen |
| #FF8C00 Darkorange |
| #9932CC Darkorchid |
| #8B0000 Darkred |
| #E9967A Darksalmon |
| #8FBC8B Darkseagreen |
| #483D8B Darkslateblue |
| #2F4F4F Darkslategray |
| #00CED1 Darkturquoise |
| #9400D3 Darkviolet |
| #FF1493 Deeppink |
| #00BFFF Deepskyblue |
| #696969 Dimgray |
| #1E90FF Dodgerblue |
| #B22222 Firebrick |
| #FFFAF0 Floralwhite |
| #228B22 Forestgreen |
| #FF00FF Fuchsia |
| #DCDCDC Gainsboro |
| #F8F8FF Ghostwhite |
| #FFD700 Gold |
| #DAA520 Goldenrod |
| #808080 Gray |
| #008000 Green |
| #ADFF2F Greenyellow |
| #F0FFF0 Honeydew |
| #FF69B4 Hotpink |
| #CD5C5C Indianred |
| #4B0082 Indigo |
| #FFFFF0 Ivory |
| #F0E68C Khaki |
| #E6E6FA Lavender |
| #FFF0F5 Lavenderblush |
| #7CFC00 Lawngreen |
| #FFFACD Lemonchiffon |
| #ADE8E6 Lightblue |
| #F08080 Lightcoral |
| #E0FFFF Lightcyan |
| #FAFAD2 Lightgoldenrodyellow |
| #90EE90 Lightgreen |
| #D3D3D3 Lightgray |
| #FFB6C1 Lightpink |
| #FFA072 Lightsalmon |
| #20B2AA Lightseagreen |
| #87CEFA Lightskyblue |
| #778899 Lightslategray |
| #B0C4DE Lightsteelblue |
| #FFFFE0 Lightyellow |
| #00FF00 Lime |
| #32CD32 Limegreen |
| #FAF0E6 Linen |
| #FF00FF Magenta |
| #800000 Maroon |
| #66CDAA Mediumaquamarine |
| #0000CD Mediumblue |
| #BA55D3 Mediumorchid |
| #9370DB Mediumpurple |
| #3CB371 Mediumseagreen |
| #7B68EE Mediumslateblue |
| #00FA9A Mediumspringgreen |
| #48D1CC Mediumturquoise |
| #C71585 Mediumvioletred |
| #191970 Midnightblue |
| #F5FFFA Mintcream |
| #FFE4E1 Mistyrose |
| #FFE4E1 Moccasin |
| #FFDEAD Navajowhite |
| #000080 Navy |
| #FDF5E6 Oldlace |
| #808000 Olive |
| #6B8E23 Olivedrab |
| #FFA500 Orange |
| #FF100%0 Orangered |
| #DA70D6 Orchid |
| #EEE8AA Palegoldenrod |
| #98FB98 Palgreen |
| #AFEEEE Paleturquoise |
| #DB7093 Palevioletred |
| #FFEFD5 Papayawhip |
| #FFDAB9 Peachpuff |
| #CD853F Peru |
| #FFC0CB Pink |
| #DDA0DD Plum |
| #B0E0E6 Powderblue |
| #800080 Purple |
| #FF0000 Red |
| #BC8F8F Rosybrown |
| #4169E1 Royalblue |
| #8B4513 Saddlebrown |
| #FA8072 Salmon |
| #F4A460 Sandybrown |
| #2E8B57 Seagreen |
| #FFF5EE Seashell |
| #A0522D Sienna |
| #C0C0C0 Silver |
| #87CEEB Skyblue |
| #708090 Slategray |
| #FFFAFA Snow |
| #00FF7F Springgreen |
| #4682B4 Steelblue |
| #D2B48C Tan |
| #008080 Teal |
| #D8BFD8 Thistle |
| #FF6347 Tomato |
| #40E0D0 Turquoise |
| #EE82EE Violet |
| #F5DEB3 Wheat |
| #FFFFFF White |
| #F5F5F5 Whitesmoke |
| #FFFF00 Yellow |
| #9ACD32 Yellowgreen |
Cara membuat gadget facebook
Cara membuat gadget facebook
- Masuk ke blog anda
- Klik template
- Edit Html
- Cari kata <div id='rsidebar-wrapper'>
- lalu paste kan kode di bawah ini tepat di bawah kode <div id='rsidebar-wrapper'>
<div class='social-connect-widget' style='margin-bottom:10px;'>
<a href='http://facebook.com/pecintadamai102'><img alt='Follow Us on Twitter!' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLBrvP-72v8Ng_gGTNFWP2dNHxT6M5JjohTAiHsz4n6nCu7nEts_1a6sj61TCD1go1pP8P1M4e4GvbgNDF4GrBDRG59_i2SjZDUmdCmClXaR0QgR3KHZHs-DhvXV6e7vfDp7D94jOKcy0/s1600/social-connect-facebook.png' title='Be Our Fan on Faacebook'/></a><a href='http://facebook.com/pecintadamai102'>Add Me</a>
</div>
<a href='http://facebook.com/pecintadamai102'><img alt='Follow Us on Twitter!' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLBrvP-72v8Ng_gGTNFWP2dNHxT6M5JjohTAiHsz4n6nCu7nEts_1a6sj61TCD1go1pP8P1M4e4GvbgNDF4GrBDRG59_i2SjZDUmdCmClXaR0QgR3KHZHs-DhvXV6e7vfDp7D94jOKcy0/s1600/social-connect-facebook.png' title='Be Our Fan on Faacebook'/></a><a href='http://facebook.com/pecintadamai102'>Add Me</a>
</div>
java script untuk menambah teman
Cara Membuat link teman
- masuk ke blog anda
- klik tata letak
- tambah gadget
- java script
- masuk kode di bawah ini
<a href='alamat yang dituju' title='adithya-putr4' target='_blank'>adithya Blog</a></li>
Kamis, 19 September 2013
Cara Mencegah Copy Paste
Cara Mencegah Copy Paste
Setelah sekian lama tidak posting dikarenakan masih banyak urusan yang harus saya selesaikan, dan kali ini saya hanya sedikit share dari postingan blog sahabat yaitu tentang cara mencegah copy paste pada blog, kalau menurut saya sih hal ini tidak terlalu penting, merupakan satu keuntungan tersendiri bila artikel kita di copas (copy paste), apa lagi bila sobat yang copas mau mencantumkan sumber dari artikel tersebut, bisa menambah back link kan, merupakan keuntungan tersendirikan.Namun bagi sobat yang merasa bahwa artikel sobat sangat penting dan tidak rela untuk di copy paste, mungkin hal ini cukup berguna untuk dilakukan. akan tetapi cara tersebut tidak melindungi content blog sobat sepenuhnya, stidaknya cukup membuat orang yang berniat copas sedikit bingung apabila dia seorang newbie, karena sebenarnya ada jalan lain untuk bisa meng-copas artikel blog sekalipun sudah dilindungi dengan script anti copas.
Tanpa panjang lebar, kali ini untuk melindungi blog di blogger (blogspot) dari dari copy paste adalah dengan mendisable right click, atau lebih dikenal dengan mematikan klik kanan. Berikut tutorial cara mematikan klik kanan pada blogspot.
- Login terlebih dahulu ke Blogger.com
- Dari halaman Dashboard, silahkan Sobat menuju ke Tata Letak > Edit HTML
- Lalu cari kode <body> atau <body (dengan bantuan tekan Ctrl+F atau F3)
- Tambahkan kode dibawah ini ke dalam kode <body> atau <body tadi, atau bisa juga di ganti sekalian
<body oncontextmenu='return false' onmousedown='return false' onselectstart='return false' onkeypress='return false'>
Sobat juga bisa menggunakan beberapa tambahan kode saja, atau semuanya juga boleh, terserah kebutuhan anda.
Berikut penjelasan dari kode-kode diatas:
oncontextmenu='return false' (untuk mematikan klik kanan mouse)
onmousedown='return false' (untuk mematikan klik blok ke bawah)
onselectstart='return false' (untuk mematikan seleksi blok)
onkeypress='return false' (untuk mematikan tombol keyboard)
Jika sudah, Simpan Template blog Sobat.
Mohon maaf apabila tutorial sebelumnya tidak berhasil karena belum saya coba. untuk demonya silakan sobat lihat di sini DEMO.
Selamat mencoba dan semoga berhasil sobat.
