halo sobat it...

kali ini saya posting tentang Cara Membuat Link Exchange. Apa sih kegunaan link Exchange itu?? link Exchange biasanya digunakan untuk tukar banner dengan blogger lainnya... Apa sih manfaat tukar banner itu?? tukar banner digunakan untuk memperbanyak backlink / traffic/ pengunjung pada blog kita. agar blog kita bisa Axis. Langsung saja saya kasih tutorialnya...

1. login je blogger dulu
2. rancangan
3. pilih Elemen laman
4. add gadget >> HTML JAVA SCRIPT lalu copy kode dibawah ini:

<div align="center">
<a href="http://blog-duniamaya.blogspot.com/"><img src="http://i1219.photobucket.com/albums/dd421/fatranasution/duniakita-1.jpg" width="250" height="100" alt="About IT" /></a>
<br />

Ganti yang berwarna hijau dengan alamat blog kamu. dan yang berwarna merah ganti dengan alamat banner kamu. jika masih belum tahu gimana masukkin banner kamu langsung saja klik Disini (Cara Membuat Banner).

5. seteleh selesai beri jarak kebawahnya (2 Enter saja) selanjutnya copy script di bawah ini

<textarea cols="22" name="textarea"> <a href="http://blog-duniamaya.blogspot.com/"> <img src="http://i1219.photobucket.com/albums/dd421/fatranasution/duniakita-1.jpg" /> </a> <br /></blockquote><br /></code><br /><br /></textarea>

Seperti tadi, ganti yang warna hijau dengan alamat Blog kamu. dan yang warna merah ganti dengan alamat Banner kamu.

6. simpan / save.

Jadi dech....
sekian dulu dari saya. jika ada salah kata mohon maaf yang sebesar besarnya. Terima kasih....
Sukses selalu...

belom pada tau caranya kan kalian ni aku kasih tau hanya untuk sekedar berbagi.
pojokan itu bisa buat menaruh bisa gambar atau photo kamu, animasi, Jam, Hit Counter, Shoutbox, Kalender, Adsense, Iklan, Widget-widget dan lain-lain. Nha udah tahu kan maksudnya. Kalo dah tahu dan pingin mencobanya mari ikuti trik berikut ini:


1. Login ke blogger trus klik "Layout -->> Edit HTML
2. Cari kode ini ]]></b:skin> kalo dah ketemu taru kode berikut ini di atasnya.

#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); }

3. Text yang dicetak tebal adalah posisinya, kalo pingin ganti di posisi pojok kanan bawah tinggal text "left" diganti dengan "right". Begitu juga tulisan "bottom", jika pingin di posisi atas bisa diganti dengan "top".
4. Langkah selanjutnya yaitu letekkan script berikut ini sebelum kode </body>

<div id="pojok"><a href="http://onigumono.blogspot.com">
<img src="http://static.kaskus.us/images/smilies/ngacir2.gif" border="0" /></a></div>

"http://onigumono.blogspot.com" adalah link. ganti dengan link kamu.
"http://static.kaskus.us/images/smilies/ngacir2.gif" adalh lokasi gambarmu. ganti dengan lokasi gambar kamu.

5. Jika kamu pingin yang ada disitu bukan gambar tetapi jam/kalender/hit counter/widget-widget yg lain, maka ganti text yang berwarna merah dengan script widget-widget tersebut.
6. Simpan hasil kerja kamu dan lihat hasilnya.

Jika mengganti background header blog dengan gambar, blog kita akan terlihat lebih menarik. Pada dasarnya, gambar mewakili kata-kata yang ngga mungkin kita tuliskan. Jadi, header blog mewakili bagaimana karakteristik blog kita. Kalau blog Kumpulan Tutorial Ngeblog menggunakan gambar header yang kecil. Kenapa kok kecil???? Kan itu trik supaya halaman blog ini tidak berat saat loading...hehehehehe...

O iya, sebelum mengganti background header blog Sobat dengan gambar, perhitungkan dahulu ukuran gambar yang akan Sobat gunakan sebagai background header blog. Misalnya ukuran header blog Sobat lebarnya 800px. Jadi kita harus mempersiapkan gambar selebar 800px dengan tinggi terserah Sobat. Gambar bisa Sobat buat dengan Photoshop, CorelDRAW atau software pengolah gambar lainnya.

Gambar sudah siap, sekarang tinggal kita pasang. Silakan simak tutorial di bawah ini

=== Cara Mudah ===

Login ke akun Blogger milik Sobat > Tata Letak. Klik link edit pada bagian header blog.

Atur seperti pada gambar di bawah ini

Cari gambar di komputer Sobat dengan menekan tombol Telusuri. Jika sudah, proses upload akan berjalan. Setelah itu beri tanda pada “Selain judul dan keterangan” lalu klik tombol Simpan.

=== Cara agak sulit ===

Cara berikut ini cukup rumit karena kita harus menyimpan gambar kita ke salah satu image hosting yang ada di internet. Jika Sobat tertarik menggunakan cara manual, silakan simak langkah-langkah berikut ini

Langkah 1
Login ke akun Blogger milik Sobat > Tata Letak > Edit HTML. Klik Download Full Template untuk membackup template blog Anda.

Langkah 2
Cari kode berikut ini atau yang agak mirip, gunakan Ctrl+F untuk mempermudah pencarian kode pada template Blogger

#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}

Jika sudah ketemu, tambahkan kode background:url(link gambar); sehingga kode nya jadi seperti ini

#header-wrapper {
background:url(link gambar);
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}

Ganti link gambar dengan lokasi penyimpanan gambar header blog Anda. Jika sudah selesai, klik tombol Simpan.

Semoga bermanfaat…

Cara membuat status YM di blog. Dengan status YM ini, maka pembaca akan tahu apakah status bro sedang online atau tidak, jadi bagi pembaca setia yang apabila ada saran atau pertanyaan bisa melayangkan langsung ke admin blog yang bersangkutan. Benar-benar mantab dan berguna kan. Penasaran?...

Sponsor yang lewat

Iklan sedang tidak ada

Contoh jadinya seperti apa nantinya. Lihat di bawah ini :

Bila online statusnya seperti ini :



Bila off statusnya seperti ini :



Cara membuat status online/offline YM di blog ini guampangg kok. Ikuti langkah-langkah berikut untuk membuatnya :

1. Log in ke account blog bro.
   
2. Layout >> Page element >> Add a gadget >> Html/Javascript.
   
3. Copy kode yang sudah saya tuliskan di dalam kotak, tetapi jangan lupa ganti dulu tulisan :
   
   
   • Berwarna merah :
     Dengan id e-mail bro. Misalkan itu e-mail saya contohaja@yahoo.com jadi dituliskan contohaja. Nangkep kan bro? Kalau semisal contohaja@ymail.com maka tuliskan contohaja@ymail.com (Yang lengkap)
     
   • Berwarna biru :
     Ganti dengan angka lain untuk mengganti penampilan desain status YM. (Bisa dilihat di bawah list galerinya).
   
   
   <a href="ymsgr:sendIM?contohaja"> <img src="http://opi.yahoo.com/online?u=contohaja&amp;m=g&amp;t=2&amp;l=us"/>
   </a>
4. Paste kode >> Save

Galeri kode :

t = 0

t = 1

t = 2

t = 3

t = 4

t = 5

t = 6

t = 7

t = 8

t = 9

t = 10

t = 11

t = 12

t = 13

t = 14

t = 15

t = 16

t = 17

Viola! Sekarang bro sudah mendapat satu lagi ilmu "Cara Membuat status YM di blog" dari kumpulan tutorial blog Burukutuk.com, semoga dengan cara membuat status YM untuk dipasang di blog ini dapat menjadi sesuatu yang berguna dan mempercantik blog bro sekalian. Selamat mencoba.

Tentunya kita pingin dong punya email dengan nama domain kita sendiri, misal namamu@domainmu.com. Nha sekarang ini google menyediakan fasilitas untuk membuat email seperti itu dengan cara yang lumayan mudah. Tapi sayangnya saat ini fasilitas tersebut belum bisa digunakan untuk blog yg masih menggunakan domain blabla.blogspot.com. Fasilitas ini hanya untuk yang memiliki domain sendiri, misal domainmu.com , .net. .org . dan top level doamin lainnya. Makanya itu bagi yang pengen, cepetan beli domain, aku sarankan beli di dodoldomain.com, murah lho (promosi...he..he..). Trus yang pake domain "co.cc" bisa gak? aku bilang "bisa", tapi sekarang aku pingin bahas yang pake domain .com/.net/.org, dll dulu. bagi yang punya domain "co.cc" sabar dulu ya.
Ok mari kita mulai tutorialnya bagaimana cara membuat email sendiri.

1. Buka alamat ini : http://www.google.com/a/cpanel/domain/new
2. maka km akan langsung disuguhi form seperti ini:




3. Isikan nama domain kamu didalam form tersebut lalu klik tombol "Get Started"
4. Kemudian akan muncul fomr lagi untuk mengisikan data-data yang diperlukan, Kalo sudah diisi klik "Continue"
5. Setelah itu akan muncul menu2 seperti ini :



6. Klik pada link "Activate email".
7. Setelah itu akan muncul lagi halaman untuk "Setup Email Delivery" , itu untuk setting MX Record. Caranya yaitu dengan mengisikan MX Record km dengan data2 yang ada disana. Datanya seperti ini :

MX Server address	Priority
ASPMX.L.GOOGLE.COM.	10
ALT1.ASPMX.L.GOOGLE.COM.	20
ALT2.ASPMX.L.GOOGLE.COM.	20
ASPMX2.GOOGLEMAIL.COM.	30
ASPMX3.GOOGLEMAIL.COM.	30
ASPMX4.GOOGLEMAIL.COM.	30
ASPMX5.GOOGLEMAIL.COM.	30

Bagi yang menggunakan DNS setting dari DNS park caranya yaitu : Klik domain kamu yg berada di "Domain list". Setelah itu pilihan "Type" pilih yg "MX". Pada kolom "Mail Domain" kosongi saja kolom tersebut. Pada kolom "Order" isikan data2 "Priority" diatas. Trus pada kolom "mail server" isikan dengan data "MX Server Address" diatas kemudian klik tombol "Update All". begitu terus sampai data diatas dimasukkan semua.

Bagi yang menggunakan DNS setting dari dodoldomain.com caranya : masuk ke menu "Domain-->LIst last 10", trus klik link "Managed DNS", kemudian klik tombol Manage DNS Record. Setelah itu klik tombol "MX Records" trus klik tombol "Add MX Record". Untuk kolom "Value" pilih yg bawah (yg "Type In A Fully Qualified Domain Name eg. abc.pqr.com.') . isikan data "MX Server address" di kolom tersebut. kemudian isikan data "Priority" dikolom "MX Priority". begitu terus sampai selesai semua data dimasukkan.
8. kalo sudah selesai klik tombol " I have completed these steps". Maka akan muncul page seperti ini lagi.



9. Sebenarnya sampai disini sudah bisa selesai, tp untuk membuka email km, km harus mengetikkan alamt URL seperti ini "http://mail.google.com/a/domainmu.com" . Nha klao misalnya km pingin menggantinya menjadi seperti : "http://mail.domainmu.com" maka ikuti lagi langkah berikut ini.

10. Klik link "Email" maka akan muncul halaman "Email setting"
11. Trus klik link "Change URL" , kemudian akan muncul halaman untuk "Change URL for email".
12. PIlih yg "custom" trus klik tombol "Continue".
13. Setelah itu km setting dulu DNS km, Tambahkan "CNAME Records" dan isikan "mail" di kolom "Hostname" dan isikan "ghs.google.com" dikolom http://naldoton.blogspot.com"Value"
14. Setelah itu klik tombol "I have complete these step"

Nha sekarang km sudah bisa memiliki email dengan nama doamin blogmu sendiri. Untuk setting2 lainnya pelajari sendiri ya. Udah capek nih.....

Mungkin bukan masalah penting ya, tapi ga da slaah nya kan kalo aku coba bahas disini .
Oke kita mulai... Siapkan sajen nya, nasi kuning, kain kuning, truck kuning, antar ke rumah aku ,, asik juga kalo ada yg mau nurutin tuh..
Mulai ya..........

1. Login ke blogspot dengan id kamu
2. LAYOUT >>> Tambahkan Gadget
3. Pilih HTML/javascript
4. Kemudian masukan kode berikut  

<marquee direction="down" onmouseover="this.stop()" width="100%" onmouseout="this.start()" scrollamount="2" height="200"><br /><br /><script style="text/javascript" src="http://adesanusi.googlepages.com/daftar-isi.txt"></script><script style="text/javascript">var numposts = 100;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script><script src="http://blogkamu.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&max-results=999&callback=showrecentposts"></script><br /><br /></marquee>

Kalo udah tinggal save,,rebes,,, selesai kan??

Sekarang liat hasil nya..
NB: tulisan warna merah ganti dengan URL blog kamu, warna biru adalah kecepatan gerakan daftar isi kamu semakin besar semakin cepat, n warna hijau adalah tinggi kotak daftar isi kamu,, bisa di ganti juga,

--SELAMAT MENCOBA--

Untuk memasang flash ke dalam blog cukuplah mudah. Yang kamu perlukan yaitu file flash yang biasanya ber-extensi .swf lalu upload file tersebut ke hosting. misal di geocities.com ato 000webhost ato tempat hosting lainnya. File animasi flash tersebut bisa dijadikan hiasan pada blog ato bisa juga dijadikan hiasan di header sehingga membuat blog menjadi lebih animatif. Untuk memasang flash pada blog caranya sebagai berikut :

1. Login ke blogger kemudian pilih menu "Layout".
2. Kemudian klik link "Add a gadget" dimana akan ditempatkan animasi flash.
3. Pilih "HTML/Javascript" kemudian taruh script berikut :

<embed src="http://blogoholic.info/wellcome.swf" quality="high" bgcolor="white" width="500" height="100" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi? P1_Prod_Version=ShockwaveFlash"></embed>

Membuat link dari gambar atau image

Apabila anda mempunyai sebuah gambar, dan gambar tersebut ingin di jadikan sebuah link. Maka caranya seperti di bawah ini :

1. Upload gambar yang anda miliki ke hosting tempat menyimpan gambar, contoh http://www.photobucket.com.


2. Jika anda sudah mengupload gambar anda, maka gambar tersebut akan di beri alamat URL, copy alamat tersebut pada notepad. Sebagai contoh gambar chicklet blog tutorial di samping mempunyai alamat URL :

http://i162.photobucket.com/albums/t253/rohman24/animasichicklet.gif

Nah jika anda ingin membuat gambar tersebut menjadi sebuah link, maka kode yang di tulis adalah :

<a href="http://kolom-tutorial.blogspot.com"><img src="http://i162.photobucket.com

/albums/t253/rohman24/animasichicklet.gif"></a>

(kode dalam satu baris)

jika ingin dalam window baru :

<a href="http://kolom-tutorial.blogspot.com" target="_blank"><img src="http://i162.photobucket.com

/albums/t253/rohman24/animasichicklet.gif"></a>

(kode dalam satu baris)



Link berjudul

Mungkin anda bingung, ko judul bahasan topik ini judulnya Link berjudul? Untuk memperjelas bahasan ini, silahkan anda kembali ke halaman atas blog ini lalu arahkan mouse anda ke tulisan Resep bisnis, coba diamkan sebentar pada link tersebut, maka tidak lama kemudian akan muncul tulisan Mau belajar bikin website sendiri silahkan klik disini . Nah sekarang mungkin anda sudah mengerti maksud saya, jadi dalam sebuah link ada kata-kata untuk menekankan ajakan anda kepada para pembaca untuk mengklik link tersebut. Untuk membuat judul link ini sangat mudah, yakni anda hanya harus menambahkan title=" ... " pada link yang anda buat. Contoh seperti yang saya berikan di atas :

<a href="http://www.resepbisnis.com/?id=rohman target="new" title="mau belajar bikin website sendiri silahkan klik di sini">Resep bisnis</a>

mudah bukan. Selamat mencoba.

Cara memasukkan Iklan (script iklan) ke dalam blog anda :
1. LOG IN (sebelum LOG IN kamu harus sudah SIGN UP terlebih dahulu)
2. Pilih Menu “Tambah Blog” (untuk memasukkan data mengenai Blog anda)
3. Masukkan seluruh data sesuai dengan Blog anda (form ada dibawah)
4. Submit
5. Pilih menu “Script Text Advertising untuk Blog”
6. Lalu pilih bentuk iklan sesuai selera anda
7. Copy kode/scrpit tersebut
8. SIGN IN kedalam Blog anda
9. Pilih menu “tata letak (Lay out)”
10. pilih “tambah gadget” (add page element)”
11. pilih “HTML”
12. Paste kode/script tersebut
13. Save
14. silahkan buka kembali blog anda, maka iklan akan secara otomatis muncul kedalam blog anda. Hanya tinggal menunggu ada orang yang mengklik iklan tersebut maka pundi-pundi uang akan mengalir!!!
Selamat Mencoba !!
Semoga bermanfaat.

1. Buka blog anda dan login dengan akun anda, (www.blogger.com)

2. Masuk Dashboard

3. Pilih Layout / Design

4. Pilih Edit HTML, … lihat gambar :



5. Centang —-> Expand Widget Templates

6. Lakukan —–> Upload File template tadi dari komputer anda,

7. Klik —–> KEEP WIDGETS

8. Klik ------> save template

8. Klik ——> View Blogs (ada di bagian tengah atas blog anda )

9. Selesai, template blog anda sudah jadi ….gampang khan ?

SELAMAT MENCOBA…. !



NIH SAYA SEDIAKAN LINK  TEMPAT DONWLOAD TEMPLATE GRATIS

>>>BTemplates
>>>Blogtemplate4u


PS : Setelah anda download template dari link diatas,maka selanjutnya anda dapat meng-extract file tsb dan Upload File XML nya ke dalam blog seperti tutorial no. 4 diatas.

Catatan Tambahan : Saya hanya merekomendasikan untuk anda yang sedang belajar. Untuk blog lama yang postingannya sudah banyak, sebaiknya jangan ganti template… khawatir file-file anda ada yang hilang.

Disini saya mau membag Ilmu cara membuat Blog..

slahkan dilihat dan dicoba,

Ganti Logo / Icon Blog - Favicon

Ganti Logo / Icon Blog - Favicon

Bila kita membuat blog baru di blogspot.com atau blogger.com, maka di atas sebelah alamat atau nama blog kita akan melihat logo/icon dengan huruf B. Logo tersebut merupakan logo dari Blogspot, dan kita bisa menggantinya dengan photo, gambar atau logo yang lain.

Berikut langkah-langkah yang saya lakukan pada saat mengganti logo Blogspot (B) dengan gambar naruto:



Pertama, siapkan photo/gambarnya lalu edit sesuai selera kita. Saya gunakan Microsoft Office Picture Manager karena program ini biasanya ada disetiap komputer yang pakai Microsoft Office. Klik kanan saja gambarnya, pilih Open With > Microsoft Office Picture Manager.



Crop bagian yang akan dijadikan logo, usahakan lebar dan tingginya sama.



kecilkan ukuran photo dengan Resize sekitar 50 x 50 pixels
.


jika sudah, Save As photo dengan nama baru.

Kedua, upload photo/gambar yang sudah diedit tadi ke situs penyimpan gambar. Supaya ga usah daftar lagi gunakan aja yang punya google, picasaweb.google.com tinggal masukkan ID Email dan sandi gmail. Atau bisa juga disimpan di photobucket.com dan yang lainnya.



kalo dah diupload klik gambarnya, maka akan tampil seperti gambar di bawah. klik Link to this Photo, ceklis Image only (no link), terus copy Embed image. contoh Embed Image gambar Naruto saya:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5k4F1heqLPiOS0H0OGu1PoCMXV3GU1-sTR6vad61wOVYfATT5E_emIHXsbp-Zcwm5T8gNIxQVRAE84XVQEhFkzdpbb02-ODBKZJ_OyeXx9oxY9FRjvk6oD1Ot7gTIk_sRax1ZqY3tFwE/s800/naruto.jpg



Terakhir, masuk/login ke blog lalu pilih Tata Letak dan klik Edit HTML.
Cari kode :

<title><data:blog.pagetitle/></title>

<b:skin><![CDATA[

lalu masukkan kode berikut diantara keduanya :

<link href='kode url photo' rel='shortcut icon'/>
ganti kode url photo dengan embed yang tadi sudah dicopy, jadi seperti ini:

<title><data:blog.pagetitle/></title>

<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5k4F1heqLPiOS0H0OGu1PoCMXV3GU1-sTR6vad61wOVYfATT5E_emIHXsbp-Zcwm5T8gNIxQVRAE84XVQEhFkzdpbb02-ODBKZJ_OyeXx9oxY9FRjvk6oD1Ot7gTIk_sRax1ZqY3tFwE/s800/naruto.jpg' rel='shortcut icon'/>

<b:skin><![CDATA[



Simpan Template dan lihat blognya, pasti logo/iconnya sudah berubah.

ok

Spoiler adalah cara untuk menyembunyikan seluruh atau sebagian isi dari konten blog kita. Spoiler juga bermanfaat agar konten yang berat seperti gambar dalam ukuran besar dan video tidak diload sebelum menekan tombol show. Dengan kata lain spoiler membantu kita mengurangi waktu load konten blog dan memberikan pilih kepada pembaca blog untuk membuka atau tidak isi spoiler



Anda sudah sering lihat Spoiler di kaskus atau forum-forum untuk nyembunyikan gambar, link dan konten lainnya. Spoiler ada dua yaitu untuk forum misalnya kaskus dan satunya lagi untuk dipergunakan di blog/web. Keduanya memiliki kode yang berbeda.

• Spoiler Forum misalnya KASKUS:
[spoiler=judul spoiler]isi spoiler[/spoiler]

Ganti tulisan yang berwarna hijau sesuai judul dan isi spoiler yang anda kehendaki.

• Spoiler untuk blog/web:
Menyembunyikan konten tertentu dari sebuah halaman blog/website diperlukan untuk menghemat space. Ketika visitor ingin melihatnya mereka dapat dengan mudah menampilkannya. Begitupun dalam software forum semacam vBulletin, Spoiler pasti banyak digunakan.

Berikut kode yang bisa digunakan dalam membuat spoiler di blog :


==========================================================================
<div><div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;">Silahkan Klik.. </span></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"/>
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">

isi spoiler...

</div></div></div></div>
===========================================================================