Tampilkan postingan dengan label Blog Tutorial. Tampilkan semua postingan
Tampilkan postingan dengan label Blog Tutorial. Tampilkan semua postingan

Kamis, 28 Januari 2010

Cara Mempercantik Judul Address Blog


Langkah 1:
login ke blogeer kamu dulu
Langkah 2:
  • klik dasbor (itu tuh pada pojok kanan atas, deketnya tulisan akunku)
  • klik tata letak
  • klik edit html
  • lalu klik kotak kecil yang bertuliskan Expand template widget


cari kode <head> pada template (biar cepet nyarinya langsung aja tekan ctrl+F)
lalu pastekan kode di bawah ini tepat di atas kode <head> :

<script type='text/javascript'>
//<![CDATA[
var message = new Array() // leave this as is

message[0] = "sElAmAt dAtAnG";
message[1] = "Mohon beri komentar";
message[2] = "Mohon jadi sahabatku";
message[3] = "Teruslah ng-blog!!";
message[4] = "Terus memajukan indonesia";
message[5] = "Kembali kapan2 ya!!!";

var reps = 2

var speed = 200

var p=message.length;
var T="";
var C=0;
var mC=0;
var s=0;
var sT=null;
if(reps<1)reps=1;
function doTheThing(){
T=message[mC];
A();}
function A(){
s++
if(s>9){s=1}

if(s==1){document.title='*A....* '+T+' *....A*'}
if(s==2){document.title='*=D...* '+T+' *...D.*'}
if(s==3){document.title='*..I..* '+T+' *..I..*'}
if(s==4){document.title='*...$.* '+T+' *.$...*'}
if(s==5){document.title='*....!* '+T+' *!....*'}
if(s==6){document.title='*...$.* '+T+' *.$...*'}
if(s==7){document.title='*..I..* '+T+' *..I..*'}
if(s==8){document.title='*.D...* '+T+' *...D.*'}
if(s==9){document.title='*A....* '+T+' *....A*'}
if(C<(8*reps)){
sT=setTimeout("A()",speed);C++
}else{
C=0;
s=0;
mC++
if(mC>p-1)mC=0;
sT=null;
doTheThing();}}
doTheThing();
//]]>

</script>


Keterangan: Tulisan yang berwarna merah bisa diganti sesuai keinginan kalian

SELAMAT MENCOBA.......


Read More......

Cara Membuat Salam Pembuka pada Blog


langkah 1

  • seperti biasa login ke blog dulu
  • klik tata letak
  • pilih elemen laman
  • klik tambah gadget
  • pilih html/ java script
  • copy kode berikut dan pastekan ke dalamnya
<script type='text/javascript'>
var name = prompt("Welcome in my blog, bolehkah saya tahu nama anda?", "Ketik nama anda di sini ");
alert("Salam kenal ya "+name)
alert("selamat menggunakan blog saya, jangan lupa tinggalkan komentar")
</script>
  • klick simpan
Keterangan: tulisan yang berwarna biru bisa diganti sesuai keinginan
SELAMAT MENCOBA....
Read More......

Senin, 18 Januari 2010

Membuat Tag Cloud Cumulus Pada Blog


Tag Cloud Cumulus Blogger adalah sebuah kotak yang berisikan kata-kata yang merupakan label dari postingan kita. Jadi kalo mau liat postingan dengan label/kategori tertentu, kita dapat melihatnya dengan mengklik salah satu kata yang merupakan label dari posting yang berkaitan. Tag Cloud Cumulus ini bisa bergerak tergantung posisi kursor kita.

Caranya kayak gini :
1. Yang jelas masuk dulu ke blogger, login trus masuk Tata Letak/layout ==> Edit HTML ==> Centang Expand Template Widget
2. Trus cari kode seperti ini :
<b:section class="sidebar" id="sidebar" preferred="yes">
3. Gunakan Ctrl+F pada keyboard untuk mempercepat pencarian
4. Kalo masih gak ketemu, coba cari kode yang mirip tp belakangnya beda.
5. Kalo dah ktemu, copikan (tepat dibawah kode tadi) script dibawah ini :

<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(&quot;http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;240&quot;, &quot;300&quot;, &quot;7&quot;, &quot;#ffffff&quot;);
// uncomment next line to enable transparency
//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
so.addVariable(&quot;tcolor&quot;, &quot;0x333333&quot;);
so.addVariable(&quot;mode&quot;, &quot;tags&quot;);
so.addVariable(&quot;distr&quot;, &quot;true&quot;);
so.addVariable(&quot;tspeed&quot;, &quot;100&quot;);
so.addVariable(&quot;tagcloud&quot;, &quot;<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>&quot;);
so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;);
so.write(&quot;flashcontent&quot;);
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

6. Simpan Template, udah jadi deh...
7. Kalo mau ganti ukurannya bisa diganti kodenya :
cari kode ini:
/wp-cumulus-example/tagcloud.swf", "tagcloud", "220", "340", "8", "#ffffff");
8. 220 (lebar), 340 (tinggi), 8 (ukuran font) dan #ffffff (warna huruf)
9. Selamat mencoba.
Read More......

Minggu, 17 Januari 2010

Membuat Efek Blog Berputar (Spin)


1. Login ke blogger
2. Masuk ke menu tata letak >> Edit HTML >> terus centang kotak kecil. jgn lupa di download dulu, biar gak nyesel.

3. Copy kode di bawah ini, dan pastekan di atas kode <head>

<script type='text/javascript'><br /><br />/* Edited By : Yudhaime on 07th October 2009 */<br />/* For support and information please e-mail to : shinigamikyou13@gmail.com */<br /><br />//<![CDATA[<br />scrW=screen.availWidth<br />scrH=screen.availHeight<br />window.resizeTo(10,10)<br />window.focus()<br />for(a=0;a<80;a++){<br />window.moveTo(0,0)<br />window.resizeTo(0,scrH*a/80)<br />}<br />window.resizeTo(0,0)<br />for(b=0;b<80;b++){<br />window.moveTo(0,scrH/1)<br />window.resizeTo(scrW*b/80,0)<br />}<br />for(c=0;c<80;c++){<br />window.moveTo(scrW/1,scrH/1)<br />window.resizeTo(0,scrH*c/80)<br />}<br />for(d=0;d<80;d++){<br />window.moveTo(scrW/1,0)<br />window.resizeTo(scrW*d/80,0)<br />}<br />for(e=0;e<80;e++){<br />window.resizeTo(scrW*e/80,scrH*e/80)<br />}<br />window.moveTo(0,0)<br />window.resizeTo(scrW,scrH)<br />//]]><br /></script>

4. Lihat dulu hasilnya, klik pratinjau
5. Kalo berhasil, simpan, kalo belum, coba lagi
Read More......

Sabtu, 16 Januari 2010

Membuat Kotak Blogroll


Untuk membuat kotak blog roll yang juga kadang bisa dinamakan "Link exchange" atau "My friend" atau apa saja, caranya sbb :

1. Dengan menggunakan fitur yang ada di blogspot
Masuklah ke Account blogger anda
Lalu pilih 'Layout' atau 'tata letak'
Klik 'Add Gadget' atau Tambah Gadget
Pilih Blogroll
Save

Setelah itu nanti dikolom Blogroll anda bisa menuliskan Link URL teman anda atau orang yang ajak tukaran link dengan blog anda.

2. Dengan membuat sendiri ( Kustom )
Masuklah ke Account blogger anda
Lalu pilih 'Layout' atau 'tata letak'
Klik 'Add Gadget' atau Tambah Gadget
Lalu pilih 'HTML/JAVASCRIPT
Berikutnya masukkan kode HTML dibawah ini :

<div style="border: 1px solid rgb(153, 153, 153);
overflow: auto;
width: 200px;
height: 200px;
text-align: center; ">

#<a href="link1"/>Nama Link<a /> <br />
#<a href="link2"/>Nama Link<a /> <br />
#<a href="link3"/>Nama Link<a /> <br />
#<a href="link4"/>Nama Link<a /> <br />

</div>


Ganti Tulisan Link1 , link2 , link3 , link 4 dengan URL Blog yang lain..
(Tanda kutip jangan dihilangkan)

Sedangkan Untuk "nama Link" ini adalah yang disebut Anchor Teks ,silahkan beri nama sesuka anda.

Setelah itu , baru anda "Save"

Note : Blog roll ini digunakan untuk menjalin pertemanan dengan blogger lain , yang nantinya akan bisa meningkatkan peringkat blog anda di mata search engine. Jadi sebaiknya sering-seringlah mengunjungi blog lain sambil menawarkan tukar link.

Semoga bermanfaat ,
Read More......

Membuat Read More


Trik ini bertujuan, agar postingan di blog terlihat lebih rapi dan bagus
kita mulai aja Ya!!!

# Sign in seperti biasa di blogger dengan id milik sobat


# Klik Setting


# Klik Formatting


# Pada layar paling bawah, ada text area kosong disamping tulisan Post Template, isi tesxt area kosong tersebut dengan kode di bawah ini :
<div class="fullpost">


</div>

* Klik tombol yang bertuliskan Save Settings


Pemasangan kode ini di maksudkan agar pada saat posting artikel, kode tersebut langsung muncul tanpa harus menuliskan terlebih dahulu, jadi membantu kita agar tidak harus selalu mengingat kode tersebut.



Langkah selanjutnya yaitu menambahkan kode pada template, silahkan ikuti langkah berikut :

* Klik menu Dasboard


* Klik menu Layout


* Klik menu Edit HTML


* Klik tulisan Download Full Template


* Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula


* Beri tanda centang pada kotak di samping tulisan Expand Widget Template, sekali lagi jangan lupa beri tanda centang dulu yah, sebab kalau tidak, nanti akan tidak sesuai dengan langkah selanjutnya


* Tunggu beberapa saat ketika proses sedang berlangsung


* Silahkan Sobat cari kode berikut pada kode template milik sobat :

<div class='post-body'>

*Copy kode HTML di bawah ini kemudian paste di bawah kode tadi

<b:if cond='data:blog.pageType == "item"'>

<style>.fullpost{display:inline;}</style>

<p><data:post.body/></p>

<b:else/>

<style>.fullpost{display:none;}</style>

*Kemudian lihat kebagian bawah sehingga terlihat kode berikut ini :

<p><data:post.body/></p>

*Copy kode HTML di bawah ini kemudian paste di bawah kode tadi

<a expr:href='data:post.url'>Read More......</a>

</b:if>

# klik tombol bertuliskan Save Template

# Selesai.
Read More......

Sabtu, 02 Januari 2010

Cara Menampilkan Kode HTML Di Postingan Blog

Caranya anda tinggal masuk ke alamat ini lalu copy kode tadi, terus klik ENCODE. setelah muncul, copy kode tersebut di postingan. 
Mudah kan??? selamat mencoba
Read More......

Menambah Google Translate pada Blog

Ingin blognya bisa di baca orang asing...?? makanya...pakai Google translate begini caranya.........





1. Login blog kamu
2. klik Tata Letak
3. klik Elemen halaman
4. klik Tambah Gadget
5. Pilih HTML/Java Script

<center><script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=id&w=160&h=60&title=&border=&output=js"></script></center>


7. Paste di kolom yang tersedia
8. Save
Read More......

Rabu, 22 Oktober 2008

Membuat Hewan Peliharaan Di Blog

Mungkin Sobat Punya hewan peliharaan di rumah??? Mungkin itu kucing, ikan, anjing, atau apalah!!! Pernahkah sobat berpikir kalau hewan peliharaan sobat bisa di taruh di blog sobat!!! Apa Sobat Semua tertarik???? Kalau iya, ikuti langakah2 di bawah ini....

1. Masuk ke b situs bunnyherolabs
2. Pilih Binatang Yang Kalian Sukai
3. Beri Nama, Pengurus, Serta aturlah warna binatang itu sesuka kalian.
4. Setelah selesai, klik 
Finish
5. Lalu kalian akan di suguhi beberapa pilihan, pilih yang other sites dan pilih yang blog
6. Lalu isilah alamat blog, password dll. di kotak yg tersedia!!!!
7. Lalu Copylah Kode HTML yg tersedia
8. Selesai.........

Read More......

Rabu, 07 November 2007

Menambah Efek Salju pada Blog

Semua orang yang mempunyai blog, pasti berlomba-lomba agar blognya terlihat lebih asyik dan menarik. Artikel ini, saya buat agar Blog sobat semua lebih terlihat dingin dan cool abiesssss...
kita mulai aja ya!!!
1. kalian masuk ke blog teman saya!! klik disini aja
2. terus klik tambahkan efek salju pada blog
3. Pilih blog anda, terus klik add widget
4. selesai Read More......

Sabtu, 06 Oktober 2007

Cara Menambah Slide Foto dan Lagu di Blog

Sebenarnya caranya simple banget kok. Pertama kita harus punya foto dulu di komputer atau lewat camera digital or di ambil langsung dari kamera yang ada di laptopmu.
Kalo udah, kita buka www.slide.com, trus kita sign up dulu. kalo udah kita buka email kita untuk konfirmasi. setelah itu kita buka lagi www.slide.com kemudian kita sign in.
Nah sekarang kita bisa buat slide yang kita inginkan dengan cara klik make a slide show.kalo udah pilih create slide show. kita pilih dulu model slide yang kita inginkan. kalo udah kita upload foto. setelah itu kita akan mendapat kode html yang nantinya kita butuhkan untuk kita copy paste di blog kita.

kode yang udah kita dapatkan dapat kita copykan dengan cara buka sign in ke blog kita. kalo udah, kita pilih tata letak. kemudian pilih tambah gadget. Pilih gadget dengan model HTML. kalo udah paste-kan code yang udah kita copy tadi.
Nah sekarang tinggal kita simpan dan view blog.
Untuk menambah lagu juga caranya sama. Tapi alamatnya yang beda. Buat nyari code HTML lagu, kita buka dulu www.musik-live.net. Pilih salah satu lagu yang kamu suka. Kalo sudah copy code-nya dan paste ke gadget HTML yang ada di blog kita. Simple kan???Gimana mau coba...??? Rugi banget deh kalo gak dicoba. Semoga Bermanfaat.
Read More......

Jumat, 06 April 2007

Menambah Jam pada Blog

Kadang-kadang teman saya di sekolah bertanya begini: "ga, cara nambahin jam di blog itu gimana sich?" Aku juga mau jawab pertanyaan ini dengan postingan di blogku nich begini caranya:
1.Masuk ke website Clocklink.com
2. Setelah itu klik tulisan Want a Clock on Your Website? pada sebelah kanan
3.Pilih kategori, dan jam yang kamu sukai.
4.Jika sudah, Klik view html pada bawah gambar jam yang kamu sudah pilih
5. Lalu klik tombol Accept. Dan jangan lupa format waktu tempat anda tinggal. untuk indonesia bagian barat pilih GMT + 07:00.
6. terus copy kode yang diberikan disitu, dan letakan di Layout =>> Page elements =>> Add Elements =>> pilih menu HTML. terus pastekan kode tadi di situ
7. SELESAI Read More......

Minggu, 05 November 2006

Cara Menjadwal Postingan

Tutorial ini pas banget untuk kalian yang ingin mengucapkan taun baru di blog.
kita mulai aja ya caranya.

1. masuk ke blogger
2. posting sebuah postingan
3. dan setelah selesai posting jangan terbitkan entri, tapi pilih tombol Opsi Entri






gannti waktu yang saya linkari dengan keinginan anda sendiri
Read More......