Showing posts with label Tutorial. Show all posts
Showing posts with label Tutorial. Show all posts

Cara Membuat Spoiler Hide atau Show

Biasanya dalam membuat postingan membutuhkan kotak atau pembungkus kode script agar pembaca dapat membedakan mana artikel mana kode script, Oke langsung aja, berikut ini saya berikan berbagai macam script untuk spoiler hide/show.



Type 1 hasilnya seperti ini: 



Script Spoiler Type 1

<div !mulai spoiler><div style="text-align:center ; "><input style="width:97px; background-color:#84B5E7;  color:#1F1F9E ; border:1px solid #00FF00; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; font-weight: bold" value="Show" 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 = 'Hidden'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"></div>
<div style="padding:5px ;  "> <div style="display: none; background: #ebf3fb ; border: 2px solid #aaccee; padding: 10px"> Disini anda bisa isi postingan, gambar atau script </div></div></div !akhir spoiler>




Keterangan script Type 1
97px = Lebar (kotak show)
1px = Garis (kotak show)
#00FF00 = Warna garis (kotak show)
bold = Tebal tulisan (show)
#1F1F9E = Warna tulisan (show)
#ebf3fb = Warna background area
2px = Garis area
10px = Lebar background area






Type 2 hasilnya seperti ini:


Script Spoiler Type 2

<div><div style="margin: 7px;">
<div class="smallfont" style="margin-bottom: 2px;"><span style="font-weight: bold;">Judul Disini </span><input value="Klik Lihat !!!" style=" margin:5px;padding: 6px; width: 110px; font-size: 14px;" onclick="if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39; Close..&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39; Clik Here&#39;; }" type="button" />
</div>
<div class="alt2" style="border: 1px inset ; color:#1F1F9E; background: #ebf3fb; margin: 0px; padding: 3px;">
<div style="display: none;">
Disini anda bisa isi postingan, gambar atau script 
</div></div></div>






Type 3 hasilnya seperti ini:




Script Spoiler Type 3

<div id="spoiler"><div><input style="font-size: 15px; font-weight: bold; margin: 5px; padding: 4px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = 'none'; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value = 'Show'; }" name="button" type="button" value="Klik spoiler ini" /></div><div id="show" style="border: 1px solid white; display: none; margin: 5px; padding: 2px; width: 98%;"><div style="color: #000000; background: none repeat scroll 0% 0% #ebf3fb; border: 1px solid #aaccee; padding: 7px; margin: 0px;"><p style="text-align: justify;">Disini anda bisa isi postingan, gambar atau script <br /> </p></div><div id="hide"></div></div></div>






Type 4 hasilnya seperti ini:


Script Spoiler Type 4


<style type="text/css"> #headerDiv, #contentDiv { float: left; width: 500px; } #titleText { float: left; font-size: 1.1em; font-weight: bold; margin: 5px; } #myHeader { font-size: 1.1em; font-weight: bold; margin: 5px; } #headerDiv { background-color: #0037DB; color: #94FFE6; } #contentDiv { background-color: #94FFE6; } #myContent { margin: 5px 10px; } #headerDiv a { float: right; margin: 10px 10px 5px 5px; } #headerDiv a:hover { color: #FFFFFF; } </style> <script language="javascript"> function toggle2(showHideDiv, switchTextDiv) {  var ele = document.getElementById(showHideDiv);  var text = document.getElementById(switchTextDiv);  if(ele.style.display == "inline") {       ele.style.display = "none";   text.innerHTML = "<img src='http://i1187.photobucket.com/albums/z389/RICKY_ALDIYANSYAH/plus.gif'/>";    }  else {   ele.style.display = "inline";   text.innerHTML = "<img src='http://i1187.photobucket.com/albums/z389/RICKY_ALDIYANSYAH/minus.gif'/>";  } } </script> <body> <div ;="" style="width: 520px;"> <fieldset> <legend>JUDUL SPOILER 1</legend> <div id="headerDiv"> <div id="titleText"> Judul Spoiler 2 =&gt;</div> <a href="javascript:toggle2('myContent','myHeader');" id="myHeader"><img src="http://i1187.photobucket.com/albums/z389/RICKY_ALDIYANSYAH/plus.gif" /></a></div> <div style="clear: both;"> </div> <div id="contentDiv"> <div id="myContent" style="display: none;"> Di sini anda bisa isi postingan, gambar atau script dll </div> </div> </fieldset> </div> </body><small><center><a href="http://www.for.web.id/2014/11/cara-membuat-spoiler-hideshow.html" target="_blank">Get Widget</a></center></small>











Hasilnya seperti ini:



Script Scroll Seperti ini


<div align="left"> <table border="2" style="width: 300px;"><tbody> <tr> <th colspan="100%" scope="col">JUDUL DISINI</th> </tr> <tr><td><div style="font-family: arial; font-size: 12px; height: 100px; overflow: scroll; width: 300px;"> <div style="overflow: hidden; padding: 0 px; text-align: left; width: 100%;"> 
Disini anda bisa isi postingan, gambar atau script </div> </div> </td></tr> </tbody></table> </div>













Ref:
variasiblogger.blogspot.com
dan kreasi sendiri serta dari berbagai sumber (maaf lupa namanya)


Website tidak bisa di akses (500 Internal Server Error)

Berikut ini cara untuk mengatasi website yang tidak bisa di akses dan muncul tampilan Internal Server Error seperti berikut :

Internal Server Error
The server encountered an internal error or misconfiguration and was unable to complete your request. Please contact the server administrator, webmaster@domainanda.co.id and inform them of the time the error occurred, and anything you might have done that may have caused the error.
More information about this error may be available in the server error log.
Additionally, a 404 Not Found error was encountered while trying to use an ErrorDocument to handle the request.


Silahkan anda perhatikan dari rule file .htaccess yang ada pada website anda dan juga file permission setiap direktori dan file anda dan anda harus melakukan sedikit perubahan dari file .htaccess  editor pada file manager Cpanel anda seperti berikut:








Dengan merubah code, seperti :
    +FollowSymLinks atau -FollowSymLinks

Menjadi :
    +SymLinksIfOwnerMatch atau -SymLinksIfOwnerMatch

Dan juga baris code :
    Option All +Indexes atau Option All -Indexes

di hilangkan kata “All”, sehingga menjadi seperti
    Option  +Indexes atau Option  -Indexes


Perlu di perhatikan bahwa file .htaccess apabila tidak hanya di public_html, anda bisa periksa di directory home atau di directory lainnya untuk menyamakan rule menjadi seperti rule di atas.
Dan pastikan file permission sudah sesuai dengan permission setiap Direktori 755 dan permission setiap file 644 sesuai petunjuk pada link berikut: www.for.web.id/2014/11/mengganti-file-permission-dari-file.html.
Apabila anda telah coba melakukan beberapa langkah di atas, namun tetap menampilkan pesan 500 Internal Server Error , silahkan untuk hubungi cs penyedia hosting anda.



Mengganti file permission dari file manager

Cara mengganti file permission bisa langsung dari file manager yang ada di cPanel atau bisa juga dengan file zilla.
Mengganti file permission langsung dari File manager.
1. Login ke cPanel » File Manager » public_html » klik menu File Permission pada folder / file  lalu ganti dengan benar. Untuk Folder diganti 0755 sedangkan untuk File diganti 0644.




2. Jika lebih dari satu file gunakan Ctrl + Select untuk memilih File / Folder yang ingin diganti kemudian klik kanan » klik Change Permission.




3. Untuk File centang hingga menghasilkan Permission 0644, Untuk Folder centang hingga menghasilkan Permission 0755, Kemudian klik Change Permission.



Jika banyak file permission yang harus diganti silahkan gunakan filezilla, untuk mengganti file permission menggunakan filezilla caranya bisa anda lihat disini:
www.for.web.id/2014/11/mengganti-file-permission-dengan.html




Mengganti File Permission Dengan FileZilla

Berikut cara mengganti File Permission menggunakan filezilla
1. Login ke FileZilla » masuk ke public_html lalu select all » klik kanan dan pilih File Permission.




2.  Pada numeric value Isikan 0755 untuk Folder, klik ok.




3. Buka FileZilla kemudian lakukan hal yang sama untuk mengganti file permission pada file menjadi 0644.

Membuat Email Account Mac OS

Berikut adalah cara membuat email pada Mac dan setingan email client di Mac OS sebagai berikut :


"note"

Sebelum anda buat account email di Mac anda harus membuat account email di Cpanel (Control panel / hosting)

Berikut langkah-langkahnya membuat account di Mac:

1. Klik Icon mail pada Mac OS anda (add account)

2. Isi form seperti berikut ini :
    - Full name
    - Email address
    - Pasword
Next Continue






3. Isikan form incoming (incoming mail server) :


* Account Type : (Pilih Pop) 

* Description : (Default / Bebas)

* incoming mail server 
Bisa menggunakan salah satu ini :
- mail.namawebsiteanda.com
- namawebsiteanda.com
- nama server penyedia hosting anda (contoh : pajangan.idwebhost.com)

* User name : isikan sesuai dengan yang anda buat di cpanel

* Password : isikan sesuai dengan yang anda buat di cpanel



4. Selanjutnya anda setting outgoingnya :


- Description :  (Default / Bebas)

- Outgoing mail server : 
  Untuk outgoing bisa menggunakan salah satu ini :
  *namawebsiteanda.com
  *nama server penyedia hosting anda (contoh : pajangan.idwebhost.com)
  *smtp.telkom.net (Jika menggunakan koneksi speedy)

  (ceklist : Use only this server)


- Ceklist Use Authentification

- User name : isikan sesuai dengan yang anda buat di cpanel

- Password : isikan sesuai dengan yang anda buat di cpanel




Untuk tahap selanjutnya anda ceklist (Take account online) 

Kemudian klik Create




Website Promo Online

Kategori