Cara Membuat efek post hover hanya di homepage blog
wahh anda lihat nggak efek yang terdapat pada home blog saya saat kursor anda menyentuh salah satu dari postingan saya nahh gimana gan?emm kayak berubah warna gitu kan gan.haa itu namanya efek hover gan caranya gampang kok gan
1.Login ke akun Blogger anda
2.Masuk ke dashboard blogger anda
3.Pilih template kemudian edit html
4.Cari kode </head>
5.Setelah ketemu copy kode css dibawah ini diatas kode </head> tadi gan
6.kemudian save template anda gan.heheh monggo dicoba ya gan
1.Login ke akun Blogger anda
2.Masuk ke dashboard blogger anda
3.Pilih template kemudian edit html
4.Cari kode </head>
5.Setelah ketemu copy kode css dibawah ini diatas kode </head> tadi gan
6.kemudian save template anda gan.heheh monggo dicoba ya gan
Cara Membuat Border Judul Artikel Blog
Sebagaimana suatu blog tempat kita menuangkan semua inspirasi dalam tulisan, Berbagi informasi serta sekedar tempat menyalurkan hobby dengan menyajikan konten tulisan yang berkualitas untuk menggambarkan atas apa yang anda alami dengan maksud agar seseorang dapat mendengar, merasakan, dan memberi pendapat tentang semua tulisan anda yang telah anda rangkum menjadi satu kalimat yaitu Judul Artikel Blog.
Judul Artikel Pada Blog merupakan rangkuman keseluruhan isi tulisan, karena seberapa panjang tulisan yang anda buat semua itu akan sia-sia jika tidak diberi judul. karena seseorang yang membaca tulisan anda akan mengenang atau terkesan dengan judul tulisan. Singkatnya seseorang akan lebih menghafal judul tulisan anda ketimbang isi tulisan anda.
Kode -
Hasilnya -
Kode -
Hasilnya -
Kode -
Hasilnya -
Kode -
Hasilnya -
Kode -
Hasilnya -
Bagi anda yang tertarik ingin Membuat Judul Artikel Blog terlihat beda, silahkan anda mencobanya dan lagi-lagi saya mengucapkan terimakasih karena telah membaca tulisan saya
Judul Artikel Pada Blog merupakan rangkuman keseluruhan isi tulisan, karena seberapa panjang tulisan yang anda buat semua itu akan sia-sia jika tidak diberi judul. karena seseorang yang membaca tulisan anda akan mengenang atau terkesan dengan judul tulisan. Singkatnya seseorang akan lebih menghafal judul tulisan anda ketimbang isi tulisan anda.
Kode -
border: 1px solid red;border-bottom: 5px solid red
Hasilnya -
Cara Membuat Border Judul Artikel Blog
Kode -
border: 1px solid blue;border-bottom: 5px solid blue;box-shadow: 5px 5px 5px
Hasilnya -
Cara Membuat Border Judul Artikel Blog
Kode -
border: 3px double cyan;box-shadow: inset 10px 10px 10px rgb(455, 35, 86)
Hasilnya -
Cara Membuat Border Judul Artikel Blog
Kode -
border: 5px double #999; box-shadow: 5px 5px 5px rgb(89, 125, 191); background-color: magenta
Hasilnya -
Cara Membuat Border Judul Artikel Blog
Kode -
box-shadow: 5px 5px 5px rgb(189, 191, 191);text-shadow:1px 0px 1px red, 0px 0px 1px blue
Hasilnya -
Cara Membuat Border Judul Artikel Blog
Bagi anda yang tertarik ingin Membuat Judul Artikel Blog terlihat beda, silahkan anda mencobanya dan lagi-lagi saya mengucapkan terimakasih karena telah membaca tulisan saya
Penyebab Komputer Menjadi Lambat
Ketika kita sedang enjoy dengan laptop atau komputer baru tapi tiba tiba komputer kita loading atau cara kerjanya sangat lambat membuat kita jenuh akan komputer yang kita gunakan,mengapa demikian.....?.
Banyak hal penyebab komputer kalian lambat dari mulai perangkat komputer sampai software,maka oleh karena itu jangan sembarangan memilih komputer atau laptop,terkadang orang mengira barang bermerek mempunyai kualitas bagus,tidak semuanya begitu kawan,menurut pengalaman saya merek tidak bisa di jadikan patokan tapi lihat dari perangkat perangkat di dalamnya,dari mulai Motherboard,Processor,Memory dan lain sebagainya,itulah salah satu pendukung komputer untuk cepat atau lambatnya kinerja komputer kalian.
Berikut ini adalah penyebab komputer atau laptop lambat.
1. Kecilnya memory yang terpasang pada komputer.
Karena minimnya jumlah memory yang terpasang pada komputer kita itulah salah satu penyebabnya,buat kalian yang memakain intel pentium 4 dengan OS WINDOWS XP gunakan memory minimal 1 GB.
2. Banyaknya program yang startup pada waktu komputer berjalan.
Semakin banyak software atau program yang kita instal maka akan semakin banyak program yang startup ketika service komputer atau laptop bekerja.
Cara mengatasinya yaitu silahkan kalian ketik di bagian Search Programs and Files "msconfig" kemudian enter,setelah itu pilih service dan startup,kemudian pilih aplikasi yang tidak tidak di perlukan dengan menghilangkan tanda ceklis setelah selesai klik Apply.
3. Masalah Pada Hardisk
Hardisk bisa rusak di karenakan oleh
Umur hardisk yang sudah terlalu lama.
hardisk low space
Hardisk yang terfragmentasi atau pecah
Unutuk mengatasi hal dia atas yaitu kalian harus menggantinya dengan hardisk yang baru.
4. Banyak nya rogram anti virus
Anti virus memang penting kita pasang guna menjaga virus virus yang masuk,namun jika memasang anti virus lebih dari dua itu bukannya tambah bagus tapi justru memperlambat kinerja komputer.
5. Rusaknya hardware atau Overheat
Hal ini bisa terjadi pada hardisk,vga card bahkan procesor,sehingga menyebabkan turunnya kinerja komputer.
Untuk cara mengatasinya pastikan komputer atau laptop berada pada suhu lembab,pastikan sirkulasi udara pada bagian CPU,gunakan cool pad atau kipas angin.
6. Menumpuknya file pada Recycle Bin
Ini juga menjadi salah satu penyebab menurunnya kinerja komputer,maka dari itu kosongkan sampah pada bagian recycle bin.
7. Menumpuknya file pada Prefetch
Jangan biarkan file bekas pemakaian komputer menumpuk pada bagian prefetch karena bisa saja virus nempel pada file yang berada di dalam prefetch.
Cara mengatasinya masuk ke Lokal disk c > Windows > Prefetch,hapus semua file yang ada di dalam folder prefetch setiap habis pemakaian komputer.
Demikian tutorial kali ini tentang Penyebab Komputer Atau Laptop Lambat,semoga dapat bermanpaat buat semuanya.
Banyak hal penyebab komputer kalian lambat dari mulai perangkat komputer sampai software,maka oleh karena itu jangan sembarangan memilih komputer atau laptop,terkadang orang mengira barang bermerek mempunyai kualitas bagus,tidak semuanya begitu kawan,menurut pengalaman saya merek tidak bisa di jadikan patokan tapi lihat dari perangkat perangkat di dalamnya,dari mulai Motherboard,Processor,Memory dan lain sebagainya,itulah salah satu pendukung komputer untuk cepat atau lambatnya kinerja komputer kalian.
Berikut ini adalah penyebab komputer atau laptop lambat.
1. Kecilnya memory yang terpasang pada komputer.
Karena minimnya jumlah memory yang terpasang pada komputer kita itulah salah satu penyebabnya,buat kalian yang memakain intel pentium 4 dengan OS WINDOWS XP gunakan memory minimal 1 GB.
2. Banyaknya program yang startup pada waktu komputer berjalan.
Semakin banyak software atau program yang kita instal maka akan semakin banyak program yang startup ketika service komputer atau laptop bekerja.
Cara mengatasinya yaitu silahkan kalian ketik di bagian Search Programs and Files "msconfig" kemudian enter,setelah itu pilih service dan startup,kemudian pilih aplikasi yang tidak tidak di perlukan dengan menghilangkan tanda ceklis setelah selesai klik Apply.
3. Masalah Pada Hardisk
Hardisk bisa rusak di karenakan oleh
Umur hardisk yang sudah terlalu lama.
hardisk low space
Hardisk yang terfragmentasi atau pecah
Unutuk mengatasi hal dia atas yaitu kalian harus menggantinya dengan hardisk yang baru.
4. Banyak nya rogram anti virus
Anti virus memang penting kita pasang guna menjaga virus virus yang masuk,namun jika memasang anti virus lebih dari dua itu bukannya tambah bagus tapi justru memperlambat kinerja komputer.
5. Rusaknya hardware atau Overheat
Hal ini bisa terjadi pada hardisk,vga card bahkan procesor,sehingga menyebabkan turunnya kinerja komputer.
Untuk cara mengatasinya pastikan komputer atau laptop berada pada suhu lembab,pastikan sirkulasi udara pada bagian CPU,gunakan cool pad atau kipas angin.
6. Menumpuknya file pada Recycle Bin
Ini juga menjadi salah satu penyebab menurunnya kinerja komputer,maka dari itu kosongkan sampah pada bagian recycle bin.
7. Menumpuknya file pada Prefetch
Jangan biarkan file bekas pemakaian komputer menumpuk pada bagian prefetch karena bisa saja virus nempel pada file yang berada di dalam prefetch.
Cara mengatasinya masuk ke Lokal disk c > Windows > Prefetch,hapus semua file yang ada di dalam folder prefetch setiap habis pemakaian komputer.
Demikian tutorial kali ini tentang Penyebab Komputer Atau Laptop Lambat,semoga dapat bermanpaat buat semuanya.
Cara Membuat Gambar Posting Blog Berputar
Salam lima jari heheheh, sekarang saya akan membahas tentang Cara Lengkap Membuat Gambar Postingan Blog Berputar berhubung artikel yang kemarin tidak di terima mbah google terpaksa saya update biar bisa di nikmati oleh para teman semuanya,cukup unik kelihatannya tampilan gambar berputar pada blog ketika mouse menyentuhnya sebagi ciri khas dari perkembangan blog apalagi di iringi dengan pembesaran gambar sambil berputar wow bikin asik ajah kelihatannya.
Demo
Memang terkadang jenuh dengan tampilan blog yang serba sederhana seakan tidak ada kreasi untuk memberikan tampilan yang sedemikian indah untuk memuaskan para pengunjung blog,nah buat kalian biar tidak merasa jenuh dengan tampilan blognya silahkan di coba coba siapa tau cocok karena saya rasa gampang banget caranya juga,untuk lebih jelasnya kita langsung saja ke TKP.
1. Seperti biasa kalian login ke akun blog.
2. Pilih menu Template > Edit HTML ( centang expand widget templates ).
3. Cari kode ]]></b:skin> kemudian copy kode di bawah dan pastekan di atas kode tersebut.
a img, img{-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-webkit-transition:all 1.5s ease}a img:hover, img:hover{border:2px solid; -webkit-border-top-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomright: 20px;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;-o-transform:scale(1.2) rotate(360deg) translate(0px);-moz-transform:scale(1.2) rotate(360deg) translate(0px);-webkit-transform:scale(1.2) rotate(360deg) translate(0px);-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-webkit-transition:all 1.5s ease}
4. Terakhir save dan lihat hasillnya.
Itulah tutorial yang bisa saya sampaikan pada pertemuan kali ini tentang Cara Lengkap Membuat Gambar Postingan Blog Berputar semoga ada manpaatnya buat semuanya.
Demo
Memang terkadang jenuh dengan tampilan blog yang serba sederhana seakan tidak ada kreasi untuk memberikan tampilan yang sedemikian indah untuk memuaskan para pengunjung blog,nah buat kalian biar tidak merasa jenuh dengan tampilan blognya silahkan di coba coba siapa tau cocok karena saya rasa gampang banget caranya juga,untuk lebih jelasnya kita langsung saja ke TKP.
1. Seperti biasa kalian login ke akun blog.
2. Pilih menu Template > Edit HTML ( centang expand widget templates ).
3. Cari kode ]]></b:skin> kemudian copy kode di bawah dan pastekan di atas kode tersebut.
a img, img{-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-webkit-transition:all 1.5s ease}a img:hover, img:hover{border:2px solid; -webkit-border-top-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomright: 20px;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;-o-transform:scale(1.2) rotate(360deg) translate(0px);-moz-transform:scale(1.2) rotate(360deg) translate(0px);-webkit-transform:scale(1.2) rotate(360deg) translate(0px);-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-webkit-transition:all 1.5s ease}
4. Terakhir save dan lihat hasillnya.
Itulah tutorial yang bisa saya sampaikan pada pertemuan kali ini tentang Cara Lengkap Membuat Gambar Postingan Blog Berputar semoga ada manpaatnya buat semuanya.
Cara Membuat Efek Daun Berjatuhan Di Blog
Cara Membuat Efek Daun Berjatuhan Di Blog itulah yang akan di bahas oleh hansmjkcommunity,blog adalah suatu alat media untuk berbagi dengan sesama oleh karena itu kita harus memberikan keindahan dan kenyamanan blog kita salah satu caranya memasang berbagai macam efek blog,seperti Cara Membuat / Memasang Burung Twitter Terbang Di Blog dan yang lainnya,namun kita harus waspada terhadap blog kita jangan sampai dengan di pasangnya berbagai macam efek justru blog kita menjadi berat.
Mungkin pada pembahasan ini yaitu Cara Membuat Efek Daun Berjatuhan Di Blog sudah banyak yang membahas terlebih dahulu tapi tidak apalah saya cuma bertujuan untuk sekedar berbagi sama kalian semuanya,nah buat kalian yang ingin mencobanya Cara Membuat Efek Daun Berjatuhan Di Blog bisa dilihat tutorialnya di bawah ini ya.
Dalam hal ini ada dua cara untuk Membuat Efek daun Berjatuhan.
Cara Pertama
hansmjlkcommunity.js'/>
Jika cara pertama tidak berhasil gunakan cara kedua
Cara Kedua
Setelah semuanya beres lalu save dan silahkan lihat hasilnya.
Gimana gampang kan Cara Membuat Efek Daun Berjatuhan Di Blog,kalau sudah berhasil saya ucapkan selamat dan terima kasih atas kunjungannya.
Mungkin pada pembahasan ini yaitu Cara Membuat Efek Daun Berjatuhan Di Blog sudah banyak yang membahas terlebih dahulu tapi tidak apalah saya cuma bertujuan untuk sekedar berbagi sama kalian semuanya,nah buat kalian yang ingin mencobanya Cara Membuat Efek Daun Berjatuhan Di Blog bisa dilihat tutorialnya di bawah ini ya.
Dalam hal ini ada dua cara untuk Membuat Efek daun Berjatuhan.
Cara Pertama
- Seperti biasa sobat harus login dulu.
- Pilih menu Tata Letak kemudian klik Add Gadget dan pilih HTML/Javascript.
- Silahkan copy script di bawah dan pastekan pada HTML/Javascript pada bagian konten.
hansmjlkcommunity.js'/>
Jika cara pertama tidak berhasil gunakan cara kedua
Cara Kedua
- Pilih menu Template > Edit HTML,selanjutnya cari kode </head>
- Copy script di atas dan letakan di atas kode </head>.
Setelah semuanya beres lalu save dan silahkan lihat hasilnya.
Gimana gampang kan Cara Membuat Efek Daun Berjatuhan Di Blog,kalau sudah berhasil saya ucapkan selamat dan terima kasih atas kunjungannya.
Cara lengkap Membuat Efek Lipatan Kertas Di Ujung Blog
Salam hangat buat sobat semuanya,kita jumpa lagi dalam artikel baru saya yaitu Cara Membuat Efek Lipatan Kertas Pada Halaman Blog,meski
ini artikel sudah banyak di bahas di blog lain namun tidak ada salahnya
saya posting kembali karena artikel ini agak sedikit menarik untuk di
coba di pasang pada blog sobat,efek lipatan buku ini lumayan gampang
jika sobat tidak mengganti url gambar nya,tapi jika mengganti gambarnya
lumayan sedikit ribet,tapi tenang aja sob saya kasih tutorialnya.
Buat sobat yang ingin mencobanya silahkan ikuti tutorialnya di bawah ini.
2. Pilih menu Template dan pilih Edit HTML.
3. Cari kode </body>,gunakan CTRL+F untuk memudahkan pencarian.
4. Letakan scrip di bawah ini tepat di atas kode </body>
<script type='text/javascript'>var tujuan ='http://hansmjlkcommunity.blogspot.com'</script>
<script src='http://petir-project.googlecode.com/files/ktb4.js' type='text/javascript'/>
<script src='http://petir-project.googlecode.com/files/ktb4.js' type='text/javascript'/>
Catatan : Script di atas adalah scrip bawaan dari KTB,sobat tinggal mengganti yang berwarna merah dengan URL blog sobat.
Namun jika sobat ingin merubahnya dengan tampilan gambar sobat seperti yang ada pada blog saya tinggal ikuti langkahnya berikut ini :
Download dulu scriptnya disini.
kemudian siapkan dua buah gambar
- untuk gambar kecil (lipatan tertutup)ukurannya 80 x 80 resolution 72 (file harus berbentuk JPG)
- untuk gambar besar (lipatan terbuka) ukurannya 502 x 480 resolution 72 (file harus berbentuk PNG)
ini bermakasud supaya hasil gambar nya maximal sesuai dengan gambar aslinya.
Setelah gambarnya siap kemudian sobat upload ke google code
Setelah sobat upload gambarnya kemudian buka script yang di download tadi dan ganti kata
https://hanmjlkcommunity.googlecode.com/files/hansmjlkcommunitykcl%20copy.JPG
ganti dengan URL gambar kecil yang sobat uplaod
https://hanmjlkcommunity.googlecode.com/files/hansmjlkcommunitybr.PNG
ganti dengan URL gambar besar yang sobat uplaod
Setelah semuanya di ganti kemudian save.txt dan upload kembali script yang sudah sobat edit,copy link nya,dan ganti tulisan yang berwarna hijau di bawah dengan link tersebut
<script type='text/javascript'>var tujuan ='http://URL blog sobat'</script>
<script src='http://URL script sobat' type='text/javascript'/>
Kemudian script tersebut letakan di atas kode </body>
Terakhir pratinjau dulu,sekiranya sukses langsung save.
gimana mudah kan,pasti lumayan pusing yah...heheheheheh,selamat mencoba sob moga berhasil.
Cara Lengap Membuat Text Area Di Blog
Cara Lengap Membuat Text Area Di Blog,perlu
sobat ketahui text area mempunyai fungsi yang sangat lumayan penting
dalam pembuatan artikel khususnya buat suatu kalimat yang ingin di
tonjolkan kepada pembaca,atau bisa juga di pakai dalam pembuatan artikel
untuk menyimpan data script yang panjang maka text area bisa di gunakan
demi menghemat halaman.
Banyak jenis text area yang bisa kalian gunakan sesuai keinginan kalian sendiri,namun pada dasarnya text area hampir semuanya mirip sama yang akan saya bahas pada kali ini,sangat mudah sekali jika kalian ingin mencoba Cara Lengkap Membuat Text Area Di blog hanya dengan memainkan kode HTML.
Nah buat kalian yang ingin mencobanya silahkan perhatikan langkah langkahnya yang akan saya berikan secara detail dan jelas.
* Text Area Biasa
Text area biasa bisa sobat gunakan dalam menyimpan text tertentu seperti scrip HTML
<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();
this.form.txt.select();" type="button" value="Copy All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 400px; HEIGHT: 200px" name="txt" rows="100" wrap="VIRTUAL" cols="55" readonly="">Masukkan text yang diinginkan di sini. Jika terlalu panjang akan muncul scroll untuk membantu anda membaca keseluruhan teks</textarea></p></div></form>
Dan hasilnya seperti ini
Demikian tutorial kali ini tentang Cara Lengkap Membuat Text area Di Blog yang bisa saya sampaikan semoga dapat sedikit membantu buat kalian yang sedang membutuhkannya,dan saya ucapkan terima kasih atas kunjungannya
Banyak jenis text area yang bisa kalian gunakan sesuai keinginan kalian sendiri,namun pada dasarnya text area hampir semuanya mirip sama yang akan saya bahas pada kali ini,sangat mudah sekali jika kalian ingin mencoba Cara Lengkap Membuat Text Area Di blog hanya dengan memainkan kode HTML.
Nah buat kalian yang ingin mencobanya silahkan perhatikan langkah langkahnya yang akan saya berikan secara detail dan jelas.
* Text Area Biasa
Text area biasa bisa sobat gunakan dalam menyimpan text tertentu seperti scrip HTML
dan bila penulisan kalimat sangat panjang maka secara otomatis dia akan
membentuk kolom scroll.namun sobat harus memainkan mouse nya bila ingin
mengcopy nya dengan menarik blog nya dari atas ke bawah atau sebaliknya.
Untuk menggunakan text area biasa gunakan scrip di bawah ini.
Hasilnya seperti ini
Untuk menggunakan text area biasa gunakan scrip di bawah ini.
<p align="center"><textarea name="mytextarea" rows="3" cols="60" readonly="">SILAHKAN ISIKAN KONTEN KAMU DISINI</textarea></p>
Hasilnya seperti ini
Demo
* Text Area Hightlight
Text area hightlight atau Copy All sudah tidak asing lagi buat para
blogger kelebihannya text area ini secara otomatis akan memblok semua
isi tulisan atau yang lainnya yang ada di dalamnya hanya dengan cukup
menekan tombol Hightlight atau Copy All maka dengan demikian Hightlight
cukup praktis kelihatannya.
Untuk text area hightlight gunakan scrip di bawah ini.
<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();
this.form.txt.select();" type="button" value="Copy All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 400px; HEIGHT: 200px" name="txt" rows="100" wrap="VIRTUAL" cols="55" readonly="">Masukkan text yang diinginkan di sini. Jika terlalu panjang akan muncul scroll untuk membantu anda membaca keseluruhan teks</textarea></p></div></form>
Dan hasilnya seperti ini
Kalian cukup mengcopy script di atas dan pastekan pada HTML ketika proses pembuatan artikel berlangsung.
Demikian tutorial kali ini tentang Cara Lengkap Membuat Text area Di Blog yang bisa saya sampaikan semoga dapat sedikit membantu buat kalian yang sedang membutuhkannya,dan saya ucapkan terima kasih atas kunjungannya
Cara Membuat Tombol Spoiler Pada Postingan Blog
Salam hangat.kita jumpa lagi masih bersama hansjlkcommunity,pada kesempatan ini saya akan sedikit mengulas tentang Cara Membuat Tombol Spoiler Pada Postingan Blog,tombol
spoiler cukup penting di gunakan selain untuk sedikit bergaya juga bisa
di gunakan untuk pembuatan artikel panjang karena dengan menggunakan
tombol spoiler akan menghemat halaman posting,dalam artian lain spoiler
berfungsi untuk menyembunyikan suatu artikel dengan sistem buka
tutup,jadi pada intinya dengan kita membuak tombol spoiler maka secara
otomatis halaman dari spoiler itu terbuka begitupun sebaliknya gimana
sobat mau mencobanya gak....?
Baiklah buat sobat yang ingin mencoba Cara Membuat Tombol Spoiler Pada Postingan Blog bisa kalian gunakan script di bawah ini.
Catatan : Dalam penggunaan tombol spoiler ini kalian copy scriptnya dan pastekan pada HTML bukan Compase ya...awas jangan sampai salah.
<div align="left" style="margin: 5px 10px 10px;">
<div class="smallfont" style="margin-bottom: 2px;">
<input 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'; }" style="color: red; margin: 0px; padding: 5px; text-align: left; width: 100%;" type="button" value="Buka" /></div>
<div class="alt2">
<div style="display: none;">
<div style="border: medium none; padding: 10px; text-align: left;">
Silahkan letakan kalimat atau HTML disini
</div>
</div>
</div>
Maka hasilnya akan seperti ini :
Gimana mudah bukan.......?
Itulah sedikit ulasan dari saya seputar Cara Membuat Tombol Spoiler Pada Postingan Blog semoga dapat bermanpaat dan saya ucapkan terima kasih atas kunjungannya.
Baiklah buat sobat yang ingin mencoba Cara Membuat Tombol Spoiler Pada Postingan Blog bisa kalian gunakan script di bawah ini.
Catatan : Dalam penggunaan tombol spoiler ini kalian copy scriptnya dan pastekan pada HTML bukan Compase ya...awas jangan sampai salah.
<div align="left" style="margin: 5px 10px 10px;">
<div class="smallfont" style="margin-bottom: 2px;">
<input 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'; }" style="color: red; margin: 0px; padding: 5px; text-align: left; width: 100%;" type="button" value="Buka" /></div>
<div class="alt2">
<div style="display: none;">
<div style="border: medium none; padding: 10px; text-align: left;">
Silahkan letakan kalimat atau HTML disini
</div>
</div>
</div>
Maka hasilnya akan seperti ini :
Silahkan letakan kalimat atau HTML disini
Gimana mudah bukan.......?
Itulah sedikit ulasan dari saya seputar Cara Membuat Tombol Spoiler Pada Postingan Blog semoga dapat bermanpaat dan saya ucapkan terima kasih atas kunjungannya.
Langganan:
Postingan (Atom)