My Profil

SELAMAT DATANG

Selamat Datang di Blog Economy Dan IT - Saya senang Anda berada di sini, dan Saya berharap Anda sering datang kembali. Silakan Berlama - Lama di sini dan membaca lebih lanjut tentang artikel dunia Economy, Lifestayle, Perpolitikan, Entertaiment, Dan Tutorial Bloging Maupun Kehidupan Seputar Blogers yang telah Saya sediakan.

Sekilas Tentang Saya

Nama saya M. Wahyu Arya Putra, Saya berasal Dari Sumatra Utara, Saya hanyalah Seorang Mahasiswa dan Blogger biasa, Yang terus belajar dan berusaha untuk menjadi luar biasa...

  • Lebih Lanjut Tentang Saya
  • TRANSLATOR

    English French German Spain Italian DutchRussian Portuguese Japanese Korean Arabic Chinese Simplified

    Selasa, 24 Januari 2012

    Cara Mudah Membuat Link Menjadi Warna-Warni di Blog

    Udah pernah liat link yang berwarna-warni seperti pelangi (rainbow) ketika disorot kursor ? Ya kalau belum ya lihatlah seperti yang ada di blog ini link berwarna-warna. Sebenarnya ini adalah salah satu trik sederhana yang menggunakan javascript. Cara membuatnya pun sangat mudah dan GPL alias gak pake lama, asal sudah tau script yang mau dipake maka ngga sampe 5 menit proses membuat link di blog menjadi berwarna-warni seperti pelangi itu pun akan segera terwujud dan hasilnya blog teman pun sudah semakin menarik bukan.
    Berikut cara membuat link berwarna-warni :
    1. Cari Kode <head>
    2. kemudian taruh kode dibawah tepat dibawah kode <head>

      <script src='http://anas.ku93.googlepages.com/rainbow.js'>
      </script>
    3. Kurang lebih jadinya

      <head>
      <script src='http://anas.ku93.googlepages.com/rainbow.js'>
      </script>
    4. Semudian Save dan Lihat hasilnya ok!

    Benar kan ngga sampai 5 menit ? Nah selamat mencoba cara membuat link menjadi warna-warni ini, semoga sobat puas dengan hasilnya.
    read more

    Membuat Tab View Menu Tanpa Edit HTML di Blogspot

    Sebelumnya saya sudah pernah membahas tentang cara membuat tab view menu (menu dengan tab), namun dalam pembuatan tab view menunya kita harus mengedit HTML template. Mungkin banyak sobat blogger yang takut gagal sehingga bisa merusak template, padahal tidak mungkin rusak jika sebelum melakukan pengeditan sudah membackup template terlebih dahulu.


    Setelah bereksperimen, akhirnya saya coba dengan meletakkan kode script-nya langsung di gadget, ternyata berhasil. Dengan menyatukan semua kode yang ada, pembuatan menu tab view tidak perlu lagi susah payah mengedit HTML template. Jika sobat sudah pernah membaca postingan saya yang dulu, sobat tinggal menyatukan semua kodenya dan letakkan di gadget, belum tau urutan kodenya?

    Baiklah langsung saja, sekarang anda mesti login dulu ke blogger, kemudian pada Elemen Halaman  klik Tambah Gadget, lalu pilih yang HTML/Javascript. Setelah itu tambahkan kode script menu tab view-nya seperti dibawah ini :
    <style type="text/css">
    div.TabView div.Tabs a
    {
    float: left;
    display: block;
    width: 80px; /* Lebar Kotak Tab */
    height: 22px; /* Tinggi Menu Utama Atas */
    text-align: center; /* Posisi Teks Menu Tab */
    margin: 5px 0px 0px 3px; /* Posisi Kotak Tab */
    background-color: #000; /* Warna background Kotak Tab */
    padding-top: 2px; /* Spasi Atas */
    border: 1px solid #ffffff; /* Warna border kotak Tab */
    border-bottom: 1px solid #ccc; /*Warna border bawah kotak tab */
    font-family: "Arial, Helvetica, sans-serif", Arial; /* Font Kotak Tab */
    font-weight: 900; /* Ketebalan Teks kotak tab */

    }
    div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
    {
    background-color: #736F6E; /* Warna background utama kotak tab */ }
    div.TabView div.Pages
    {
    clear: both;
    border: 1px solid #cccccc; /* Warna border Kotak Konten */
    overflow: hidden;
    background-color: #ffffff; /* Warna background Kotak konten */
    }
    div.TabView div.Pages div.Page
    {
    height: 100%;
    padding: 5px; /* Jarak teks dalam kotak content */
    overflow: hidden;
    }
    div.TabView div.Pages div.Page div.Pad
    {
    padding: 3px 5px;
    }
    </style>

    <form action="tabview.html" method="get">
    <div id="TabView" class="TabView">
    <div style="width: 300px;" class="Tabs">
    <a><span style="color: #fff">Tab 1</span></a>
    <a><span style="color: #fff">Tab 2</span></a>
    <a><span style="color: #fff">Tab 3</span></a>
    </div>
    <div style="width: 300px; height: 200px;" class="Pages">

    <div class="Page">
    <div class="Pad">
    konten 1
    </div>
    </div>

    <div class="Page">
    <div class="Pad">
    konten 2
    </div>
    </div>

    <div class="Page">
    <div class="Pad">
    konten 3
    </div>
    </div>
    </div></div></form>

    <script src="http://creatingwebsite.googlecode.com/files/tab_view.js">
    </script>
    <script type="text/javascript">
    tabview_initialize('TabView');
    </script></div>
    Keterangan:
    • Tulisan berwarna kuning merupakan keterangan dari masing-masing kode. Silahkan atur nilainya sesuai keinginan
    • Tulisan berwarna orange merupakan warna judul Tab
    • Tulisan berwarna hijau merupakan judul Tab
    • Angka 300 pada 'Width' menunjukkan panjang kotak dan 200 pada 'height' menunjukkan tinggi kota. Silahkan ganti nilainya sesuai ukuran template anda.
    • Tulisan yang dicetak tebal merupakan isi tab view. Silahkan ganti dengan teks, link, banner atau widget anda.
    Jika anda ingin menambah menu tab baru cukup tambahkan kode yang berkedip dibawahnya. Demikian tadi tutorial membuat tab view widget tanpa eit HTML, contoh dari tab view ini bisa anda lihat di blog ini.

    Semoga bermanfaat !
    read more

    Senin, 23 Januari 2012

    Cara Merubah Read More Pada Postingan Menjadi Lebih Menarik

    Banyak template dengan fasilitas read more mempunyai tampilan kurang menarik. Mungkin juga anda bosan dengan bentuk read more seperti yang dimiliki dan bermaksud menggantinya. Jangan khawatir gan, saya akan berikan beberapa pilihan read more menarik dan bisa dimiliki sesuai keinginan anda. Sekarang mari kita bahas cara merubah read more menjadi menarik. Ikuti langkah berikut.


    read more

    1. Log in ke blog anda
    2. Klik Rancangan
    3. Klik Edit HTML
    4. Centang Expand Template Widget
    5. Kemudian Cari kode read more, selanjutnya, teruskan baca, atau apa saja seperti tampilan jump break (read more) artikel anda. Setulah Ketemu Hapus kode tersebut dan ganti dengan salah satu kode di bawah ini.
    Perhatiakan kode dasar read more. Anda hanya perlu mengganti tulisan merah dengan kode gambar (read more) yang di pilih.
    <img align='right' alt='read more' margin='0' border='0' width='80' height='35' src='MASUKKAN KODE GAMBAR ANDA DI SINI'/>

    Catatan: Silahkan anda edit width untuk ukuran lebar dan height ujtuk ukuran tinggi tampilan read more
    Berikut merupakan beberapa alamat kode gambar yang ada :
    read more
     http://i1138.photobucket.com/albums/n524/blogonol/blogonol-readmore4.png

    read more
    http://i1138.photobucket.com/albums/n524/blogonol/blogonol-readmore3.png

    read more
    http://i1138.photobucket.com/albums/n524/blogonol/blogonol-readmore-1.png

    read more
    http://i1138.photobucket.com/albums/n524/blogonol/blogonol-readmore9.png

    read more
    http://i1138.photobucket.com/albums/n524/blogonol/blogonol-readmore11.png

    read more
    http://i1138.photobucket.com/albums/n524/blogonol/blogonol-readmore12.png

    read more
    http://i1138.photobucket.com/albums/n524/blogonol/blogonol-reradmore8.png

    read more
    http://i1138.photobucket.com/albums/n524/blogonol/blogonol-readmore13.png

    read more
    http://i1138.photobucket.com/albums/n524/blogonol/blogonol-readmore14.png

    read more
    http://i1138.photobucket.com/albums/n524/blogonol/blogonol-readmore2-1.png
     
    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyns1iz-ITmEA_fl4ZsZCT9eODIeljIADKltbKmBSxjr-HoGz6cd5rE1H4IkXE0qrOnL2BMaIT5KO5CR6vQ7TMgOhKDGrNwqR4oUylsu7k-EatzSJjg8n8XKGbflf1NJurWnhVxXy_lw-_/s1600/read+more.gif
     
    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQfrJPRFNCU7gmPKtq82gXgXKwUKQvaJ1B8djKDHpxnTkFuSl2H03eHdHtkcgKbGZPFYNGqPYKGykfs3Hm-bWWBIdeOj1Bxvwy3XZCtsW6LI5zIYlyaqokyHWO3GEx36UJ3Q-ttWm12Pe8/s1600/readmore.gif
     
    http://www.boisestatebooks.com/outerweb/images/scholarships/readMore.gif

    Selanjutnya Simpan Template dan lihat hasilnya
    Selamat mencoba dan sukses selalu

    read more

    Cara Membuat Proteksi Pada Postingan Blog Dengan Password

    Tutorial blog kita kali ini yaitu cara membuat proteksi pada postingan blog dengan password. Mungkin sobat pernah mengunjugi website-website yang dimana pada bagian postingan / page terterntu diproteksi dengan password dan hanya bisa terbaca apabila kita memasukkan password yang valid. Ini cocok bagi sobat yang ingin membuat postingan untuk pengunjung tertentu dari blog sobat atau untuk member blog sobat. Mau tau bagaimana caranya? silahkan dilihat dibawah ini bro.



    Password: wahyukeren
    Semoga berguna dan bermamfaat...
    read more

    Minggu, 22 Januari 2012

    Cara Mudah Membuat Tulisan Berjalan Di Blog

    Pada bagian ketiga ini jenis tulisan yang akan saya bahas adalah : membuat teks atau tulisan berjalan dengan gambar, tulisan bergerak zigzag, dan tulisan bouncing arround.

    Berikut  Cara mudah membuat tulisan berjalan di blog:


    1. Membuat teks atau tulisan berjalan dengan gambar



    Tulisan sobat disini

    <marquee behavior="scroll"><br /> <img src="ganti dengan url gambar sobat" width="300" height="100"><br />Tulisan sobat disini<br /> </marquee><br />

    2. Tulisan bergerak ZigZag


    Tulisan sobat disini

    <marquee behavior="alternate" direction="up" height="50px"><br /> <marquee direction="right">Tulisan sobat disini</marquee><br /> </marquee>


    3. Tulisan bouncing arround


    Tulisan sobat disini


    <marquee behavior="alternate" direction="up" width="300" height="100"><br /> <marquee direction="right" behavior="alternate">Tulisan sobat disini</marquee><br /> </marquee><br />

    Selamat mencoba sob..
    Semogga bermanfaat yaaa
    read more

    Susunan Kepanitiaan Acara Pelantikan Dan Ulang Tahun Persma Kreatif Unimed

    Ketua         : Talam
    Seketaris     : Timbel
    Bendahara    : Batagor
    Seksi Konsumsi :
    • Bacem
    • Biwa
    Seksi Perlengkapan :
    • Rokam
    • Emping
    Seksi Humas :
    • Cap-cai
    • Boni
    Seksi Acara :
    • Karedok
    • Kemloy
    Seksi Dokumentasi Dan Dekorasi :
    • Bajigur
    • Omay

    Untuk Info Lebih Lanjut Hubungi Saya Di
    No Hp    : 085762392053 atau di 085763000187 (di saat darurat)
     Untuk Info Terbaru Lihat Di Papan Pemberitahuaan
    read more

     
    Design by Economoy.blogspot.com | Bloggerized by M. Wahyu Arya P - Premium Blogger Themes | Affiliate Network Reviews