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

Thursday, July 14, 2011

Mendesain Blogger

Disini Saya akan menjelaskan semua apa saja untuk dapat mempercantik blog anda dengan cara mendesainnya sendiri.


Bagi Anda yang telah memiliki sebuah blog tapi bingung bagaimana untuk mendesain atau mempercantiknya maka tempat anda mencari adalah di blog impian relugais12 inilah.
Dalam perlombaan mendesain sebuah blog adalah hal utama yang harus anda ketahui cara mendisain blog yang benar dan tepat,
Maka saya akan memberikan beberapa cara,memberikan sebuah solusi,semua cara mendesainnya agar anda tidak perlu susah-susah mencarinya lagi.saya akan memberikan semua apa yang saya tahu dengan tampa pamrih,/ikhlas......
Saya akan menerangkat sedikit apa itu blog....."Blogger adalah sebutan bagi orang yang menulis di blog tersebut. Ada yang menulisnya dengan dobel g, blogger, ada juga yang menulisnya dengan hanya satu g, bloger. Keduanya punya arti yang sama. Syarat seseorang bisa menjadi blogger hanya satu: bisa menulis! Soal teknologi untuk blogging, ada berbagai banyak pilihan di internet, dan banyak layanan yang menyediakan tempat menulis blog secara gratis, seperti wordpress dan blogspot.

Ada pakar “telematika” yang mengira blogger itu punya kemampuan teknis yang lebih, dan bahkan menyamakan blogger dengan hacker. Ini tentu saja hanya menunjukkan betapa tidak pantasnya orang tersebut disebut sebagai pakar, karena kemampuan utama blogger itu hanyalah menulis. Nah, dalam komunitas blogger yang semuanya adalah penulis, ada beberapa yang memang punya kemampuan teknis lebih, ada beberapa yang lebih suka menulis karya seni, ada beberapa yang suka menulis dengan gaya jurnalis, dan seterusnya; tapi adalah salah besar menganggap blogger itu punya kemampuan teknis di atas rata-rata. Jadi makin lebih memalukan lagi ketika pakar yang sama mengatakan blogger seharusnya bertindak bersama-sama mencegah para “hacker” melakukan perusakan situs.

Singkatnya, blogger adalah manusia biasa, dengan kemampuan rata-rata, dengan satu pembeda: suka menulis. Jangan percaya perkataan bahwa blogger itu jagoan soal teknis, blogger itu hacker, itu hanya menunjukkan orang tersebut sebenarnya tidak tahu apa itu blogger".


Saya tidak akan bertele-tele lagi tentang pembahasan kita.
dibawah ini semua cara untuk agar mendesain blog anda...
dan sebagianya ad pada di samping postingan dengan link yang udah saya sediakan.

selamat bekerja,good luck

Selengkapnya...

Cara Memasukan Musik/Lagu Ke Dalam Blog

Nah nhe artikel mungkin buat agan sekalian udah basi atau udah tau tapi saya hanya membuka lembaran baru dikit reques2 dari agan2 yang udah niat mampir ke blog agan ini ,,makasih yah,,ini caranya agak sedikit rumit saya juga dapat dari tetangga saya sebelah,dan saya pelajari bisa,maka saya coba share di sini,smga membantu,,,
saya cuma akan share memasukan lagu atau musik ke dalam blg agan yang ingin banget dengan artikel ini,,,,,,,langsung sajalah ya saya jelaskan cara-caranya :


Maaf agan harus buka situs web dibawah ini karna wajib banget,

http://ex-musik.blogspot.com

setelah anda buka anda akan dihadapkan dimana anda harus pilih lagu yang anda suka di blog tersebut. setelah anda menemukan lagu / musik mp3 yang anda suka maka sekarang anda tinggal mengcopy code HTML yang tersedia disamping musik / lagu tersebut.
lalu anda ke RANCANGAN atau LAYOUT anda pilih seperti biasa ADD GEDGET == > lalu HTML/JAVA SCRIPT nah anda copi pastekan HTML lagu td yg anda copy ke dalam ini,lalu anda SAVE/SIMPAN TEMPLATE....nah coba lihat blog anda balik,,,apakah ada perubahan,,musik yang anda incar apakah ada,,dan berjalan,,,,,,,,,,
nah,,hanya segitu yang bisa saya terangkan untuk selebihnya apabila anda kurang paham anda bisa tanyakan lagi kepada saya ok....di tunggu keberhasilannya.
Selengkapnya...

Cara Membuat Colom Iklan Di Bawah Header

Maaf gan kalau artikel yang satu ini agak membingungkan agan-agan sekalian,tapi ane jelasin dhe,membuat iklan dengan ukuran 125x125 di bawah header atau menu di blogspot.Kita ingin nge-blog tapi hasilnya dapat duit, itulah keratifitasnya seorang blogger,kita bisa menawarkan tempat iklan bagi para advertiser untuk beriklan di Blog kita sehingga kita bisa memperoleh hasilnya dengan iklan tersebut. Dibawah ini cara-cara yang bakal akan saya beritahu,langsung saja gan ;::::::::


1.Biasa loggin ke blog anda
2.Pilih rancangan==>
3.Pilih edit html
carilah kode , ]]></b:skin> Setelah ketemu copy html di bawah ini lalu letakkan di atas code seblumnya tadi ::
#Banner-ads {

margin:0px;

padding: 5px;

text-align: center;

width : 960px;

}

#Banner-ads img {

margin: 7px 4px 4px 0px;
padding: 3px;
width : 100px;
height : 100px;
text-align: center;

border: 1px solid #c0c0c0;

}

#Banner-ads img:hover {

margin: 7px 4px 4px 0px;

padding: 3px;

text-align: center;

border: 1px solid #333;

}


setelah di letakkan dan udah selesai cari kembali kode <div id=main-wrapper> Setelah ketemu copy Html dibawah ini dan paste diatasnya kode tadi:



<div id='Banner-ads'>

<a hight='100' href='http://impianrelugais12.blogspot.com/' width='100'><img alt='ads' border='0' src='http://i977.photobucket.com/albums/ae258/SPN_photo/iklan-banner.gif'/></a>
<a hight='100' href='http://impianrelugais12.blogspot.com/' width='100'><img alt='ads' border='0' src='http://i977.photobucket.com/albums/ae258/SPN_photo/iklan-banner.gif'/></a>
<a hight='100' href='http://impianrelugais12.blogspot.com/' width='100'><img alt='ads' border='0' src='http://i977.photobucket.com/albums/ae258/SPN_photo/iklan-banner.gif'/></a>

</div>

Pemberitahuan yang perlu di perhatikan ":
Untuk menambah kolom tiggal kamu copy paste lagi kode diatas ini, sampai berjumlah yang kamu mau minimal 7 colom/kotak iklan, karena dalam kode diatas hanya untuk 3 kolom, Pada alamat blog (warna kuning) ganti dengan alamat blog kamu pada URL warna pink ganti dengan alamat gambar kamu. untuk membuat url gambar kamu bisa membuat di photobucket.com atau di picasa.
makasih,,,met mencoba....
Selengkapnya...

Cara Membuat Script Iklan Melayang

Saya akan membahas di postingan kali ini tentang membuat script iklan melayang,cukup mudah kok,bagi agan yang dah tau bantu-bantu aja deh,tapi bagi awan yang ingin cba membuat iklan-iklan bisa di coba nhe gan,langsung saja yah ......:::::


1.Logginlah kedalam blog kalian dengan memasukan email dengan pasword yang udah biasanya di lakukan
2.Ketika sudah di tampilan dasbor pilih rancangan
3.lalu anda akan dihadapkan kdi elemen laman atau edit laman lalu anda pilih tambah gadget atau add gedget
4.lalu pilih Html/java script
5.Lalu anda masukan code html di bawah ini:

<style type="text/css">
#topbar{
position:absolute;
visibility: hidden;
width:720px;
z-index:100;
padding:5px;
background-color: #050505;
border: 1px solid #333333;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
margin:0 auto 10px;
float:right;
color: #505050;
text-align: justify;
font-size: 12px;
font-family: Verdana, serif;
filter:alpha(opacity=85);
-moz-opacity:0.85;
opacity:0.85;
}
</style>


<script src="http://btuneup.googlecode.com/files/js_pop_up.js" type="text/javascript">
</script>

<script type="text/javascript">
var persistclose=0
var startX = 0
var startY = 0
var verticalpos="fromtop"
</script>
<div id="topbar">
<div align="right">
<span class="linkaiklanclose"><a href="http://www.blogger.com/post-edit.g?blogID=6621769477201114186&amp;postID=6069283719879543174#"><center>KLIK SAJA IKLANNYA 1x, PASTI HILANG
SEKALIAN DILIHAT, SIAPA TAHU ANDA BERMINAT</center></a></span></div>
<div ;="" onclick="closebar(1)" return="true">

MASUKAN SCRIPT IKLAN KALIAN DISINI!

</div>
</div>



Kalau udah di cpy letakan lh di tempat html /java script tadi,key
seandainya berhasil anda betul-betul rang yang mengerti blog,sandainya gk berhasil anda boleh koment di post kmentar d bawah,slamat mencoba
Selengkapnya...

Tempat Mencari Template Buat Blog

Maaf gan saya baru mampir atau posting ke blog ini ge,,,,,saya terlalu sibuk kali yah,makasih banget yang udah setia kunjungi blog ane,oh y ini ad beberapa tempat situs untuk template-template blog yang mungkin bisa agan coba,langsung saja yah ::::: maaf cuma situs2nya saja,,,bukan templatenya :::

Nhe gan tempat download atau cari template buat blog,,tesst ja satu2,,,mna tw ad yg gan suka
1. http://freetemplates.blogspot.​com/
2. www.zoomtemplate.com/
3. http://blogtemplate4u.com/
4. http://template-godown.com/
5. http://template-bloggers.blogs​pot.com/
6. http://www.deluxetemplates.net​/
7. http://www.mytemplatebox.com/
8. http://www.wordpresstoblogger.​com/
9. http://www.finalsense.com/serv​ices/blog_templates/
10.http://btemplates.com/
Selengkapnya...

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

    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