Showing posts with label Blogger Tutorial. Show all posts
Showing posts with label Blogger Tutorial. Show all posts

Wednesday, September 09, 2009

Mendisable Klik Kanan / Right Click on Blogger (Part II)

. Wednesday, September 09, 2009
0 comments

silahkan ikuti langkah-langkah berikut ini :

1. Masuk ke Blog anda
2. Klik Tata Letak
3. Klik Tambah Gadget
4. Klik pilihan menu HTML/JavaScript
5. Pastekan script di bawah ini ke dalam kolom konten tersebut



<script>
var message="Right Click is Disable, by saumramadhan";
///////////////////////////////////
function clickIE4(){if (event.button==2){alert(message);return false;}}
function clickNS4(e){if (document.layers||document.getElementById&&!document.all){if (e.which==2||e.which==3){alert(message);return false;}}}
if (document.layers){document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS4;}
else if (document.all&&!document.getElementById){document.onmousedown=clickIE4;}
document.oncontextmenu=new Function("alert(message);return false")
</script>


6. Klik Simpan
7. Selesai

Selamat mencoba, semoga bermanfaat


[ Baca Selengkapnya ]...

Mendisable Klik Kanan / Right Click on Blogger

.
0 comments

Copy script kode di bawah ini, dan simpan diantara <body> dan </body> :

<script>
<!--
//for legal,don't delete this warn.This code is created by pelajaran-blog.blogspot.com
var message="Maaf!Lagi nggak boleh Klik Kanan ya!";
///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}
function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}
if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}
document.oncontextmenu=new Function("alert(message);return false")
// -->

Saturday, September 05, 2009

Cara Membuat Label Cloud Blogger

. Saturday, September 05, 2009
0 comments

Memasang animasi flash label cloud untuk blogger ternyata sangat mudah. Anda cukup meng-copy dan paste kode berikut pada template blogger. Label cloud atau label awan ini dikenal dengan istilah blogumus ciptaan Roy Tanck yang awal pembuatannya dipakai untuk wordpress sebagai WP Comulus Pluggin. Memang masih dibutuhkan sedikit edit manual pada beberapa bagian yang disesuaikan dengan selera saja. Nantinya akan nampak animasi label cloud yang dapat berputar-putar seperti putaran globe. Jika ada yang tertarik untuk membuatnya, dapat mengikuti langkah berikut.


Cara membuat animasi flash label cloud :
Masuk ke blog dengan id blogger anda » Pilih Tata Letak dan klik Edit HTML » Jangan lupa untuk centang expand template widget. Cari kode di bawah ini atau yang mirip. Untuk memudahkan pencarian, tekan F3 atau Ctrl F pada keyboard anda.
 
<b:section class='sidebar' id='sidebar' preferred='yes'>
 
Jika sudah ketemu, copy dan paste kode berikut tepat di kode di atas.
 
<b:widget id='Label99' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>
<script type='text/javascript'>
var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
 
Preview atau pratinjau blog anda. Bila pemasangan kode sudah tepat, maka label cloud sudah nampak pada sidebar blog. Kemudian simpan template anda.

Nah, untuk kode default blogumus di atas dapat diganti sesuai template blog anda. Perhatikan kode ini:
  • Lebar 240px
  • Tinggi 300px;
  • Warna Background putih #ffffff
  • Test color grey
  • Besar huruf "12"

Untuk mengganti default nilai lebar label "240" dan tinggi label "300" sesuai template blog anda, ubah kode yang diberi warna merah. Untuk merubah warna latar belakang putih menjadi warna lain silahkan ganti #fffff menjadi warna lain. Agar lebih mudah, gunakan kode warna pada posting sebelumnya. Kode-kode di atas terdapat pada baris berikut :
 
var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");
 
Nah, jika anda merubah warna latar belakang maka sesuaikan juga dengan warna teks default di atas dark grey #333333 dengan warna lain. Untuk mengganti warna teks, jangan gunakan tanda #. Cukup ganti kode-nya saja karena "tcolor" adalah variabel untuk flash yang tidak menggunakan simbol warna seperti umumnya. Kode ini terdapat pada baris berikut :
 
so.addVariable("tcolor", "0x333333");
 
Untuk mengganti besar huruf, silahkan ganti nilai angka "12" yang terdapat di baris berikut :
 
so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");
 
Untuk mengatur nilai kecepatan putar animasi flash, anda dapat mengganti nilai 100 dengan nilai lain. Semakin besar semakin cepat dan semakin kecil putarannya akan semakin lambat. Angka ini terdapat pada baris berikut:
 
so.addVariable("tspeed", "100");
 
Good Luck, lets try.   
 


[ Baca Selengkapnya ]...

Thursday, September 03, 2009

Cara Pasang Kode Tukar Link

. Thursday, September 03, 2009
0 comments

Silahkan ikuti langkah-langkah berikut ini :

  1. Silahkan buka alamat http://cooltext.com
  2. Lalu klik tulisan Design a Logo
  3. Klik gambar contoh logo yang sobat sukai
  4. Tulis tulisan yang ingin di jadikan logo di sampimg tulisan Logo Text. Misal : Blog Tutorial
  5. Tulis ukuran yang di inginkan di samping Tulisan Text Size. Misal : 50
  6. Klik logo warna-warni disamping kotak yang ada tulisan Text Color untuk memilih warna tulisan (text).silahkan pilih warna yg sobat sukai
  7. Pilih format image disamping tulisan file format. sebaiknya .JPG atau .GIF
  8. Klik tombol yang bertuliskan Render Logo Design
  9. Tunggu beberapa saat ketika proses pembuatan logo berlangsung
  10. Lihat hasil logo, sudah cocok apa belum? bila belum cocok, klik tulisan Edit this logo ulangi langkah diatas, rubah yang sobat inginkan. Jika sudah cocok, klik tulisan Download Image atau get HTML code untuk kita simpan di PC kita
  11. Selesai. Sobat sudah mempunyai sebuah logo.
Misal saya ambil contoh untuk chiklet blog ini adalah :
 http://i31.tinypic.com/vpyby8.gif width="160" height="39" alt="Blog Ramadhan
langkah selanjuatnya adalah membuat kode link dari alamat gambar tadi, contoh kodenya seperti ini :
<a href='http://saumramadhan.blogspot.com'><img src='http://i31.tinypic.com/vpyby8.gif' width='160' height='39' alt='Blog Ramadhan' /></a>
Nah itu tadi merupakan contoh link untuk membuat link ke blog ini, untuk ngelink ke blog Anda ya tinggal sesuaikan saja.
Apabila kode link sudah ada, langkah selanjutnya adalah membuat text area untuk menampung seluruh kode agar nanti bisa di copy oleh pengunjung yang mau nge link ke blog kita, kodenya seperti ini :

Beberapa langkah sudah di lewati, langkah selanjutnya adalah merangkaikan kode-kode tadi, misalkan kode tukeran link ingin di bawah gambar chicklet agar tampak lebih menarik, kodenya kira-kira seperti ini :
<h2>Tukeran link</h2>
<br/><br/>
Copy kode di bawah masukan di blog anda, saya akan segera linkback kembali
 <br/><br/>
<img src="http://i31.tinypic.com/vpyby8.gif" width="160" height="39" alt="Blog Ramadhan">
<br/><br/>
<textarea name="code" rows="6" cols="20">
<a href="http://saumramadhan.blogspot.com" target="_blank">
<img src="http://i31.tinypic.com/vpyby8.gif" width="160" height="39" alt="Blog Ramadhan"></a>

Hasilnya seperti di bawah ini : 



Blog Ramadhan





[ Baca Selengkapnya ]...

Tuesday, September 01, 2009

CARA MEMBUAT TOP POST di BLOGSPOT

. Tuesday, September 01, 2009
0 comments

CARA MEMBUAT TOP POST di BLOGSPOT
Masuklah anda ke account blogger anda, pilih layout, terus ke page element. Biasanya untuk template klasik widget atau gadget ada di samping (side bar). Pilih add gadget, selanjutnya pilih HTML/JavaScript (ada di baris ketiga, biasanya).


Selanjutnya masukkan kode di bawah ini :









Popular Posts Widget



Untuk yang diberi warna merah (ooyeez) ganti dengan nama blogspot anda, dan untuk yang warna biru (5) ganti dengan jumlah berapa posting yang anda ingin tampilkan. Oh ya jangan lupa untuk code < em > di awal kode dan < /em > jangan ikut di copy ya.

[ Baca Selengkapnya ]...

Friday, August 28, 2009

Howto setup domain co.cc on blogger

. Friday, August 28, 2009
0 comments

cara setting domain co.cc pada blogger :







Cara Memasang Recent Posts di Blogger

.
0 comments

Recent Post merupakan menu yang berfungsi untuk menampilkan daftar beberapa judul postingan terakhir yang telah kita publish di blog kita. Untuk blog yang berbasiskan blogspot, menu ini belum tersedia dalam default settingan blogger. Jika ingin menampilkannya, kita mesti melakukan setingan secara manual.


Tapi jangan khawatir, cara menampilkan/memasang menu Recent Post ini sangat mudah kok. Berikut ini langkah-langkahnya :

- Login ke akun blogger anda.

- Klik menu ’Tata Letak’ atau ’Lay-out’ pada blog yang akan anda pasangi menu Recent Post ini.

- Lalu klik tulisan ’Tambah Gadget’ atau ’Add Gadget’ pada sidebar.

- Setelah muncul jendela atau pop-up, klik tulisan ’Feed’.

-Pada bagian url, isikan dengan format seperti ini: http://namabloganda.blogspot.com/feeds/posts/default (Bagian berwarna merah isikan dengan nama blog anda).

- Klik "Lanjutkan" atau "Continue".

- Setelah muncul kotak khusus, isikan dengan kalimat ’Recent Post’ atau ’Posting Terbaru’ pada bagian judul. Pada bagian "tampilkan" yang terdapat pilihan angka, pilih saja 5 (untuk menampilkan 5 posting terbaru). Lalu beri tanda centang pada kotak tanggal atau pengarang/nama anda jika ingin menampilkan tanggal posting dan nama anda sebagai pengarangnya. Namun saran saya, sebaiknya kosongkan saja.

- Klik simpan atau save.

- Selesai.

Sunday, August 23, 2009

Cara Menulis Kode HTML di Blogger

. Sunday, August 23, 2009
0 comments

Bagi para pemula seperti saya ini, memang sangat sulit untuk menulis kode html di postingan ini. kalau langsung di copas, mungkin hasil postingannya akan "aneh" bahkan error. coba saja meng copas script javascript pasti kodenya akan "hilang" di telan postingan. sebenarnya ada cara yang mudah untuk menulis kode html di blogspot atau blogger ini.
1. dengan cara otomatis :
tinggal copy kan saja kode html/script yang akan kita posting DISINI
hasilnya tinggal di copas ke postingan, kalau mau yakin lihat dulu postingan tersebut dengan memilih "Pratinjau" atau "Preview" nya

Random Pictures on Blogger

.
0 comments

1. login ke Blog
2. Pilih Pengaturan
3. Pilih Tata Letak / Layout
4. Pilih Add Gadget
5. Pilih HTML/JAVASCRIPT
6. Copy kode di bawah ini
<script language=”JavaScript”>
var quotes=new Array()
quotes[0]=’konten pertama‘
quotes[1]=’konten kedua‘
quotes[2]=’konten ketiga‘
var whichquote=Math.floor(Math.random()*(quotes.length))
document.write(quotes[whichquote])
</script>
7. ganti 'konten pertama' / 'konten kedua' / 'konten ketiga' dengan kata-kata kita atau dengan gambar atau dengan yg kamu suka.
8. Save
9. Lihat hasilnya di blog anda

Saturday, August 22, 2009

Cara Pasang Related Posts di Blogger

. Saturday, August 22, 2009
0 comments

- Sigin ( masuk ) di blogger dengan id Anda

- Klik menu layout ( Tata Letak ).

- Klik menu yang bertuliskan Edit HTML
- Klik yang Bertuliskan Download Template Lengkap, Silahkan Disave dulu template Hal ini untuk mencegah resiko terjadinya kesalahan dalam melakukan editing template.

- Klik kotak kecil berada di samping tulisan Expand Template Widget, Dan jangan lupa untuk memberi tanda centang dahulu, sebab kalau tidak di beri tanda centang maksudnya akan lain.

- Dan tunggu beberapa saat sampai proses selesai.

- Sekarang Anda Cari kode ini di Template Blog Milik Anda :

- div class='post-footer'
- div class='post-footer-line post-footer-line-1'/

- div class='post-footer-line post-footer-line-2'/

- div class='post-footer-line post-footer-line-3'/
- /div
- /div

- Dan copy KODE INI, lalu paste persis di bawahnya kode yang di atas tadi :

- SIMPAN TEMPLATE / SAVE TEMPLATE.

- Refresh. lalu lihatlah blog anda :D

Cara Pasang Recent Posts di Blogger

.
0 comments

- Login ke akun blogger anda.

- Klik menu ’Tata Letak’ atau ’Lay-out’ pada blog yang akan anda pasangi menu Recent Post ini.

- Lalu klik tulisan ’Tambah Gadget’ atau ’Add Gadget’ pada sidebar.

- Setelah muncul jendela atau pop-up, klik tulisan ’Feed’.

-Pada bagian url, isikan dengan format seperti ini: http://namabloganda.blogspot.com/feeds/posts/default (Bagian berwarna merah isikan dengan nama blog anda).

- Klik "Lanjutkan" atau "Continue".

- Setelah muncul kotak khusus, isikan dengan kalimat ’Recent Post’ atau ’Posting Terbaru’ pada bagian judul. Pada bagian "tampilkan" yang terdapat pilihan angka, pilih saja 5 (untuk menampilkan 5 posting terbaru). Lalu beri tanda centang pada kotak tanggal atau pengarang/nama anda jika ingin menampilkan tanggal posting dan nama anda sebagai pengarangnya. Namun saran saya, sebaiknya kosongkan saja.

- Klik simpan atau save.

- Selesai.

Cara Pasang Recent Comments di Blogger

.
0 comments

- Login ke akun blogger anda.

- Klik ’Tata Letak’ atau ’Lay-out’ pada blog yang akan dipasangi recent comments.

- Lalu klik ’Tambah Gadget’ atau ’Add Gadget’ pada bagian sidebar atau footer yang akan anda tempatkan menu recent comment ini. Saran saya, sebaiknya tempatkan pada sidebar agar lebih mudah terlihat dan sekaligus agar pengomentar/pengunjung merasa lebih dihargai.

- Klik tulisan ’Feed’ pada pop-up/jendela yang terbuka.

-Pada bagian url, isikan dengan format seperti ini: http://namabloganda.blogspot.com/feeds/comments/default (Bagian berwarna merah isikan dengan nama blog anda).

- Klik "Lanjutkan" atau "Continue".

- Setelah muncul kotak khusus, beri judul ’Recent Comment’ atau ’Komentar Terbaru’ pada bagian judul.

- Pada bagian "tampilkan" yang terdapat pilihan angka, pilih saja 5 (untuk menampilkan 5 komentar terbaru). Lalu beri tanda centang pada kotak "Sumber/pengarang item".

- Klik simpan atau save.

- Selesai.

 
IP
visitors browsers counter
Add to Technorati Favorites
Msn bot last visit
This Blog is proudly presented by Blog Ramadhan | Thanks to bacayuk.blogdetik.com