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
    Tampilkan postingan dengan label Tutorial Blog. Tampilkan semua postingan
    Tampilkan postingan dengan label Tutorial Blog. Tampilkan semua postingan

    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

    Selasa, 10 Januari 2012

    Cara Membuat Widget Atau Sidebar Blog Menjadi Dua Kolom

    Membuat widget atau sidebar blog menjadi dua kolom maksudnya adalah seperti kasus blog saya ini, sobat bisa perhatikan bagaimana saya membuat satu widget menjadi dua bagian, dengan demikian  bisa membuat sidebar blog lebih hemat dan sedikit rapi.

    Sobat tertarik ingin mencoba? lanjutkan..

    Membuat membuat widget atau sidebar blog menjadi dua kolom sangat mudah, sobat hanya perlu menambahkan sedikit kode html. Tenang, saya tidak mengajarkan html karena sobat pasti tidak mau, yang penting bagaimana bersihnya. hehe..

    Nah, dalam widget tersebut saya menambahkan kode tabel sehingga menjadi dua kolom dan diikuti script widgetnya. Adapun langkah - langkah pembuatan yang saya lakukan seperti sidebar blog saya ini adalah :

    1. Pastinya sobat login ke blog --> Rancangan --> Add Gadget --> Pilih HTML/JavaScript

    2. Copy kode-kode HTML berikut :
    <table border="0" width="300">
    <tr bgcolor="#FF6C74"><td align="center"><b>JUDUL 1</b></td><td align="center"><b>JUDUL 2</b></td></tr>
    <tr><td align="center">KODE JUDUL 1 DISINI</td><td align="center">KODE JUDUL 2 DISINI</td></tr>
    </table>
    <table border="0" width="300">
    <tr bgcolor="#FF6C74"><td align="center"><b>JUDUL 3</b></td><td align="center"><b>JUDUL 4</b></td></tr>
    <tr><td align="center">KODE JUDUL 3 DISINI</td><td align="center">KODE JUDUL 4 DISINI</td></tr>
    </table>

    Keterangan :
    • Perhatikan kode warna merah, angka 300 adalah lebar tabel. Sobat sesuaikan dengan lebar sidebar blog.
    • Kemudian kode warna biru adalah untuk judul-judulnya, sobat bisa ganti sesuai keinginan sobat disini saya menggunakan 'statistik' dan 'alexa' SERTA 'pagerank' dan 'rantop'.
    • kode yang ditandai dengan warna kuning tersebut adalah backgrounnya silahkan ganti dengan warna yang sesuai dengan warna blog sobat. LIHAT KODE WARNA HTML DISINI

    3. Paste di dalam kotak HTML/JavaScript tadi.

    4. Selesai, dan Save..

    Jika sudah sesuai prosedur Insya Allah berhasil. Kalau sudah berhasil minta like satu, supaya gak ketinggalan info gabung juga di halaman facebook economoy :D 

    Sumber Artikel: http://www.masterendi.com
    read more

    5 Cara Simple Mempromosikan Blog Anda

    Setelah selesai membuat blog, hal yg tak kalah pentingnya adalah empromosikan/memperkenalkan blog milik Anda pada dunia ramai. Apa gunanya membuat blog kalau isi curhat, puisi, cerpen, refleksi dan opini Anda yang diposting tidak dibaca orang, bukan?

    Ikuti langkah-langkah promosi blog sebagai berikut:
    (1) Daftarkan di blog directory

    Daftarkan blog Anda ke berbagai direktori blog (blog directory). Sedikitnya, daftarkan di tiga blog directory terbesar dan terpopuler, yaitu (a) http://technorati.com (b) http://feeburner.com (c) http://blogdigger.com. Ikuti seluruh petunjuk pada ketiga blog directory tsb ketika mendaftar.

    Blog-blog directory ini nantinya secara otomatis akan mengirim data blog dan posting-posting anda ke berbagai search engine, termasuk tiga search engine besar yaitu http://google.com, http://msn.com, http://yahoo.com.

    (2) Link-trade, Link Exchange atau Tukar Link

    Ajak teman anda yg memiliki blog untuk saling tukar link. Link URL anda di blog dia, dan jangan lupa anda juga memasukkan link blog teman anda tsb. di blog anda. Dalam dunia blog, ini disebut juga dg istilah BLOGROLL. Dan blogroll ini salah satu penyebab cepatnya popularitas blog di seluruh dunia, mengalahkan website yg biasa.

    Blogroll atau link-exchange tidak harus melalui permintaan, bisa juga dg saling suka rela. Umpamanya, ada seseorang blogger (pemilik blog) yg memasang link Anda di blog dia, apabila Anda tahu, maka Anda juga "berkewajiban" menambah link blog dia di blog Anda. Apabila tidak, maka akan dicap sebagai "blogger pelit". Di dunia maya pun, sebagaimana di dunia nyata, orang pelit akan selalu teralienasi. Dg kata lain, sedikit "tamu"nya. :)

    Nah, bagaimana cara mengetahui ada yg mengelink blog Anda? Caranya mudah: tulis di kotak http://technorati.com/search alamat blog Anda atau blog siapa saja yg ingin Anda ketahui. Contoh blog ini, http://economoy.blogspot.com, setelah itu tekan search, anda akan tahu siapa saja yg ngelink ke blog tsb.

    Sebagai langkah pertama 'proyek' tukar link, Anda bisa mencoba dg memasang link blog http://economoy.blogspot.com di sidebar blog Anda. Dalam waktu tidak lama, alamat blog Anda akan tampil di blognya.

    (3) Berkunjung ke blog lain

    Untuk menambah teman untuk diajak blogroll, sempatkan berkunjung ke blog2 lain, dan berkomentar di bukutamu atau tagboard mereka atau berkomentar di tulisan mereka sambil jangan lupa memasang alamat blog Anda di blog mereka. Dalam waktu tidak lama, mereka akan "bertamu balik" ke "rumah" atau blog Anda.

    (4) Aktivitas posting
    Usahakan sedikitnya satu kali posting setiap harinya. Posting yg teratur di blog, akan membuat tamu datang secara teratur juga.

    (5) Alamat blog di signature email
    Tulis alamat blog Anda di signature email. Sehingga setiap anda menulis email ke pribadi atau ke milis, alamat blog anda akan selalu muncul, dan "menggoda" orang untuk berkunjung. Memposting ringkasan tulisan di blog Anda ke milis juga akan sangat menggoda member milis untuk datang ke blog Anda.
    read more

    Kamis, 05 Januari 2012

    Membuat Link Berkedip Bintang Saat Disorot Cursor

    Kali ini saya akan berbagi tentang salah satu cara untuk mempercantik blog, yaitu Membuat Link Ber-effect Pelangi saat di sentuh cursor. Cara lainnya sobat dapat membaca Cara memberi Effect cursor bertaburan bintang.

    Berikut Cara Membuat Link Ber-effect Pelangi :

    1. Login ke Blogger, Klik Design/Rancangan > Edit HTML.
    2. Beri tanda centang pada Expand Template Widget.    
    3. Cari kode :
    a:hover {
    color:#FFFFFF;
    text-shadow: 0 0 10px #2E2EFE;
    font-family:'Waltograph UI';
    }
        Fokus ke kode yang berwarna merah saja..
    4. Jika sudah ketemu, tambahkan Kode Beriku ini.

    background-image: url(http://i1191.photobucket.com/albums/z474/alkaztar5/Blink%20Stars/Blink_stars_01.gif);}

    SEHINGGA MENJADI SEPERTI INI..!
    a:hover {
    color:#FFFFFF;
    text-shadow: 0 0 10px #2E2EFE;
    font-family:'Waltograph UI';
    background-image: url(http://i1191.photobucket.com/albums/z474/alkaztar5/Blink%20Stars/Blink_stars_01.gif );}

    5. Terakhir klik SIMPAN / SAVE TEMPLATE.

    NB : Jika ingin mengganti effect Pelangi dengan sesuka anda, tinggal ganti tulisan yang berwarna biru diatas.
    read more

    Selasa, 03 Januari 2012

    Membuat Dan Mengatur Letak atau Posisi Widget Melayang

    Pada kesempatan ini saya akan menjelaskan bagaimana cara membuat widget melayang dan cara mengatur posisi widget melayang tersebut. Anda sudah tau widget buku tamu melayang ? Baca dulu biar anda tau, hehehehee disana menjelaskan bagaimana membuat buku tamu melayang, dan sekarang saya akan jelaskan untuk widget melayang dan cara mengatur posisinya.

    Nahhh . . . Pertama sama jelaskan dulu bagaimana membuat widget melayang :  
    • Pertama Masuk ke Edit HTML di Tata Letak, jangan lupa centang expand widget template, lalu cari code ]]></b:skin> kalau sudah ketemu copy dan paste code berikut tepat diatas code ]]></b:skin> tadi :
    #melayang {
    position:fixed;_position:absolute;top:0px; left:0px;
    clip:inherit;
    _top:expression(document.documentElement.scrollTop+
    document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
    • Kalau sudah dipaste, silahkan anda Save Template, dan langsung menuju Elemen Laman dan Tambah widget, masukan code berikut :
    <div id='melayang'>

    Taruh code widget anda disini

    </div>
    • Kalau sudah dimasukan silahkan anda Save, dan lihat hasilnya.
    Nahhh diatas tadi saya sudah menjelaskan bagai mana membuat widget melayang, sekarang saya akan menjelaskan bagaimana mengatur posisi widget melayang tersebut :
    • Perhatikan code CSS berikut yang sudah anda copy di atas code ]]></b:skin> tadi:
    #melayang {
    position:fixed;_position:absolute;top:0pxleft:0px;
    clip:inherit;
    _top:expression(document.documentElement.scrollTop+
    document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
    Code yang akan anda gunakan untuk mengatur posisi widget melayang tersebut :
    top:0pxleft:0pxuntuk posisi pojok kiri atas.top:0pxright:0px; untuk posisi pojok kanan atas.bottom:0pxleft:0px; untuk posisi pojok bawah kiri.
    bottom:0pxright:0px; untuk posisi pojok bawah kanan.
    read more

    Buku Tamu Tersembunyi Di Bagian Kanan Blog

    Keren....!!Buku Tamu tersembunyi alias tidak terlihat merupakan trik yang sangat bermanfaat bagi peblogger, karena selain dapat menghemat tempat juga dapat menambah keindahan dan........ yang tidak kalah pentingnya dapat mengurangi beban blog dalam proses loading ( Begitu kata sumber tips ini yaitu :LOVE IS BEAUTY)

    Sebenarnya tips ini bukan hanya buku tamu yang dapat anda tampilkan, tapi bisa berupa image atau widget lainnya. Silahkan anda pilih mana yang menurut anda paling sesuai untuk ditampilkan.
    Langkah-langkah yang dapat anda lakukan cukup mudah yaitu :

    1. Masuk ke Blogger dengan ID anda.
    2. Pilih Tata Letak.
    3. Pilih Elemen Halaman.
    4. Klik Tambah Gadget.
    5. Klik tanda + pada HTML/JavaScript.
    6. Copy kode dibawah ini kemudian paste pada kolom yang tersedia.

      <style type="text/css">
      #gb{
      position:fixed;
      top:25px;
      z-index:+1000;
      }
      * html #gb{position:relative;}
      .gbtab{
      height:150px;
      width:30px;
      float:left;
      cursor:pointer;
      background:url('http://lh4.ggpht.com/_1j80TgNqd_8/TS3MlHxaygI/AAAAAAAABVo/P36anu_ToeA/s128/guestbook.png') no-repeat;
      }
      .gbcontent{
      float:left;
      border:2px solid #1300F2;
      background:#FFFFFF;
      padding:10px;
      }
      </style>
      <script type="text/javascript">
      function showHideGB(){
      var gb = document.getElementById("gb");
      var w = gb.offsetWidth;
      gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
      gb.opened = !gb.opened;
      }
      function moveGB(x0, xf){
      var gb = document.getElementById("gb");
      var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
      var dir = xf>x0 ? 1 : -1;
      var x = x0 + dx * dir;
      gb.style.right = x.toString() + "px";
      if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
      }
      </script>
      <div id="gb">
      <div class="gbtab" onclick="showHideGB()"> </div>
      <div class="gbcontent">
      MASUKAN KODE BUKU TAMU/WIDGET DISINI
      <div style="text-align:right">
      <a href="javascript:showHideGB()">
      [close]
      </a>
      </div>
      </div>
      </div>
      <script type="text/javascript">
      var gb = document.getElementById("gb");
      gb.style.right = (30-gb.offsetWidth).toString() + "px";
      </script>

    7. Klik tombol Simpan.
    8. Lihat Pemapilan Blog anda sekarang.

    Keterangan :
    1. height:150px; merupakan tinggi dari widget, silahkan anda atur.
    2. width:30px; merupkan lebar dari widget, silahkan anda atur.
    3. border:2px solid #1300F2; merupakan ketebalan dan warna garis/border, silahkan anda ganti.
    4. background:#FFFFFF; merupakan latar belakang widget, silahkan anda ganti.
    5. background:url('http://i629.photobucket.com/albums/uu13/akubsaputra/guestbook.png') dapat anda ganti dengan image hasil kreasi anda sendiri.
    6. MASUKAN KODE BUKU TAMU/WIDGET DISINI merupakan tempat meletakan kode buku tamu maupun kode-kode lainnya yang ingin anda tampilkan.
    7. [close] dapat anda ganti dengan kata tutup atau kata apa saja yang searti.
    Selamat mencoba, semoga bermanfaat

    read more

    Senin, 02 Januari 2012

    Membuat Scroll Pada Blog Archive (Arsip Blog)

    Membuat Scroll Pada Blog Archive (Arsip Blog)
    Bulan lalu berapa tulisan yang sudah kamu posting? Coba deh, yang pasang widget Arsip Blog dilihat! Bulan lalu saya berhasil memposting 8 tulisan di blog ini. Dan kali ini kita akan belajar ngeblog lagi, yaitu membuat scroll untuk arsip blog. Jika tampilan drop down sih tidak terlalu bermasalah. Tapi jika memilih tampilan herarki yang mempunyai kelebihan bisa menampilkan jumlah tulisan perbulan dan judul akan sedikit membuat blog terlihat kurang rapi. Iya kalau kita rutin mengupdate blog, kan sebagian blogger dan saya tidak pasti rajinnya mengurus blog.

    Dengan membuat scroll pada arsip blog, akan membuat panjang sidebar ke bawah tetap. Walau pada bulan tertentu banyak postingan atau sedikit arsip blog yang tampilannya herarki akan terlihat rapi dengan adanya scroll. Jika kita sudah menambahkan widget arsip blog dengan model herarki, langsung saja lakukan langkah selanjutnya.

    Cara Membuat Scroll Pada Blog Archive (Arsip Blog)
    1. Login ke Blogger.
    2. Di halaman Dasbor, kita pilih Rancangan.
    3. Kemudian pilih Edit HTML
    4. Beri tanda centang pada Expand Template Widget
    5. Cari kode berikut

    <b:widget id='BlogArchive2' locked='false' title='Arsip Blog' type='BlogArchive'>

    6. Kode lengkapnya adalah seperti ini

    <b:widget id='BlogArchive2' locked='false' title='Arsip Blog' type='BlogArchive'>
    <b:includable id='main'>
    <b:if cond='data:title'>
    <h2><data:title/></h2>
    </b:if>
    <div class='widget-content'>
    <div style='overflow:auto; width:ancho; height:250px;'>
    <div id='ArchiveList'>
    <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
    <b:if cond='data:style == &quot;HIERARCHY&quot;'>
    <b:include data='data' name='interval'/>
    </b:if>
    <b:if cond='data:style == &quot;FLAT&quot;'>
    <b:include data='data' name='flat'/>
    </b:if>
    <b:if cond='data:style == &quot;MENU&quot;'>
    <b:include data='data' name='menu'/>
    </b:if>
    </div>
    </div></div>
    <b:include name='quickedit'/>
    </div>
    </b:includable>
    <b:includable id='flat' var='data'>
    <ul>
    <b:loop values='data:data' var='i'>
    <li class='archivedate'>
    <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
    </li>
    </b:loop>
    </ul>
    </b:includable>
    <b:includable id='menu' var='data'>
    <select expr:id='data:widget.instanceId + &quot;_ArchiveMenu&quot;'>
    <option value=''><data:title/></option>
    <b:loop values='data:data' var='i'>
    <option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
    </b:loop>
    </select>
    </b:includable>
    <b:includable id='interval' var='intervalData'>
    <b:loop values='data:intervalData' var='i'>
    <ul>
    <li expr:class='&quot;archivedate &quot; + data:i.expclass'>
    <b:include data='i' name='toggle'/>
    <a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
    <span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
    <b:if cond='data:i.data'>
    <b:include data='i.data' name='interval'/>
    </b:if>
    <b:if cond='data:i.posts'>
    <b:include data='i.posts' name='posts'/>
    </b:if>
    </li>
    </ul>
    </b:loop>
    </b:includable>
    <b:includable id='toggle' var='interval'>
    <b:if cond='data:interval.toggleId'>
    <b:if cond='data:interval.expclass == &quot;expanded&quot;'>
    <a class='toggle' expr:href='data:widget.actionUrl + &quot;&amp;action=toggle&quot; + &quot;&amp;dir=close&amp;toggle=&quot; + data:interval.toggleId + &quot;&amp;toggleopen=&quot; + data:toggleopen'>
    <span class='zippy toggle-open'>&#9660; </span>
    </a>
    <b:else/>
    <a class='toggle' expr:href='data:widget.actionUrl + &quot;&amp;action=toggle&quot; + &quot;&amp;dir=open&amp;toggle=&quot; + data:interval.toggleId + &quot;&amp;toggleopen=&quot; + data:toggleopen'>
    <span class='zippy'>
    <b:if cond='data:blog.languageDirection == &quot;rtl&quot;'>
    &#9668;
    <b:else/>
    &#9658;
    </b:if>
    </span>
    </a>
    </b:if>
    </b:if>
    </b:includable>
    <b:includable id='posts' var='posts'>
    <ul class='posts'>
    <b:loop values='data:posts' var='i'>
    <li><a expr:href='data:i.url'><data:i.title/></a></li>
    </b:loop>
    </ul>
    </b:includable>
    </b:widget>

    7. Kode warna merah dan hijau adalah kode yang ditambahkan kedalam script tersebut, 250 adalah tingginya, dan kita bisa ubah seseuai selera.
     8. Simpan jika sudah selesai.
    read more

    Daftarkan Blog ke Alexa Tuk Cek Traffic

    Daftarkan blog ke Alexa untuk menjadikan alat analisa dari blog Anda, yang bisa terkait dengan lalu lintas pengunjung serta bisa melihat link blog Anda yang tertanam di blog orang lain. Jadi Alexa ini bisa dikatakan sebagai sebuah web informasi yang memberikan ranking bagi sebuah web, tampaknya Alexa bukan karena itu saja sangat dikenal dan diperhitungkan para web surfer tidak hanya diluar seperti di Amerika namun disini juga menjadi semacam tolak ukur untuk menentukan traffic dari sebuah website.

    Daftarkan Blog ke Alexa 300x152 Daftarkan Blog ke Alexa
    Jika seseorang membuat blog dengan tujuan untuk mencari uang di internet, alexa rank sangat penting sekali. Karena lahan pencarian uang di internet seperti Sponsored Review, ReviewMe, ask2link serta lainnya menjadikan alexa rank sebagai tolak ukur.

    Daftarkan Blog ke Alexa Tuk Cek Ranking

    Daftarkan blog ke Alexa bisa memberikan keuntungan yang lain dengan adanya Alexa Rank, dimana yang di maksud Alexa Ranks adalah ranking yang diberikan oleh Alexa web dimana ranking tersebut berasal dari total jumlah pengunjung Unique Alexa Toolbar. Alexa mengetahui traffic pada blog kita bersumber dari toolbar alexa yang terpasang pada jutaan komputer pengguna internet yang dipasang pada browsernya.
    Dengan terpasangnya alexa toolbar pada browser yang kita pakai, maka Alexa akan mengetahui berapakah jumlah pengunjung serta jumlah halaman yang dilihat pengunjung pada blog. Setelah semua data terkumpul maka alexa secara otomatis akan membuat ranking pada blog tersebut. Anda bisa dapatkan Alexa Toolbar Gratis di sini

    Daftarkan Blog ke Alexa Bikin Untung

    Daftarkan Blog ke Alexa bisa membuat keuntungan pemilik blog yang tentu saja memiliki traffic penggunjung serta nilai yang tinggi, berikut manfaat bila memiliki Alexa Rank yang tinggi :
    • Banyak yang ingin memasang iklan berbayar.
    • Memenuhi syarat pada situs-situs tertentu, seperti paid review.
    • Mendapatkan penghasilan yang lebih dari adsense.
    • Membangun kredibilitas terhadap Blog Anda.
    • Website Anda akan lebih dipandang dan tampak lebih profesional.
    Untuk Anda ingin untuk mendaftarkan blog ke Alexa tidak ada salahnya dicoba, berikut di bawah ini panduan cara daftar blog ke alexa dengan panduan bergambar untuk mempermudah Anda dalam praktek :
    1. Kunjungi www.alexa.com untuk registrasi
    Register Alexa 300x132 Daftarkan Blog ke Alexa
    Register for an Account Alexa 300x70 Daftarkan Blog ke Alexa
    2. Cek Email dan klik link yang diberikan untuk konfirmasi
    Email Register Alexa Confirmation 300x107 Daftarkan Blog ke Alexa
    3. Setting Password Alexa
    Setting Password Alexa 300x114 Daftarkan Blog ke Alexa
    4. Pendaftaran Akun Berhasil
    Sukses Daftar Alexa 300x76 Daftarkan Blog ke Alexa
    5. Daftar Blog ke alexa dengan klik tombol Add Site
    Add Site Alexa 300x64 Daftarkan Blog ke Alexa
    6. Daftarkan Blog Anda secara gratis dengan memilih table Free
    Sign Up Alexa Free Daftarkan Blog ke Alexa
    7. Masukkan alamat blog Anda yang ingin di daftarkan
    Input Website Url Alexa 300x82 Daftarkan Blog ke Alexa
    8. Pilih metode verifikasi yang Anda inginkan, bila sudah terlaksana klik tombol verify. Bila berhasil maka akan tampil tulisan “Your Site Successfully claimed” kemudian klik tombol continue
    Metode Verify Alexa 300x224 Daftarkan Blog ke Alexa
    9. Isikan data informasi dari blog Anda, kemudian Save
    Site information Alexa 300x213 Daftarkan Blog ke Alexa
    10. Selamat Anda telah berhasil Daftarkan Blog ke Alexa
    Indobisnis Alexa 300x54 Daftarkan Blog ke Alexa
    Dashboard Alexa 300x38 Daftarkan Blog ke Alexa
    11. Selesai
    Semoga bisa bermanfaat, apabila Anda masih merasa kesulitan dengan panduan di atas untuk daftarkan blog ke alexa atau seketar sharing seputar alexa. Silahkan kirimkan komentar sharing komentar Anda setelah postingan ini.
    read more

    Cara Membuat Spoiler Atau Tombol Sembunyi Pada Blogspot

    Tips dan triks blog alias Tutorial blog hari ini adalah bagaimana cara membuat tombol spoiler atau tombol sembunyi pada postingan blog. Tombol spoiler atau tombol sembunyi pada blog mudah saja kita buat, hanya perlu menambahkan perintah tertentu agar menyembunyikan kontennya lalu menampilkannya jika tombol tersebut diklik. Berikut live demonya


    Oke, ikuti langkah - langkahnya berikut ini :

    1. Login ke dashboar blog sobat --> Buat postingan, pilih pada mode Edit HTML

    2. Copy code berikut, paste dipostingan sobat.
    <div><div style="margin: 5px;">
    <div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;">Klik Disini</span></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px; " 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 = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"/>
    </div>
    <div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
    <div style="display: none;">

    Isi Spoiler sobat disini, boleh gambar, code dll

    </div></div></div></div>

    Keterangan :
    • Ganti tulisan warna merah, dengan tulisan yang sobat inginkan, bisa berisi penjelasan atau hanya sekedar "klik untuk melihat", tapi jangan dihapus nanti gak berfungsi spoilernya.
    • Kemudian sobat ganti tulisan biru dengan isi spoiler sobat, misalnya gambar sobat.
     3. Publish / terbit entri . Lihat hasilnya..

    Spoiler ini kadang-kadang sering dijumpai pada forum-forum kaskus dan forum-forum lainnya. Selamat mencoba sobat, have fun...
    read more

    Cara membuat teks berjalan dimenu bar

    Cara membuat teks berjalan dimenu bar

    Satu lagi aksesoris blog untuk sobat-sobat yang kepincut dengan pernak-pernik blog. Yaitu, membuat teks berjalan di menu bar.

    Selain bisa membuat teks berjalan di posting blog, kita juga bisa membuat teks berjalanan di menu bar. Contohnya seperti yang ada pada blog ini ada tulisan berjalan :" Salamat Datang Di Dunia Ekonomi Dan IT II Gudangnya Info Ekonomi & IT. seperti yang agan-agan dapat lihatlah.



    Sobat tertarik untuk mencoba? ikuti langkah-langkah berikut :

    1. Login ke blog sobat

    2. Rancangan >> edit HTML

    3. Cari tag </head>

    4. Lalu copy paste kode berikut di atas tag </head>

    <script type='text/javascript'>
    //<![CDATA[

    msg = " -- Salamat Datang Di Dunia Ekonomi Dan IT ";
    msg = " || Gudangnya Info Ekonomi & IT -- " + msg;pos = 0;
    function scrollMSG() {
    document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++;
    if (pos > msg.length) pos = 0
    window.setTimeout("scrollMSG()",200);
    }
    scrollMSG();
    //]]>
    </script>

     Ganti tulisan berwarna pink dengan tulisan yang ingin sobat tampilkan..

    5. Save, lihat hasilnya..
    read more

    Menyembunyikan Widget dari Halaman Awal

    Tutorial Blogspot : Menyembunyikan Widget dari Halaman Awal

    Ada kalanya kita hanya ingin menampilkan widget hanya di halaman posting/artikel dan menyembunyikannya dari halaman awal / homepage. Cara menampilkan widget hanya di halaman artikel/posting saja cukup mudah, hanya kebalikan dari cara menampilkan widget hanya di halaman awal/homepage yang kemarin telah saya tuliskan di blog ini. Bagaimana cara menyembunyikan widget dari halaman awal?

    Anda sudah siap untuk mengikuti tutorial cara menyembunyikan widget dari halaman awal? Mari kita lanjutkan.

     
    1.Login ke dashboard blogger
    2.Masuk ke tab "Design" (Tata Letak/Rancangan)
    3.Pilih "Edit HTML" dan centang "Expand Widget Templates"
    4.Cari widget yang akan diedit (CTRL+F), jika widget tersebut diberi judul anda akan lebih mudah menemukannya dengan hanya mengetikkan judul widget tersebut. Misalnya widget recent comment diberi judul "komentar", maka tinggal ketikkan judul tersebut.
    5.Jika sudah ketemu, tambahkan kode warna merah seperti berikut :

    <b:widget id="HTML1" locked="false" title="" type="statistik">
    <b:includable id="main">
    <b:if cond='data:blog.pageType == "item"'>
    <!-- only display title if it's non-empty -->
    <b:if cond="data:title != """>
    </b:if></b:if></b:includable></b:widget><h2 class="title"><data:title></data:title></h2>
    <div class="widget-content">
    <data:content>
    ></data:content>
    </div>
    <b:include name="quickedit">
    </b:if>
    </b:includable>
    </b:widget>

    Dengan hanya menampilkan widget pada tempat yang tepat, selain berguna dalam segi estetika, juga akan mempercepat loading blog. Semoga membantu.
    read more

    Cara Menampilkan Widget Hanya Di Halaman Awal

    Tutorial Blogspot : Cara Menampilkan Widget Hanya Di Halaman Awal

    Widget merupakan kelengkapan blog yang sangat diperlukan demi menunjang penampilan dan juga kualitas blog. Ada widget yang bisa menambah pengunjung betah dan berlama-lama di blog, misalnya widget artikel terbaru (recent post) atau artikel populer. Ada widget yang berfungsi menampilkan statistik blog. Dan ada juga widget yang hanya berfungsi sebagai pelengkap/pemanis blog. Dan, penempatan widget yang tepat diperlukan bagi estetika dan performa blog. Ada widget yang hanya cocok ditampilkan di halaman awal (home page) saja, ada yang sebaiknya dipasang di halaman artikel saja, dan ada yang cocok dipasang di semua halaman.

    Tutorial berikut akan membahas bagaimana cara menampilkan widget hanya di halaman awal saja. Lihat selengkapnya.

    Secara default, setiap widget yang kita tambahkan akan terlihat disemua halaman, baik halaman awal maupun halaman artikel dan halaman statis. Nah bagaimana cara menampilkan widget hanya di halaman awal saja? Berikut tutorialnya.

    1.Login ke dashboard blogger
    2.Masuk ke tab "Design" (Tata Letak/Rancangan)
    3.Pilih "Edit HTML" dan centang "Expand Widget Templates"
    4.Cari widget yang akan diedit (CTRL+F), jika widget tersebut diberi judul anda akan lebih mudah menemukannya dengan hanya mengetikkan judul widget tersebut. Misalnya widget feedjit diberi judul "statistik", maka tinggal ketikkan judul tersebut.
    5.Jika sudah ketemu, tambahkan kode warna merah seperti berikut :

    <b:widget id="HTML1" locked="false" title="" type="statistik">
    <b:includable id="main">
    <b:if cond='data:blog.homepageUrl == data:blog.url'>
    <!-- only display title if it's non-empty -->
    <b:if cond="data:title != """>
    </b:if></b:if></b:includable></b:widget><h2 class="title"><data:title></data:title></h2>
    <div class="widget-content">
    <data:content>
    ></data:content>
    </div>
    <b:include name="quickedit">
    </b:if>
    </b:includable>
    </b:widget>

    Dengan hanya menampilkan widget di halaman awal saja, halaman artikel anda akan terbebas dari widget yang tidak perlu sehingga loading halaman menjadi lebih cepat. Semoga membantu.
    read more

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