Avedens - ITech : HTML

Cara Membuat Kotak Spoiler di Blog

Sunday, August 28, 2016 Barra Shea Mahavir 0

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
Assalamu'alaikum Wr. Wb 
 
AD-ITech - Selamat pagi, siang, dan malam dimanapun pembaca berada. Kali ini saya akan membagikan cara bagaimana untuk membuat kotak spoiler. Seperti yang biasa kita lihat di forum, khususnya kaskus. 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigboqFU4aLcpSNKOVIBun6tRhDKUk62TF-XFjqBhMaPqfcPnJ2lwzKgOG-bYp43suP0igd6JYi9PWKPX2ti4gUqOFALeQJUupP7kGljPgy-rl17251ilMMF1dszDQ6WxozzIu_3iPsSzU/s1600/Screenshot_108.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Membuat Kotak Spoiler di Blog" border="0" height="40" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigboqFU4aLcpSNKOVIBun6tRhDKUk62TF-XFjqBhMaPqfcPnJ2lwzKgOG-bYp43suP0igd6JYi9PWKPX2ti4gUqOFALeQJUupP7kGljPgy-rl17251ilMMF1dszDQ6WxozzIu_3iPsSzU/s320/Screenshot_108.png" title="Cara Membuat Kotak Spoiler di Blog" width="320" /></a></div>
 
 
Daftar Isi 
<a href="http://ad-itech.blogspot.com/2016/08/cara-membuat-kotak-spoiler-di-blog.html#1">Kegunaan Kotak Spoiler</a> 
<a href="http://ad-itech.blogspot.com/2016/08/cara-membuat-kotak-spoiler-di-blog.html#2">Cara Membuat Kotak Spoiler</a> 
 
<div id="1">
Kegunaan Kotak Spoiler</div>
Kotak spoiler berfungsi untuk menyembunyikan gambar atau tulisan yang 
ingin kita tidak perlihatkan ke orang-orang tertentu atau mungkin hanya 
untuk menghemat halaman saja supaya tidak terlalu panjang.</div>
</div>
 
 
 
<div id="2">
Cara Membuat Kotak Spoiler</div>
 
1. Pastikan ada sedang membuat posting.
 
2. Klik HTML di sebelah Compose 
3. Copy dan Paste source berikut 
<blockquote class="tr_bq">
<div style="margin: 5px 20px 20px;"><div class="smallfont" style="margin-bottom: 2px;">Judul Spoiler:
 <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 = 'Open'; }" style="font-size: 12px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /> </div><div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;"><div style="display: none;">Ganti dengan tulisan, gambar atau kode script<img border="0" /></div></div></div> </blockquote>
 
4. Ganti tulisan berwarna merah sesuai dengan keinginan kalian. 
5. Ini adalah contoh dari kotak spoiler yang kita buat tadi 
<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;">
Judul Spoiler: <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 = 'Open'; }" style="font-size: 12px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /> </div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">
Ganti dengan tulisan, gambar atau kode script<img border="0" /></div>
</div>
</div>
6. Selesai 
 
Sekian dari saya, semoga bermanfaat. Terima kasih. 
 
Wassalamu'alaikum Wr. Wb

</div>

Blogger HTML Tips Cara Membuat Kotak Spoiler di Blog

Assalamu'alaikum Wr. Wb AD-ITech - Selamat pagi, siang, dan malam dimanapun pembaca berada. Kali ini saya akan membagikan cara baga...

Cara Membuat Teks Bercahaya (Neon) dan Berkedip di HTML

Tuesday, July 28, 2015 Barra Shea Mahavir 11

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
Assalamu'alaikum Wr. Wb 
 
AD-ITech - Selamat malam agan-agan, kali ini saya akan share sesuatu yang berhubungan dengan HTML dan CSS.  Di sini agan-agan pasti sudah mengenal HTML dan CSS. Malam ini, yang akan saya share adalah, 
 
<a href="http://ad-itech.blogspot.com/2015/07/membuat-teks-bercahaya-dan-berkedip-di.html" target="_blank">Cara Membuat Teks Bercahaya dan Berkedip di HTML</a> 
 
Sperti contoh di bawah ini.</div>
<object data="https://fanfanra.makes.org/thimble/NzYyNDQ2MzM2/contoh" height="200" width="800"></object> 
 
Bagaimana? apakah agan tertarik untuk mencoba? 
Jika begitu saya akan jelaskan langkahnya. 
 
1. Copas code berikut dibawah </head> 
<blockquote class="tr_bq">
<style> 
      h1 { 
    color: #19abff; 
    font-size: 40px; 
    margin: 1px auto; 
    text-align:center; 
    text-transform:uppercase; 
        } 
    .neon { 
    color: #FFFFFF; 
    text-shadow: 0 0 5px #19abff, 0 0 10px #19abff, 0 0 20px #19abff, 0 0 45px #19abff, 0 0 40px #19abff; 
    } 
    </style></blockquote>
*Tulisan merah berarti dapat diganti. 
*# adalah kode warna. Kode warna dapat dicari di google. 
 
2. Copas juga code berikut dibawah code yang tadi. 
<blockquote class="tr_bq">
<script language="JavaScript1.2"> 
function ClearError() {return true;} 
window.onerror = ClearError; 
</script> 
<script> 
window.onload = function() { 
var h1 = document.getElementsByTagName("h1")[0], 
text = h1.innerText || h1.textContent, 
split = [], i, lit = 0, timer = null; 
for(i = 0; i < text.length; ++i) { 
split.push("" + text[i] + ""); 
} 
h1.innerHTML = split.join(""); 
split = h1.childNodes; 
 
var flicker = function() { 
lit += 0.01; 
if(lit >= 1) { 
clearInterval(timer); 
} 
for(i = 0; i < split.length; ++i) { 
if(Math.random() < lit) { 
split[i].className = "neon"; 
} else { 
split[i].className = ""; 
} 
} 
} 
setInterval(flicker, 100); 
} 
</script> 
 
<h1>Contoh Teks bercahaya dan berkedip</h1></blockquote>
 *Tulisan merah dapat diganti. 
 
3. Selesai. 
 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdnfpg6FJcRpaEK1vSfdz8DJ07ydcIeyQZurQ38OFl-gTIvC-8p76cWFn30a_oRqi3yLFavRVK0h_2eOVQP_V8Fykxmr2uF67RpiPwxTsOOiUaVez4reFRh9SWqrZ2NFVcEkk2Zhx_Mjo/s1600/Screenshot-124.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat Teks Bercahaya dan Berkedip di HTML" border="0" height="75" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdnfpg6FJcRpaEK1vSfdz8DJ07ydcIeyQZurQ38OFl-gTIvC-8p76cWFn30a_oRqi3yLFavRVK0h_2eOVQP_V8Fykxmr2uF67RpiPwxTsOOiUaVez4reFRh9SWqrZ2NFVcEkk2Zhx_Mjo/s640/Screenshot-124.png" title="Membuat Teks Bercahaya dan Berkedip di HTML" width="640" /></a></div>
 
4. Silahkan di save dan dicoba. 
5. Jika ada kesalahan silahkan bertana di komentar. 
 
 
Sekian dari saya, terima kasih.. 
 
Wassalamu'alaikum Wr. Wb</div>

HTML Script Tips Cara Membuat Teks Bercahaya (Neon) dan Berkedip di HTML

Assalamu'alaikum Wr. Wb AD-ITech - Selamat malam agan-agan, kali ini saya akan share sesuatu yang berhubungan dengan HTML dan CSS ...

Mailer, Kirim Email Dengan Email Orang Lain

Saturday, June 27, 2015 Unknown 0

Assalamu'alaikum Wr. Wb 
 
AD-ITech - Selamat siang agan-agan  dan selamat berpuasa. Kembali lagi dengan ane. Ya kali ini ane mau share <a href="http://ad-itech.blogspot.com/2015/06/mailer-kirim-email-dengan-email-orang.html" target="_blank">Cara Kirim Email dengan Email Orang Lain</a>. Diliat dari judulnya sih sedikit kejam-kejam gimana ya. Tapi asyik vroh. 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyM2z-74nXqYdbZfgx2poxy54pqsWbBGjNjI8rpMhSK670wx1OkcU4ag70wwntfSvOwRUyg88FC99uS2TvdflHV7S96zIsBjGA4GZ29EYYAeyXLwGfQPRCIE4hyphenhyphenz6H4uUybh_dMmNdHFgq/s1600/email-logo.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Mailer, Kirim email dengan email orang lain" border="0" height="358" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyM2z-74nXqYdbZfgx2poxy54pqsWbBGjNjI8rpMhSK670wx1OkcU4ag70wwntfSvOwRUyg88FC99uS2TvdflHV7S96zIsBjGA4GZ29EYYAeyXLwGfQPRCIE4hyphenhyphenz6H4uUybh_dMmNdHFgq/s400/email-logo.jpg" title="Mailer, Kirim email dengan email orang lain" width="400" /></a></div>
 
 
Mailer punya ane 
 
<a href="http://abyssduelist.cf/mailer.php" target="_blank">Mailer 1</a> 
<a href="http://abyssduelist.cf/email.php" target="_blank">Mailer 2</a> 
 
Status : Tested 
 
Oke gimana gan?? udah dicoba?? 
Asik kan?? 
 
Yang mau source codenya bisa PM aja di 
<a href="https://www.facebook.com/profile.php?id=100005920471945">https://www.facebook.com/profile.php?id=100005920471945</a> 
^^ 
Atau comment dan tuliskan emailnya ^^ 
 
<script src="//eclkspbn.com/adServe/banners?tid=38358_56570_2" type="text/javascript"></script> 
 
Sekian dari saya, semoga bermanfaat, dan jangan disalahgunakan. Terima kasih. 
 
Wasalamu'alaikum Wr. Wb

Download HTML PHP Teknologi Mailer, Kirim Email Dengan Email Orang Lain

Assalamu'alaikum Wr. Wb AD-ITech - Selamat siang agan-agan dan selamat berpuasa. Kembali lagi dengan ane. Ya kali ini ane mau share C...

Download W3Schools offline gratis

Saturday, January 10, 2015 Unknown 6

Download HTML PHP Script Download W3Schools offline gratis

Assalamu'alaikum Wr. Wb Post saya sebelumnya yaitu http://ad-itech.blogspot.com/2015/01/tempat-belajar-bahasa-pemroggraman.html Sek...

Tempat Belajar Bahasa Pemroggraman Gratis

Saturday, January 10, 2015 Unknown 2

Assalamu'alaikum Wr. Wb 
 
Selamat malam sobat blogger di seluruh indonesia. Mungkin gak asing lagi sama <a class="hilang" href="http://ad-itech.blogspot.com/2015/01/tempat-belajar-bahasa-pemroggraman.html">bahasa pemroggraman</a>, contoh bahasa pemroggraman?? ya seperti C++,PHP, HTML, CSS, JavaScript, Python, dll. 
 
<div class="separator" style="clear: both; text-align: center;"><img border="0" height="223" src="http://www.lawatek.com/wp-content/uploads/2012/12/tujuh.png" width="400" /></div> 
 
Mungkin sobat tertarik untuk mempelajarinya, mempeljarinya tidak begitu sulit, asalkan dengan waktu dan kesetabilan kalian belajar, dengan mudah kalian menguasi bahasa pemroggraman. 
 
Banyak tempat belajar yang mengajarkan bahasa tersebut, site indonesia maupun luar, dan semua itu gratis. 
 
Beberapa site rekomendasi untuk belajar bahasa pemroggraman : 
1. <a class="hilang" href="http://www.w3schools.com/" target="_blank">W3Schools</a> 
    Fitur : materi simple, lengkap, dan mudah PHP, HTML, HTML5, CSS, JavaScript, SQL, JQuery, XML, ASP, ASP.Net, ADO, AJAX,  
               disediakan Contoh dengan html builder 
 
2. <a href="http://www.codecademy.com/" target="_blank">Codecademy</a> 
     Fitur : Ruby, Python, PHP, HTML, HTML5, CSS, JavaScript,dan JQuery. 
              Disajikan kotak yang berisikan petunjuk untuk kode, kotak untuk memasukkan kode, dan kotak yang berisikan hasil dari kode yang pembaca masukkan. Apabila kode yang telah dimasukkan benar, maka pembaca dapat langsung menyimpan, dan mengajukan programnnya kepada pihak Codecademy. 
 
 3. <a href="https://www.codeschool.com/" target="_blank">Code School</a> 
    Fitur : Disajikan tutorial, contoh kode, latihan, dan penghargaan menarik mengenai bahasa pemrograman. Bisa dibilang situs ini bersifat interaktif dalam melakukan pengajarannya hampir sama seperti Codecademy. 
              Disajikan pula tempat unutk latihan dengan unsur game 
 
 <a class="hilang" href="http://ad-itech.blogspot.com/2015/01/tempat-belajar-bahasa-pemroggraman.html" target="_blank">Itu adalah site untuk belajar bahasa pemroggraman, sitenya merupakan site luar negeri, kenapa harus luar ?? karena biasanya site luar lebih lengkap dan lebih mudah dimengerti. Bila kesulitan dalam bahasa, tidak ada salahnya menggunakan translator dan untuk latihan bahasa inggris.</a>  
 
 Sekian, terima kasih 
 
 Wassalamu'alaikum Wr. Wb

HTML PHP Script Teknologi Tips Tempat Belajar Bahasa Pemroggraman Gratis

Assalamu'alaikum Wr. Wb Selamat malam sobat blogger di seluruh indonesia. Mungkin gak asing lagi sama bahasa pemroggraman , contoh bah...

Script Clone Speed Test Gratis

Friday, June 27, 2014 Barra Shea Mahavir 0

Assalamu'alaikum Wr. Wb 
 
Hallo Sobat blogger.. Mau ngetes koneksi milik sendiri? :v 
Nih aku ada scriptnya :D 
Mau?? 
 
Nih...  Alat 7 Bahan : 
Laptop/PC 
Koneksi Internet 
Hosting ( <a href="http://nazuka.net/" target="_blank">Nazuka.net</a>, <a href="http://idhostinger.com/" target="_blank">Idhostinger</a> ) 
Script <a href="http://adf.ly/pu894" target="_blank">Download</a> 
 
Cara Pasang : 
 Cara pasangnya gak susah kok 
<ol>
<li>Masukan Semua scriptnya ke hosting</li>
<li>buat database mysql</li>
<li>Buka folder install > index.php</li>
<li>Isi aja deh tuh yang dibutuhin</li>
<li>Kalo udah selesai hapus folder install</li>
<li>Selesai dehh :D</li>
</ol>
Demo ( maaf belum ada ) 
SS + Demo menyusul 
 
Nah itu dia caranya membuat <a href="http://www.abyss-blogger.tk/2014/06/script-clone-speed-test-gratis.html" target="_blank">Clone Speed Test</a>, mudah kan?? 
Masih gak ngerti? 
Komen aja :D 
 
 
Sekan dari Saya, Terima Kasih 
Wassalamu'alaikum Wr. Wb 
 
<a href="http://abyss-blogger.tk/" target="_blank">Abyss-Blogger</a>

Download HTML PHP Script Tips Script Clone Speed Test Gratis

Assalamu'alaikum Wr. Wb Hallo Sobat blogger.. Mau ngetes koneksi milik sendiri? :v Nih aku ada scriptnya :D Mau?? Nih... Alat 7 B...

Script Url Shortener Gratis

Wednesday, June 25, 2014 Barra Shea Mahavir 14

Assalamu'alaikum wr. wb 
 
Hallo sobat blogger.. Udah lama gak pos nih -_- hadehh... soalnya sibuk gaming :D 
 
yaudah.. kali ini akku mau share script nulled gratis.. :D 
 
Script pertama : 
<a href="http://ad-st.ml/" target="_blank">Demo</a> ( tampilan index ) 
<a href="http://ad-st.ml/15" target="_blank">Demo</a> ( tampilan skip ) 
 
 
 >><a href="http://ad-st.ml/14" target="_blank"> Download</a> << 
 
Cara memasang : 
 
1. Masukan Semua script ke hosting milik kalian ( gratis juga gak apa" ) 
2. Import mysql.sql ke database milik kalian 
3. Buka includes/config.php 
<blockquote>
    Edit bagian : 
$conf = $TMPL = array(); 
$conf['host'] = 'LOCALHOST'; 
$conf['user'] = 'YOURDBUSER'; 
$conf['pass'] = 'YOURDBPASS'; 
$conf['name'] = 'YOURDBNAME'; 
$conf['url'] = 'http://YOURWEBSITE.com'; #<-- Emter the Installation URL (e.g: http://ad-st.ml/) </blockquote>
4. login ke halaman admin di http://site.com/index.php?a=admin 
5. Selamat menikmati 
 
Script Ke dua : 
<a href="http://ad-st.ml/15" target="_blank">Demo</a> ( tampilan skip ) 
<a href="http://ab-st.cf/" target="_blank">Demo</a> ( tampilan index ) 
 
>> <a href="http://ad-st.ml/16" target="_blank">Download</a> << 
 
Cara memasang : 
1. Masukan semua script ke hosting milik kalian 
2. buka install.php 
3. bila berhasil, hapus file install.php 
4. oke deh.. tinggal edit" dikit aja 
 
Nahh... Itu aja.. bisa kan masangnya?? Kalo gak bisa tinggal komen aja :D 
 
Sekian dari Saya.. Terima kasih.. 
 
Wassalamu'alaikum . Wr.Wb

Download HTML PHP Script Tips Script Url Shortener Gratis

Assalamu'alaikum wr. wb Hallo sobat blogger.. Udah lama gak pos nih -_- hadehh... soalnya sibuk gaming :D yaudah.. kali ini akku mau...

Cara Mengirim E-Mail lewat Script

Thursday, May 08, 2014 Barra Shea Mahavir 0

Assalamu'alaikum Wr. WB 
Kali ini saya akan share bagaimana caranya mengirim email dengan script di hosting atau localhost . 
1. Copykan script berikut di notepad 
<blockquote>
<html><head> <title>Abyss Mail</title> 
<link rel="shortcut icon" href="http://fanfanra.us.to/wp-content/themes/Orizon/Orizon/images/favicon.jpg" /> 
</head> <body> <style> html { 
background:
 
url("http://fanfanra.us.to/wp-content/themes/Orizon/Orizon/css/blue_css/images/background_loop.jpg")
 repeat scroll left top transparent; 
} 
</style> <center> 
 Send Your Message to Someone 
<form action="<?php echo $PHP_SELF; ?>" method="POST"> 
 Nama * <input  name="nama" size="30" type="text" value="" /> 
 To * <input  name="to" size="30" type="text" value="" /> 
 From * <input  name="email" size="30" type="text" value="" /> 
 Subjek * <input  name="subject" size="30" type="text" value="" /> 
 Pesan * <textarea  cols="50"  name="message" rows="5"></textarea> <input  type="submit" value="Kirim"/><input type="reset" value="Reset" /> </form> 
<a style="color: white; id="cop_text" href="http://www.fanfanra.us.to/">Created by FanfanRA</a> 
<center> </body></html> 
<?php $to = $_REQUEST['to']; $subject = $_REQUEST['subject']; $email = $_REQUEST['email'] ; $message = $_REQUEST['message'] ; $nama = $_REQUEST['nama'] ; $headers = "From: $nama<$email>"; if(empty($email)||empty($subject)||empty($message)|| empty($headers)) { print " "; }else { $sent = mail($to, $subject, $message, $headers) ; if($sent) { print "Email Anda telah terkirim <img src='http://dhost.info/afrizal/ceklist.jpg'>"; } else {print "Maaf Email tidak Dapat dikirim."; } } ?></blockquote>
2. jika sudah dicopykan klik " save as " namakan dengan email.html *beretak tebal berarti harus diikuti 
3. cara membukanya yaitu.. klik kanan pada file ersebut ... pilih " open with >> Mozilla atau Chrome 
4. Lihatlah apa yang terjadi 
untuk demonya bisa dilihat disin <a data-mce-href="http://adf.ly/ljX8m" href="http://adf.ly/ljX8m">Demo</a> 
atau bisa download file sourcenya <a data-mce-href="http://adf.ly/ljZw4" href="http://adf.ly/ljZw4">disni </a> 
Nah itu dia.. bila tidaj jelas bisa tanya di kolom komentar Sekian dari Saya.. Terima Kasih .. 
 
Wassalamu'alaikum Wr. WB

HTML PHP Tips Cara Mengirim E-Mail lewat Script

Assalamu'alaikum Wr. WB Kali ini saya akan share bagaimana caranya mengirim email dengan script di hosting atau localhost . 1. Copykan...