Jumat, 29 Agustus 2014

Mau bikin spoiler gaya kaskus gitu? Ga susah2 amat koq, ini sy ada simple javascriptnya dapet dari bule cerdas, tapi masih berantakan, jd sy tambahin sedikit CSS biar rapi. Cuma butuh konsentrasi aja koq biar bisa ngikutin. Bagi yg mao copas ke blognya buat catetan silahkan aja.
Zelamat nyobain ya...


Tahap 1: Menambahkan coding pada template  

Perhatikan kode berikut ini untuk diletakkan di template blogger:


<script type="text/javascript">
function showSpoiler(obj)
    {
    var inner = obj.parentNode.getElementsByTagName("div")[0];
    if (inner.style.display == "none")
        inner.style.display = "";
    else
        inner.style.display = "none";
    }
</script>
Pada layar Edit Template di Blogspot, gunakan Ctrl-F cari tag </head> dan letakkan kode Javascript tadi di atas tag </head>

Selanjutnya perhatikan kode CSS berikut:


.spoiler {
  width: 100%;
  background: beige;
  border: 1px solid #aaa;
  padding: 15px;
  border-radius: 4px;
}
kode CSS tadi ditelakkan di atas bagian  ]]></b:skin> pada layar Edit Template.


Tahap 2: Menambahkan coding pada postingan

masukkan kode berikut pada postingan Anda:


<div class="spoiler">
    Judul Spoiler:<input type="button" onclick="showSpoiler(this);" value="Tampilkan/Zembunyikan" />
    <div class="inner" style="display:none;">
    Isi Spoiler di sini!
    </div>
</div>


Abis itu jangan lupa ganti bagian "Isi Spoiler di sini!"  dengan conten yg mau dijadiin spoiler ya.
Berikut contoh hasilnya


Lexus Tercanggih 2014:
PHP dianggap sebagai bahasa komputer yang paling kuat yang membuat sesuatu terjadi dengan sekilas detik. Namun, PHP tidak didukung oleh Blogger atau BlogSpot menjalankan platform yang yang membuatnya sangat sulit untuk menyesuaikan dan mengimplementasikan beberapa perkembangan terbaru yang baru, tetapi masih ada beberapa cara di mana Anda dapat menambahkan kode PHP di Blogger Anda diaktifkan Situs Web. Padahal, hasilnya tidak 100%, tapi itu jauh lebih baik daripada tidak memiliki kode PHP di situs blogger Anda. Pada artikel ini, kami akan menunjukkan cara untuk menambahkan kode PHP di Blogger.

Langkah # 1: Membuat File PHP:

Sebelum Anda dapat menambahkan PHP Kode di blogger, Anda harus terlebih dahulu membuat file PHP di mana Anda harus menggunakan semua kode PHP yang ingin Anda gunakan. Namun, pastikan bahwa file tersebut bebas dari kesalahan jika hal tidak akan terlihat bagus. Berikut ini adalah sederhana Hello World PHP contoh kode, hanya untuk pedoman dasar untuk beberapa pemula

<html>
<head>
    <title>Sinau</title>
</head>
<body>
    <?php
    include_once "koneksi.php";
    $namaTombol = "tambah";
    if(isset($_POST["tambah"])){
        // input data mahasiswa baru
        $namaMhs    = mysql_real_escape_string($_POST["jeneng"]);
        $alamatMhs  = $_POST["omah"];
        $teleponMhs = $_POST["telpon"];
        $emailMhs   = $_POST["surat"];
        mysql_query("INSERT INTO mahasiswa VALUES ('', '$namaMhs', '$alamatMhs', '$teleponMhs', '$emailMhs')");
        echo "<script>location.href='index.php';</script>";
    }elseif(isset($_POST["edit"])){
        $kodeMhsUntukEdit = $_GET["editMhs"];
        // ubah data mahasiswa -----------------------------------------------------
        $namaMhs    = mysql_real_escape_string($_POST["jeneng"]);
        $alamatMhs  = $_POST["omah"];
        $teleponMhs = $_POST["telpon"];
        $emailMhs   = $_POST["surat"];
        mysql_query("UPDATE dbmahasiswa SET namamhs = '$jeneng', alamatMhs = '$omah', teleponMhs = '$telpon', emailMhs = 'surat' WHERE kode_mhs = '$kodeMhsUntukEdit'");
        echo "<script>location.href='index.php';</script>";
    }
    if(isset($_GET["deleteMhs"]) AND trim($_GET["deleteMhs"])!=""){
        // jika terdapat query string (URL) deleteMhs & isi deleteMhs tidak kosong, maka dibawah ini ---------------------------
        $tampungKodeMhs = mysql_real_escape_string($_GET["deleteMhs"]);
        // query hapus data menggunakan "DELETE" -------------------------------------------------------------------
        mysql_query("DELETE FROM mahasiswa WHERE kode_mhs = '$tampungKodeMhs'");
        echo "<script>location.href='index.php';</script>";
    }
    if(isset($_GET["editMhs"]) AND trim($_GET["editMhs"])!=""){
        $namaTombol = "edit";
        $queryTampilkanEdit = mysql_query("SELECT * FROM mahasiswa WHERE kode_mhs = '$_GET[editMhs]'");
        $dataEdit = mysql_fetch_array($queryTampilkanEdit);
    }
    ?>
    <!-- Form tambah / edit data mahasiswa -->
    <form method="post" action="">
        Nama : <input type="text" value="<?php echo $dataEdit["nama_mhs"]; ?>" name="jeneng" /><br/>
        Alamat : <input type="text" value="<?php echo $dataEdit["alamat"]; ?>" name="omah" /><br/>
        Telepon : <input type="text" value="<?php echo $dataEdit["telepon"]; ?>" name="telpon" /><br/>
        Email : <input type="text" value="<?php echo $dataEdit["email"]; ?>" name="surat" /><br/>
        <input type="submit" name="<?php echo $namaTombol; ?>" value="simpan"/>
    </form>
    <hr/>
    <p></p>
    <!-- Tampilkan hasil semua yang ada di tabel mahasiswa -->
    <table cellpadding="3" cellspacing="1" border="1">
        <tr>
            <th>Kode</th>
            <th>Nama Mahasiswa</th>
            <th>Alamat</th>
            <th>Telepon</th>
            <th>Email</th>
            <th>Opsi</th>
        </tr>
        <?php
        // perintah menampilkan data "SELECT"
        $perintahTampil = "SELECT * FROM mahasiswa";
        $eksekusiSql = mysql_query($perintahTampil);
        while($tampilkan = mysql_fetch_array($eksekusiSql)){
            print "
                <tr>
                    <td>$tampilkan[kode_mhs]</td>
                    <td>$tampilkan[nama_mhs]</td>
                    <td>$tampilkan[alamat]</td>
                    <td>$tampilkan[telepon]</td>
                    <td>$tampilkan[email]</td>
                    <td>
                        <a href='index.php?deleteMhs=$tampilkan[kode_mhs]'>Hapus</a> |
                        <a href='index.php?editMhs=$tampilkan[kode_mhs]'>Edit</a>
                    </td>
                </tr>";
        }
        ?>
    </table>
</body>
</html>

Setelah membuat file dengan semua kode yang Anda inginkan pastikan Anda menyimpannya dalam ekstensi php. Misalnya, mybloggerlab.php, Anda dapat menggunakan Notepad ++ untuk kode menulis karena merupakan satu-satunya GRATIS standar alat berkembang.

Langkah # 2: Hosting PHP File:

Sejak, blogger tidak memungkinkan Anda untuk meng-host jenis file seperti PHP, HTML atau CSS. Oleh karena itu, Anda harus baik host di hosting Anda (jika Anda memiliki) atau Anda dapat menggunakan Google Drive untuk menjadi tuan rumah mereka secara GRATIS. Kami telah menulis tutorial rinci pada Ini, sehingga membacanya di sini . Anda juga dapat menggunakan Dropbox, dan banyak layanan hosting gratis lainnya tapi pasti mereka tidak lebih baik dari fitur dan keandalan Google Drive.

Langkah # 3: Menambahkan PHP Kode di Blogger

Setelah membuat dan hosting file PHP, login ke account Blogger Anda. Setelah login, kepala ke dashboard dan pilih blog yang Anda ingin menambahkan PHP Kode. Sekarang tergantung pada kebutuhan Anda apakah Anda ingin menambahkan kode PHP dalam posting, halaman, sidebar atau footer. Hanya paste kode berikut di mana pun Anda ingin menampilkan file PHP.


< object  width = "400"  height = "300"  Jenis = "text / html"  Data = "file-anda.php" > </ object >

Jangan lupa untuk mengganti-file.php Anda dengan URL dari file PHP Anda sendiri bahwa Anda mungkin sudah mendapat sementara hosting pada layanan seperti Google Drive Dropbox dan lain-lain  
Selamat: Anda telah berhasil menambahkan kode PHP untuk blogger. Pergi dan memeriksa blog Anda untuk melihat apakah hal bekerja seperti yang direncanakan. Marilah kita tahu, jika Anda memiliki cara yang lebih baik untuk melakukan pekerjaan ini. Kami berharap tutorial ini telah membantu Anda untuk belajar bagaimana menambahkan kode PHP di blogger. Namun, ini bukan cara yang paling akurat karena kita hanya menggunakan teknik iFrame untuk memasukkan kode. Blogger perlu berpikir lebih untuk membuat platform yang ramah untuk para pengembang sehingga mereka dapat membawa keangkeran ke blog dan situs web mereka.

Kamis, 28 Agustus 2014

Insinyur dan dokter University of Washington telah mengembangkan aplikasi smartphone yang memeriksa penyakit kuning pada bayi baru lahir dan dapat memberikan hasil kepada orang tua dan dokter anak dalam beberapa menit. Ini bisa berfungsi sebagai alat skrining untuk menentukan apakah bayi perlu tes darah -. Suatu standar emas untuk mendeteksi tingkat tinggi bilirubin
Tes smartphone ini benar-benar untuk bayi di beberapa hari pertama setelah mereka pulang. Orang tua atau penyedia perawatan kesehatan bisa mendapatkan gambaran yang akurat tentang bilirubin untuk menjembatani kesenjangan setelah meninggalkan rumah sakit.
Tim peneliti akan mempresentasikan hasilnya di Asosiasi Conference Computing Machinery International Joint di Pervasif dan Ubiquitous Computing pada bulan September di Seattle.
Aplikasi, disebut BiliCam, menggunakan kamera smartphone dan kartu kalibrasi warna flash dan ukuran kartu nama. Orang tua atau ahli kesehatan akan men-download aplikasi, letakkan kartu di perut bayinya, kemudian mengambil gambar dengan kartu dalam pandangan. Para mengkalibrasi kartu dan rekening untuk kondisi pencahayaan yang berbeda dan warna kulit. Data dari foto yang dikirim ke awan dan dianalisis oleh algoritma mesin-belajar, dan laporan tentang tingkat bilirubin bayi baru lahir dikirim hampir seketika ke ponsel orang tua.
"Ini adalah cara untuk memberikan ketenangan pikiran untuk orang tua dari bayi yang baru lahir , "kata Shwetak Patel, seorang associate UW profesor ilmu komputer dan teknik dan teknik listrik. "Keuntungan dari melakukan analisis di awan adalah bahwa algoritma kami dapat ditingkatkan dari waktu ke waktu."
Sebuah alat skrining penyakit kuning noninvasif tersedia di beberapa rumah sakit dan klinik, namun instrumen biaya beberapa ribu dolar dan tidak layak untuk digunakan di rumah. Saat ini, baik dokter dan orang tua menilai ikterus dengan mencari warna kuning pada kulit bayi yang baru lahir, tetapi penilaian visual ini hanya cukup akurat. Tim UW dikembangkan BiliCam untuk mudah digunakan dan terjangkau bagi dokter dan orang tua, terutama selama beberapa hari pertama setelah kelahiran ketika itu penting untuk memeriksa penyakit kuning.
Jaundice, atau menguningnya kulit, dapat terjadi bila jumlah kelebihan bilirubin mengumpulkan dalam darah. Bilirubin adalah produk sampingan alami dari kerusakan sel darah merah, yang hati biasanya memetabolisme. Tapi bayi yang baru lahir sering memetabolisme bilirubin lebih lambat karena hati mereka belum sepenuhnya berfungsi. Jika tidak diobati, penyakit kuning yang parah dapat menyebabkan kerusakan otak dan kondisi yang berpotensi fatal yang disebut kernikterus.
Tim UW berlari studi klinis dengan 100 bayi baru lahir dan keluarga mereka di UW Medical Center. Mereka menggunakan tes darah, alat skrining saat ini digunakan di rumah sakit, dan BiliCam untuk menguji bayi saat mereka berusia antara dua dan lima hari. Mereka menemukan bahwa BiliCam dilakukan serta atau lebih baik dari alat skrining saat ini. Meskipun tidak akan menggantikan tes darah, BiliCam bisa membiarkan orang tua tahu apakah mereka harus melakukan langkah berikutnya.
"BiliCam akan menjadi pilihan yang lebih murah dan lebih mudah diakses daripada metode skrining yang dapat diandalkan yang ada," kata Lilian de Greef, penulis utama dan seorang mahasiswa doktor UW di ilmu komputer dan rekayasa. "Menurunkan penghalang akses ke aplikasi medis dapat memiliki efek mendalam pada pasien, perawat dan dokter mereka, terutama untuk sesuatu yang lazim sebagai ikterus baru lahir."
Para peneliti berencana untuk menguji BiliCam pada hingga 1.000 bayi yang baru lahir tambahan, terutama yang memiliki pigmen kulit yang lebih gelap . Algoritma kemudian akan cukup kuat untuk menjelaskan semua etnis dan warna kulit. Ini bisa membuat BiliCam alat yang berguna bagi orang tua dan petugas kesehatan di negara-negara berkembang di mana penyakit kuning menyumbang banyak kematian bayi.
"Kami sangat gembira tentang potensi ini di daerah-daerah miskin sumber daya, sesuatu yang dapat membuat perbedaan di tempat-tempat tidak ada alat untuk mengukur bilirubin tapi ada infrastruktur yang baik untuk ponsel, "kata Taylor.
Dalam setahun, para peneliti mengatakan BiliCam dapat digunakan oleh dokter sebagai alternatif untuk prosedur skrining saat ini untuk bilirubin. Mereka telah mengajukan paten pada teknologi, dan dalam beberapa tahun berharap untuk mendapatkan persetujuan federal Drug Administration untuk aplikasi BiliCam bahwa orang tua dapat menggunakan di rumah pada smartphone mereka.

Rabu, 20 Agustus 2014

Spoiler memiliki fungsi untuk menyembunyikan dan menampilkan teks atau gambar, dan sangat berguna ketika mencoba untuk mengurangi ruang di input atau hanya jika Anda ingin teks atau gambar hanya melihat ketika ditekan
Hal pertama yang Anda butuhkan adalah kode:

<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;">
<b>Judul Spoiler</b>: <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="font-size: 12px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Buka" />
    </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
     </div>
</div>
</div>

Teks rmerah selanjutnya bisa Anda ubah menjadi suatu tampilan apapun yang Anda ingin. Salin kode dan paste di entri baru di Edit HTML di tempat entri di mana Anda ingin ditampilkan.
Berikut adalah contoh hasilnya.Silahkan tekan ya...
Mobil Airbrush terkeren:
Spoiler for mobil keren:
Spoiler for mobil keren:
Spoiler for mobil keren:

Spoiler for mobil keren:

Jumat, 15 Agustus 2014

Kalo Kalian sudah jadi blogger yg produktif, rajin posting dan banyak pengunjungnya, ga ada salahnya saya sharing cara pasang iklan di blogspot.com supaya ada peluang penghasilan yg didapat dari jerih payah Kalian, siapa tau, ya kan?

Berikut caranya:
  1. Daftar dulu ke situs-situs penyedia iklan Pay Per Cllick (PPC) seperti google adsense dan lain-lain.  Dengan iklan PPC kalian dibayar jika ada iklan di blog Kalian yg diklik pengunjung. Di sini saya akan sharing penyedia PPC lain yg ga kalah baiknya dengan adsense, silahkan klik DI SINI untuk mendaftar.
  2. Tanya saya ya hehe...


Kamis, 14 Agustus 2014

Mungkin siswa-siswi sekalian pernah membuat blog baru dan mendapati bukannya terbentuk blog baru malah muncul komentar error di browser seperti ini "The page You requested is  invalid." atau kadang dalam bahasa Indonesia "Blog halaman yang Anda Minta tidak valid.".

Trus cara mengatasinya gimana?

Nah ini adalah cara sederhana yang sudah berhasil dicoba:
  1. Ulangi lagi aja prosesnya begini, klik Buat Blog Baru.
  2. Buat Alamat Blog baru dengan kata-kata yang diulang-ulang (huruf kecil semua tentunya), pada gambar di bawa ini sy kasi lingkaran merah dan angka 1, sambil Kalian pastikan pada lingkaran no.2 muncul tanda ceklis. Untuk Judul-nya bebas karna nanti bisa diganti. untuk Alamat juga nanti bisa diganti, pada tahap 2 ini tujuan kita untuk memancing google agar menawarkan kita metode Verifikasi SMS.
  3. Klik tombol Buat Blog (lingkaran no.3 gambar di atas)
  4. Pada tahap ini Kalian akan dihadapkan pada proses Verifikasi SMS, sayang sekali saya ga bisa capture gambarnya karna pas pada tahap 3 saya dah langsung berhasil sehingga ga ditanya untuk verifikasi SMS. Tujuan verifikasi SMS adalah supaya pihak google yakin yg sedang bikin blog baru ini manusia, bukan robot atau aplikasi otomatis yg kerjanya spamming. sebelum bikin artikel ini saya udah ngalamin proses verifikasi itu, jadi selanjutnya saya udah dianggap manusia kali yee haha. Jadi saya bisa bebas bikin blog berapa aja dengan satu account gmail.
  5. Kalo Kalian dihadapkan dengan proses verifikasi, ucapkanlah Alhamdulillaah hehe, karna dikit lg udah berhasil. Kalian tinggal masukin nomer HP Kalian dan jangan lupa pilih negara atau location (kalo ga salah) supaya google ga salah ngirim SMSnya.
  6. Setelah Google ngirim SMS yg berisi Kode Verifikasi ke HP Kalian, masukkin tuh kode ke layar pendaftaran blog Kalian, Kalo tahap ini udah ok maka Kalian sudah dianggap manusia dan akan dihadapkan kembali pada tampilan seperti gambar di tahap 1, atau kadang langsung ke tahap 2. Yaudah tinggal ganti deh tu Judul Blog dan Alamat Blog dengan yg sesuatu yg emang udah Kalian rencanain.
  7. Selesai, Alhamduuuu, lillaaah

Insya Allah kalo ada kesempatan gambar2 yg kurang sy tambahin nantinya ya...

Selamat mencoba,

Ted.

Translate

Recent Posts

Popular Posts