Welcome to my blog, hope you enjoy reading :)
RSS

Tuesday, October 12, 2010

Cara meletakkan Background Gambar Di Belakang Tulisan Pada Posting

Nah anda bisa lihat bukan pada artikel atau post kali ini,saya akan menerangkan cara memasukan foto kita sendiri kedalam belakang tulisan postingan seperti cntoh dalam artikel Mendesain Blogger diatas,tampak seperti cara di postingan saya kali ini,,,,saya tidak akan bertele-tele cukup gampang caranya,langsung saja ya...:::
1.Seperti biasa anda loggin kedalam blog anda
2.anda akan dihadapkan ke dasbor milik anda
3.Lalu anda pilih posting
4.Selanjutnya pilih entri mana yang akan anda kasih gambar,boleh baru atau yang udah ada postingannya.
5.Nah copy script di bawah ini

<div style="padding: 5px; background-image: url(http://alamat_gambar_anda.jpg); background-repeat: repeat; background-position: center;">

Tulis disini artikel yang akan di gunakan...

</div>

6.lalu paste kn kedalam postingan entri anda tersebut dan mengetijlah di dalam yang bacaan Tulis Disini terserah anda
7.lalu anda simpan template,,
8.Sekarang anda bisa lihat hasilnya,,,gimana apakah hasilnya memuaskan
saya tunggu koment anda yah,,,,
Selengkapnya...

Friday, October 8, 2010

Cara Membuat Jendela Browser Bergerak Melingkar

Hemmmmmmm,,,met sehat selalu sobat sekalian,,,,ass sblum saya mulai buka acara ini....disini saya membuat artikel yang mungkin dibilang boleh dicoba buat blog karena begitu banyak yang penasaran tentang bagaimana memasang efek opening windows yang berputar mengelilingi layar saat pertama kali halaman blog terbuka, mau tau cara-caranya... kalau dibilang gampang sangat gampang sekali,,gak sama payahnya seperti masang benang di jarum jahit,,hehehehe
langsung saja ya saya beri tau kepada anda sekalian :

1. Masuk ke Account blogger anda ==> Dashboard/dasbor==> Layout/tataletak==> Pilih Edit HTML==>
2. Lalu Centang "EXPAND TEMPLATE WIDGET"
3. Dan lakukan backup dengan "DOWNLOAD TEMPLATE LENGKAP".Agar terjadi kesalahan anda tinggal meletakkannya kembali jha

Kemudian anda Copy kode dibawah ini :

<script type='text/javascript'>

/* Edited By : Andreas fafandreo on 28th October 2008 */
/* For support and information please e-mail to : aroel1833@yahoo.co.id */

//<![CDATA[
scrW=screen.availWidth
scrH=screen.availHeight
window.resizeTo(10,10)
window.focus()
for(a=0;a<80;a++){
window.moveTo(0,0)
window.resizeTo(0,scrH*a/80)
}
window.resizeTo(0,0)
for(b=0;b<80;b++){
window.moveTo(0,scrH/1)
window.resizeTo(scrW*b/80,0)
}
for(c=0;c<80;c++){
window.moveTo(scrW/1,scrH/1)
window.resizeTo(0,scrH*c/80)
}
for(d=0;d<80;d++){
window.moveTo(scrW/1,0)
window.resizeTo(scrW*d/80,0)
}
for(e=0;e<80;e++){
window.resizeTo(scrW*e/80,scrH*e/80)
}
window.moveTo(0,0)
window.resizeTo(scrW,scrH)
//]]>
</script>


lalu Paste kode tersebut tepat di bawah kode :
< head >

gak ada info khusus orang cukup mudah kok,,,pasti bisa,,,,met mencoba semua....
Selengkapnya...

Cara Merubah Menu Di Bagian Pada Header

Cara mengganti menu kita sendiri yang seperti sobat sekalian pernah lihat,atau mungkin juga di blog anda sekalian,seperti contohnya,di bagian atas header,atau dibawah header yang kadang bertuliskan home,post Rss,comment rss,tau semacamnya......nah bisa anda menggantinya menjadi seperti,beranda,,,facebook,,,youtube,,,tau sebagainya..gampang kok,,,masih ada yang belum ngerti yang saya maksudkan.............
nah coba sobat sekalian lihat di bawah header saya,,apa yang anda lihat,,,ada tulisan beranda,facebook,youtube,download lagu,novel online,dan komputer iakan,,,itu yang saya maksudkan,,,,anda pun bisa menggantinya dengan apa yang anda inginkan......
mau tau caranya seperti apa,,,nah langsung saja ya...simak cara-cara berikut ini:

1.Buka akun blog anda.
2.Ketika telah dibuka maka langsung jha pilih dashbor-->rancangan/tata letak
3.Pilih edit html,,,,
4.Lalu anda cari script singkat tersebut < li >

agar cara mudahnya anda bisa menekan ctrl+f maka masukkanlah script tersebut didalamnya.
5.Maka anda akan menemukan script seperti ini,yang hampir sama seperti ini
< li > < a expr : href =' data: blog. homepageUrl ' title=' Home '> < b > Home< /b> < /a> < /li >
6.Jika telah ketemu maka anda bisa mengubahnya sesuai yang anda mau seperti contohnya....dari script diatas
anda bisa mengubahnya menjadi seperti contoh:
< li > < b > facebook < /b > < /li >
7.Ketika selesai anda simpan template dan coba buka blog anda,,apakah ada yang berubah,,,
jika ia maka anda berhasil,tp jika blum berusaha trus saya nyakin pasti bisa kok.

Catatan:

< li> < a expr: href= " data:blog.homepageUrl " title=" Home"> < b>Home < /b> < /a> < /li>

Penjelasan pada bagian script diatas yang bertulis 'data:blog.homepageUrl' = itu anda ganti dengan url situs atau http yang anda ingin masukkan,,,,
Lalu pada bagian yang bacaan nya home anda isi dengan apa yang anda ingin buat,,contohnya td anda bisa buat facebook,sesuai dengan http,atau situs yang anda buat tadi....
yang lainnya juga bisa digantti kok,,,coba jha...
selamat mencoba ya.....good luck
jangan segan2,,,berkomentar untuk bertanya apa yang anda tidak tau,,saya selalu ada kok..
Selengkapnya...

Sunday, October 3, 2010

Cara Membuat Gedget Atau Sidebar Kanan Dan Kiri

Cara membuat gadget atau sidebar pada blog gak susah kok,emang shi saya gak pakai sidebar kiri kanan,tp kalian mencoba mngkin malah lebih bagus hasilnya.
Nah kali ini impian relugais12 akan memberikan sebuah trik,atau disebut cara membuat sidebar dua kolom.
mari sekarang saya tambahkan kode ul / ul li agar terdapat icon.
Bagi yang pernah menggunakan trick ini bisa diperbarui dengan menambahkan kode yang tersedia.
Perlu dicatat pada blog mempunyai variasi tersendiri dalam peletakkan kode HTML. Jadi harap diperhatikan.Langsung saja yah,,,nhe saya berikan cara dan langkah-langkahnya:

1. Login ke account blog anda.

2. Pilih Tata Letak atau rancangan kemudian pilih Edit HTML.

3. Beri tanda centang pada Expand Widget Templates.

4. Cari kode berikut ini atau sejenisnya. (yang penting tulisan bewarna merah)

#sidebar-wrapper {
float: right;
width: 350px;
margin: 20px 15px auto 0;
padding: 0 0 10px;
display: inline;
text-align:justify;
border:1px dashed #ceceae;
}

5. Kemudian kopi paste kode dibawah ini tepat diatas kode  #sidebar-wrapper {

#newsidebar-wrapper {
width: 200px;
float: left;
padding-left:8px;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
border:1px dashed #ceceae;
padding-left:10px;
padding-right:10px;
}

#newsidebar-wrapper ul{padding:0; margin:0; color:#333}

#newsidebar-wrapper ul li{ background:url('http://i792.photobucket.com/albums/yy201/elang-antarnusa_99/folder.jpg') no-repeat; list-style-type:none; margin:0 0 10px; padding:0 0 10px 20px; border-bottom:1px dashed #CCCCCC; }

#newsidebar-wrapper li{ background:url('http://i792.photobucket.com/albums/yy201/elang-antarnusa_99/folder.jpg') no-repeat; list-style-type: none; margin: 0 0 10px; padding-left: 20px; }

#newsidebar-wrapper ul li a:hover {
background: #B1ACB1;}

Keterangan kode :
width untuk ukuran lebar sidebar
float untuk letak sidebar
padding untuk jarak sidebar    
border untuk garis
tulisan bewarna orange mudah adalah update yang telah saya tambahkan untuk variasi icon

6. Cari kode (Fokus yang bewarna merah)

<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='yes'>
.....................................
.....................................
.....................................
</b:section>
</div>

titik-titik adalah isi pada lanjutan kodenya. Tidak begitu penting

7. Copy paste kode dibawah ini tepat diatas kode <div id='main-wrapper'>

<div id='newsidebar-wrapper'>
<b:section class='newsidebar' id='newsidebar' preferred='yes'></b:section>
</div>

8. Simpan Templates. Lihat hasilnya. Akan muncul tambahan Widget bila dilihat di Tata Letak>>Elemen Laman

Bagi yang pertama kali mengikuti trick ini, untuk tulisan bewarna orange mudah diabaikan
Lihatlah perbedaannya,selamat mencoba
kalau anda kurang mengerti boleh kok koment agar saya bisa memperbaruhinya..
key,,,,jgan lpa follow
Selengkapnya...

Monday, September 13, 2010

Cara Menjadikan Foto/gambar Kita Sebagai Background di blog kita Punyai

Login ke dashboard account Blogger kalian, lalu klik menu “Layout” di blog yang ingin kalian edit tampilan layoutnya, setelah itu klik menu “Edit HTML”.

  • Sekarang kalian harus meng-upload foto yang ingin kalian jadikan background dari blog kalian tersebut ke suatu lokasi hosting di internet, sebagai contoh kalian bisa meng-uploadnya ke situs ImageShacks. Setelah fotonya berhasil terupload maka nanti kalian akan diberi tahu URL foto kalian tersebut.


  • Balik lagi ke halaman Blogger kalian tadi, lalu copy kode CSS berikut:

    <style type="text/css">

    <!--
    body {
        background-image: url(Ganti dengan URL foto kalian);
    }
    -->
    </style>


    Mengedit template Blogger untuk mengganti background menggunakan foto Setelah di-copy kodenya lalu kalian paste-kan kode tersebut ke template Blogger kalian tepatnya sebelum kode </head> (lihat gambar di samping ini jika bingung) dan jangan lupa untuk mengganti tulisan “Ganti dengan URL foto kalian” di dalam kode tersebut menggunakan URL foto kalian yang telah kalian upload sebelumnya ke ImageShacks. Setelah itu kalian klik menu “Save Template” kemudian buka blog kalian tersebut untuk melihat perubahan layout yang telah kalian lakukan.

    Selengkapnya...

  • Monday, August 30, 2010

    Cara Posting Artikel dan Masukan gambar

    Gini.....setelah Sobat menciptakan atau membuat blog maka langkah selanjutnya yang Sobat ambil ialah membuat atau memunculkan tulisan-atau ide-ide kita agar bisa di baca orang lain atau tepatnya agar tulisan yang akan kita buat muncul di blog

    langkah-langkah adalah
    1. seperti biasa kita log in ke acount blogger kita seperti biasanya

    2. Pilih posting dan akan ada tampillan seperti ini


    langkah selanjutanya adalah kita menuliskan judul postingan dan konten yang akan kit tampilkan, setelah kita selesai menulis di kotak bawah ada terbitakan entri utuk menapilkan postingan dan ada label itu bisa kita tuliskan tulisan kita itu tentang masalah yang tertentu dan apabila kita posting bahas masalah tersebut lagi maka kita tingal memasukan ke label yang kita buat dulu.

    3.dan apabila kita akan memsukan gambar kita bisa klik icon dibawah juduk yang bentuknya seperti gambar pemandangan

    kemudian akan muncul gambar

    kemudain klik brows apabila kita mau memasukan gambar dari kompuer kita setelah itu ada pilihanya gambar mau di tengah, disamping kanan ataupun disamping kiri, dan ada format kecil menengah dan besar itu untuk ukuranya,
    langkah selanjutanya adalah klik unggah gambar atau upload gambar, untuk tata letak tulisan di blog hampir sama dengan di MS world
    Selengkapnya...

    Cara Membuat Page Number-Navigasi Halaman

    Page Number atau Navigasi Halaman dengan menggunakan nomor atau angka adalah sebagai alat navigasi yang berfungsi selain dapat mempercantik tampilan halaman utama juga dapat memudahkan pengunjung dalam menjelajahi content sebuah website atau blog. Lihat contohnya pada halaman blog saya ini,
    Apakah Sobat Sekalian ingin mencobanya? Jika iya, maka berikut ini adalah langkah-langkah Cara Membuat Page Number-Navigasi Halaman Blog khususnya blogspot.com :

    1. Masuk dahulu ke Dashboard blogspot Anda, selanjutnya pilih Rancangan (Layout) dan pilih Edit HTML, seperti biasa contreng option Expand Widget Templates, selanjutnya cari kode berikut: ]]></b:skin>;
    2. Setelah ketemu, di atas kode ]]></b:skin> letakkan kode di bawah ini :


      .showpageArea a {

      text-decoration:underline;

      }

      .showpageNum a {

      text-decoration:none;


      border: 1px solid #cccccc;

      margin:0 3px;

      padding:3px;

      }

      .showpageNum a:hover {

      border: 1px solid #cccccc;

      background-color:#cccccc;

      }

      .showpagePoint {


      color:#333;

      text-decoration:none;

      border: 1px solid #cccccc;

      background: #cccccc;

      margin:0 3px;

      padding:3px;

      }

      .showpageOf {

      text-decoration:none;


      padding:3px;

      margin: 0 3px 0 0;

      }

      .showpage a {

      text-decoration:none;

      border: 1px solid #cccccc;

      padding:3px;

      }

      .showpage a:hover {


      text-decoration:none;

      }

      .showpageNum a:link,.showpage a:link {

      text-decoration:none;

      color:#333333;

      }
    3. Lalu cari lagi kode seperti ini: </body>;
    4. Jika sudah ketemu, di atas kode </body> letakkan script di bawah ini:


      <b:if cond='data:blog.pageType != &quot;item&quot;'>

      <script type='text/javascript'>

      var pageCount=5;

      var displayPageNum=5;

      var upPageWord =&#39;Previous&#39;;


      var downPageWord =&#39;Next&#39;;

      </script>

      <script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>

      </b:if>
    5. Selanjutnya carilah kode berikut ini : 'data:label.url';
    6. Hapus kode ini : 'data:label.url' dan gantilah dengan kode di bawah ini:



      'data:label.url + &quot;?&amp;max-results=5&quot;'
    7. Terakhir Simpan Templates dan lihat hasilnya.

    Selengkapnya...

    Cara Membuat Kotak Terpisah Pada Blog


    Membuat kotak posting terpisah sebagian banyak yang menyukai, karena kelihatan lebih rapi disamping dapat mengatur border warna yang lebih menarik kemudian dikombinasikan dengan warna background membuat kolom post lebih cerah.
    Kali ini saya mencoba untuk berbagi informasi, bagaimana membuat kotak posting terpisah-pisah disetiap judul dengan cara 2 pilihan :
    1. Kotak Posting terpisah dengan bentuk garis kotak


      1. Login ke"Blogger" dengan user ID Anda
      2. Pilih "Tata Letak"
      3. Pilih "Edit HTML"
      4. Cari Kode berikut .post {
      5. Copy "kode dibawah" ini dan letakan dibawah kode tersebut






        Padding:10px; /* Jarak text post dengan garis pinggir */
        Border-top: 2px solid #D8D8D8; /* warna garis pinggir atas */
        Border-bottom: 2px solid #D8D8D8; /* warna garis pinggir bawah */
        Border-left: 2px solid #D8D8D8; /* warna garis pinggir kiri */
        Border-right: 2px solid #D8D8D8; /* warna garis pinggir kanan */
        Margin-bottom: 30px; /* jarak antara post yang satu dengan yang lainnya */
      6. Simpan Template

    Contoh kotak posting terpisah garis lurus

    KOTAK POSTING I bentuk garis kotak


    KOTAK POSTING II bentuk garis kotak




  • Kotak Posting terpisah dengan garis melengkung disetiap sudut






    1. Login ke Blogger dengan user ID Anda
    2. Pilih Tata Letak
    3. Pilih Edit HTML
    4. Cari kode h2.date-header {
    5. Letakan kode dibawah ini tepat dibawah kode tersebut






      border-left:3px solid #A9D0F5;
      border-right:3px solid #A9D0F5;
      border-top:3px solid #A9D0F5;
      border-bottom:0px solid #A9D0F5;
      -moz-border-radius-topleft:15px;
      -moz-border-radius-topright:15px;

    6. Kemudian Anda cari kode .post-body {
    7. Letakan kode dibawah ini tepat dibawah kode tersebut






      border-right:3px solid #A9D0F5;
      border-left:3px solid #A9D0F5;

    8. Berikutnya cari kode .post-footer {
    9. Letakan kode dibawah ini tepat dibawah kode tersebut










      border-left:3px solid #A9D0F5;
      border-right:3px solid #A9D0F5;
      border-top:0px solid #A9D0F5;
      border-bottom:3px solid #A9D0F5;
      -moz-border-radius-bottomleft:15px;
      -moz-border-radius-bottomright:15px;

    10. Simpan Template

    Selengkapnya...

    Cara Membuat Scrool Otomatis Ke Atas



    Mau Buat Yang Seperti Ini DiBlog Anda
    Untuk Membuat Scrool Otomatis Keatas



    Caranya gampang ko....

    Kalian  Copy Paste aja script di bawah ini :


    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>

    <script src="http://raezen.fileave.com/scrolltop.js" type="text/javascript"></script>


    kalau sudah di "Copy",, kamu "Paste" persis dibawah kode : <head>

    Selesai ^_^
    Selengkapnya...

    Sunday, August 22, 2010

    Cara Membuat Animasi Status Loading

    Disini Impian Relugais12 Akan membagikan artikel mengenai cara membuat animasi saat sedang loading di blog anda...caranya pun cukup mudah...
    biar tidak panjang lebar ge,saya akan memberitahukan cara langkah-langkahnya:>>>>>>

    Login ke account blogger anda.
    Klik Layout --> Edit HTML.
    Cari kode <body> di dalam template anda dan ganti dengan kode di bawah ini :


    <body onLoad='init()'&gt<div id='loading' style='position:absolute; width:100%; text-align:center; top:300px;'> <img border='0' src='http://URL Lokasi Simpan.Image'/></div><script src='http://h1.ripway.com/ichal13/preloader.js' type='text/javascript'/></script>


    Keterangan :
    >> Ganti huruf yang berwarna merah sesuai dengan Punya sobat.
    >> Untuk peletakkanya anda bisa mengatur pada tulisan text:align center mau diletakkan ditengah atau disamping terserah.

    4. Simpan Template dan selesai.

    Selamat mencobanya Gan ...
    Selengkapnya...

    Cara Membuat Gambar Bisa Berputar

    Posted by Impian Relugais12







    Photo Cube Generator

    By : Gaga Adi Lesmana Putra
    Mat salam damai Semuanya kita berjumpa dengan saya disini untuk memberikan satu buah ilmu yang mudah-mudahan dapat memberikan kepada anda yang anda cari selama ini, disini gambar akan berputar-putar seperti lampion segi empat yang digantung kena tiupan angin baik tidak perlu berlama-lama akan saya beritahukan caranya

    1. Klik situs Satisfaction.com, tidak perlu login atau konfirmasi email.
    2. Setelah halaman terbuka, arahkan perhatian pada kotak dialog yang muncul dengan gambar berputar. Di bawah gambar tadi tertulis "PUT YOUR IMAGE ON A CUBE",
    3. Klik tombol "BROWSE" yang terdapat di bawah tulisan yang berwarna merah, setelah muncul kotak dialog, cari file gambar yang telah tersimpan, setelah ketemu klik tombol "Open". Kotal 'File' akan terbaca.
    4. Setelah selesai, klik tombol "UPLOAD". Pada tahap ini, gambar yang telah di-upload tersebut akan muncul dengan berputar-putar.
    5. Kemudian langkah terakhir klik tombol "Copy HTML code" yang berlatar warna kuning dan selesai.
    Selengkapnya...

    Cara Menampilkan Facebook kita diblog

    Caranya gampang banget kok lihatlah langkah-langkah mudah berikut ini:
    1. Silakan login ke Facebook



    2. Klik Profil



    3. Perhatikan layar sebelah kiri paling bawah, cari "Create A New Badge" untuk fb dalam b.inggris atau "buat lencana profil" untuk fb b.Indo



    4. Kemudian akan sampai ke sebuah halaman dimana disitu bisa memilih tampilan ataupun mengeditnya

    pilih lencana profil:



    edit lencana profil:



    5. Tamilanya bisa di seting atau diatur sesuai keinginan



    6. Jika sudah silakan disimpan dan dicopi ke blog/web



    contoh tampilan fbnya yang punya blog ini:

    Impian Relugais | Buat Lencana Anda


    gimana para sibat sexalian gampangkan.....mlahan ada 3 jenis tampilan ada yang tegak ,mndatar, dan 2 kolom

    semoga berhasilnya.....impian relugais12....selalu mendukung anda
    Selengkapnya...

    Cara Membuat Widget Sms Gratis

    Hai kita jumpa lagi dengan saya impian relugais12 disini 2 hari  baru ngga posting nih udah lain rasanya maklum lagi sibuk di dunia nyata kali ini saya sempatkan untuk menemui sobat sekalian pengunjung blog ini untuk memberikan ilmu sebuah code script SMS gratis untuk dipasang di blog sobat caranya adalah sbb :
    1. Klik Rancangan terus
    2. Klik tambah gadget
    3. Pilih HTML/Java Script Paste code script dibawah ini :
    4. Sebelum disimpan atur dulu panjang dan tinginya widget yang berwana merah setelah itu simpan
    <iframe name="I2" src="http://sms-online.web.id/widget"
    width="270" height="350"> not support
    </iframe>
    <a href='http://www.seiparing.co.cc/2010/06/membuat-widget-sms-gratis.html' rel='nofollow'>Make Widget</a>


    Selesai silakan anda SMS ke Teman, sahabat atau ke pacar anda tapi sayang tida bisa menerima pesan SMS tapi ada caranya dibawah pesan SMS tersebut kita ketik balas pesan ke No HP saya 087815 xxx misalnya kemudian kita membalas SMS lewat Internet begitu seterusnya maka pulsa kita tidak terpakai alias gratis.
    Selengkapnya...

    Cara membuat link yang ditunjuk membesar dan berpijar

    Selamat bergabung lagi sobat-sobat sekalian di blog impian relugais12....
    Relugais12 Akan langsung saja menyampaikan
    berikut sedikit cara dari saya tentang link yang kita tunjuk akan bersinar dan membesar
    mau tahu apa aja yang harus sobat-sobat sekalian kerjakan ???!!!!
    berikut langkah-langkah dan tutorialnya ....

    1.login dahulu ke blogger anda
    2.buka tata letak
    3.edit html
    4.expand template widget
    cari aja kode yang ini

    /* global link attributes */>


    atau kalau ga ada cari yang ini

    a {color: $mainLinkColor; text-decoration: underline;}
    a:hover {color: $mainHoverLinkColor; text-decoration: underline;}
    a:visited {color: $mainVisitedLinkColor; text-decoration: underline;}
    a:hover {


    kemudian tambahkan kode ini

    color: #000fff; text-transform: uppercase; font-weight: bolder; font-size: 15px; background-image: url(http://i909.photobucket.com/albums/ac297/heryymanjala/th_stars1.gif); }



    sehingga menjadi seperti ini

    a {color: $mainLinkColor; text-decoration: underline;}
    a:hover {color: $mainHoverLinkColor; text-decoration: underline;}
    a:visited {color: $mainVisitedLinkColor; text-decoration: underline;}
    a:hover {
    color: #000fff; text-transform: uppercase; font-weight: bolder; font-size: 15px; background-image: url(http://i909.photobucket.com/albums/ac297/heryymanjala/th_stars1.gif); }

    ingat...jangan dulu disave yah....
    pratinjau dulu ...kalau dipratinjau sudah oke apakah (link berpijar dan membesar)
    baru sobat save.
    gimana mudahkan...
    saya percaya sobat sekalian pasti bisa.....gak ada yang gak bisa di dunia nhe,org sangat sederhana kok
    Selengkapnya...

    Cara Memasang Televisi Online di Blogger

    Disini Saya akan membahas tentang bagaimana cara memasang tv online d blog kalian masing2....
    Kita berjumpa kembali di postingan ini untuk berbagi pengalaman kepada pengunjung blog ini sebuah postingan yang suka pada nonton tv di internet baik nasional maupun internasional disini kita bebas untuk tv apa saja yang kita inginkan gratis.
    Berikut langkah-langkah cara pemasangan tv online:
    1. Klik Rancangan atau yang dalu Tata Letak
    2. Klik Tambah Gadget
    3. Pilih HTML/Java sceipt
    4. Copy Code cript dibawah ini letakkan di point no 3 dan simpan
    <a href="http://www.seiparing-tv.co.cc" target="_blank"><img src="http://i867.photobucket.com/albums/ab235/ruslan02/BANNERIKLAN.gif" border="0" alt="Photobucket"></a>

    Demikian postingan ini saya berikan kepada anda dan silakan pasang di Blog dan Setus anda untuk dapat link ke Blog yang menyediakan TV Internet Live untuk anda
    Selengkapnya...

    Cara Membuat Teks Berjalan Di Adress Bar

    Pada postingan kali ini,impian relugais12 cuma mau sharing aja tentang cara membuat teks berjalan di addressbar. Inipun hasil impian relugais12 browsing di internet. Ga ada salahnya kan impian relugais12 berbagi ilmu dengan teman-teman. Sebenarnya untuk membuat teks berjalan di address bar ini hanya dibutuhkan script yang nantinya akan kita pasang di head template kita.

    Scriptnya seperti di bawah ini :

    <SCRIPT language='JavaScript'>
    var txt="..::Nama Yang Anda Suka::... ";

    var kecepatan=170;var segarkan=null;function bergerak() { document.title=txt;
    txt=txt.substring(1,txt.length)+txt.charAt(0);
    segarkan=setTimeout("bergerak()",kecepatan);}bergerak();
    </SCRIPT>


    Caranya, ganti nama blog pada script di atas dengan nama blog kamu.
    Untuk cara pemasangan script di blog, seperti biasanya silahkan login dulu ke blogger. Setelah itu pilih tata letak halaman, lalu pilih edit template. Kemudian cari kode </head> dan letakkan script tadi di atas kode </head> tersebut. Jika sudah silahkan simpan template kamu dan silahkan lihat hasilnya.

    Mudahkan. Semoga postingan ini berguna bagi kamu semua. Selamat mencoba dan sampai jumpa di postingan Impian relugais12 berikutnya.
    Selengkapnya...

    Cara Membuat Dua Kolom dibawah Kolom Posting (Plus Tambah Gadget)

    Ok, back to topic. Kita bahas lagi cara membuat dua kolom dibawah postingan. Ini bisa jadi alternatif multi kolom yang tempo hari pernah saya bahas. Ok. Tertarik membuatnya? Ikuti langkah-langkah berikut ini.

    1. Login ke Blogger, lalu klik menu Tata Letak > Edit HTML.
    2. Silakan backup template anda.
    3. Taruh kode ini diatas kode ]]></b:skin>

    #doublecolumnleft, #doublecolumnright{
    height:auto;
    width:205px;
    padding:10px;

    background:#81F781;
    color:#000000;
    }

    #doublecolumnleft h2, #doublecolumnright h2{
    font-size:large;
    font-weight:bold;
    #doublecolumnright h2{
    text-align:right;
    }

    #doublecolumnleft a, #doublecolumnright a{
    color:#0A2A0A; text-decoration:underline;
    }

    #doublecolumnleft a:hover, #doublecolumnright a:hover{
    text-decoration:none;
    }
    #doublecolumnleft{
    float:left;
    }
    #doublecolumnright{
    float:right;
    text-align:right
    }
    Ket: bagian 205px adalah lebar dari masing-masing kolom. Sesuaikan dengan lebar main wrapper anda.



    4. Cari bagian main wrapper (kolom posting) anda. Misalkan punya saya:

    <div id='main-wrapper'>


    <b:section class='main' id='main' showaddelement='no'>

    <b:widget id='HTML4' locked='false' title='Kotak Pencarian' type='HTML'/>

    <b:widget id='HTML16' locked='false' title='' type='HTML'/>

    <b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>

    </b:section>

    </div>

    5. Lalu sebelum kode </div>, ketikkan kode berikut.



    <b:section class='dblcolumn' id='dblcolumnleft' preferred='yes'/>

    <b:section class='dblcolumn' id='dblcolumnright' preferred='yes'/>

    Sehingga menjadi:


    <div id='main-wrapper'>

    <b:section class='main' id='main' showaddelement='no'>

    <b:widget id='HTML4' locked='false' title='Kotak Pencarian' type='HTML'/>

    <b:widget id='HTML16' locked='false' title='' type='HTML'/>

    <b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>


    </b:section>


    <b:section class='dblcolumn' id='dblcolumnleft' preferred='yes'/>

    <b:section class='dblcolumn' id='dblcolumnright' preferred='yes'/>



    </div>

    7. Simpan.



    8. Beralih ke tab Elemen Halaman, anda akan menemukan link Tambah Gadget dibawah kolom posting. Klik link tersebut untuk menambah widget, semisal recent posts atau recent comments.



    Berhasil? Selamat! Gagal? Coba lagi! Semoga bermanfaat!

    Selengkapnya...

    Cara Membuat Halaman yang Bisa Ngelipat Atau Page Peel Effect

    Suatu ketika lagi ngenet tiba-tiba menemukan suatu web yang unik tampilan halamannya. Uniknya tuh kalau kita mengarahkan kursor mouse kita di bagian pojok kanan atas halaman web tersebut, maka halaman tersebut akan kelipat atau kebuka, namun hanya sebagian kecil saja dan di dalamnya terdapat gambar (disesuaikan) yang biasanya kalau diklik akan diarahkan ke suatu halaman lain seperti halaman RSS blog ataupun bisa berupa halaman lainnya.

    Teman-teman juga bisa menemukannya di blog ini. Yang seperti ini lho...





    Untuk membuat halaman blog teman-teman seperti di atas caranya gampang. Ikuti langkah2 berikut:


    1. Login ke blogger >> Tata Letak >> Edit HTML >> Expand widget template

    2. Cari kode

    <b:skin><![CDATA[
    dan letakkan kode berikut di atasnya:

    <script src='http://sites.google.com/site/software2iqbalinc/javascript/script_ditunjuk_ngelipet_t4belajarblogger.js' type='text/javascript'/>
    <script type='text/javascript'>
    $(document).ready(function(){
    $("#pageflip").hover(function() {
    $("#pageflip img , .msg_block").stop()
    .animate({width: '307px',height: '319px'}, 500);
    } , function() {
    $("#pageflip img").stop()
    .animate({width: '50px',height: '52px'}, 220);
    $(".msg_block").stop()
    .animate({width: '50px',height: '50px'}, 200);
    });
    });
    </script>

    3. Lalu cari lagi kode

    ]]></b:skin>
    Dan letakkan kode berikut tepat di atasnya:

    #pageflip {
    position: relative;
    }
    #pageflip img {
    border: none;
    width: 50px; height: 52px;
    z-index: 99;
    position: absolute;
    right: 0; top: 0;
    -ms-interpolation-mode: bicubic;
    }
    #pageflip .msg_block {
    width: 50px; height: 50px;
    position: absolute;
    right: 0; top: 0;
    background: url(http://lh5.ggpht.com/_RVpTV2JOOxA/S8iu18jZiCI/AAAAAAAACyo/e0oaiHtbMf0/berlangganan_kelipat.png) no-repeat right top;
    text-indent: -9999px;
    }

    4. Cari kode

    <body>
    Dan lettakkan kode berikut di bawahnya:


    <div id='pageflip'>
    <a href='http://feedburner.google.com/fb/a/mailverify?uri=tutorialbloggingdiblogger' target='_blank'>
    <img alt='' src='http://lh3.ggpht.com/_RVpTV2JOOxA/S8iu2CHC7SI/AAAAAAAACys/nYe088a8tkc/gambar_kelipat.png'/>
    <span class='msg_block'/>
    </a>
    </div>

    ╬Anda bisa mengganti warna  Ijo dengan Link yang anda inginkan. Saran: Link RSS atau
    link berlangganan.


    5. Simpan hasil kerjaan anda.

    Sekarang silahkan lihat blog anda, bagaimana....baguskan?
    Untuk mengganti gambar dinding, teman-teman bisa mengganti URL berikut:

    #pageflip .msg_block {
    width: 50px; height: 50px;
    position: absolute;
    right: 0; top: 0;
    background: url(http://lh5.ggpht.com/_RVpTV2JOOxA/S8iu18jZiCI/AAAAAAAACyo/e0oaiHtbMf0/berlangganan_kelipat.png) no-repeat right top;
    text-indent: -9999px;
    }

    Semoga Bermanfaat []
    Selengkapnya...

    Tuesday, August 17, 2010

    Cara Mendaftarkan Blog anda di Search Engine

    Banyak cara yang bisa kita lakukan agar blog kita bisa dikenal dan di kunjungi, antara lain adalah dengan rajinnya kita blogwalking atau berkunjung ke blog milik orang lain, mendaftarkan ke berbagai agregator, dan yang paling efektif adalah melalui search engine atau mesin pencari.
    Bagi blogger pemula mungkin berangggapan bahwa apabila kita membuat website atau blog akan secara otomatis terindeks atau berada pada list berbagai search engine, dan kenyataannya tidaklah demikian. Seperti halnya sebuah sekolah, agar nama kita terdaftar pada buku daftar siswa, tentunya kita harus melakukan pendaftaran terlebih dahulu ke sekolah tersebut. Sama halnya dengan mesin pencari, agar blog kita terindeks pada mesin pencari, maka kita harus terlebih dahulu mendaftarkan blog milik kita pada situs pemilik mesin pencari.

    Mesin pencari tentu jumlahnya sangat banyak sekali, dan pada saat ini yang paling terkenal di dunia adalah Google, Yahoo, serta Msn. Apabila blog kita ingin terindeks pada mesin pencari mereka, maka kewajiban kita adalah mendaftarkan URL blog kita pada mesin pencari mereka. Bila ada yang belum tahu ke manakah harus mendaftarkan blognya, maka silahkan simak tulisan berikut :



  • Daftar GoogleUntuk mendaftar ke google, silahkan sobat kunjungi http://www.google.com/addurl/, nah apabila sudah berada pada halaman pendaftaran ada beberapa langkah yang harus di lakukan, yaitu mengisi form yang di sediakan :



  • URL –> Isi dengan URL blog sobat.



  • Comments –> Isi dengan keyword atau kata kunci yang berhubungan dengan blog sobat



  • Isi kotak kosong dengan huruf Verifikasi yang tersedia



  • Klik tombol Add URL



  • Selesai.Setelah sobat melakukan pendaftaran ke Google, maka tidak serta merta blog sobat terindeks pada mesin pencari nya, akan tetapi memerlukan 3 sampai 4 minggu baru blog sobat bisa terindeks. Jika sudah 3 sampai 4 minggu, maka cobalah ketik alamat blog sobat pada mesin pencari google, apakah sudah terindeks atau belum? jika belum, coba tunggu beberapa minggu lagi, dan tuliskan kembali alamat blog sobat, Jika ternyata masih belum juga, coba deh daftarin lagi blog nya ke google seperti langkah di atas. Atau mungkin sobat tidak sabar ingin cepat terindeks, sebenarnya bisa saja ini terjadi, hanya dalam 3 atau 4 hari saja blog sobat sudah bisa terindeks di google. Ingin tahu caranya? simak saja postingan berikutnya ya, mungkin satu dua hari ke depan artikelnya selesai saya buat.



  • Daftar Yahoo!Untuk mendaftar ke yahoo! silahkan sobat kunjungi https://siteexplorer.search.yahoo.com/submit. Akan tetapi untuk mendaftar ke yahoo, sobat harus terlebih dahulu mempunyai account yahoo, karena di perlukan log in terlebih dahulu ke account yahoo. Bagi yang belum punya account yahoo (email di yahoo) silahkan bikin dulu, bagi yang sudah punya, sobat tinggal login dengan username serta password sobat. Apabila sudah login, nanti sudah tersedia kolom untuk di isi, silahkan isi kolom tersebut dengan URL sobat, kemudian klik tombol Add URL, selesai. Jika ingin memasukan alamat feed sekalian, sobat bisa memasukannya. Ingat, alamat feed di blogger hanya tinggal menambahkan atom.xml di belakang uRL blog sobat, contoh : untuk blog saya ini mempunyai alamat feed sebagai berikut :
    http://radhitisme.blogspot.com/atom.xml
    atau memakai www pun sama saja :
    http://www.radhitisme.blogspot.com/atom.xml



  • Daftar ke MsnUntuk daftar ke Msn, silahkan sobat kunjungi http://search.msn.com/docs/submit.aspx?FORM=WSDD2 silahkan sobat isi huruf verifikasi dan URL sobat pada kotak yang tersedia, kemudian klik tombol Submit URL, selesai.
    Apabila sobat mempunyai keinginan lebih, yaitu URL blog sobat terindeks pada puluhan mesin pencari, sobat bisa menggunakan bantuan situs submitter. Coba klik saja banner dibawah ini :
    Submit Your Site To The Web's Top 50 Search Engines for Free!
    Tugas sobat hanya mengisi alamat URL blog miliknya, serta menuliskan alamat email saja, kemudian klik tombol Submit Your Site.
    Jika ingin lebih cepat terkenal coba lakukan ping ke bebagai agregator, silahkan klik banner di bawah :
    pingoat_9.gif

    Anda tinggal mengisi form yang di sediakan.
    Selamat Mencoba...
    (Sumber : impianrelugais12.blogspot.com)



  • Selengkapnya...

    Cara Membuat Sponsor Pada Blog

    Di Sini saya akan memberikan beberapa sponsor yang mungkin setidaknya dalam perlombaan ini akan berguna atau hanya sebagai pajang hiasan di blog anda.
    Ya saya dalam lomba Desain blog telah merasakan semua apa yang di lombakan ,apa lagi ini dari sebuah sponsor,sangatlah penting untuk digunakan.
    Saya tidak akan berpanjang-panjang lebar lagi menjelasin tentang kode di bawah ini yang akan saya kasih...
    langsung saja saya melihatkan langkah-langkah untuk membuat sponsor di gedget:

    1. Masuk ke blog anda,
    2. Pilihlah Tata letak yang sekarang disebut rancangan
    3. Lalu pilih Tambah gedget
    4. klik HTML/JavaScript
    5. lalu Masukkan code dibawah ini kedalamnya.

    <marquee direction="up" onmouseover="this.stop()" width="100%" onmouseout="this.start()" scrollamount="2" height="200">

    <a href="http://pekanbaru-riau.blogspot.com/2007/10/mall-pekanbaru.html" target="_blank"><img src="http://3.bp.blogspot.com/_m5mB5X0aSog/ShQMBbqrJyI/AAAAAAAAAA4/5IjArJ_os_E/S220/malpekabaru_logo.jpg'"/></a>
    <br/><br/>
    <a href="www.telkomspeedy.com" target="_blank"><img src="http://lh5.ggpht.com/_HR4qF9th884/SvZ70c61-TI/AAAAAAAAAH0/fd1LcGnp0kg/s128/43r3.jpg"/></a>
    <br/><br/>
    <br/><br/>
    <a href="http://www.putrasun.com/" target="_blank"><img src="http://lh5.ggpht.com/_HR4qF9th884/SvZ33BYiX-I/AAAAAAAAAHo/0QWC8LZpadU/s128/title.gif"/></a>
    <br/><br/>
    <br/><br/>
    <a href="http://www.megaplasa.com/" target="_blank"><img src="http://lh4.ggpht.com/_HR4qF9th884/SvZ1JHcxu-I/AAAAAAAAAHY/3JgOQy7AhU0/s128/PICT1274.JPG"></a>
    <br/><br/>
    <br/><br/>
    <a href="http://www.bertuah.org" target="_blank"><img src="http://lh4.ggpht.com/_HR4qF9th884/SvZ6L836lwI/AAAAAAAAAHs/hep88I9mXBE/s128/logo.gif"></a>
    <br/><br/>
    <br/><br/>
    <a href="http://www.mandalaair.com/" target="_blank"><img src="http://lh3.ggpht.com/_HR4qF9th884/SvZ6Lx1dsJI/AAAAAAAAAHw/t-t_ppdaiVU/s128/logo-mandala.gif"></a>
    <br/><br/>
    <br/><br/>
    <a href="http://www.telkom.co.id/" target="_blank"><img src="http://lh4.ggpht.com/_HR4qF9th884/SvZ2-2T2i5I/AAAAAAAAAHk/duDKzowXJMw/s128/new-telkom-logo.jpg"></a>
    <br/><br/>
    <br/><br/>
    <a href="http://www.saturiau.com/read/ekonomi/707/2009/05/19/citarasa-foodcourt-mal-pekanba-html" target="_blank"><img src="http://lh3.ggpht.com/_HR4qF9th884/SvZ1JGvopFI/AAAAAAAAAHc/M4mj-vIXFDQ/s128/PICT1278.JPG"></a>
    <br/><br/>
    </marquee>
    Selengkapnya...

    Cara Membuat judul Teks Postingan Berjalan

    Pada postingan kali ini, Impian Relugais12 akan membahas bagaimana cara membuat judul posting berjalan.

    Seperti contoh di bawah ini :

    Cara Membuat Judul Posting Berjalan
    Oke langsung aja kita mulai penjelasannya :

    1. Login ke Dashboard Blogger Anda
    2. Klik Layout - Edit HTML. Untuk berjaga-jaga sebaiknya backup dulu template Anda, lalu klik pada Expand widget templates dan carilah kode dibawah ini:

      <b:includable id='post' var='post'>
      <div class='post hentry uncustomized-post-template'>
      <a expr:name='data:post.id'/>
      <b:if cond='data:post.title'>
      <h3 class='post-title entry-title'>
      <b:if cond='data:post.link'>
      <a expr:href='data:post.link'><data:post.title/></a>
      <b:else/>
      <b:if cond='data:post.url'>
      <a expr:href='data:post.url'><data:post.title/></a>
      <b:else/>
      <data:post.title/>
      </b:if>
      </b:if>
      </h3>
      </b:if>

    3. Kemudian pasang kode marquee sehingga kode lengkap hasil perubahan akan seperti dibawah ini:









      <b:includable id='post' var='post'>
      <div class='post hentry uncustomized-post-template'>
      <a expr:name='data:post.id'/>
      <b:if cond='data:post.title'>
      <marquee direction='left'><h3 class='post-title entry-title'>
      <b:if cond='data:post.link'>
      <a expr:href='data:post.link'><data:post.title/></a>
      <b:else/>
      <b:if cond='data:post.url'>
      <a expr:href='data:post.url'><data:post.title/></a>
      <b:else/>
      <data:post.title/>
      </b:if>
      </b:if>
      </h3> </marquee></b:if>

    4. Teks yang berwarna merah adalah kode yang harus Anda tambahkan. Anda dapat merubah arah dengan mengganti kode left menjadi right. Klik tombol Preview untuk melihat hasilnya, jika Anda sudah cukup puas silahkan di simpan pekerjaan Anda.
    Selamat mencoba.. Selengkapnya...

    Cara Membuat Kotak Komentar Di bawah Posting

    Anda ingin kotak komentar muncul di bawah postingan? Memang dulu pengguna Blogger tidak bisa menampilkan kotak komentar ini. Tidak seperti Wordpress. Jangan berkecil hati, karena sekarang di Blogger sudah tersedia fasilitas tersebut. Mau tau cara pembuatannya. Ikuti terus ya pembahasannya.

    Begini caranya :
    1. Silahkan Login ke http://draft.blogger.com dengan ID blogger anda. Ingat! bukan login ke blogger.com tapi ke draft.blogger.com karena fasilitas ini masih dalam tahap uji coba.
    2. Kemudian pilih blog yang ingin anda edit, masuk Settings >> Commnets. Pada opsi Comment Form Placement pilih Embedded below post sepeti gambar dibawah






    3. Kemudian klik Save Settings
    Kemudian coba lihat apakah kotak komentar Anda sudah muncul dibawah posting. Bila sudah berarti selesai, bila belum muncul maka ikuti cara-cara berikut ini :
    1. Pada posisi di dashboard blogger, klik link Layout kemudian masuk ke Edit HTML
    2. Jangan lupa centang/tandai/aktifkan Expand Widget Templates untuk bisa mengedit template secara keseluruhan.
    3. Kemudian cari kode-kode di bawah ini :


      <p class='comment-footer'>
      <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
      <data:postCommentMsg/></a>
      </p>
      </b:if>

    4. Kemudian hapus kode-kode di atas dan ganti dengan kode-kode dibawah ini :



      <p class='comment-footer'>
      <b:if cond='data:post.embedCommentForm'>
      <b:include data='post' name='comment-form'/>
      <b:else/> <b:if cond='data:post.allowComments'>
      <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
      <data:postCommentMsg/></a>
      </b:if> </b:if> </p> </b:if>

    5. Klik Save dan lihat hasilnya.
    Nah, selamat mencoba
    Selengkapnya...

    Cara Membuat Tampilkan Avatar Pada Komentar Blog

    Impian relugais12 hanya mau berbagi jha tentang bagaimana cara membuat supaya avatar komentar muncul di blog Anda, sedangkan templatenya memakai custom template.

    Langsung aja, silahkan ikuti langkah-langkah berikut ini :

    1. Login ke blogger tentunya memakai ID anda
    2. Klik Tata Letak.
    3. Klik tab Edit HTML
    4. Klik tulisan "Download Template Lengkap", silahkan anda backup dulu templatenya.
    5. Beri tanda ceklis pada kotak kecil disamping tulisan "Expand Template Widget"
    6. Copy lalu paste kode berikut diatas kode ]]></b:skin>
      .avatar-image-container img{
      background:transparent url(http://i33.tinypic.com/24b9na8.jpg)no-repeat;
      height:35px;
      width:35px;
      }

    7. Carilah kode berikut pada template Anda

      <dl id='comments-block'>


      Atau terkadang ada juga yang memakai kode div seperti ini :
      <div id='comments-block'>

    8. Gantilah kode tadi dengan kode berikut

      <dl expr:class='data:post.avatarIndentClass' id='comments-block'>


      Jika kode template anda termasuk kode yang memakai div maka diubah menjadi :
      <div expr:class='data:post.avatarIndentClass' id='comments-block'>

    9. Carilah kode berikut :

      <a expr:name='data:comment.anchorName'/>

    10. Hapus kode tadi lalu ganti dengan kode berikut :

      <b:if cond='data:comment.favicon'>
      <img expr:src='data:comment.favicon' height='35px' style='margin-bottom:-2px;' width='35px'/>
      </b:if>
      <a expr:name='data:comment.anchorName'/>
      <b:if cond='data:blog.enabledCommentProfileImages'>
      <data:comment.authorAvatarImage/>
      </b:if>

    11. Simpan dan Selesai
    Terkadang cara diatas tidak cocok untuk custom template anda, jadi anda harus sedikit memodifnya lagi.
    Selengkapnya...

    Cara Membuat efek di blogger

    Kali ini impian relugais12 dapet Script Baru Hasil Searching kemaren, mungkin dah jadul ato kalian dah pada tau cmua yaks...
    G sah basa-basi lagi dahk..Lngsung adjah yaks..
    Ney script na..

    Script efek Bintang jatuh

    <script src='http://www.geocities.com/ridwanox/bintangjatuh.js' type='text/javascript'></script>
    Script efek salju berguguran
    <script src='http://www.geocities.com/ridwanox/saljubesar.js' type='text/javascript'></script>

    Script efek kembang Api
    <script src='http://www.geocities.com/ridwanox/kembangapi.js' type='text/javascript'></script>
    Script efek hati bertaburan
    <script src='http://www.geocities.com/ridwanox/efekhati.js' type='text/javascript'></script>
    untuk cara pemasangannya :
    silahkah masuk blogger.com-->tata letak/layout--->edit html
    download lengkap template.

    kemudian cari kode </body> ditemplate kamu, (letaknya dibagian paling bawah template) kalo udah ketemu paste script yang kamu pengen diatasnya..

    semoga sukses y. . . .???//

    Selengkapnya...

    Cara Membuat Kolom Scroll Pada Blog Archive


    Sewaktu teman-teman memposting suatu artikel dan di-archive-kan secara Hierarki dan Judul Artikelnya ditampilkan, maka semua artikel yang ada di Blog Archive tersebut akan tampil memanjang ke bawah. Nah untuk membuatnya terlihat sedikit rapi agar tidak memanjang terlalu ke bawah, maka kita akan membuat Kolom Scrollnya.


    lihat pict


    Untuk membuatnya silahkan ikuti langkah-langkah di bawah ini:

    1. Login ke akun blogspot,
    2. Klik Design/Rancangan >> Edit HTML >> Centang Expand Widget Templates,
    3. Cari kode berikut
    <div id='ArchiveList'> atau ArchiveList
    Note: Untuk menemukan kode <div id='ArchiveList'> atau ArchiveList maka teman-teman harus memasang Blog Archive nya terlebih dahulu dengan cara, klik Design/Rancangan >> Page Element >> Add a Gadget >> Blog Archive >> Save. Jika teman-teman sudah memasang Blog Archive nya maka langsung saja mencari kodenya tadi.

    4. Selanjutnya tambahkan kode yang berwarna merah seperti di bawah ini:

    ....


    <div class='widget-content'>


    <div style="border: 1px solid rgb(204, 204, 204); padding: 5px; overflow: auto; width: 100%; height: 200px; background-color: #FFFFFF;">


    <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>


    ...

    5. Harap disesuaikan saja kodenya, karena tidak semua templates sama,
    6. Untuk merubah tinggi kolom scrollnya, silahkan ganti pada kode height:
    200px,
    7. Jika sudah klik Save templates dan lihat hasilnya.

    Seperti itulah
    Cara Membuat Kolom Scroll Pada Blog Archive, semoga bisa bermanfaat untuk Sobat Sekalian semua dan selamat mencoba.
    Selengkapnya...

    Cara Mengganti Templates blogger anda

    Langkah-langkah untuk Mengganti Template

    Pastikan Anda telah memili file template untuk blogspot yang berekstensi .XML. Bahasa XML adalah masih keluarga dari HTML dan XHTML dan merupakan standar bahasa web yang bisa diterjemahkan oleh browser internet menjadi susunan yang sedemikian rupa sehingga membentuk sebuah layout atau desain dari website/blog.
    Silakan Login menggunakan account blogger/Google Anda, lalu pilih salah satu blog Anda (maaf tutorial ini menggunakan setting bahasa Inggris, jika Anda menggunakan bahasa Indonesia maka letak dan posisinya adalah sama).
    Langkah 1:
    Pilih menu Layout - Edit HTML

    Langkah 2:

    Klik tombol Browse, cari lokasi penyimpanan file .xml Anda. Dalam contoh ini saya memakai template Grey Press Blogger (grey_press_blogger.xml)

    Langkah 3:
    Klik tombol Upload, pastikan tidak ada error seperti terlihat pada gambar di bawah

    Langkah 4:
    Klik tombol SAVE TEMPLATE

    Selengkapnya...

    Cara Membuat Animasi Cursor Mouse di Blogger

    Cara membuatnya sangat simpel dan gampang (bahkan sangat mudah) langsung aja kita turun gunung OK, ikuti langkah-langkah di bawah ini :

    1. Login ke Blogger + Tata Letak + Edit HTML dan berikan centang pada Expand Tempelate Widget (untuk jaga - jaga sebaik nya kamu Download Tempelate Lengkap kamu)

    2. Kemudian kamu cari kode body { (untuk memudahkan pencarian kamu teken Cntrl + F di keyboard kamu)

    3. Seteleh ketemu kamu letakkan Script dibawah ini di bawah kode body {
    cursor:url("http://i49.tinypic.com/flvjtl.gif"),text;

    4. Simpan

    Mudah bukan cara membuatnya Oh yah, ganti tulisan yang berwarna biru dengan url gambar crusor kamu ?. . .
    Selengkapnya...

    Cara Membuat Scrool Halaman


    <div style="overflow:auto;width:300px;height:200px;padding:10px;border:1px solid #eee">



    <ol>



    <li>



    <ahref="http://www.notebooku.co.cc/">HOME</a>



    </li>




    </ol>



    </div>





    Setelah kode selesai silakan simpan kode tersebut seperti biasa
    1.Dashboard->>
    2.Layout->>
    3.Add Gadget->>
    4.HTML/JavaScript->>
    5.Masukkan kode->>
    6.Simpan->>Selesai

    Seandainya ada yang kurang mengerti bisa kalian tanyakan dikotak post komentar dibawah.......>>

    SELAMAT MENCOBA!!!GOOD LUCK....????/


    Selengkapnya...

    Cara Membuat Page Rank dan Live Traffic

    untuk live traffic feed, fungsi nya untuk mengetahui siapa saja yang berkunjung ke blog kita, di dalam blog saya ini udah saya pasang, dan banyak yang mengklik hasil pencarian dari google, duh senang nya...muncul di mbah google.

    pada live traffic feed, ada tulisan seperti ini Clik to get FEEDJIT , saya klik malah nyasar ke sini..feedjit.com, terus ada 4 pilihan :

    1. Live traffic feed untuk mengetahui siapa yang mampir atau nyasar hehehe ke blog
    2. Live traffic map untuk menampilkan peta lokasi seseorang yang berkunjung ke blog
    3. LIVE RECOMMENDED READING untuk rekomendasi pembaca
    4. LIVE PAGE POPULARITY untuk meningkat kan kepopularitas blog tersebut

    jadi saya pilih yang pertama Live Traffic Feed, untuk mendapatkan nya, klik link yang bertuliskan + Add It, muncul kode nya, saya copy kodenya saya letakkan di page elements html / javascipts, jadilah seperti yang terlihat di menu side bar blog ini

    Berikut tampilan pada saat saya coba klik.
    Berikut tampilan kode saat saya klik + Add It
    Langkah-langkah untuk menambahkan page rank di dalam blog :

    1. Kunjungi situs nya rankwidget.com, maka tampilan nya seperti gambar berikut :
    2. Pada tulisan di dalam textbox berikut :
    Type the URL of your website / blog and click 'Get Rank'. isilah dengan nama alamat blog kamu,
    contoh na saya masukan nama blog saya ini : raispunya.blogspot.com, di bawah nya kan ada banyak pilihan tuh :
    a. Google Page rank
    b. Alexa Page rank
    c. Technocrati Blog Rank
    d. Yahoo search links,

    nah kamu tinggal pilih page rank terhadap blog kamu, klik tombol Get Rank, kalau saya pilih yang Alexa Page rank, maka tampil kode java scripts nya beserta gambar avatar nya, turunkan kebawah scrol muse na, pilih lah yang paling menarik contoh nya saya pilih gambar untuk alexa page rank :
    setelah di copy kode javascripts nya, buka layout blogspot kamu, tambahkan pada page elemen baru pilih html/javascripts paste di kotak bawah judul, simpan kembali.

    lebih jelas nya kamu bisa lihat page rank di side bar menu blog saya ini.
    Selengkapnya...

    Monday, August 16, 2010

    Cara Membuat Buku Tamu Melayang di blog


    Masih Kita membahas tentang mendesain blog....
    kali ini saya impian relugais12 akan membahas tentang judul di atas tersebut.
    mungkin biar tidak banyak ucapan ge saya akan langsung saja memberikan cara-caranya...


    Langsung saja yach>>>>>

    1. Loginlah dulu di Blogger >Rancangan > Elemen Laman > Klik Tambah Gadget>HTML/Java Scripts..
    2. Jika sudah buatlah nama pada widget yang baru ini... lalu Copy-Paste kode dibawah ini ke dalam widget HTML/Java Scripts tadi...



    <style type="text/css">
    #gb{
    position:fixed;
    top:0px;
    z-index:+1000;
    }
    * html #gb{position:relative;}

    .gbtab{
    height:100px;
    width:110px;
    float:left;
    cursor:pointer;
    background:url('http://i915.photobucket.com/albums/ac357/adiluvdv/buku-tamu_03.gif') no-repeat;
    }
    .gbcontent{
    float:left;
    border:2px solid #A5BD51;
    background:#F5F5F5;
    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">
     <!-- Begin ShoutMix - http://www.shoutmix.com -->
    <iframe title="gaga12" src="http://www4.shoutmix.com/?gaga12" width="160" height="400" frameborder="0" scrolling="auto">
    <a href="http://www4.shoutmix.com/?gaga12">View shoutbox</a>
    </iframe>
    <br /><a href="http://www.shoutmix.com" title="Get your own free shoutbox chat widget at ShoutMix!">ShoutMix chat widget</a><br />
    <!-- End ShoutMix -->

    <br/>
    Anda berminat buat Buku Tamu seperti ini?<br/>
    Klik di
    <a href="http://impianrelugais12.blogspot.com/2010/08/suatu-ketika-lagi-ngenet-tiba-tiba.html">
    sini </a>

    <div style="text-align:right">
    <a href="javascript:showHideGB()">
    [tutup]
    </a>
    </div>

    </div>

    </div>

    <script type="text/javascript">
    var gb = document.getElementById("gb");
    gb.style.right = (30-gb.offsetWidth).toString() + "px";
    </script>
    Contoh di atas adalah 'Widget Melayang Shoutmix'

    Keterangan :

    Merah = Gantilah dengan kode Scripts Widget yang akan kamu tampilkan Misalnya kode Scripts Widget Shoutmix..
    Biru = Gantilah dengan URL Gambar Tab kamu (atau pakai saja url gambar tab diatas tdi) .. Gambarnya bisa kamu buat dengan Program seperti Photoshop.. lalu kamu Upload/simpan gambar tsb di Photobucket ..baru kamu bisa mendapat kode url Direct Link gambar tdi..

    4. Simpanlah dan Selesai dech^_^... namun sebaiknya posisi widgetnya di Bagian Tata letak di letakan paling bawah lalu klik simpan.. Untuk melihat hasilnya silahkan Refresh,reload tab,atau tekan f5 pada  blog kamu.. Mudahkan.. ;-)


    Selamat Mencoba
    Para Sobat Sekalian


    Selengkapnya...

    Add 'Q y Sobat Sxli'n

    SmSan Yukxs

    Make Widget

    Link Keren

    free web site traffic and promotion membuat blog terlihat berarti Free Link Exchange membuat blog terlihat berarti

    Ayo Kita nonton TV live

    Photobucket