NE-Gen Blog » Archives for 2012
Daftar Joki Game
[-]=>Ninja Saga<=[-]
[-][-] Talent point[-][-]
5000 TP: 10rb (berlaku kelipatan dan sudah termasuk bonus"nya)
Bukti: [http://prntscr.com/jgqwh]
2 orang pertama dalam setiap harinya diberi bonus 1000 TP
Ayo, sekarang sebelum di FIX sama NSnya!!
Nb: Bagi yang perimum user akan ada lebih banyak bonus"nya dan lebih Cepat selesai
Ayo, sekarang sebelum di FIX sama NSnya!!
Nb: Bagi yang perimum user akan ada lebih banyak bonus"nya dan lebih Cepat selesai
=>Sale tutor TP hanya 25rb Voc IM3<=
[-] Di Ajarkan Bug TP NS Sampai Bisa dengan VIDEO atauTEAMVIEWER
[-] Link Untuk Download Charles
[-] Link Untuk Download Cheat Engine
[-] Cheat TP NS Via Fiddler
[-]Vidio Cheat TP NS Fiddler
[-] Dimasukkan Grup Rahasia
[-] Jadi Kamu Bisa Menjadi Penjoki Yang Sukses Dan Mendapat Cheat NS Yang Update
[-][-] Leveling [-][-]
Lvl 60-80 : 25rb
Nb untuk yg lainnya silahkan PM atau Chat
[-]=>Voucher Game Online-Gemscool<=[-]
[-] 300.000: 335.000rb
[-] 200.000: 225.000rb
[-] 100.000: 115.000rb
[-] 50.000: 60.000rb
[-] 30.000: 35.000rb
[-] 20.000: 25.000rb
[-] 10.000: 15.000rb
dan Jasa yg lainnya bisa langsung di tanya kepada ADMINhttp://www.facebook.com/ k3v1n.AgenNSX
[-] Di Ajarkan Bug TP NS Sampai Bisa dengan VIDEO atauTEAMVIEWER
[-] Link Untuk Download Charles
[-] Link Untuk Download Cheat Engine
[-] Cheat TP NS Via Fiddler
[-]Vidio Cheat TP NS Fiddler
[-] Dimasukkan Grup Rahasia
[-] Jadi Kamu Bisa Menjadi Penjoki Yang Sukses Dan Mendapat Cheat NS Yang Update
[-][-] Leveling [-][-]
Lvl 60-80 : 25rb
Nb untuk yg lainnya silahkan PM atau Chat
[-]=>Voucher Game Online-Gemscool<=[-]
[-] 300.000: 335.000rb
[-] 200.000: 225.000rb
[-] 100.000: 115.000rb
[-] 50.000: 60.000rb
[-] 30.000: 35.000rb
[-] 20.000: 25.000rb
[-] 10.000: 15.000rb
dan Jasa yg lainnya bisa langsung di tanya kepada ADMINhttp://www.facebook.com/
cara buat flash efek
Dalam postingan kali ini saya akan membahas bagaimana cara membuat Flash
efeks ecara sederhana . kali ini saya memakai situs pihak ketiga .apa
itu flas efek ? flash efek adalah sejenis teks yang bergerak-gerak untuk
misalnya pesan selamat datang atau untuk sekedar menampilkan nama anda .
tanpa banyak basa-basi .langsung saja ikuti langkah berikut:
Ikuti lankah-langkah berikut ini :
1.Klikhttp://www.widgeo.net/
2.Klik menu flash effects pada situs tersebut
3.Isi form yang di sediakan di situs tersebut
4.Klikk get widget untuk mendapatkan kode.
5.Selanjutnya log In ke blogger .lalu paste kode tadi ke dalam blog.
Selamat mencoba ^^
Ikuti lankah-langkah berikut ini :
1.Klikhttp://www.widgeo.net/
2.Klik menu flash effects pada situs tersebut
3.Isi form yang di sediakan di situs tersebut
4.Klikk get widget untuk mendapatkan kode.
5.Selanjutnya log In ke blogger .lalu paste kode tadi ke dalam blog.
Selamat mencoba ^^
Cara buat link download bergambar di Blog
Apa Itu link download ? Link download adalah seuatu teks atau
gambar yang bisa di klik untuk mengarahkan link ke sebuah hosting untuk
mendownload sebuah file . Bagaimana Cara membuatnya ? caranya begini
Copy kode berikut lalu paste di blog kalian :
<a href="indo-cheaterpro.blogspot.com">Download</a>
Keterangan : Teks yang berwarna biru adalah Link tujuan ketika teks Yang berwarna Merah Di Klik . Teks Yang Berwarna merah juga Bisa anda ganti Dengan kata lain misalnya saja "Klik Disini"Ataupun yang lainya !
Ada banyak Fariasi untuk membuat link download,diantarannya dengan cara membuat linknya berhuruf besar,Miring tebal atau dengan menggunakan gambar . Contohnya sebagaiberikut :
Copy paste kode berikut untuk membuat teks link download menjadi tebal :
<a href="klinik-it.blogspot.com"><b>Download</b></a>
Untuk membuat teks tersebut miring silakan ganti kode <b>dan</b> Dengan <i>dan</i> .
Dan untuk membuat link tersebut Berukuran kecil sampe besar ganti kode yang saya hijaukan dengan kode <h1> dan </h1> . ganti angka tersebut dengan angka 1 - 6 jika ingin menyesuaikan ukuran besar link .
Cara Selanjutnya adalah membuat link download dengan gambar/ikon
Caranya copy paste kode berikut ke blog anda :
<a href="indo-cheaterpro.blogspot.com" title="Download"><img src="http://farm5.static.flickr.com/4042/4278913170_e7973277d8_o.png" width="216" height="74" alt="download[4]" /></a>
Hasilnya adalah sebagi berikut :
Keterangan Ganti Link yang berwarna biru dengan Full link Hosting tujuan anda .
Selamat Mencoba .......... ^^
<a href="indo-cheaterpro.blogspot.com">Download</a>
Keterangan : Teks yang berwarna biru adalah Link tujuan ketika teks Yang berwarna Merah Di Klik . Teks Yang Berwarna merah juga Bisa anda ganti Dengan kata lain misalnya saja "Klik Disini"Ataupun yang lainya !
Ada banyak Fariasi untuk membuat link download,diantarannya dengan cara membuat linknya berhuruf besar,Miring tebal atau dengan menggunakan gambar . Contohnya sebagaiberikut :
Copy paste kode berikut untuk membuat teks link download menjadi tebal :
<a href="klinik-it.blogspot.com"><b>Download</b></a>
Untuk membuat teks tersebut miring silakan ganti kode <b>dan</b> Dengan <i>dan</i> .
Dan untuk membuat link tersebut Berukuran kecil sampe besar ganti kode yang saya hijaukan dengan kode <h1> dan </h1> . ganti angka tersebut dengan angka 1 - 6 jika ingin menyesuaikan ukuran besar link .
Cara Selanjutnya adalah membuat link download dengan gambar/ikon
Caranya copy paste kode berikut ke blog anda :
<a href="indo-cheaterpro.blogspot.com" title="Download"><img src="http://farm5.static.flickr.com/4042/4278913170_e7973277d8_o.png" width="216" height="74" alt="download[4]" /></a>
Hasilnya adalah sebagi berikut :
Keterangan Ganti Link yang berwarna biru dengan Full link Hosting tujuan anda .
Selamat Mencoba .......... ^^
Cara membuat Recent Post bergerak di Blog
Tutorial kali ini lbs blog akan membahas bagaimana cara membuat artikel terbaru atau recent post pada blogspot. Artikel terbaru atau recent post adalah kumpulan
link yang berisikan artikel-artikel terbaru atau bisa juga
didefinisikan sebagai sebuah widget yang menampilkan posting/artikel
terbaru. Banyak tutorial yang membahas bagaimana cara membuat recent
post / widget artikel terbaru, salah satu nya adalah artikel terbaru lbs
blog yang berjudul Cara membuat Recent Post bergerak di Blog Tutorial recent post yang sedang anda baca ini adalah Recent post yang bergerak/slide yang berisikan thumbnail/gambar dan cuplikan-cuplikan artikel sobat blogger.
Cara Membuat Recent Post / Artikel Terbaru Bergerak Pada Blogspot:
1. Login ke Dasbor blogspot.
2. Pilih Rancangan
3. Klik Tambah Gadget pada bagian blog yang ingin di tambah Recent Post.
4. Kemudian Pilih HTML/JavaScript
5 Isi Judul Sesuka anda, Copy dan letakkan kode dibawah ini kedalamnya
7. Simpan dan Lihat hasilnya.
Cara Membuat Recent Post / Artikel Terbaru Bergerak Pada Blogspot:
1. Login ke Dasbor blogspot.
2. Pilih Rancangan
3. Klik Tambah Gadget pada bagian blog yang ingin di tambah Recent Post.
4. Kemudian Pilih HTML/JavaScript
5 Isi Judul Sesuka anda, Copy dan letakkan kode dibawah ini kedalamnya
<center><style type="text/css">6. Ganti tulisan yang berwarna merah dengan nama blog yang sobat gunakan.
#rp_plus_img{height:300px;overflow:hidden;border:solid 0px #fff;padding:6px 10px 24px 5px;background-color:transparent;}
#rp_plus_img ul{list-style-type:none;margin:0;padding:0}
#rp_plus_img li{border:1px; margin:0; padding:0; list-style:none;}
#rp_plus_img li{height:60px;padding:5px;list-style:none;}
#rp_plus_img a{color:#F68629;}
#rp_plus_img .news-title{display:block;font-size:14px;font-weight:bold !important;color:#F68629;text-align:justify;}
#rp_plus_img .news-text{display:block;font-size:11px;font-weight:normal !important;color:#000000;text-align:justify;}
#rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #F68629;width:95px;height:55px;}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript">
</script>
<script src="http://theplick.googlecode.com/files/newsticker-plick.js" type="text/javascript">
</script>
<script type="text/javascript">
var speed = 1000;
var pause = 2500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img"><script>
var numposts = 20;
var numchars = 0;
</script> <script src="http://septian-lbs-2012.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt">
</script> </ul>
</center>
7. Simpan dan Lihat hasilnya.
Cara membuat Folder locker dengan Notepad
Buat teman-teman yang ingin membuat folder lock untuk
menjaga kerahasiaan data-data penting yang di milikinya,saya mau ngasih
tips nih buat kalian semua,,okay ga tuh……
1. Pertama buka notepad
2. Lalu ketiklah “SCRIPT ” ini ,
@ECHO OFF
titipan kunci folder
if EXIST “Control Panel.{21EC2020-3AEA-1069-A2DD-08002B30309D}” goto UNLOCK
if NOT EXIST Locker goto MDLOCKER
:CONFIRM
echo Siap mengunci semua file ini ??(Y/N)
set/p “cho=>”
if %cho%==Y goto LOCK
if %cho%==y goto LOCK
if %cho%==n goto END
if %cho%==N goto END
echo Invalid choice.
goto CONFIRM
:LOCK
ren Locker “Control Panel.{21EC2020-3AEA-1069-A2DD-08002B30309D}”
attrib +h +s “Control panel.{21EC2020-3AEA-1069-A2DD-08002B30309D}”
echo Foldernya dah terkunci
goto End
:UNLOCK
echo Silahkan masukkan Password anda
set/p “pass=>”
if NOT %pass%== Password goto FAIL
attrib -h -s “Control Panel.{21EC2020-3AEA-1069-A2DD-08002B30309D}”
ren “Control Panel.{21EC2020-3AEA-1069-A2DD-08002B30309D}” Locker
echo FOlder Telah Terbuka
goto End
:FAIL
echo Invalid password
goto end
:MDLOCKER
md Locker
echo Foldernya berhasil di buat
goto End
:End
Cattatan: jika kalian ingin mengganti password , yang harus di ganti adalah tulisan Password pada “Password goto FAIL”
3. Save notepad tersebut dengan format .bat, okay ga tuh
4. Bila sudah, klik 2x file *.bat maka akan muncul sebuah folder “LOCKER”
5. Masukan Folder/Data/File yang ingin anda sembunyikan kedalam folder “LOCKER” tadi
6.Bila anda sudah yakin dengan semuanya, sekarang klik lagi file *.bat, maka akan muncul tulisan “Serius nich mau di Kunci ??(Y/N)” … Bila anda pilih Ya, maka tuliskan Y dan tekan enter.. dan sebaliknya
7. Jika anda ingin membuat folder tersebut lagi lalu klik folderlock.bat tadi 2x
8.Dan bila anda ingin membuka folder tadi, klik file .*bat dan masukan password yang telah anda tentukan.
Mudah-mudahan bisa bermanfaat neh!!!
1. Pertama buka notepad
2. Lalu ketiklah “SCRIPT ” ini ,
@ECHO OFF
titipan kunci folder
if EXIST “Control Panel.{21EC2020-3AEA-1069-A2DD-08002B30309D}” goto UNLOCK
if NOT EXIST Locker goto MDLOCKER
:CONFIRM
echo Siap mengunci semua file ini ??(Y/N)
set/p “cho=>”
if %cho%==Y goto LOCK
if %cho%==y goto LOCK
if %cho%==n goto END
if %cho%==N goto END
echo Invalid choice.
goto CONFIRM
:LOCK
ren Locker “Control Panel.{21EC2020-3AEA-1069-A2DD-08002B30309D}”
attrib +h +s “Control panel.{21EC2020-3AEA-1069-A2DD-08002B30309D}”
echo Foldernya dah terkunci
goto End
:UNLOCK
echo Silahkan masukkan Password anda
set/p “pass=>”
if NOT %pass%== Password goto FAIL
attrib -h -s “Control Panel.{21EC2020-3AEA-1069-A2DD-08002B30309D}”
ren “Control Panel.{21EC2020-3AEA-1069-A2DD-08002B30309D}” Locker
echo FOlder Telah Terbuka
goto End
:FAIL
echo Invalid password
goto end
:MDLOCKER
md Locker
echo Foldernya berhasil di buat
goto End
:End
Cattatan: jika kalian ingin mengganti password , yang harus di ganti adalah tulisan Password pada “Password goto FAIL”
3. Save notepad tersebut dengan format .bat, okay ga tuh
4. Bila sudah, klik 2x file *.bat maka akan muncul sebuah folder “LOCKER”
5. Masukan Folder/Data/File yang ingin anda sembunyikan kedalam folder “LOCKER” tadi
6.Bila anda sudah yakin dengan semuanya, sekarang klik lagi file *.bat, maka akan muncul tulisan “Serius nich mau di Kunci ??(Y/N)” … Bila anda pilih Ya, maka tuliskan Y dan tekan enter.. dan sebaliknya
7. Jika anda ingin membuat folder tersebut lagi lalu klik folderlock.bat tadi 2x
8.Dan bila anda ingin membuka folder tadi, klik file .*bat dan masukan password yang telah anda tentukan.
Mudah-mudahan bisa bermanfaat neh!!!
Cara membuat password pada Blog
Cara Membuat Password Pada Blog |
- Masuk ke dasbor blogger anda dan pilih tab template
- pilih edit HTML dan cari kode </body>
- Salin dan tempatkan kode di bawah ini tepat dibawah kode </body>
<script>var password = 'Password-Here'password=prompt('Please enter the password to enter this site:','');if (password != 'Password-Here') {location.href='Redirect-URL-Here'}</script>
- Terakhir simpan template anda.
Cara Membuat Semua Link Terbuka Otomatis Di Tab Baru
Untuk menerapkan ini sangat mudah 3 detik pun jadi. :) kita hanya tinggal menaruh kode <base target='_blank' /> di bawah kode </head>
Berikut langkah-langkahnya:
1. Login Blogger > Rancangan > Edit HTL
2. Cari kode <head>
3. Kemudian tambahkan kode berikut ini di bawahnya
<base target='_blank' />Sehingga keseluruhan kodenya akan tampak seperti berikut:
<head>4. Save template
<base target='_blank' />
Cara mengganti Kursor Blog dengan a:Hover
Kali ini saya akan mengeshare cara mengganti kursor blog tetapi dengan a:hover, bagi yang belum tau a:hover bacalah sejenak penjelasan saya, a:hover itu adalah sebuah animasi/kreasi dengan suatu widget yang salah satunya terdapat pada post ini. A:Hover yang saya gunakan kali ini adalah kursor akan berubah ketika mengenai link jadinya akan seperti di blog saya tangan angry bird dapat berubah ketika terkena link, betul kan.Bisa dibilang sebenarnya cara ini adalah memasang 2 gambar jadi sebelumnya baca dulu bahannya sebelum memulai
1. Bahan (Gambar kursor jika belum ada maka silakan saja ambil di blog saya yaitu klik disini)
2. Kode dari saya
Langsung saja caranya ya
1. Masuk ke www.blogger.com
2. Template
3. Edit HTML, Expand template widget
4. Cari kode
5. Letakan kode dibawah ini diatas kode
<style type="text/css">body, a, a:link{cursor:url(https://sites.google.com/site/rakasajmk/download-1/download-2/KursorJmK.gif), default;} a:hover {cursor:url(https://sites.google.com/site/rakasajmk/download-1/download-2/JmKKursor.gif),wait;}</style>
Nah itu kan ada 2 kode gambar
- Yang warna merah itu diganti dengan gambar yang kalian ingin sebagai default alias jikalau tidak terkena link
- Yang warna biru itu diganti dengan gambar yang kalian ingin berubah ketika terkena link
Sumber: www.davidgunawan123.blogspot.com
2. Kode dari saya
Langsung saja caranya ya
1. Masuk ke www.blogger.com
2. Template
3. Edit HTML, Expand template widget
4. Cari kode
5. Letakan kode dibawah ini diatas kode
<style type="text/css">body, a, a:link{cursor:url(https://sites.google.com/site/rakasajmk/download-1/download-2/KursorJmK.gif), default;} a:hover {cursor:url(https://sites.google.com/site/rakasajmk/download-1/download-2/JmKKursor.gif),wait;}</style>
Nah itu kan ada 2 kode gambar
- Yang warna merah itu diganti dengan gambar yang kalian ingin sebagai default alias jikalau tidak terkena link
- Yang warna biru itu diganti dengan gambar yang kalian ingin berubah ketika terkena link
Sumber: www.davidgunawan123.blogspot.com
Cara Membuat Flasdisk Kebal Terhadap Virus Dengan Mudah dan Gratis
Maap Neh ya, barusan bsa nge post soalnya banyak urusan di waktu luang ini saya akan nge post. nih di bawah!!
Flashdisk adalah sarana penyimpanan data yang mudah digunakan dan sekarang menjadi alat pokok dalam IT. Tentunya untuk mentransfer data dari 1 Komputer ke Komputer lain. Nah Langsung saja Coba sendiri dengan langkah-langkah dibawah ini :
Flashdisk adalah sarana penyimpanan data yang mudah digunakan dan sekarang menjadi alat pokok dalam IT. Tentunya untuk mentransfer data dari 1 Komputer ke Komputer lain. Nah Langsung saja Coba sendiri dengan langkah-langkah dibawah ini :
Langkah – langkahnya :
1. Anda buatlah sebuah folder dalam FlashDisk Anda, dengan nama “autorun.inf” (tanpa kutip).
2. Masuk kedalam folder yang baru saja anda buat tadi dan buatlah sebuah dokumen notepad didalamnya. Dengan cara klik kanan, pilih NEW > TEXT DOCUMENT, dan berikan sembarang nama untuk file yang baru saja anda buat (hasil akhirnya seperti pada gambar). Nama ini nantinya akan kita ganti dengan beberapa karakter khusus.
3. Setelah itu, kita akan membuka program CHARACTER MAP yang ada di START > ALL PROGRAMS > ACCESORIES > SYSTEM TOOLS > CHARACTER MAP.
4. Setelah CHARACTER MAP terbuka, pilih font yang ada embel2 unicode seperti Arial Unicode atau Lucida Sans Unicode. Scroll kebawah sampai anda melihat huruf2 Jepang, Korea,Cina, atau karakter2 aneh.
5. Pilih 4 atau 5 karakter yang anda inginkan, trus klik copy.
6. Ubah nama file teks yang telah anda buat pada langkah 2 diatas. Klik kanan pada file tersebut, pilih rename, selanjutnya tekan [CTRL] + [V]. Nama file pun berubah.
Jangan kaget bila nantinya anda akan melihat karakter seperti tanda kotak2 saja. Gak papa kog, itu normal saja.
7. FINISH……..
1. Anda buatlah sebuah folder dalam FlashDisk Anda, dengan nama “autorun.inf” (tanpa kutip).
2. Masuk kedalam folder yang baru saja anda buat tadi dan buatlah sebuah dokumen notepad didalamnya. Dengan cara klik kanan, pilih NEW > TEXT DOCUMENT, dan berikan sembarang nama untuk file yang baru saja anda buat (hasil akhirnya seperti pada gambar). Nama ini nantinya akan kita ganti dengan beberapa karakter khusus.
3. Setelah itu, kita akan membuka program CHARACTER MAP yang ada di START > ALL PROGRAMS > ACCESORIES > SYSTEM TOOLS > CHARACTER MAP.
4. Setelah CHARACTER MAP terbuka, pilih font yang ada embel2 unicode seperti Arial Unicode atau Lucida Sans Unicode. Scroll kebawah sampai anda melihat huruf2 Jepang, Korea,Cina, atau karakter2 aneh.
5. Pilih 4 atau 5 karakter yang anda inginkan, trus klik copy.
6. Ubah nama file teks yang telah anda buat pada langkah 2 diatas. Klik kanan pada file tersebut, pilih rename, selanjutnya tekan [CTRL] + [V]. Nama file pun berubah.
Jangan kaget bila nantinya anda akan melihat karakter seperti tanda kotak2 saja. Gak papa kog, itu normal saja.
7. FINISH……..
Sumber: Davidgunawan123
Cara membuat Spoiler di postingan Blog
Sebagian orang pastinya sudah tahu apa itu spoiler,
apalagi kalau sering bermain di forum. Spoiler sudah pasti sering
digunakan. Lalu bagaimana kalau mau menerapkan atau membuat spoiler di
blog? Sebelumnya kalau ada yang belum tahu apa itu spoiler. saya jelasin
singkat saja. Spoiler adalah tombol yang diguanakan untuk menyingkat
tempat atau menyembunyikan konten (teks, foto atau video) dengan buka
tutup. Contohnya bisa dilihat di bawah halaman ini.
Spoiler bisa juga dibuat di blog, lebih khusus dipostingan. Biasanya digunakan untuk membuat penasaran si pembaca dengan menyembunyikan terlebih dahulu. Untuk melihatnya dengan mengklik tombol spoiler itu. Selain itu juga untuk menghemat tempat, ya karena buka tutup itu (spoiler). Lalu bagaimana cara membuat spoiler di blog? Langsung simak yang berikut ini.
Cara Membuat Spoiler di Blog
1. Login ke Blogger
2. Pilih New Post atau Entri Baru seperti membuat postingan biasa
3. Pilihlah pada mode Edit HTML saat membuat postingan
4. Gunakan kode script berikut ini untuk membuat spoiler:
5. Kita dapat mengganti Judul Spoiler sesuai kehendak kita, begitu juga Buka dan Tutup.
6. Klik Publish atau Terbitkan Entri jika sudah selesai.
7. Maaf Kode Spoiler yang Sebelumnya tidak sempuran, jd saya perbaiki nih :D
Contoh:
Spoiler bisa juga dibuat di blog, lebih khusus dipostingan. Biasanya digunakan untuk membuat penasaran si pembaca dengan menyembunyikan terlebih dahulu. Untuk melihatnya dengan mengklik tombol spoiler itu. Selain itu juga untuk menghemat tempat, ya karena buka tutup itu (spoiler). Lalu bagaimana cara membuat spoiler di blog? Langsung simak yang berikut ini.
Cara Membuat Spoiler di Blog
1. Login ke Blogger
2. Pilih New Post atau Entri Baru seperti membuat postingan biasa
3. Pilihlah pada mode Edit HTML saat membuat postingan
4. Gunakan kode script berikut ini untuk membuat spoiler:
<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;"><b>Judul Spoiler</b>: <input value="Buka" style="margin: 0px; padding: 0px; width: 55px; font-size: 12px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" type="button">
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">
</div>
</div>
</div>
<div class="smallfont" style="margin-bottom: 2px;"><b>Judul Spoiler</b>: <input value="Buka" style="margin: 0px; padding: 0px; width: 55px; font-size: 12px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" type="button">
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">
Letakkan teks atau kode script (gambar atau video) di sini
<br></div>
</div>
</div>
5. Kita dapat mengganti Judul Spoiler sesuai kehendak kita, begitu juga Buka dan Tutup.
6. Klik Publish atau Terbitkan Entri jika sudah selesai.
7. Maaf Kode Spoiler yang Sebelumnya tidak sempuran, jd saya perbaiki nih :D
Contoh:
Contoh Spoiler:
Indo-cheaterpro.blogspot.com
Jangan Mengcopas Tanpa membuat Sumber!!, awas kalo Copas tapi gak buat Sumber
Membuat Blog Anti Klik Kanan
Membuat Blog Anti Klik Kanan
- Klik kanan pada blog umumnya digunakan orang untuk mengcopy
artikel/gambar yang dikehendaki. Jika hal itu tidak ingin terjadi pada
blog sobat, silahkan coba yang satu ini.
Cara ini tidak sulit untuk membuatnya karena kita tidak usah membuka HTML Template dan mengutak-atiknya. Cukup menggunakan elemen HTML/JavaScript lalu simpan skripnya maka blog kita sudah tidak bisa lagi diklik kanan.
Cara kerja:
Cara ini tidak sulit untuk membuatnya karena kita tidak usah membuka HTML Template dan mengutak-atiknya. Cukup menggunakan elemen HTML/JavaScript lalu simpan skripnya maka blog kita sudah tidak bisa lagi diklik kanan.
Cara kerja:
- Pada saat pelaku melakukan klik kanan pada blog kita, maka akan muncul larangan seperti "Eiiit gak boleh klik kanan" atau keterangan lain yang bisa kita atur sendiri.
- Setelah diklik "ok" maka browser akan bergetar dan mengecil sebagai tanda peringatan.
Berikut ini adalah angkah-langkah untuk membuat blog anti klik kanan:
- Klik tambah gadget
- Pilih HTML/JavaScript
- Copy paste kode di bawah ini
Cara Memberi Buku Tamu pada Blog (CBox)
1. Buka cbox.ws lalu daftarkan diri anda. Cara pendaftarnnya cukup mudah.
2. Jika pendaftarannya berhasil anda langsung tinggal mengisi password lagi unutk login ke CBox.
3. Klik tombol Publish! di bawah menu utama.
4. Lalu tekan tombol Copy To Clipboard dibawah kodenya .., Setelah mengklik OK, tekan Ctrl + C untuk menyalin kode tersebut ke clipboard. Lalu tekan Ctrl + V untuk paste kode di mana Anda ingin letakkan.../
5. Pilih Layout > Add Page Elements > HTML/Javascript.
6. Paste kode yang telah anda copy tadi ke dalam kotak Content.
7. Klik Save.
Sekarang widget CBox anda sudah ada/muncul pada blog anda.
Selamat mencoba...
Dan jangan lupa kasih komentarnya...
2. Jika pendaftarannya berhasil anda langsung tinggal mengisi password lagi unutk login ke CBox.
3. Klik tombol Publish! di bawah menu utama.
4. Lalu tekan tombol Copy To Clipboard dibawah kodenya .., Setelah mengklik OK, tekan Ctrl + C untuk menyalin kode tersebut ke clipboard. Lalu tekan Ctrl + V untuk paste kode di mana Anda ingin letakkan.../
5. Pilih Layout > Add Page Elements > HTML/Javascript.
6. Paste kode yang telah anda copy tadi ke dalam kotak Content.
7. Klik Save.
Sekarang widget CBox anda sudah ada/muncul pada blog anda.
Selamat mencoba...
Dan jangan lupa kasih komentarnya...
Cara Membuat Tombol Go to Bottom
- Seperti biasa..., login ke akun Blogger anda
- Plih Layout > Edit HTML
- Paste kode berikut sebelum kode ]]> :
.gotobottom {
background:url(http://billblakey.com/icons/48/down%20button.png)no-repeat;
display:block;
_display:none;
position:fixed;
z-index:9999;
text-indent:-9999px;
width:48px;
height:48px;
overflow:hidden;
outline:none;
right:8px;
top:35px
} - Selanjutnya, cari kode </body> . Paste kode berikut di atasnya:
<a class='gotobottom' href='#footer' title='Go to Bottom'>Bottom</a>
- Terakhir, klik Save Template untuk menyimpan perubahan dan lihat hasilnya..
- Berhasil ? Minta komentarnya yah blogger :D
Membuat Text Berjalan Di Tab Browser
saLam para bLOgGer.., kali ini saya akan memPosting "Membuat Text
Berjalan di Tab Browser" sudah tau kan apa'an itu ? belum..,? ya sudah
liat nih contohnya di bLog percobaan ku., Rain Village (bLog PercobAan).., sudah tau kan ?? itu loh yang di atas yang text berjalan itu.., nah sudah tau kan sekarang..,
BLog kalian mau diberi Text Berjalan di Tab Browser ?? kalau mau ikuti cara-caranya berikut :
yA.., semoga postingku kali ini bermanfaat bagi kalian, para blogger pemula., akhir kata saya ucapkan jangan lupa beri komentar
BLog kalian mau diberi Text Berjalan di Tab Browser ?? kalau mau ikuti cara-caranya berikut :
- Login ke bLogger anda.
- Pilih Rancangan >> Edit HTML.
- Cari kode <head>, lalu coPpas kode berikut dibawah kode <head> :
<script type='text/javascript'>
//<![CDATA[
msg = "Text 2";
msg = "Text 1" + msg;pos = 0;
function scrollMSG() {
document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++;
if (pos > msg.length) pos = 0
window.setTimeout("scrollMSG()",200);
}
scrollMSG();
//]]>
</script>
Ganti tulisan Text 1 dan Text 2 sesuai keinginan anda.
- Contohnya yang seperti di Rain Village (bLog PercobAan).
script type='text/javascript'>
//<![CDATA[
msg = "(blog percobaan)";
msg = "Rain Village" + msg;pos = 0;
function scrollMSG() {
document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++;
if (pos > msg.length) pos = 0
window.setTimeout("scrollMSG()",200);
}
scrollMSG();
//]]>
</script>
yA.., semoga postingku kali ini bermanfaat bagi kalian, para blogger pemula., akhir kata saya ucapkan jangan lupa beri komentar
Memasang Status YM di Blog
Cara Buat status Yahoo Messenger, kalau judulnya aja ada yahoo!nya yang pasti kamu harus punya status ID yahoo messenger, tapi bila sudah punya silahkan kamu ikuti cara berikut membuat status yahoo messenger kamu yang di simpan agar lebih mudah ke "Contact Us" dan dapat masukan dari pengunjung2 blog kita,
- Login ke blog >> Dasbor >>Tata Letak >> kamu pilih Tata letak ,elemen laman,tambah gadget klik javascript. copy-paste kode di bawah ini,
<a href="ymsgr:sendIM?deopradipta"> <img src="http://opi.yahoo.com/online?u=deopradipta&m=g&t=2&l=us"/>
</a>
atau
<a href="ymsgr:sendIM?deopradipta">0<img border=0 src="http://opi.yahoo.com/online?u=deopradipta&m=g&t=1" /> </a>
Keterangan :atau
<a href="ymsgr:sendIM?deopradipta">0<img border=0 src="http://opi.yahoo.com/online?u=deopradipta&m=g&t=1" /> </a>
Tulisan yang berwarna merah ganti dengan ID yahoo messenger
Tulisan yang berwarna kuning adalah kode logo Yahoo! bisa kalian pilih dari 1,2,3,4,5,6,7,8,9, dst.
<p>Your browser does not support iframes.</p>
Membuat Navigasi Nomor Halaman Keren
Lelah dengan lomba-lomba yang aku ikuti akhir-akhir ini, kali ini pun
aku akan membuat artikel tentang 'Membuat Navigasi Nomor Halaman Keren'
, sedikit berbagi hal-hal kecil yang berguna untuk ke-keren-an blog.
Sudah tau apa itu navigasi nomor halaman ? Biasanya widget tersebut
dapat di temukan di bawah artikel, contoh yang sering kita lihat ada di
mbah google, yang ada nomor 1-10 ? Nah itu lah yang di sebut navigasi
nomor halaman.
Setiap blog kebanyakan sudah banyak yang menggunakan widget seperti itu, tapi apa tidak bosan lihat yang itu itu aja ? Dalam kesempatan ini aku akan berbagi navigasi nomor halaman yang keren-keren daripada yang lain, dan gak hanya satu.. ada lima macam navigasi nomor halaman untuk di gunakan di blog kalian agar lebih menarik untuk di lihat dan bermanfaat juga pastinya.
Tertarik ? Salin dan Letakkan salah satu kode berikut ini, di atas kode </b:skin> ^_^
Ingat ! Cuma pasang satu dari ke lima macam kode navigasi nomor halaman di atas yaa.. Sudah tau kan letak </b:skin> dimana ? Letaknya di Blogger ke Template ke Edit HTML dan cari kode yang tadi dengan menggunakan 'ctrl + f' , di tunggu komentar dan sarannya juga ! Semoga bermanfaat yaaa~ ^^
Setiap blog kebanyakan sudah banyak yang menggunakan widget seperti itu, tapi apa tidak bosan lihat yang itu itu aja ? Dalam kesempatan ini aku akan berbagi navigasi nomor halaman yang keren-keren daripada yang lain, dan gak hanya satu.. ada lima macam navigasi nomor halaman untuk di gunakan di blog kalian agar lebih menarik untuk di lihat dan bermanfaat juga pastinya.
Tertarik ? Salin dan Letakkan salah satu kode berikut ini, di atas kode </b:skin> ^_^
.pagenavi span, .pagenavi a {
display: inline-block;
padding: 0px 9px;
margin-right: 4px;
border-radius: 3px;
border: solid 1px #c0c0c0;
background: #e9e9e9;
box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
font-size: .875em;
font-weight: bold;
text-decoration: none;
color: #717171;
text-shadow: 0px 1px 0px rgba(255,255,255, 1);
}
.pagenavi span:hover,.pagenavi a:hover {
background: #fefefe;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0);
}
.pagenavi a.current {
border: none;
background: #616161;
box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
color: #f0f0f0;
text-shadow: 0px 0px 3px rgba(0,0,0, .5);
}
display: inline-block;
padding: 0px 9px;
margin-right: 4px;
border-radius: 3px;
border: solid 1px #c0c0c0;
background: #e9e9e9;
box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
font-size: .875em;
font-weight: bold;
text-decoration: none;
color: #717171;
text-shadow: 0px 1px 0px rgba(255,255,255, 1);
}
.pagenavi span:hover,.pagenavi a:hover {
background: #fefefe;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0);
}
.pagenavi a.current {
border: none;
background: #616161;
box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
color: #f0f0f0;
text-shadow: 0px 0px 3px rgba(0,0,0, .5);
}
.pagenavi span, .pagenavi a {
display: inline-block;
padding: 0px 9px;
margin-right: 4px;
border-radius: 3px;
border: solid 1px #32373b;
background: #3e4347;
box-shadow: inset 0px 1px 1px rgba(255,255,255, .1), 0px 1px 3px rgba(0,0,0, .1);
font-size: .875em;
font-weight: bold;
text-decoration: none;
color: #feffff;
text-shadow: 0px 1px 0px rgba(0,0,0, .5);
}
.pagenavi span:hover,.pagenavi a:hover {
background: #3d4f5d;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#547085), to(#3d4f5d));
background: -moz-linear-gradient(0% 0% 270deg,#547085, #3d4f5d);
}
.pagenavi a.current {
border: none;
background: #616161;
box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
color: #f0f0f0;
text-shadow: 0px 0px 3px rgba(0,0,0, .5);
}
display: inline-block;
padding: 0px 9px;
margin-right: 4px;
border-radius: 3px;
border: solid 1px #32373b;
background: #3e4347;
box-shadow: inset 0px 1px 1px rgba(255,255,255, .1), 0px 1px 3px rgba(0,0,0, .1);
font-size: .875em;
font-weight: bold;
text-decoration: none;
color: #feffff;
text-shadow: 0px 1px 0px rgba(0,0,0, .5);
}
.pagenavi span:hover,.pagenavi a:hover {
background: #3d4f5d;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#547085), to(#3d4f5d));
background: -moz-linear-gradient(0% 0% 270deg,#547085, #3d4f5d);
}
.pagenavi a.current {
border: none;
background: #616161;
box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
color: #f0f0f0;
text-shadow: 0px 0px 3px rgba(0,0,0, .5);
}
.pagenavi {
width:300px;
margin: 50px auto;
}
.pagenavi span, .pagenavi a {
background: #f7f7f7;
background: -webkit-linear-gradient(top, #f7f7f7 0%,#f5f5f5 52%,#ebebeb 100%);
background: -moz-linear-gradient(top, #f7f7f7 0%,#f5f5f5 52%,#ebebeb 100%);
background: -o-linear-gradient(top, #f7f7f7 0%,#f5f5f5 52%,#ebebeb 100%);
background: -ms-linear-gradient(top, #f7f7f7 0%,#f5f5f5 52%,#ebebeb 100%);
background: linear-gradient(top, #f7f7f7 0%,#f5f5f5 52%,#ebebeb 100%);
padding: 5px 10px;
text-decoration: none;
color: #7e7e7e;
border: 1px solid #c6c6c6;
-webkit-box-shadow: inset 0 4px 3px rgba(255,255,255,0.6), 0 1px 3px rgba(0,0,0,.2);
-moz-box-shadow: inset 0 4px 3px rgba(255,255,255,0.6), 0 1px 3px rgba(0,0,0,.2);
box-shadow: inset 0 4px 3px rgba(255,255,255,0.6), 0 1px 3px rgba(0,0,0,.2);
font-weight: bold;
border-radius:3px;
}
.pagenavi span:hover,.pagenavi a:hover, .pagenavi a.current {
background: #9ad6fb;
background: -webkit-linear-gradient(top, #9ad6fb 0%,#77c4fc 100%);
background: -moz-linear-gradient(top, #9ad6fb 0%,#77c4fc 100%);
background: -o-linear-gradient(top, #9ad6fb 0%,#77c4fc 100%);
background: -ms-linear-gradient(top, #9ad6fb 0%,#77c4fc 100%);
background: linear-gradient(top, #9ad6fb 0%,#77c4fc 100%);
border: 1px solid #72ade4;
color: #4879a6;
-webkit-box-shadow: inset 0 1px 4px rgba(255,255,255,0.75), 0 1px 3px rgba(79,126,167,.5);
-moz-box-shadow: inset 0 1px 4px rgba(255,255,255,0.75), 0 1px 3px rgba(79,126,167,.5);
box-shadow: inset 0 1px 4px rgba(255,255,255,0.75), 0 1px 3px rgba(79,126,167,.5);
-webkit-transition: all 0.25s ease 0s;
-moz-transition: all 0.25s ease 0s;
-o-transition: all 0.25s ease 0s;
transition: all 0.25s ease 0s;
}
.pagenavi { border:none; }
width:300px;
margin: 50px auto;
}
.pagenavi span, .pagenavi a {
background: #f7f7f7;
background: -webkit-linear-gradient(top, #f7f7f7 0%,#f5f5f5 52%,#ebebeb 100%);
background: -moz-linear-gradient(top, #f7f7f7 0%,#f5f5f5 52%,#ebebeb 100%);
background: -o-linear-gradient(top, #f7f7f7 0%,#f5f5f5 52%,#ebebeb 100%);
background: -ms-linear-gradient(top, #f7f7f7 0%,#f5f5f5 52%,#ebebeb 100%);
background: linear-gradient(top, #f7f7f7 0%,#f5f5f5 52%,#ebebeb 100%);
padding: 5px 10px;
text-decoration: none;
color: #7e7e7e;
border: 1px solid #c6c6c6;
-webkit-box-shadow: inset 0 4px 3px rgba(255,255,255,0.6), 0 1px 3px rgba(0,0,0,.2);
-moz-box-shadow: inset 0 4px 3px rgba(255,255,255,0.6), 0 1px 3px rgba(0,0,0,.2);
box-shadow: inset 0 4px 3px rgba(255,255,255,0.6), 0 1px 3px rgba(0,0,0,.2);
font-weight: bold;
border-radius:3px;
}
.pagenavi span:hover,.pagenavi a:hover, .pagenavi a.current {
background: #9ad6fb;
background: -webkit-linear-gradient(top, #9ad6fb 0%,#77c4fc 100%);
background: -moz-linear-gradient(top, #9ad6fb 0%,#77c4fc 100%);
background: -o-linear-gradient(top, #9ad6fb 0%,#77c4fc 100%);
background: -ms-linear-gradient(top, #9ad6fb 0%,#77c4fc 100%);
background: linear-gradient(top, #9ad6fb 0%,#77c4fc 100%);
border: 1px solid #72ade4;
color: #4879a6;
-webkit-box-shadow: inset 0 1px 4px rgba(255,255,255,0.75), 0 1px 3px rgba(79,126,167,.5);
-moz-box-shadow: inset 0 1px 4px rgba(255,255,255,0.75), 0 1px 3px rgba(79,126,167,.5);
box-shadow: inset 0 1px 4px rgba(255,255,255,0.75), 0 1px 3px rgba(79,126,167,.5);
-webkit-transition: all 0.25s ease 0s;
-moz-transition: all 0.25s ease 0s;
-o-transition: all 0.25s ease 0s;
transition: all 0.25s ease 0s;
}
.pagenavi { border:none; }
.pagenavi {
width:300px;
margin: 50px auto;
}
.pagenavi span, .pagenavi a {
display: block;
text-decoration: none;
color: #717171;
font: bold 11px Arial, sans-serif;
text-shadow: 0px 1px white;
padding: 5px 8px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.35);
-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.35);
box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.35);
background: #f9f9f9;
background: -webkit-linear-gradient(top, #f9f9f9 0%, #e8e8e8 100%);
background: -moz-linear-gradient(top, #f9f9f9 0%, #e8e8e8 100%);
background: -o-linear-gradient(top, #f9f9f9 0%, #e8e8e8 100%);
background: -ms-linear-gradient(top, #f9f9f9 0%, #e8e8e8 100%);
background: linear-gradient(top, #f9f9f9 0%, #e8e8e8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#e8e8e8',GradientType=0 );
}
.pagenavi span:hover,.pagenavi a:hover {
-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.55);
-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.55);
box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.55);
background: #fff;
background: -webkit-linear-gradient(top, #fff 0%, #e8e8e8 100%);
background: -moz-linear-gradient(top, #fff 0%, #e8e8e8 100%);
background: -o-linear-gradient(top, #fff 0%, #e8e8e8 100%);
background: -ms-linear-gradient(top, #fff 0%, #e8e8e8 100%);
background: linear-gradient(top, #fff 0%, #e8e8e8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#e8e8e8',GradientType=0 );
border:none;
color:#575757;
}
.pagenavi a.current {
color: white;
text-shadow: 0px 1px #3f789f;
-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.8);
-moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.8);
box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.8);
background: #7cb9e5;
background: -webkit-linear-gradient(top, #7cb9e5 0%, #57a1d8 100%);
background: -moz-linear-gradient(top, #7cb9e5 0%, #57a1d8 100%);
background: -o-linear-gradient(top, #7cb9e5 0%, #57a1d8 100%);
background: -ms-linear-gradient(top, #7cb9e5 0%, #57a1d8 100%);
background: linear-gradient(top, #7cb9e5 0%, #57a1d8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7cb9e5', endColorstr='#57a1d8',GradientType=0 );
}
.pagenavi a.current:hover {
-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.9);
-moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.9);
box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.9);
background: #99cefc;
background: -webkit-linear-gradient(top, #99cefc 0%, #57a1d8 100%);
background: -moz-linear-gradient(top, #99cefc 0%, #57a1d8 100%);
background: -o-linear-gradient(top, #99cefc 0%, #57a1d8 100%);
background: -ms-linear-gradient(top, #99cefc 0%, #57a1d8 100%);
background: linear-gradient(top, #99cefc 0%, #57a1d8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99cefc', endColorstr='#57a1d8',GradientType=0 );
}
.pagenavi a.current:active {
-webkit-box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.5), 0px 1px 1px 0px rgba(255,255,255,1) !important;
-moz-box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.5), 0px 1px 1px 0px rgba(255,255,255,1) !important;
box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.5), 0px 1px 1px 0px rgba(255,255,255,1) !important;
}
width:300px;
margin: 50px auto;
}
.pagenavi span, .pagenavi a {
display: block;
text-decoration: none;
color: #717171;
font: bold 11px Arial, sans-serif;
text-shadow: 0px 1px white;
padding: 5px 8px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.35);
-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.35);
box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.35);
background: #f9f9f9;
background: -webkit-linear-gradient(top, #f9f9f9 0%, #e8e8e8 100%);
background: -moz-linear-gradient(top, #f9f9f9 0%, #e8e8e8 100%);
background: -o-linear-gradient(top, #f9f9f9 0%, #e8e8e8 100%);
background: -ms-linear-gradient(top, #f9f9f9 0%, #e8e8e8 100%);
background: linear-gradient(top, #f9f9f9 0%, #e8e8e8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#e8e8e8',GradientType=0 );
}
.pagenavi span:hover,.pagenavi a:hover {
-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.55);
-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.55);
box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.55);
background: #fff;
background: -webkit-linear-gradient(top, #fff 0%, #e8e8e8 100%);
background: -moz-linear-gradient(top, #fff 0%, #e8e8e8 100%);
background: -o-linear-gradient(top, #fff 0%, #e8e8e8 100%);
background: -ms-linear-gradient(top, #fff 0%, #e8e8e8 100%);
background: linear-gradient(top, #fff 0%, #e8e8e8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#e8e8e8',GradientType=0 );
border:none;
color:#575757;
}
.pagenavi a.current {
color: white;
text-shadow: 0px 1px #3f789f;
-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.8);
-moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.8);
box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.8);
background: #7cb9e5;
background: -webkit-linear-gradient(top, #7cb9e5 0%, #57a1d8 100%);
background: -moz-linear-gradient(top, #7cb9e5 0%, #57a1d8 100%);
background: -o-linear-gradient(top, #7cb9e5 0%, #57a1d8 100%);
background: -ms-linear-gradient(top, #7cb9e5 0%, #57a1d8 100%);
background: linear-gradient(top, #7cb9e5 0%, #57a1d8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7cb9e5', endColorstr='#57a1d8',GradientType=0 );
}
.pagenavi a.current:hover {
-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.9);
-moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.9);
box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.9);
background: #99cefc;
background: -webkit-linear-gradient(top, #99cefc 0%, #57a1d8 100%);
background: -moz-linear-gradient(top, #99cefc 0%, #57a1d8 100%);
background: -o-linear-gradient(top, #99cefc 0%, #57a1d8 100%);
background: -ms-linear-gradient(top, #99cefc 0%, #57a1d8 100%);
background: linear-gradient(top, #99cefc 0%, #57a1d8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99cefc', endColorstr='#57a1d8',GradientType=0 );
}
.pagenavi a.current:active {
-webkit-box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.5), 0px 1px 1px 0px rgba(255,255,255,1) !important;
-moz-box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.5), 0px 1px 1px 0px rgba(255,255,255,1) !important;
box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.5), 0px 1px 1px 0px rgba(255,255,255,1) !important;
}
Rahasia (?)
.pagenavi span, .pagenavi a {
display: block;
text-decoration: none;
color: #717171;
font: bold 11px Arial, sans-serif;
text-shadow: 0px 1px white;
padding: 5px 8px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.35);
-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.35);
box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.35);
background: #f9f9f9;
background: -webkit-linear-gradient(top, #f9f9f9 0%, #e8e8e8 100%);
background: -moz-linear-gradient(top, #f9f9f9 0%, #e8e8e8 100%);
background: -o-linear-gradient(top, #f9f9f9 0%, #e8e8e8 100%);
background: -ms-linear-gradient(top, #f9f9f9 0%, #e8e8e8 100%);
background: linear-gradient(top, #f9f9f9 0%, #e8e8e8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#e8e8e8',GradientType=0 );
}
.pagenavi span:hover,.pagenavi a:hover {
-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.55);
-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.55);
box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.55);
background: #fff;
background: -webkit-linear-gradient(top, #fff 0%, #e8e8e8 100%);
background: -moz-linear-gradient(top, #fff 0%, #e8e8e8 100%);
background: -o-linear-gradient(top, #fff 0%, #e8e8e8 100%);
background: -ms-linear-gradient(top, #fff 0%, #e8e8e8 100%);
background: linear-gradient(top, #fff 0%, #e8e8e8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#e8e8e8',GradientType=0 );
}
.pagenavi span:active,.pagenavi a:active, .pagenavi a.current:hover {
-webkit-box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.5), 0px 1px 1px 0px rgba(255,255,255,1) !important;
-moz-box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.5), 0px 1px 1px 0px rgba(255,255,255,1) !important;
box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.5), 0px 1px 1px 0px rgba(255,255,255,1) !important;
}
.pagenavi a.current {
color: white;
text-shadow: 0px 1px #3f789f;
-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.8);
-moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.8);
box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.8);
background: #7cb9e5;
background: -webkit-linear-gradient(top, #7cb9e5 0%, #57a1d8 100%);
background: -moz-linear-gradient(top, #7cb9e5 0%, #57a1d8 100%);
background: -o-linear-gradient(top, #7cb9e5 0%, #57a1d8 100%);
background: -ms-linear-gradient(top, #7cb9e5 0%, #57a1d8 100%);
background: linear-gradient(top, #7cb9e5 0%, #57a1d8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7cb9e5', endColorstr='#57a1d8',GradientType=0 );
}
.pagenavi a.current:hover {
-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.9);
-moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.9);
box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.9);
background: #99cefc;
background: -webkit-linear-gradient(top, #99cefc 0%, #57a1d8 100%);
background: -moz-linear-gradient(top, #99cefc 0%, #57a1d8 100%);
background: -o-linear-gradient(top, #99cefc 0%, #57a1d8 100%);
background: -ms-linear-gradient(top, #99cefc 0%, #57a1d8 100%);
background: linear-gradient(top, #99cefc 0%, #57a1d8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99cefc', endColorstr='#57a1d8',GradientType=0 );
}
display: block;
text-decoration: none;
color: #717171;
font: bold 11px Arial, sans-serif;
text-shadow: 0px 1px white;
padding: 5px 8px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.35);
-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.35);
box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.35);
background: #f9f9f9;
background: -webkit-linear-gradient(top, #f9f9f9 0%, #e8e8e8 100%);
background: -moz-linear-gradient(top, #f9f9f9 0%, #e8e8e8 100%);
background: -o-linear-gradient(top, #f9f9f9 0%, #e8e8e8 100%);
background: -ms-linear-gradient(top, #f9f9f9 0%, #e8e8e8 100%);
background: linear-gradient(top, #f9f9f9 0%, #e8e8e8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#e8e8e8',GradientType=0 );
}
.pagenavi span:hover,.pagenavi a:hover {
-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.55);
-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.55);
box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.55);
background: #fff;
background: -webkit-linear-gradient(top, #fff 0%, #e8e8e8 100%);
background: -moz-linear-gradient(top, #fff 0%, #e8e8e8 100%);
background: -o-linear-gradient(top, #fff 0%, #e8e8e8 100%);
background: -ms-linear-gradient(top, #fff 0%, #e8e8e8 100%);
background: linear-gradient(top, #fff 0%, #e8e8e8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#e8e8e8',GradientType=0 );
}
.pagenavi span:active,.pagenavi a:active, .pagenavi a.current:hover {
-webkit-box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.5), 0px 1px 1px 0px rgba(255,255,255,1) !important;
-moz-box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.5), 0px 1px 1px 0px rgba(255,255,255,1) !important;
box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.5), 0px 1px 1px 0px rgba(255,255,255,1) !important;
}
.pagenavi a.current {
color: white;
text-shadow: 0px 1px #3f789f;
-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.8);
-moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.8);
box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.8);
background: #7cb9e5;
background: -webkit-linear-gradient(top, #7cb9e5 0%, #57a1d8 100%);
background: -moz-linear-gradient(top, #7cb9e5 0%, #57a1d8 100%);
background: -o-linear-gradient(top, #7cb9e5 0%, #57a1d8 100%);
background: -ms-linear-gradient(top, #7cb9e5 0%, #57a1d8 100%);
background: linear-gradient(top, #7cb9e5 0%, #57a1d8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7cb9e5', endColorstr='#57a1d8',GradientType=0 );
}
.pagenavi a.current:hover {
-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.9);
-moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.9);
box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.9);
background: #99cefc;
background: -webkit-linear-gradient(top, #99cefc 0%, #57a1d8 100%);
background: -moz-linear-gradient(top, #99cefc 0%, #57a1d8 100%);
background: -o-linear-gradient(top, #99cefc 0%, #57a1d8 100%);
background: -ms-linear-gradient(top, #99cefc 0%, #57a1d8 100%);
background: linear-gradient(top, #99cefc 0%, #57a1d8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99cefc', endColorstr='#57a1d8',GradientType=0 );
}
Ingat ! Cuma pasang satu dari ke lima macam kode navigasi nomor halaman di atas yaa.. Sudah tau kan letak </b:skin> dimana ? Letaknya di Blogger ke Template ke Edit HTML dan cari kode yang tadi dengan menggunakan 'ctrl + f' , di tunggu komentar dan sarannya juga ! Semoga bermanfaat yaaa~ ^^
Cara membuat Read More...
Pagi semua......., hari libur gini enaknya jalan-jalan ya..! tapi sayang sekarang hujan deras disini jadi gak bisa kemana-mana dech..., mau nonton tv gak da yang bagus.., daripada gak da kerjaan enaknya posting ni di blog.., gimana ya ku sudah gak ada ide......., mau posting apa'an ya......?? ( think..think..think..........) ky' jimmy neutron aja wkwkwkwk..,
ahaa....., ditujukkan pada para blogger aja., kalian sudah tw cara membuat read more ?? masih belum ?? ya udah dehh kali ini ku posting tentang bagaimana cara membuat readmore... blog.
- Login ke Blogger anda
- Pilih Layout > Edit HTML, lalu centang Expand Widget Templates.
- Cari kode ]]></b:skin>, lalu paste kode berikut dibawahnya
<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>
- Lalu cari kode <p><data:post.body/></p>, coppas (copy paste) kode berikut dibawahnya
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Read More..</a>
</b:if>
- Klik Save Template
- Lalu ke Settings >>>> Formatting
- Scroll ke bawah dan cari kotak template, lalu coppas kode ini didalamnnya
<span class="fullpost">
</span>
- Klik Save Settings
- Supaya terpotong.., jika kamu posting letakkan isi yang ingin ditampilkan di atas <span class="fullpost"> di akhir posting letakkan </span>
ConToh :
Akatsuki Blog™
<span class="fullpost">
is the best
</span>
Jadi yang terlihat hanya Akatsuki Blog™ saja., di halaman depan jika di klik readmore...nya akan menuju tempatnya postingan itu yang ditampilkan semua. - Jangan lupa comment awas kalau gak.., haha.
Cara memasang Musik Auto play di Blog
Menambahkan musik berjenis mp3 pada blog pribadi membuat kita betah
berlama-lama berada di blog tersebut. Terlebih jika lagu yang dipasang
sudah memutar secara otomatis pada saat kita membuka blog tersebut
Semakin banyaknya aplikasi streaming yang ditawarkan, juga mempermudah para Bloger untuk mempercantik blog nya. Dan sesama Blogger tentu saya ingin sedikit bagi - bagi info nich
Semakin banyaknya aplikasi streaming yang ditawarkan, juga mempermudah para Bloger untuk mempercantik blog nya. Dan sesama Blogger tentu saya ingin sedikit bagi - bagi info nich
Berikut saya bagikan cara yang cukup mudah untuk memasang musik Autoplay di blog :
- Yakinkan niat supaya anda tidak menyerah sampai tahap akhir hehehehee...
- Login ke blog dan masuk Menu Tata Letak
- Klik tambah gadget - pilih HTML/Javascript
- Untuk aplikasi yang saya gunakan adalah SoundCloud . Jadi masuk terlebih dulu ke SoundCloud (bisa langsung tanpa regristrasi terlebih dahulu ).
- Search lagu yang kita inginkan pada kotak pencari pada situs SoundCloud
- Klik Share pada menu lagu yang akan digunakan
- Klik logo Blogger ( berlaku untuk pengguna Blogspot )
- Klik Customize Your Player
- Checklist Play Automatically ( skin colour bisa disesuaikan dengan warna favourite )
- Kemudian copy link Widget url lagu ke blog
- Simpan dan oke ...
~~~ SELAMAT MENCOBA ~~~
Cara memberi password pada postingan Blog
Tutorial blog kita kali ini yaitu cara membuat proteksi pada postingan blog dengan password. Mungkin sobat pernah mengunjugi website-website yang dimana pada bagian postingan / page terterntu diproteksi dengan password dan hanya bisa terbaca apabila kita memasukkan password yang valid. Ini cocok bagi sobat yang ingin membuat postingan untuk pengunjung tertentu dari blog sobat atau untuk member blog sobat. Mau tau bagaimana caranya? silahkan dilihat dibawah ini bro.
A
Cara membuat Template sendiri
Buat
kita-kita yang baru belajar ngeblog, pasti sering bingung dan
bertanya-tanya, gimana caranya mendesain template / tampilan di blog
kita sendiri…?
Silakan mencoba…
Ada banyak cara, namun untuk postingan kali ini saya akan menjelaskan
tentang software untuk mendesain tampilan blog yang bernama “Artisteer
3”.
Bagaimana cara menggunakannya…???
- Download softwarenya disini
- Install
- Buka aplikasinya
- Pilih blogger jika blog kamu blogspot, jika bukan, silakan klik blog yang kamu pakai.
- Lihat dibagian atas, ada pilihan Ideas, Color & Fonts, Layout, Background, Sheet, Header, Menu, Articles, Side Bar, Vertical Menu, Buttons, Footer
- Tinggal kamu klik dan berimprovisasi untuk mengedit satu persatu pilihan diatas sesuai keinginan
- Setelah selesai, tinggal di Save atau export aja dech file nye langsung ke blog kamu…
Silakan mencoba…
Kalo masih belum jelas, silakan tanyakan dengan cara comment ya…
Perlu di Coba juga nih sobat indo-cheater™ :D
Cara menganti Cursor Blog
Login
ke blog kamu. Tata Letak >> pada elemen laman kamu klik add
gadget >> HTML/Java Script. Lalu coppas kode dibawah ni. ☼
Normal Cursor
ganti tulisan yang berwarna merah dengan URL icon Cursor anda .Semoga postingku ini bermanfaat bagi Sobat yang membutuhkannya., thanks for visited....
Normal Cursor
<style type="text/css"> body {cursor:url("http://img16.imageshack.us/img16/3932/mouseno.png"),default} </style>Link Cursor
<style type="text/css"> a:hover {cursor:url("http://img16.imageshack.us/img16/3932/mouseno.png"),default} </style>Lalu di Save.., dan liat hasilnya. Jangan lupa comment.., hehe. kalau gak bisa ulangin sekali-lagi.
ganti tulisan yang berwarna merah dengan URL icon Cursor anda .Semoga postingku ini bermanfaat bagi Sobat yang membutuhkannya., thanks for visited....
Sumber: Cyber Kage
Cara mengatasi masalah Edit HTML Blog
Apakah Kalian Pernah Mengalami Masalah Edit HTML blog?.
Masalah ini biasanya terjadi ketika Kalian ingin Edit HTML blog yang
menggunakan interface / tampilan blogger yang baru. Jika masih
menggunakan tampilan yang lama (Old Blogger Interface) masalah ini tidak
akan timbul. Dikarenakan Blogger akan mengupgrade semua tampilan
blogger ke tampilan baru beberapa waktu kedepan, maka tentu ini akan
menjadi masalah buat Kalian.
Masalah ini biasanya terjadi ketika sobat Edit HTML dan halaman tersebut akan langsung redirect ke halaman Blank atau ke url Token secara otomatis, contohnya seperti URL berikut ini :
Masalah ini biasanya terjadi ketika sobat Edit HTML dan halaman tersebut akan langsung redirect ke halaman Blank atau ke url Token secara otomatis, contohnya seperti URL berikut ini :
http://LINKBLOGKALIAN.blogspot.com/b/app-preview?token=gA7xATkBgre.2nIJs5hQg2iRlapmgdg2qJA.Ff1M4i5gfdhh6gak8BIIaAPenyebabnya :
Sesuai pengalaman Saya sebenarnya penyebab Redirect otomatis ketika Edit HTML ini sangatlah kecil yaitu template yang mengandung "Frame Breaker Image" atau "Kode Frame Gambar" seperti yang saya bahas pada Cara Hapus Google Images Frame dan Pasang di Blog . Jadi inilah satu-satunya masalah yang membuat Redirect otomatis tersebut.
Solusi Pertama Mengatasi Masalah Redirect Otomatis Ketika Edit HTML
Cara paling mudah dan praktis untuk mengatasi masalah ini Kalian hanya perlu menghapus "frame breaker image". Silahkan hapus seperti kode berikut ini di template blog Kalian.
<script language="JavaScript" type="text/javascript">Jika Kalian menggunakan Solusi Pertama ini ada Kerugian/Kerusakan yang Kalian dapatkan, yaitu ketika pengunjung datang ke Blog Kalian Melalui Pencarian Gambar maka pengunjung hanya akan melihat Frame Gambar Google
if (top.location != self.location) top.location = self.location;
</script>
Solusi Kedua mengatasi Masalah Redirect Otomatis Ketika Edit HTML
Solusi Kedua ini Bisa Kalian akali Ketika Sobat Ingin Edit HTML, Cara ini Sangat simple sehingga tdk Perlu menghapus "code frame breaker image". Tapi Cara Kedua ini harus Dilakukan Dengan CEPAT. Berikut caranya.
1. Biasanya Redirect Otomatis ke Halaman Blank/Token ini ketika Edit HTML Pada Posisi Seperti Gambar Berikut:
2. Nah, Ketika Masih dalam posisi seperti gambar di atas dan halaman tersebut masih loading page, Secepatnya Kalian Klik Tombol "X" atau "Stop Loading This Page" di Browser Kalian (Kalau Saya di Google Chrome) yang pastinya Sebelum Halaman tersebut Redirect ke Halaman Blank/Token.
3. Jika Sudah Berhenti , kalian bisa Klik "Edit HTML" seperti Gambar di Atas tadi , Kalau Masih Redirect ke Halaman Blank/Token , Ulangi Langkah ke-2.
4. Seharusnya dengan cara Pertama & Kedua ini , Masalah Redirect Otomatis di "Edit HTML" , Sudah Teratasi.
Semoga Solusi Mengatasi Edit HTML Yang Redirect Otomatis , Bisa Membantu Kalian Jika Kalian mengalami Masalah ini yang saya Juga Pernah alami
Sumber:http://kevin-thereds.blogspot.com/ Dengan Sedikit Pembaruan