Welcome to My Blog
Tampilkan postingan dengan label Blogger. Tampilkan semua postingan
Tampilkan postingan dengan label Blogger. Tampilkan semua postingan

Selasa, 01 Oktober 2013

Cara membuat title berjalan

Caranya :
  • 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>

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>

Gadget Blog

 
Cara Memasukan Gadget ke blog
  • masuk ke blog anda
  • klik tata letak
  • tambah gadget 
  • java script
  • lalu pastekan kode2 nya
1. Widget Animasi Lionel Messi 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://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>

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>

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>

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>

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

  1. Masuk ke blog anda 
  2. Klik template
  3. Edit Html
  4. Cari kata <div id='rsidebar-wrapper'>
  5. 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>

java script untuk menambah teman


Cara Membuat link teman

  1. masuk ke blog anda
  2. klik tata letak
  3. tambah gadget
  4. java script
  5. 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.

Postingan Lama Beranda