NyomNyom_Only Freedom View RSS

Situs Penyedia Countersite Gatget Buat Blog 13 Dec 2010 7:47 PM (14 years ago)

1. Counter Doneeh.com
2. Counter Statcounter.com
3. Counter Amazingcounter.com
4. Counter Histats.com

Ada yang mau menambahkan?
Kalau tidak ada sekian,
Wassalam ...




http://gobelan.blogspot.com/

Cara Pasang Iklan dalam Postingan Blog 13 Dec 2010 7:43 PM (14 years ago)

1. Login ke blogger
2. pada Dasboard pilih  Layout-->Edit HTML 
3. Jangan lupa klik "Expand Widget Template" 
4. Cari kode berikut :
   <b:if cond='data:blog.pageType == "item"'>
   <style>.fullpost{display:inline;}</style>
   <p><data:post.body/></p>
5. Pasang kode iklan anda dibawahnya. (dibawah: <p><data:post.body/></p>)
6. Kode iklan harus sudah diparse / di encode. Untuk memparse kode nya silahkan baca tutorial yang ini
7. Simpan template. 

Ok, sekian saja dulu.
Semoga membantu.
Salam ...




http://gobelan.blogspot.com/

Cara Merubah Tampilan Skin Yahoo Messanger 13 Dec 2010 7:41 PM (14 years ago)

dalam menu preferences banyak sekali pengaturan-pengaturan yang digunakan untuk merubah atau menjadikan kegunaan dari Yahoo Messanger sesuai dengan keinginan kita. Kita bisa ignore seuatu id YM dan yang lainnya.

Untuk merubah tampilan atau skin Yahoo Messanger silahkan dalam menu Prefences pilih kategori Apearance, trus pilih Change Skin
dan silahkan pilih skin yang anda inginkan.
Mudah sekali bukan? Untuk merubah tampilan skin Yahoo Messanger. Silahkan pilih menu pengaturan yang lainnya untuk menyesuaikan tampilan Yahoo Messanger anda...






http://gobelan.blogspot.com/

Situs yang menyediakan template blogger gratis 6 Dec 2010 10:53 PM (14 years ago)

1. Boxtemplates.blogspot.com 
   
   
   
2. Btemplates.com
   
   
   
3. Ourblogtemplates.com
   
   
   
4. dan masih ratusan lagi,

Segitu aja dulu, itu juga sudah bisa buat kita pusing
Sekian..,




http://gobelan.blogspot.com/

Belajar Membuat Template Sendiri 6 Dec 2010 10:52 PM (14 years ago)

Dengan template ini anda bisa berkreasi memadukan warna sesuai selera. Template ini tanpa menggunakan bahan image, semuanya dengan perpaduan warna.
Silahkan donload dan saya sengaja tidak menampilkan credit saya di footer, toh bakal dihapus Sama pemakainya. Credit saya cuma saya taruh didalam kode nya saja, itupun silahkan anda hapus.

Jangan menghina kerasi saya yah, baru belajar sih.
Silahkan kalau mau mendownload ke linknya langsung, saya taruh disini (www.boxtemplates.blogspot.com)

Sekian yah....
Salam ...




http://gobelan.blogspot.com/

Cara setting Co.CC tanpa WWW dalam blog 6 Dec 2010 10:51 PM (14 years ago)

1. Saya asumsikan anda sudah mendaftar dan mendapatkan domain co.cc (misalnya kita mempunya domain contoh.co.cc)
2. Masuk ke setingan dalam co.cc
3. Masuk ke menu setting Zone Records
4. Lakukan setting seperti gambar 
   
   
   
5. Host : Tuliskan domain anda (jangan lupa dengan www)
6. TTL : Biarkan saja (tulis 1D)
7. Type : Tulis CNAME
8. Value : Tulis ghs.google.com
9. Pilih Set Up untuk mengakhiri

Pengaturan pada domaon co.cc sudah selesai, sekarang kita beralih ke blogger.

1. Login ke Blogger
   
2. Pilih Pengaturan - Publikasikan - Domain ubahsuaian -Beralih ke pengaturan Lanjut
   
   
3. Pilih Simpan Setelan, Kemudian lihat keatas lagi, akan muncul kotak cheklis yang memberitahukan bahwa akan mengarahkan contoh.co.cc ke www.contoh.co.cc
   
4. Simpan. Dan selesai untuk tahap pertama.

Butuh beberapa jam atau 2 hari untuk suksesnya setingan domain ini, sebenarnya sampai pada tahap domain www.contoh.co.cc (dengan www) sudah bisa digunakan. Tapi itu kalau anda mengetikan alamat url domain tadi dengan komplit pada browser anda. Tapi ketika anda menuliskan pada browser cuma contoh.co.cc (tanpa www) maka blog tidak akan muncul.
Untuk mengatasi hal ini, saya kasih tahu yang benar2 bisa. Karena saya selalu sukses dengan cara ini.
Intinya kita mengetahui alamat IP url blog kita 
Berikut langkahnya :

1. Untuk pengguna windows, masuk ke dos/commant prompt anda (klik menu Start >> klik Run >> ketik CMD dan klik enter)
   
   
2. Lihat gambar tampilan comand prom. Silahkan anda ketik ping www.contoh.co.cc (ganti dengan domain anda) Maka akan nampak alamat IP url kita. Seperti yang di kasih tanda lingkaran pada gambar diatas. Kasus lagi, ping tidak berjalan jika anda baru mendapatkan co.cc (baru mempunyai www.contoh.co.cc) Tunggu beberapa jam dulu baru anda lakukan ping. Tapi jika www.contoh.co.cc sudah lama anda miliki, ping bisa dilakukan.
3. Kemudian login ke www.co.cc, lalu pilih nama domain Anda yang akan disetting.
4. klik SET UP terus pilih Zone Record.
5. Isikan persis seperti gambar berikut:
   
   
6. Terakhir pilih Set Up untuk mengakhiri. Selesai deh (capek ngetik nih)

Pengalaman saya, tidak butuh waktu lama blog anda pun bisa diakses tanpa mengetikkan www, cukup contoh.co.cc saja.
Sekian, duh capek banget.
Salam ...






http://gobelan.blogspot.com/

Cara Membuat Widgets Translator Google Terjemahan Berbentuk Bendera Pin 29 Oct 2010 3:15 AM (14 years ago)

cara membuat widgets translator google terjemahan berbentuk bendera pin
setelah kemarin berhasil membuat
google translate berbentuk bendera
sekarang saya akan mengajarkan cara membuat widgets translator google terjemahan berbentuk bendera bergambar bendera sangat lah gampang dan mudah ^^
Kegunaan dari google translate berbentuk bendera
Agar para visitor yang datang dari berbagai macam negara bisa mengerti isi dan tulisan blog kita

Contohnya sperti ini:




cara memasang google translate di blog> langkah-langkahnya sebagai berikut

1. Masuk blogger
2. Tata letak -> Elemen Halaman
3. Tambah Gadget ->lalu klik 'HTML/JavaScript'.
paste script ini



<style>
.translate img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:0;
padding-left:0px;
}
.translate:hover img {
filter:alpha(opacity=50);
-moz-opacity: 0.50;
opacity: 0.50;
border:0;
}
</style>

<div style="text-align:center">
<a class="translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="24" src="http://i30.tinypic.com/2enazcx.jpg" style="cursor: pointer;margin-right:8px" width="24" /></a>

<a class="translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="24" src="http://i31.tinypic.com/2m3n1no.jpg" style="cursor: pointer;margin-right:8px" width="24" /></a>

<a class="translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="24" src="http://i26.tinypic.com/2cygoj8.jpg" style="cursor: pointer;margin-right:8px" width="24" /></a>

<a class="translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="24" src="http://i31.tinypic.com/2uzz2pw.jpg" style="cursor: pointer;margin-right:8px" width="24" /></a>

<a class="translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="24" src="http://i26.tinypic.com/14jswet.jpg" style="cursor: pointer;margin-right:8px" width="24" /></a>

<a class="translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="24" src="http://i26.tinypic.com/2u6msft.jpg" style="cursor: pointer;margin-right:8px" width="24" /></a>
<br /><br />
<a class="translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="24" src="http://i25.tinypic.com/2vjefyw.jpg" style="cursor: pointer;margin-right:8px" width="24" /></a>

<a class="translate" href="#" target="_blank" rel="nofollow" title="Brazil" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Brazil" border="0" align="absbottom" title="Brazilian" height="24" src="http://i27.tinypic.com/2a4pnoi.jpg" style="cursor: pointer;margin-right:8px" width="24" /></a>

<a class="translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="24" src="http://i30.tinypic.com/mcexw3.jpg" style="cursor: pointer;margin-right:8px" width="24" /></a>

<a class="translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="24" src="http://i28.tinypic.com/b5qtev.jpg" style="cursor: pointer;margin-right:8px" width="24" /></a>

<a class="translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="24" src="http://i26.tinypic.com/10dwa42.jpg" style="cursor: pointer;margin-right:8px" width="24" /></a>

<a class="translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="24" src="http://i28.tinypic.com/21e2qa8.jpg" style="cursor: pointer;margin-right:8px" width="24" /></a></div>


5. Klik simpan.. selesai




http://smpngeblog.blogspot.com/

Membuat Efek Heart Bertaburan Pada Blog 26 Oct 2010 7:46 AM (14 years ago)

Efek Heart(Hati) bertaburan ini cocok Buat Anda yang mempunyai blog bernuansa cinta, terlebih jika Anda membuat blog dengan content puisi cinta, novel cinta bahkan nasehat-nasehat tentang cinta.
Tapi jika Anda Belum Faham lihat contoh disini..

Bicara soal cara pembuatanya trik yang kali ini cukup mudah dan tidak rumit... nah jika Ada ingin membuat efek cinta ini silahkan ikuti cara yang dibawah ini

Langkah pertama yang harus kamu lakukan adalah Log In ke Blogger lalu masuk menu Design kemudian masuk menu Edit HTML

Lalu taruh Code dibawah ini diatas code </body> atau kedalam tag <body>



<script src='http://sites.google.com/site/anasku2000/lovingheart.js'>
</script>


Nah jika Sudah Simpan dan lihat hasilnya

Sekian semoga bermanfaat bagi Anda dan selamat bercinta-cintaan dengan blog Anda...



http://tutorial-jitu.blogspot.com/ 

 

   

Membuat Gambar Hidup Di Pojok Halaman Blog 26 Oct 2010 6:55 AM (14 years ago)

Hmm..ini caranya neh.


1. Pertama-tama silahkan cari dulu icon yang cocok dengan selera sobat.
Misalkan misteri gunakan ini nie :

http://i866.photobucket.com/albums/ab230/darkalaric/Anime%20Pictures/image05.gif

2. Setelah ketemu gambar yang sobat inginkan, silahkan di copy alamat URL nya
3. Masuk ke Dasbor
4. Klik Tata Letak
5. Klik Edit HTML
6. Klik kotak kecil Expand Template Widget
7. Silahkan cari di dalam template anda kode ]]></b:skin>
8. Persis sebelum kode tersebut, copypastekan script berikut ini

#trik_pojok {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight);
_left:expression(document.documentElement.scrollLeft+
document.documentElement.clientWidth - offsetWidth); }


9. Text bottom dan left adalah menunjukkan posisi penempatan dari gambar tersebut
10. Silahkan sobat ganti sesuai keinginan sobat, (kiri=left, kanan=right, atas=top, bawah=bottom)
11. Berikutnya cari lagi di dalam template sobat kode </body>
12. Persis sebelum kode tersebut, copypastekan script berikut ini


<div id="trik_pojok">
<a href=" http://misteridesign.blogspot.com/ ">
<img src="http://i866.photobucket.com/albums/ab230/darkalaric/Anime%20Pictures/image05.gif" border="0" /></a>
</div>


13. Silahkan ganti http://misteridesign.blogspot.com/ dengan alamat blog sobat.
14. Ganti juga http://i866.photobucket.com/albums/ab230/darkalaric/Anime%20Pictures/image05.gif dengan alamat URL gambar pilihan sobat, yang telah sobat copy (lihat langkah no. 2)
15. Cara mendapatkan URLnya, silahkan sobat klik kanan pada gambar yang sobat inginkan, kemudian klik Properties, kemudian copy alamat URL yang ditampilkan pada baris Location
16. Klik Pratinjau untuk melihat hasil kerja sobat.
17. Jika sudah sesuai dengan keinginan sobat, klik Simpan Template
18. Selesai

Selamat mencoba, semoga bermanfaat..!!


Thanks


http://misteridesign.blogspot.com/

Tips Membuat gambar Berjatuhan (falling snow effect) 26 Oct 2010 6:43 AM (14 years ago)

Jumpa lagi sob,, dah lama gak posting.
Maklum sibuk..nah nie misteri punya posting bagus.. dibaca ya sob.

Tips Membuat gambar Berjatuhan ini memiliki kelebihan dimana kita dapat mengubah gambar untuk falling effect-nya sesuai yang kita inginkan. Kita juga dapat mengatur tingkat kecepatan dan banyaknya gambar yang jatuh (falling snow) sesuai yang kita mau
ika sobat blogger tertarik untuk membuat falling snow ini, sobat bisa mengikuti langkah-langkah berikut:

1. Login ke akun blogger sobat.
2. Dari halaman Dashboard, pilih Tata Letak lalu pilih Edit HTML.
3. Kopikan script di bawah ini dan letakkan (paste) di bawah kode <head> (yang letaknya di awal-awal script template blog).


<script language='JavaScript'>
var no = 7;
var speed = 5;
var snowflake = " http://i34.photobucket.com/albums/d107/ImanBG/GIF%20pic/ROowlTest1.gif ";
</script>
<script language='JavaScript' src='http://sites.google.com/site/ruangsc/enes/fallinsnow.js'/>

4. sobat bisa mengganti
(http://i34.photobucket.com/albums/d107/ImanBG/GIF%20pic/ROowlTest1.)
Dengan gambar yang jatuh (var snowflake) dengan gambar yang sobat inginkan.

5. sobat juga bisa mengatur banyaknya gambar (var no) dan tingkat kecepatan (var speed) sesuai keinginan sobat.
5. Lakukan Pratinjau (Preview) sebelum menyimpan template sobat.
6. Jika sudah OK. Save template sobat.


Selamat mencoba...Semoga Bermanfaat.

Thanks,


http://misteridesign.blogspot.com/

Cara Membuat Tombol Show Hidden Di Blog 22 Oct 2010 6:04 PM (14 years ago)

 Maka hasilnya akan seperti ini


Sekian, semoga bermanfaat.
Salam ...

Cara Pasang Yahoo Mesangger di Blog 22 Oct 2010 6:01 PM (14 years ago)

ket:
ID_yahoo_anda : ganti dengan Id yahoo anda
8 : pilihan icon YM anda, silahkan ganti 1 - 9 (atau mungkin lebih)

Kemudian simpan.
Gampang kan cara memasang YM di Blog? Sekian ...


http://gobelan.blogspot.com/

Membuat Buku Tamu "Tersembunyi" Pada Blog 15 Oct 2010 10:30 PM (14 years ago)

1.  Masuk ke account Blogger kamu, pilih "Layout" kemudian "Page Elements",
2. Klik "Add a Gadget" (yang mana aja oke), kemudian pilih "HTML/JavaScript",
3. Copy-paste kode di bawah ini:
   

   <style type="text/css">
   #gb{
   position:fixed;
   top:50px;
   z-index:+1000;
   }
   * html #gb{position:relative;}
   
   .gbtab{
   height:100px;
   width:30px;
   float:left;
   cursor:pointer;
   background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyt_OBBV-l3aM1mpLk4kPG1AavvyI74PrpWpF-N_dPt8uAMZyWkZqGMiosAnMIVFEUxPjNsEwAKbIQ0_6Jm52RxkdNG46l8PjYRzSqiniWC2o_Q0brsbw4HJ2YHUNV5mOrZ5AZHBngSmol/') 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">
   
   <!-- Ganti ini dengan kode buku tamu kamu -->
   
   <br/>
   Mau punya buku tamu seperti ini?<br/>
   Klik di
   <a href="http://infotentangblog.blogspot.com/2009/07/membuat-buku-tamu-tersembunyi.html">
   sini (Info Blog)
   </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>

4. Pada kode di atas, cari kode <!-- Ganti ini dengan kode buku tamu kamu --> dan ganti kode tersebut dengan kode buku tamu yang kamu dapatkan dari situsnya,
5. Kamu juga bisa atur posisinya. Ubah aja nilai atribut top-nya. Kalau mau lebih ke atas dikit, ubah jadi 30px atau
6. Selamat mencoba!

Catatan: di kode di atas aku pasang backlink ke post ini, kalau kamu mau berbaik hati, tolong backlink-nya jangan dihapus, ya! :D




http://infotentangblog.blogspot.com/

Membuat Judul Halaman Pada Blog Bergerak 15 Oct 2010 10:28 PM (14 years ago)

Kalau mau lihat blog yang judulnya bergerak, lihat di sini (maaf kalau sudah tidak lagi).

Caranya:

1. Masuk ke account blogger kamu, klik "Layout" kemudian "Page Elements",
2. Tambahkan widget dengan meng-klik "Add a Gadget" dan pilih "HTML/JavaScript",
3. Copy-paste kode di bawah ini:
   

   <script type="text/javascript">
   var msg = document.title;
   msg = " " + msg + " ";
   var speed = 5;
   var pos = 0;
   function movingTitle(){
    document.title = msg.substr(pos) + msg.substr(0, pos);
    pos++;
    if(pos == msg.length){pos = 0;}
    setTimeout("movingTitle()", 1000/speed);
   }
   movingTitle();
   </script>

   Dan klik "Save",
   
4. Atau kamu juga bisa copy kode di atas, dan tempelkan di widget blog ini di sini, kemudian klik "Add to Blogger", dan klik "Add Widget",
5. Atur kecepatannya dengan mengubah nilai speed.

Selamat mencoba!




http://infotentangblog.blogspot.com/

Membuat Rating Setiap Post dengan Fitur Blogger Baru Di Blog 15 Oct 2010 10:20 PM (14 years ago)

1. Masuk ke account Blogger kamu, pilih "Layout" kemudian "Page Elements",
2. Klik "Edit" di bagian pojok kanan bawah dari "Blog Posts" kamu,
3. Kalau sudah muncul window baru, centang kotak di samping "Reaction" (lihat gambar),
4. Kamu bisa mengedit tulisan "Reaction" tersebut jadi "Suka artikel ini?" dan semacamnya,
5. Untuk mengedit pilihan2nya, klik "Edit" di samping kanannya, kemudian tulislah pilihan2nya dipisahkan dengan tanda koma (,)
6. Klik "Save" jika sudah selesai mengedit pilihan, dan tombol "Save" jika ingin disimpan.

Selamat mencoba!


http://infotentangblog.blogspot.com/

Membuat Rating Setiap Post dengan Outbrain 15 Oct 2010 10:15 PM (14 years ago)

1. Masuk ke www.outbrain.com,
2. Pilih tipe blog kamu di sebelah kiri (typepad, blogger, atau wordpress),
3. Kemudian ikuti langkah2nya. Aku sarankan untuk mendaftar di outbrain, supaya kamu bisa melihat statistik artikel kamu dan mengatur hal2 yang lainnya.

Keunggulan rating dari outbrain ini adalah mereka tidak hanya memberikan rating saja, tapi juga memberikan link ke artikel lain, baik itu dari blog kamu atau dari sumber luar.
Tapi kalau kamu tidak mendaftar, kamu tidak bisa mengatur link yang diberikan outbrain tersebut.

Untuk mengatur link yang diberikan outbrain:

1. Masuk ke www.outbrain.com,
2. Klik "Sign-in" di bagian atas, isi "username" dan "password", kemudian tekan enter,
3. Lihat di sebelah kiri, klik "Manage Blogs", lalu pilih "Settings" di samping blog yang ingin kamu atur widgetnya.
4. Lihat "Recommendations", dan ada beberapa pilihan:
   
   • "Best Recommendations" untuk link-link menuju artikel terbaik dalam outbrain (baik itu dari blog kamu atau dari blog orang lain),
   • "Limited Recommendations" untuk link-link menuju artikel di blog kamu saja, dan
   • "No Recommendations" kalau kamu tidak ingin ada link-link rekomendasi.
5. Klik "Submit" untuk menyimpan perubahan.

Selamat mencoba!


http://infotentangblog.blogspot.com/

Membuat Recent Comments 15 Oct 2010 10:05 PM (14 years ago)

Membuat Daftar Isi Blog 15 Oct 2010 10:03 PM (14 years ago)

Membuat Headline News Pada Blog 15 Oct 2010 10:00 PM (14 years ago)

Membuat Protected Post di Blogspot 15 Oct 2010 9:56 PM (14 years ago)

Sobat, sudah baca artikel saya sebelumnya, kan (tentang cheat di blog)?? Mungkin banyak yang bertanya-tanya, untuk apa sih sebenarnya cheat di blog itu?

Cara Membuat Cbox Di Blog 5 Oct 2010 3:21 AM (14 years ago)

 Kali ini saya akan membahas tentang cara membuat Cbox. Apa itu Cbox ? selalu deh kalo w posting nanya mulu. Ya udah Cbox itu ibarat seperti buku tamu, sebagai contoh lihat di sebelah kiri blog saya yang berjudul Chat BOX. Nah itu dia (tolong sekalian di isi ya...hehe). Ok lanjut, untuk membuat yang sepeti itu, cukup mudah ko. Ikuti Langkah-langkah di bawah ini :

1. Pertama anda masuk dulu ke http://cbox.ws/
2. lalu daftar dengan cara klik sign up, ikuti langkah pendaftrannya.
Sudah daftarnya ? Jika sudah silahkan Login ke Cbox anda, lalu klik Publish! Copy semua kode yang ada di step 1.
 
3. sekarang Login ke blog anda, klik Layout/Tata Letak -> Page Elements/Elemen Laman -> Add a Gadget/Tambah Gadget -> HTML/JavaScript.
 
4. Beri judul sesuai keinginan anda dan paste kode yang tadi anda copy di kotak konten. Simpan
Selesai, Sekarang lihat blog anda, bagaimana ? masih kosong ? tunggu ada ngisi dong sabar aja
Ok... saya rasa cukup untuk saat ini.
Jika ada yang kurang di mengerti silahkan Commentnya.


http://abi-galoga.blogspot.com/ 

   

Cara membuat Read More 5 Oct 2010 3:16 AM (14 years ago)

Read More atau Baca Selengkapnya. Jika pada halaman awal blog anda memiliki posting yang terlalu panjang ke bawah, anda perlu menggunakan ini untuk menghemat tempat. Langsung saja ke TKP, ikuti langkah-langkah di bawah ini :

1. Login ke blog kamu -> Layout (tata letak) -> Edit HTML. Beri tanda expand widget template, lalu anda cari kode seperti ini <data:post.body/> atau seperti ini <p><data:post.body/></p> sama saja.
 
2. Jika sudah hapus kode di atas dan ganti dengan kode ini
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/>
<a expr:href='data:post.url'><strong>Baca Selengkapnya...</strong></a></p>
</b:if>
 
ganti tulisan yang "Baca Selengkapnya..." dengan tulisan yang anda inginkan
 
3. Selesai, sekarang simpan.

weitsss, tunggu dulu belum selesai
Jika sudah anda lakukan langkah di atas, lanjutkan ke tahap berikutnya

1. masuk ke pengaturan ->format. Lalu alihkan mata anda ke kotak kosong yang berada di tempat paling bawah.
2. masukan kode berikut ke dalam kotak kosong itu
<span class="fullpost">


</span>
3. Simpan.

Sekarang cara penulisan

1. Klik posting -> New Entri (entri baru) -> Edit HTML
2. Tuliskan postingan yang ingin tampak di depan di atas kode <span class="fullpost">
3. Terakhir, tuliskan sisa keseluruhan di bawah kode <span class="fullpost">

Contoh ...
tulis di sini
<span class="fullpost">
sisanya di sini

</span>.
Selesai, selamat mencoba...


http://abi-galoga.blogspot.com/ 

   

Cbox [+Fire Background] 4 Oct 2010 6:10 AM (14 years ago)

Hmmmm...akhir-akhir ini postingan saya tidak jauh-jauh dari Cbox nih, tapi tak apalah yang penting Cbox (hehehe..Cbox lagi). Setelah otak-atik kode akhirnya saya menemukannya nih bagiamana cara membuat Cbox Show/Hide pada Posisi bawah dengan fasilitas Background(Background dapat diganti). Mungkin saja sobat bosan dengan Cbox Show/Hide disebelah kiri atau kanan blog (*Patut dicoba nih).

Caranya mudah kok, baiklah...mau tau caranya?? yuk ikuti langkah berikut :

 

1. Pastinya login Blogger dulu
2. Pilih Rancangan>>Elemen laman
3. Tambahkan Gadget HTML/Java Script (Jangan diberi judul)
4. Copas kode berikut :
<style type="text/css">
#cb{
position:fixed;
bottom:150px;
z-index:+1000;
}
* html #cb{position:relative;}
.cbtab{
height:30px;
width:150px;
float:top;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipxOvjAaHZOpZeIz44BSS6Nb-r2P_GAgNL9OZ5lqdjB-kAqqcQS6NSuoBzTfvj1QVKeQO6urutbtM2Nx3P3L7APpWgkjyCJlrmVa8wOM3_1zDUDiVUYnqSuCUyWtcSzg4_VIN7s3ncAxM/') no-repeat;
}
.cbcontent{
float:left;
border:2px solid #676767;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitt7vNLrfxT5GlMvyfHwxl73H2TwDPtvR7xancPemG7hxVZNRSrGa38tk9dMd4vmtQV1Byn-_D_FSxuzgXMJXMG65UYFRQ_X4kjV8NiG09MhEMg_qKNRifFzfMkISOzAGIe_oqouW5InGh/)#000000 repeat-x bottom center scroll;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:30px;
-moz-border-radius-bottomleft:30px;
-moz-border-radius-bottomright:5px;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideCB(){
var cb = document.getElementById("cb");
var w = cb.offsetWidth;
cb.opened ? moveCB(0, 30-w) : moveCB(20-w, 0);
cb.opened = !cb.opened;
}
function moveCB(x0, xf){
var cb = document.getElementById("cb");
var dx = Math.abs(x0-xf) > 25 ? 35 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
cb.style.bottom = x.toString() + "px";
if(x0!=xf){setTimeout("moveCB("+x+", "+xf+")", 10);}
}
</script>
<div id="cb">
<div class="cbtab" onclick="showHideCB()"> </div>
<div class="cbcontent">

<!-- GANTI DENGAN KODE CBOX - v001 -->

<div style="text-align: right;">
<a href="javascript:showHideCB()">
[Tutup]
</a></div>
<font size="2"><a href="http://exeloph.blogspot.com/2010/09/showhide-cbox-pada-posisi-bawah-fire.html"target=_blank"><div style="color: #444444;">
<span style="font-size: xx-small;">By enda fiVers</span></div></a></font>
</div>
</div>
<script type="text/javascript">
var cb = document.getElementById("cb");
cb.style.bottom = (30-cb.offsetWidth).toString() + "px";
</script>

5. Ganti Kode yang berwarna merah dengan kode cbox
Note : Kode diatas digunakan untuk ukuran Cbox berikut (lihat Contoh berikut) :
<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: left; line-height: 0">
<div><iframe frameborder="0" width="270" height="130" src="http://www6.cbox.ws/box/?boxid=558049&amp;boxtag=b5gcdz&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#DBE2ED 0px solid;" id="cboxmain"></iframe></div>
<div><iframe frameborder="0" width="270" height="80" src="http://www6.cbox.ws/box/?boxid=558049&amp;boxtag=b5gcdz&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#DBE2ED 0px solid;border-top:0px" id="cboxform"></iframe></div>
</div>
<!-- END CBOX -->

-Silahkan ubah ukuran Cbox sesuai text berwarna biru diatas.
-Jika menggunakan Cbox yang ukuran tingginya melebihi ketentuan diatas silahkan ubah kode yang diberi background kuning (30) menjadi -100 (min 100), merubah kedua kode tersebut harus sama angkanya, Kalau belum pas silahkan ubah angka tersebut hingga menemukan hasilnya (*Jangan bosan-bosan mencoba)


6. Save & Lihat Blog..... jeng..jeng..jeng....
Nah... Cukup segitu caranya.
"Silahkan dikembangkan sendiri untuk tampilan lebih menarik lagi"
"Jika ingin Copas tulisan ini jangan lupa beri sumbernya yaa (*kode etik blogger) "
thx....
   


http://exeloph.blogspot.com/ 

Membuat Menu Pada Blog 1 Oct 2010 10:40 PM (14 years ago)

Dalam tampilan weblog tanpa adanya menu horizantal kayaknya kurang bagus dilihat.
Silahkan bagi blogger yang mau membuat menu horizontal.

Berikut langkah-langkahnya ;

1. Login ke blogger
2. Pilih Tata Letak - Edit HTML
3. Centang "Expand Template Widget" Jangan lupa dowload template anda untuk berjaga-jaga.
4. cari kode ]]></b:skin>
5. Kopas kode berikut diatasnya

Penting :
sesuaikan lebar dan tinggi menu horizontalnya (ditandai dengan warna biru)
silahkan juga sesuaikan warna-warnanya. Anda bisa melihat pilihan warna kode HTML disini


Seterusnya cari kode berikut
    <div id='header-wrapper'>
    <b:section class='header' id='header' maxwidgets='1'
    showaddelement='no'>
    <b:widget id='Header1' locked='true' title='test
    (Header)' type='Header'/>

    ... dan seterusnya ...

    </b:section>
    </div>

Kemudian taruh kode berikut dibawah </b:section> atau </div> sesuai dengan template anda.


Untuk mudahnya gunakan dulu Pratinjau untuk melihat hasilnya.
Untuk penyuntingan khusus menus pencariannya (menu search) silahkan baca tutorial ini
Setelah yakin silahkan simpan template anda

Sekian semoga membantu.


http://gobelan.blogspot.com/

Pasang Iklan dalam Postingan Blog 1 Oct 2010 10:38 PM (14 years ago)

Menempatkan iklan dalam postingan (dibawah judul atau dibawah artikel) bisa menjadi pilihan dalam kita mengatur suatu iklan. Dengan teknik ini juga, iklan kita semakin sering dilihat pengunjung.
Untuk menjadikan setiap kali kita posting otomatis muncul iklan, silahkan perhatikan langkah berikut.
Pastikan anda sudah memasang fasilitas readmore.

1. Login ke blogger
2. pada Dasboard pilih  Layout-->Edit HTML 
3. Jangan lupa klik "Expand Widget Template" 
4. Cari kode berikut :
   <b:if cond='data:blog.pageType == "item"'>
   <style>.fullpost{display:inline;}</style>
   <p><data:post.body/></p>
   
5. Pasang kode iklan anda dibawahnya. (dibawah: <p><data:post.body/></p>)
6. Kode iklan harus sudah diparse / di encode. Untuk memparse kode nya silahkan baca tutorial yang ini
7. Simpan template. 

Ok, sekian saja dulu.
Semoga membantu.
Salam ...


http://gobelan.blogspot.com/