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

    Rabu, 20 Juni 2012

    Cara Membuat Popular Post Berjalan atau Bergerak pada Blog

    Contoh Hasil
    Blogger Tutorial Cara Membuat Popular Post Berjalan atau Bergerak pada Blog  ini merupakan pengembangan dari cara membuat scrollbar pada popular post sebelumnya yang telah saya bahas sama,jika anda faham dengan arahan html ini banyak lagi yang anda bisa membuat scrollbar seperti ruangan komen atau entri, caranya sangat mudah dalam beberapa langkah saja. Langsung saja langkah2 membuat  Popular Post Berjalan atau Bergerak pada Blog  adalah sebagai berikut: 

    1. Mula2 pergi ke dasbor---desaign---edit html---Centang expand widget template... 
    2. Kemudian cari code ni 
     <div class='widget-content popular-posts'>
    3. Kemudian letakan kode ini tepat dibawah dari kode di atas:  
     <marquee align='left' direction='up' height='240' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='3' width='100%'>
    4. selanjutnya kode penutup </marquee> sobat taruh disebelah kode </ul> seperti contoh dibawah ini:
    </b:loop>
        </ul></marquee>
    5. Kemudian klik save !! Catatan: Angka 240 itu tinggi..angka itu boleh dirubah sesuai keinginan anda! 


    Selamat mencoba semoga bermanfaat!!
    By :Admin Economoy 
    read more

    Selasa, 19 Juni 2012

    Cara Membuat Anti Copy Paste (COPAS) pada Blog

    Tutorial Blogger, Trade Mark atau Asli tidak mau di COPAS dan ini tidak bisa di klik kanan, tidak bisa di blok dan tdk bisa dengan control+ C, pokoknya canggih hehehe.. 

    Sebenarnya kalau tidak penting penting amat sih gak usah di pasang karena akan menimbulkan blog anda kurang disenangi para pengunjung.... Artikel ini aja hasil copas saya dari blog lain heee
    Langsung saja ya.. sudah tidak sabar..!!!
    • Login ke akun blogger
    • Masuk ke Rancangan
    • klik Edit HTML
    • Centang  Expand Template Widget
    Lalu cari kode berkut: <body> (gunakan F3 di keyboard untuk memudahkan pencarian), setelah ketemu, gantilah kode  <body>  dengan kode dibawah ini:
    <body oncontextmenu='return false;' onkeydown='return false;' onmousedown='return false;'>
    • Simpan Template anda.

    Catatan:
    Untuk bisa kembali ke awal yakni bisa bisa di copy paste kembali anda tinggal mengganti kata "false" dengan "true"

    Selamat Mencoba Semoga Berhasil..!!!
    read more

    Cara Membuat Scrollbar pada Tampilan Popular post

    Lihat Hasil Scrollbar di Blog
    Blogger Tutorial kali ini yaitu tentang: Cara buat scroll bar pada popular post ini hampir sama seperti membuat scrollbar pada archive,jika anda faham dengan arahan html ini banyak lagi yang anda bisa membuat scrollbar seperti ruangan komen atau entri, caranya sangat mudah dalam beberapa langkah saja. Langsung saja langkah2 membuat scrollbar pada popular post di Blog adalah sebagai berikut: 

    1. Mula2 pergi ke dasbor---desaign---edit html---Centang expand widget template... 
    2. Kemudian cari code ni <div class='widget-content popular-posts'>

    3. Kemudian ganti code
    dengan code :  <div class='widget-content popular-posts' style='overflow:auto;width:ancho;height:350px'>
    4. Kemudian klik save !! Catatan: Angka 350px itu tinggi..angka itu boleh dirubah sesuai keinginan anda! 



    Selamat mencoba semoga bermanfaat!!

    read more

    Selasa, 21 Februari 2012

    Jenis-Jenis Meta Tag? Yang Wajib Di Pasang Di Blog

    hai sahabat Economoy.Blogspot.com ? kali ini saya akan posting tentang beberapa jenis meta tag . apa fungsi meta tag itu? fungsi meta tag adalah untuk meletakkan keyword blog kita,deskripsi dan lain sebagainya. dengan memasang meta tag ini, mesin pencari Atau Search engine akan cepat mengindeks blog kita, akan tetapi tidak semua jenis meta tag dapat terdeteksi mesin pencari. sebenarnya meta tag ini tidak berfungsi, dan diabaikan oleh mesin pencari, tetapi kita terus saja tidak berhentinya menggunakannya dengan benar.

    baiklah berikut ini beberapa jenis meta tag, yaitu sebagai berikut :
    1. Generator
             <meta name="generator" content="blogger"/>

    • tag generator ini adalah sebagai informasi platform apa yang digunakan blog kita. sebenarnya kita tidak harus memasang tag ini.
    2. Robots
            <meta name="robots" content="index,follow"/>
    • meta tag ini harus dipasang, agar robot mesin pencari (Spider) tahu yang harus dilakukan saat mampir ke blog.
    3. Distribution
           <meta name="distribution" content="global"/>
    • ini digunakan untuk cakupan distribusi dokumen blog sobat. pilihannya global dan lokal, ini disarankan menggunakan global.
    4. Copyright
         <meta name="copyright" content="nama perusahaan Sobat"/>
    • digunakan untuk menunjukan kalau ini adalah karya sobat dan tag ini disarankan untuk dipasang.
    5. Language
         <meta http-equiv="language" content="id"/>
    • meta tag ini mengenai bahasa apa yang digunakan blog sobat .
    6. Author
        <meta name="author" content="nama Sobat"/>
    • tag pemilik dan penulis blog ini.
    7. Classification
        <meta name="classification" content="entertainment"/>
    • mengenai tema blog sobat. dengan ini Mesin Pencari dapat mudah menempatkan pada kategori yang tepat.
    8. Revisit
       
    <meta name="revisit-after" content="30 days"/>
    • waktu untuk robot search engine agar datang lagi untuk index dan update seluruh halaman. Disarankan jangan kurang dari 30 hari dan lebih dari 1 tahun.
    9. Description
        <META NAME="description" CONTENT="kumpulan tutorial blogger">
    • tag ini memberikan tentang deskripsi blog sobat. disarankan pakai -+ 20-25 kata saja.
    10. Abstrak
         <META NAME="Abstract" CONTENT="deskripsi sobat">
    • penggunaan tag Abstrak Meta akan memungkinkan mesin pencari yang terpisah dari bidang keahlian Anda untuk mengindeks situs web sobat dengan benar.
    11. Designer
          <META NAME="Designer" CONTENT="Art Vandaley">
    • untuk menangkap orang pembajakan desain mereka menggunakan tag Meta Designer Perlu dipahami bahwa mesin pencari tidak mendukung tag Meta Designer.
    12. MSN (No ODP)
          <META Name="msnbot" CONTENT="NOODP">
    • gunakan tag MSN Meta (No ODP). Meskipun ini hanya baik untuk BingBot, sobat dapat sub "Robot" untuk "BingBOT" dalam MSN Meta (No ODP) tag yang akan berlaku untuk semua bot.
    13. Title Tag
          <META NAME="Title" CONTENT="Page Title Here">
    • digunakan untuk menyatakan Title halaman.Menurut pengujian kami, Yahoo! dan indeks Bing Meta tag Title, tetapi pengaruhnya terhadap algoritma ini tidak diketahui karena hasil tes tidak konsisten.
    nah itulah tadi beberapa jenis meta tag. sebenarnya masih banyak jenis-jenis meta tag, sehubungan tidak semua meta tag dapat di pasang di blog sobat.


    Semoga bermanfaat
    read more

    Senin, 20 Februari 2012

    Memasang Meta Tag SEO Agar Terindek Mesin Pencari


    Trik Ampuh Memasang Meta Tag SEO - Bicara tentang SEO memang tidak ada habisnya, mulai dari trik murni sampai trik curang dilakukan agar web/blog tetap berada di posisi teratas Search Engine. Nah, pada kesempatan kali ini admin pengen share tentang Trik Ampuh Memasang Meta Tag SEO. Emang sih udah banyak yang ngebahas tentang Trik ini, tapi dicoba dulu. Sebab, dengan mengoptimasi Meta Tag dapat membuat blog/web kamu kebanjiran pengunjung. Nah, Meta Tag yang saya bagikan ini untuk blog dengan engine blogspot. 

    Trik Ampuh Memasang Meta Tag SEO !

    • Seperti Login ke Blogger
    • Lalu silahkan pilih Rancangan .
    • Kemudian edit HTML.
    • Centang Expand Widget Template.
    • Download Template Lengkap (sebagai back up).
    • Lalu cari kode berikut <b:include data='blog' name='all-head-content'/>
    • Kemudian silahkan copy dan letakkan kode meta tag berikut persis dibawah kode diatas.

    <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <title><data:blog.pageTitle/></title>
    <meta content='DESKRIPSI BLOG' name='DESCRIPTION'/>
    <meta content='KEYWORD BLOG' name='KEYWORDS'/> </b:if>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <title><data:blog.pageName/></title>
    <meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='Description'/>
    <meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='Keywords'/>
    </b:if>
    <meta content='index, follow' name='robots'/>
    <meta content=' NAMA PENGGUNA BLOG ' name='author'/>
    <meta content='2012, JUDUL BLOG ' name='copyright'/>
    <meta content='1 days' name='revisit-after'/>
    <meta content='id' name='language'/>
    <meta content='id' name='geo.country'/>
    <meta content='Indonesia' name='geo.placename'/>
    <meta content='all-language' http-equiv='Content-Language'/>
    <meta content='global' name='Distribution'/>
    <meta content='global' name='target'/>
    <meta content='Indonesia' name='geo.country'/>
    <meta content='all' name='robots'/>
    <meta content='all' name='googlebot'/>
    <meta content='all' name='msnbot'/>
    <meta content='all' name='Googlebot-Image'/>
    <meta content='all' name='Slurp'/>
    <meta content='all' name='ZyBorg'/>
    <meta content='all' name='Scooter'/>
    <meta content='ALL' name='spiders'/>
    <meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
    <meta content='true' name='MSSmartTagsPreventParsing'/>
    <meta content='blogger' name='generator'/>
    <meta content='general' name='rating'/>
    <meta content='never' name='Expires'/>

    • Simpan
    read more

    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

    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
     
    http://4.bp.blogspot.com/-r_1ZoAzrrJ8/Tw45t_J0LYI/AAAAAAAAAss/KmVbG50g-zI/s1600/read+more.gif
     
    http://1.bp.blogspot.com/-BzQdMZlmThc/TjjInPKWCiI/AAAAAAAAADs/jC6PgAn0Md0/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

    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

    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

    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