• Cara Memasang Widget Like Box Facebook Melayang di Blog

    0

    Selamat sore sobat Blogger, bagaimana kabar kalian semua? Semoga dalam keadaan baik-baik saja. Dan semangat Blogging kita sebagai Blogger semakin meningkat OK. Kali ini saya akan membahas Cara Memasang Widget Like Box Facebook Melayang di Blog.Widget ini dilengkapi dengan tombol close. Semoga dengan widget ini pengunjung pada Blog sobat akan tertarik untuk memberikan jempolnya pada halaman Blog sobat di Facebook dan Fan Page Blog sobat di Facebook pun semakin banyak.
    Sebenarnya kita sebagai Blogger kurang baik untuk memasang widget ini. Karena widget-widget seperti ini akan mengganggu pengunjung. Ketika pengunjung sedang asyik membaca artikel, eh tiba-tiba muncul si widget ini, sungguh mengganggu kan?

    Namun jika sobat tetap ingin memasang widget ini, silakan simak panduanya OK.

    1. Pertama sobat wajib mempunyai Halaman Blog sobat di Facebook dan script Widget Like Box Facebok-nya. Silakan baca artikel tentang Cara Membuat Halaman Blog di Facebook dan Cara Membuat Widget Like Box Facebook di Blog untuk mendapatkan scriptnya.
    2. Kalau sobat sudah mempunyai Halaman Blog sobat di Facebook dan telah mendapatkan script-nya, sobat bisa mulai memasang widget ini. Login ke akun Blogger sobat.
    3.  Masuk pada bagian Tata Letak.
    4. Klik Tambahkan Gadget di posisi mana saja tidak jadi masalah. Karena hasilnya tetap akan melayang di halaman Blog.
    5. Pilih mode HTML/Javascript.
    6. Masukan kode berikut.

    <!-- FB melayang tombol close --!>
    <style type='text/css'>
    #kotak-facebook {
          position:fixed !important;
          position:absolute; /* IE6 */
          bottom:-1000px;
          right:40%;
          margin:0px 0px 0px -182px;
          width:310px;
          height:auto;
          padding:16px;
           -webkit-box-shadow: 0px 0px 7px #222;
          -moz-box-shadow: 0px 0px 7px #222;
          box-shadow: 0px 0px 7px #222;  background-color:#FFFFFF; font:normal 1em Cambria,Georgia,Serif;
          color:#111;
        -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;}
        #kotak-facebook a.close {
          position:absolute;
          top:-10px;
          right:-10px;
          background:#333;
          font:bold 16px Arial,Sans-Serif;
          text-decoration:none;
          line-height:22px;
          width:22px;
          text-align:center;
          color:#fff;
          border:2px solid #fff;
          -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
          -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
          box-shadow:0px 1px 2px rgba(0,0,0,0.4);
          -webkit-border-radius:10px;
          -moz-border-radius:10px;
          border-radius:10px;
          cursor:pointer;
        }
    </style>
        <script type='text/javascript'>
        $(window).bind("load", function() {
             // animasikan nilai top saat halaman telah selesai dimuat
             $('#kotak-facebook').animate({bottom:"50px"}, 1000);
            // hilangkan kotak pesan saat tombol (x) di klik
             $('a.close').click(function() {
                 $(this).parent().fadeOut();
             return false;
             });
        });
        </script>
        <div id='kotak-facebook'>
    <p style=" margin-right:10px;  font-size:15px; color:#000000;">Please Bantu Saya,<blink> Like This !!!</blink> </p>
    <!-- Mulai --!>

    -----Letakan Script Widget Like Box Facebook disini-----

    <!-- Selesai --!><a class='close' href='#'>&times;</a>
    <p style=" float:right;  margin-right:35px;  font-size:10px;" >Powered By <a style=" font-size:10px; color:#3B78CD; text-decoration:none;" href="http://regibrader-free.blogspot.com/search/label/Widget%20Blogspot">Blogger Widget</a> and <a style=" font-size:10px; color:#3B78CD; text-decoration:none;" href="http://regibrader-free.blogspot.com/2013/05/cara-memasang-widget-like-box-facebook.html">Get This Widget</a></p>
        </div>

    #Masukan script Widget Like Box Facebook yang telah sobat dapatkan pada tulisan berwarna merah (hapus tulisan berwarna merah). Ubah tulisan berwarna biru dengan pesan-pesan pada widget yang sobat inginkan. Script di atas memuat kode-kode warna, ukuran dan posisi yang bisa sobat ubah sesuai keinginan. Namun tidak diubah pun sudah bagus, posisinya berada tepat ditengah halaman. Hasilnya akan terlihat seperti ini.


    7. Klik Simpan dan Selesai.
    Sumber :http://regibrader-free.blogspot.co.id/2013/05/cara-memasang-widget-like-box-facebook.html

  • Download Ebook Tutorial Dreamweaver Full Gratis Bahasa Indonesia

    1

    Download Ebook Tutorial Dreamweaver Full Gratis Bahasa Indonesia | Dreamweaver merupakan suatu sarana untuk membuat dan mendesign website, dari yang sederhana hingga sebuah web profesional. Dalam ebook ini berisikan tutorial bagaimana menggunakan Dreamweaver sehingga anda dapat membuat dan mendesign web seperti apa yang anda inginkan, dengan penyajian yang ringkas padat dan mudah dimengerti sehingga bisa langsung diaplikasikan penggunaanya dan diharapkan ebook ini bermanfaat bagi anda.
    Download Ebook Tutorial Dreamweaver Full Gratis Bahasa Indonesia
    Ebook Tutorial Macromedia Dreamweaver dalam bahasa indonesia untuk yang ingin belajar membuat website dengan bantuan program Dreamweaver. Mudah dipahami karena menggunakan bahasa indonesia dan dilengkapi dengan gambar setiap langkahnya.

    Bagi anda yang tertarik dan ingin memilikinya silahkan
    1.Download Tutorial Dreamweaver 1
    2.Download Tutorial Dreamweaver 2
    3.Download Ebook Membuat Website dengan Dreamweaver [bahasa indonesia] dengan daftar isi sebagai berikut:
    • Membuat Halaman Baru Pada Dreamweaver
    • Membuat dokumen HTML kosong baru
    • Membuka file HTML
    • Membuat dokumen HTML berdasarkan template
    • Menyimpan dokumen
    • Mengatur dokumen properties
    • Pengenalan Tampilan Dreamweaver
    • Dreamweaver work area
    • Document Window
    • Mengatur ukuran window
    • Toolbar
    • Object Panel
    • Kategori Common
    • Kategori Character
    • Property Inspector
    • Memilih jenis font
    • Mengatur format teks
    • Bekerja dengan macam-macam warna
    • Hyperlink
    • Memasukkan Image atau gambar
    • Membuat Rollover Image
    • Memasukkan Flash Button
    • Memasukkan Flash Text
    • Bekerja dengan Tabel & Frame pada Dreamweaver
    • Memasukkan Tabel
    • Menambah atau mengurangi baris atau kolom
    • Mengubah lebar kolom atau tinggi baris (resize)
    • Memecah satu sel (split)
    • Mengisi sel
    • Frame
    • Mengubah properti Frame
    • Bekerja dengan Layer
    • Mengubah properti Layer
    • Upload ke Server
    4.Ebook Dreamweaver Bahasa Indonesia


    Sekian dulu artikel mengenai Download Ebook Tutorial Dreamweaver Full Gratis Bahasa Indonesia.Semoga bermanfaat

    Sumber:http://premiumaccounts22all.blogspot.co.id/2013/04/download-ebook-tutorial-dreamweaver.html


  • MEMBUAT TEMPLATE JOOMLA DENGAN ARTISTEER

    0
    Dengan Artisteer Anda langsung dapat merancang sendiri template Joomla yang unik tanpa keterampilan teknis atau belajar Dreamweaver, Photoshop, HTML atau CSS. Artisteer itu "Ide" fitur otomatis memproduksi dan mengusulkan desain template baru dan unik untuk Anda, yang Anda kemudian dapat menyesuaikan dan menyelesaikan sesuai dengan keinginan Anda.

    Berikut adalah cara untuk membuat dan menerapkan pembuaan template joomla yang tampak hebat hanya dalam beberapa menit !
    1. Buka Artisteer 3 dan klik "Suggest Design" beberapa kali tombolsampai Anda melihat Joomla Template ide yang Anda sukai
    2. Mengatur elemen desain seperti tata letaklatar header,, font, dll
      joomla templates
    3. Ekspor template Anda ke folder di komputer Anda dalam bentuk zip file.
      joomla templates
    4. Upload Joomla template yang baru dibuat  ke Website Anda melalui Joomla  Administrasi -> Extensions -> Install / Uninstall.
      joomla templates
    Selamat Mencoba
    Sumber :http://www.widodoonline.com/2011/11/membuat-template-joomla-dengan.html
  • Cara Membuat Kalkulator Sederhana dengan JavaScript

    0
    Cara Membuat Kalkulator Sederhana dengan JavaScript – Sebenarnya postingan kali ini ada hubungannya dengan tugas kuliah yang saya miliki yakni dalam kuliah pemrograman web. Berhubung ada kesempatan saya pengen share ke sobat tentang bagaimana sih cara membuat sebuah kalkulator sederhana dengan menggunakan JavaScript.
    Kalkulator sederhana dengan Javascript
    Berikut ini adalah source code programnya:
    <html>
        </head>
           
        </head>
        <body>
       
    <form name="Calc">
    <table border=4>
    <tr>
    <td>
    <input type="text" name="Input" size="29">
    <br>
    </td>
    </tr>
    <tr>
    <td>
    <input type="button" name="one"   value="   1   " OnClick="Calc.Input.value = '1'">
    <input type="button" name="one"   value="   2   " OnClick="Calc.Input.value += '2'">
    <input type="button" name="one"   value="   3   " OnClick="Calc.Input.value += '3'">
    <input type="button" name="one"   value="   +  " OnClick="Calc.Input.value += '+'">
    <br>
    <input type="button" name="four"  value="   4   " OnClick="Calc.Input.value += '4'">
    <input type="button" name="five"  value="   5   " OnClick="Calc.Input.value += '5'">
    <input type="button" name="six"   value="   6   " OnClick="Calc.Input.value += '6'">
    <input type="button" name="minus" value="   -   " OnClick="Calc.Input.value += ' - '">
    <br>
    <input type="button" name="seven" value="   7   " OnClick="Calc.Input.value += '7'">
    <input type="button" name="eight" value="   8   " OnClick="Calc.Input.value += '8'">
    <input type="button" name="nine"  value="   9   " OnClick="Calc.Input.value += '9'">
    <input type="button" name="div"   value="   /   " OnClick="Calc.Input.value += ' / '">
    <br>
    <input type="button" name="zero"  value="   0   " OnClick="Calc.Input.value += '0'">
    <input type="button" name="DoIt"  value="   =   " OnClick="Calc.Input.value =eval(Calc.Input.value)">
    <input type="button" name="clear" value="Clear" OnClick="Calc.Input.value = ''">
    <input type="button" name="times" value="   *   " OnClick="Calc.Input.value += ' * '">
    <br>
    </td>
    </tr>
    </table>
    </form>
        </body>
    </html>
    Catatan:
    • Pada source code untuk fungsi eval akan dijelaskan pada postingan selanjutnya.
    Selamat mencoba, dan selamat belajar…!!!
    sumber:http://junedalbughisy.blogspot.com/2013/04/cara-membuat-kalkulator-sederhana.html
  • Tutorial membuat template website

    0
    Sebuah template website memang berbeda-beda, namun dibalik perbedaan itu ada satu hal persamaan pada setiap website. Ya, mereka selalu mempunyai struktur yang sama, yaitu header, content dan footer. Apakah membuat template website itu susah? Dibilang susah ngga, dibilang gampang juga tidak! Ini tergantung dari kreatifitas orang yang membuatnya. Kali ini saya akan berbagi tutorial membuat dasar sebuah template website.

    Goal dari tutorial ini adalah sebagai berikut:
    Dasar membuat layout website
    Langsung saja, silahkan buka code editor yang sering anda gunakan misalnya notepad++, sublime dkk. Buat sebuah file misalnya diberi nama index, jangan lupa format dari file ini ada html. Berikut code yang digunakan untuk index.html:

    <html>
    <head>
    <title>Membuat Layout sederhana</title>
    <link href="style.css" type="text/css" rel="stylesheet">
    </head>
    <body>
    <div class="container">
    <div class="header">
    <span class="title">Dipakai untuk Header</span>
    </div>
    <div class="content">
    <div class="entry-content">
    <span class="title">Isi dari konten</span>
    </div>
    <div class="sidebar">
    <span class="title">Isi dari sidebar</span>
    </div>
    </div>
    <div class="footer">
    <span class="title">Isi untuk footer</span>
    </div>
    </div>
    </body>
    </html>

    Klik save, kemudian kita tambahkan style untuk index.html . Kemudian buat file bernama style dengan format .css , simpan satu folder dengan file index.html tadi.
    Berikut code untuk style.css:

    .container{
    margin:0 auto;
    max-width:978px;
    }

    .header{
    background:red;
    height:200px;
    }
    .content{
    overflow:hidden
    }
    .entry-content{
    background:#eee;
    width:642px;
    float:left;
    display:inline;
    height:500px;
    }
    .title{
    font-size:40px;
    font-weight:bold;
    }
    .sidebar{
    background:#21E28D;
    width:336px;
    display:inline;
    float:left;
    height:500px;
    }

    .footer{
    background:#333;
    height:200px;
    }

    Kemudian buka lagi index.html di browser anda. Jika tampilannya sama dengan goal diatas maka anda sukses dalam tutorial ini. Sekian tulisan pengalaman ngajarcss tentang Tutorial membuat template website ini, semoga bermanfaat.
    Sumber :http://ngajarcss.blogspot.com/2013/12/tutorial-membuat-template-website.html
  • Copyright © - H4unt3D_404

    H4unt3D_404 - Powered by Blogger - Designed by Johanes Djogan