Cara membuat judul blog bergerak dan berganti-ganti

 Ingin judul blognya bergerak?? yowes lagi males ngetik lansung aja ya  Gini Caranya :
1. Log in Blogger
2. Buka Rancangan
3. Buka Elemen Laman
4. Klik Tambah Gadget
5. Pilih HTML/Javascript
6. Copy Paste Code ini

<script language="JavaScript">
<!--
/*****JUDUL BERJALAN *****/

function tb5_makeArray(n){
this.length = n;
return this.length;
}

tb5_messages = new tb5_makeArray(6);
tb5_messages[0] = "HELLO BRO !!!";
tb5_messages[1] = "WELCOME TO....";
tb5_messages[2] = "YASIR'S BLOG";
tb5_messages[3] = "Jangan Lupa Komentar lho.";
tb5_messages[4] = "Tips Trik Ini semuanya Gratis ya..";
tb5_messages[5] = "Silahkan Copaz Sesuka Hati !!";
tb5_rptType = 'infinite';
tb5_rptNbr = 10;
tb5_speed = 50;
tb5_delay = 2000;
var tb5_counter=1;
var tb5_currMsg=0;
var tb5_stsmsg="";
function tb5_shuffle(arr){
var k;
for (i=0; i<arr.length; i++){
k = Math.round(Math.random() * (arr.length - i - 1)) + i;
temp = arr[i];arr[i]=arr[k];arr[k]=temp;
}
return arr;
}
tb5_arr = new tb5_makeArray(tb5_messages[tb5_currMsg].length);
tb5_sts = new tb5_makeArray(tb5_messages[tb5_currMsg].length);
for (var i=0; i<tb5_messages[tb5_currMsg].length; i++){
tb5_arr[i] = i;
tb5_sts[i] = "_";
}
tb5_arr = tb5_shuffle(tb5_arr);
function tb5_init(n){
var k;
if (n == tb5_arr.length){
if (tb5_currMsg == tb5_messages.length-1){
if ((tb5_rptType == 'finite') && (tb5_counter==tb5_rptNbr)){
clearTimeout(tb5_timerID);
return;
}
tb5_counter++;
tb5_currMsg=0;
}
else{
tb5_currMsg++;
}
n=0;
tb5_arr = new tb5_makeArray(tb5_messages[tb5_currMsg].length);
tb5_sts = new tb5_makeArray(tb5_messages[tb5_currMsg].length);
for (var i=0; i<tb5_messages[tb5_currMsg].length; i++){
tb5_arr[i] = i;
tb5_sts[i] = "_";
}
tb5_arr = tb5_shuffle(tb5_arr);
tb5_sp=tb5_delay;
}
else{
tb5_sp=tb5_speed;
k = tb5_arr[n];
tb5_sts[k] = tb5_messages[tb5_currMsg].charAt(k);
tb5_stsmsg = "";
for (var i=0; i<tb5_sts.length; i++)
tb5_stsmsg += tb5_sts[i];
document.title = tb5_stsmsg;
n++;
}
tb5_timerID = setTimeout("tb5_init("+n+")", tb5_sp);
}
function tb5_randomizetitle(){
tb5_init(0);
}
tb5_randomizetitle();

//-->
</script>

7. Save Lalu Lihat Blognya

Baca Selengkapnya...

Cara membuat scrollbar didalam posting

 

 

Cara membuat scrollbar didalam posting ada berbagai macam caranya

diantaranya sebagai berikut :

cara 1.

<div style="overflow: auto;background-color:#C7DFB5; margin: 0px auto; padding: 5px; height: 200px;width: 94%;text-align: left;">
HTML, URL, TEXT, SCRIPT DSB </div>

cara 2.

<p align="center"><textarea name="code" rows="5" cols="40"> Tulis text ataupun kode html yang anda inginkan </textarea></p>

Untuk warna biru dapat kawan-kawan ganti sesuai keinginannya, silakan ganti dengan text, url dan lain nya yang ingin ada dalam tampilan scrollbox tersebut, kode diatas dapat di copas ke dalam posting blog, atau side bar anda".

 

 Untuk Tinggi lebar kotak dapat diatur di Width dan Height

 

Semoga bermanfaat...

Oiya untuk cara kedua rows dan cols bisa kamu rubah sesuai keinginan kamu.

Semoga bermanfaat.

Baca Selengkapnya...

Cara membuat jejaring sosial sendiri

Anda ingin membuat jejaring sosial tapi pengetahuan tentang web design, HTML, dan php sangat minim? Anda ingin seperti Mark Zuckerberg yang mempunyai uang banyak karena jejaring sosial Facebooknya terkenal seantero jagad raya maya? Waah sudah jangan banyak mengkhayal! Khayalan hanya membuat Anda tidak mau berfikir. Khayalan akan hanya membuat Anda malas bekerja.

Itu kata orang dulu. Sekarang? Tentu beda! Segalanya dapat kita lakukan asalkan ada usaha dan keterampilan. Seperti cara membuat "Facebook" versi Anda sendiri. Asal ada kemauan untuk membuat dan ada keterampilan memegang mouse serta keyboard (berkomputer, red) pasti Anda bisa membuat jejaring sosial online seperti Mark Zuckerberg itu!

Dan kabar baiknya, kini untuk membuat jejaring sosial seperti Facebook tidak usah membutuhkan kemampuan pemograman yang mahir. Cukup klak-klik saja selama kurang lebih 30 menit, "Facebook" Anda pun sudah jadi! Fitur-fiturnya pun hampir sama persis seperti Facebook. Bisa update status, upload foto/video, komentar status/foto/video teman, kirim antardinding, dan chatting. Nanti ketika JerSos (jejaring sosial, red) Anda sudah jadi, JerSos Anda dapat dijadikan sebagai web directory. Kenapa? Karena di sana terdapat fitur blog submitter. Jadi sekali Anda mensubmit alamat blog Anda ke dalamnya, maka selamanya postingan-postingan blog Anda akan terbagi secara otomatis ke dalam database JerSos itu. Asal Anda tahu saja, ketika pertama kali saya membuat JerSos versi saya, ranking Alexa langsung melejit menjadi 5000-an dan rank pencarian di Google pun semakin mantap.
Tetapi dibalik kelebihan-kelebihan itu ada kekurangan yang tersimpan. Yaitu, di belakang nama JerSos Anda terdapat embel-embel si web pembuat JerSos aslinya.


Emm penjelasannya segitu udah cukup kan? Ntar mulut saya berbusa lagi. Oke udah tertarik untuk membuatnya belum? Gak dibutuhin kepandaian dalam bahasa pemograman looh. (gila promosi abis!) Ya udah kita lompat gaya kodok ke paragraf selanjutnya.

Cara-cara membuatnya:
1. Klik di sini untuk menuju ke web pembuat JerSos gratisan,
2. Pada kolom Your Social Network Address isikan dengan alamat yang hendak Anda jadikan alamat JerSos Anda lalu klik Create Network,

3. Lalu pada halaman Basic Settings atau pengaturan dasar isikan kolom-kolom seperti contoh berikut:


* Site Title: Isikan dengan judul JerSos Anda.
* Site Tagline: Isikan dengan subjudul dari JerSos Anda.
* Site Tags: Isikan dengan kata kunci demi kepopularitasan di mata mesin pencari. Semakin banyak semakin baik tetapi jangan mengetikkan dengan kata kunci yang melenceng dari keterangan JerSos Anda karena akan dianggap sebagai spam.
* Site Description: Isikan dengan deskripsi atau gambaran dari JerSos yang akan dibuat.
* Membership: Pilih Free untuk membuat JerSos Anda bebas untuk menerima anggota. Sedangkan yang Moderated dan Invite only adalah apabila ada yang hendak bergabung ke dalam JerSos, si pendaftar akan meminta izin untuk bergabung dan Anda hanya mendapatkan anggota baru jika Anda mengundangnya untuk bergabung. Saya rekomendasikan untuk pilih yang Free.
* Privacy: Pilih Public dan konten-konten yang ada di dalam JerSos tersebut akan dapat terlihat oleh calon pengguna. Sedangkan Private adalah pilihan jika konten-konten yang ada di dalam JerSos bersifat rahasia dan tidak ingin disebarluaskan.
* Content Addition: Sama seperti Privacy.
* Languange: Pilih English.

4. Klik Continue,
5. Pada halaman template, pilih template sesuai keinginan Anda. Klik save kalau sudah memilih template,
6. Pada halaman Template Wizard bagian Body, atur background, jenis font, warna font dan link, dan letak background. Begitu juga pada bagian Group, Header Style, Operations Box, Navigation, Info Bar, dan Content atur sendiri sesuai keinginan Anda. Kalau sudah diatur klik Save And Continue,
7. Pada step ke-4, buat pertanyaan-pertanyaan yang menjadi syarat agar dapat bergabung dalam JerSos Anda. Pada Answer Type, tentukan macam jawaban dari pertanyaan di atas. Pilih One line answer untuk membuat jawaban menjadi satu baris jawaban. Pilih Longer Answer untuk jawaban yang kira-kira panjang seperti Anda menanyakan tentang data diri. Pilih Multiple Choices untuk jawaban yang lebih dari satu. Misal untuk menanyakan warna apa yang pendaftar sukai. Pilih Date untuk jawaban berupa tanggal/bulan/tahun lahir. Pilih Website Address untuk jawaban berupa alamat website pengguna. Untuk menambahkan pertanyaan, klik Add Question.
8. Sebelum melangkah ke step berikutnya, sebaiknya Anda login ke akun Facebook Anda terlebih dahulu untuk mengundang teman-teman agar bergabung di JerSos Anda,
9. Klik Continue. Lalu undang dua belas teman Facebook Anda dengan mengklik profil teman lalu klik Kirim Undangan ... (titik-titik adalah nama JerSos Anda),
10. Pada step ke-6, isikan dengan data profil Anda sebagai admin,
11. Klik Finish. Langkah terakhir Anda disarankan untuk melihat sekilas video tutorial. Dan klik Done.

Ya akhirnya selesai juga! Silahkan diutak-atik sendiri JerSosnya. Untuk tutorial-tutorial merombak tampilan dari JerSos mungkin akan saya bahas di kemudian hari. Daaah selamat menjadi admin!

Baca Selengkapnya...

Cara Mengganti Gambar Kursor di Blog

Cara Mengganti Gambar Kursor di Blog  -  Gara-gara kepingin sekali mengganti gambar kursor di blog ini, akhirnya setelah googling kesana kemari nemu juga sebuah situs yang menyediakan banyak gambar-gambar kursor pilihan. Gambar kursor yang disediakan situs penyedia gambar ini http://www.totallyfreecursors.com/ banyak sekali, jadi kita tinggal memilih sesuai selera aja. Untuk cara memasang gambar kursor ini di blog, kita harus menambahkan sedikit saja kode CSS supaya bisa dipasang pada template. Dibawah ini ada beberapa sample gambar untuk kursor yang saya ambil berikut URL alamat kursor tersebut.

              URL : http://downloads.totallyfreecursors.com/thumbnails/monkey-ani.gif

                URL : http://downloads.totallyfreecursors.com/thumbnails/aliendance.gif

                URL : http://downloads.totallyfreecursors.com/thumbnails/tail2.gif

                URL : http://downloads.totallyfreecursors.com/thumbnails/banana1.gif

                URL : http://downloads.totallyfreecursors.com/thumbnails/bullseye-ani.gif

               

Cara mengganti gambar kursor di blog :

1.    Login ke dashboard blogger anda.

2.    Pilih Rancangan > Edit HTML, centang Expand widget template.

3.    Carilah kode </head> pada template anda dengan menggunakan Ctrl F.

4.    Copy kode CSS dibawah ini dan letakkan tepat diatas kode </head> .

<style type='text/css'> HTML,BODY{cursor: url(&quot;http://downloads.totallyfreecursors.com/thumbnails/sweden.gif&quot;), auto;} </style>

5.    Simpan template anda dan lihat perubahan pada gambar kursor

6.    Jika sobat ingin mengganti gambar kursor dengan gambar yang lain, sobat tinggal ganti URL gambar yang berwarna merah dengan URL gambar pada sample diatas atau sobat bisa langsung browsing sendiri ke TKP di http://www.totallyfreecursors.com/ .

Baca Selengkapnya...

Cara mengganti tulisan powered by blogger pada template blog

Dengan pilihan template dari www.blogger.com yang baru,pasti sobat sudah tak asing dengan link tulisan powered by blogger yang secara default sudah tak dapat kita utak-atik kembali.Lain halnya dengan template lama yang justru kita ditekankan untuk membuat footer sendiri.

Nah,screenshotnya kurang lebih seperti ini:



Untuk mengubah / mengganti tulisan powered by blogger tersebut sobat dapat ikuti langkah berikut:

Pertama sobat pilih pada Dashboard blog sobat tab Design / Rancangan (gb1),lalu pilih tab Edit HTML (gb2) dan kemudian contreng tulisan Expand Widget Templates (gb3)


gb1


gb2


gb3

Setelah itu,sobat cari kode berikut ini(Gunakan Ctrl+F) ya

<!-- outside of the include in order to lock Attribution widget -->

Nah,jika sudah sobat ketemukan,untuk template aslinya nanti tepat dibawah kode tersebut ada barisan kode berikut:

<b:section class='foot' id='footer-3' showaddelement='no'>
<b:widget id='Attribution1' locked='true' title='' type='Attribution'>
<b:includable id='main'>
<b:if cond='data:feedbackSurveyLink'>
<div class='mobile-survey-link' style='text-align: center;'>
<data:feedbackSurveyLink/>
</div>
</b:if>

<div class='widget-content' style='text-align: center;'>
<b:if cond='data:attribution != &quot;&quot;'>
<data:attribution/>
</b:if>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>

Lihat gambar4 ya sob:


gb4

Hapus kode tersebut sob lalu simpan Templates,nanti akan keluar warning seperti berikut:


gb4

Sobat klik aja tombol Delete Widgets dan lihat blog sobat sekarang :D
Untuk menggantinya sobat bisa ekspresikan sendiri dengan menambahkan widget baru HTML/Javascript.Mudah khan sob,moga berhasil ya

Baca Selengkapnya...

Cara membuat label cloud di blog

 

Cara Membuat Label Cloud. Blogger kembali meluncurkan fitur terbaru yaitu label cloud. Sesuai info yang diperoleh dari Blogger Buzz, saat ini pengguna blogspot sudah bisa memasang label cloud tanpa harus memodifikasi script yang ada pada template blogger. 

Langkah2 membuat label cloud di blogspot

1. Login ke account blog anda

2. Klik menu Tata Letak pada blog yang akan dipasang label cloud (Jika memiliki lebih dari 1 blog)

3. Klik Tambah Gadget (sidebar / footer)

4. Klik pada gambar atau label atau tanda plus (+)

5. Pada bagian display, pilih yg cloud

6. Save, selesai lalu liat hasilnya

Selain dengan cara diatas, anda juga bisa menentukan label blog mana saja yang akan ditampilkan. Caranya, setelah langkah ke-5, pada bagian show pilih selected labels kemudian klik edit. 

Disana anda bisa mengorganisir sendiri label mana saja yang akan ditampilkan di blog anda dengan menghilangkan tanda checklist pada bagian label yang tidak ingin anda tampilkan. Kemudian klik save dan silahkan anda liat sendiri hasilnya.

Baca Selengkapnya...

Cara memasang tool convert HTML CODE di blog

Ngeblog tentu saja tidak akan jauh-jauh dengan yang namanya kode kode dan kode, baik itu HTML, CSS ataupun Javascript. Nah, kali ini saya akan memposting kepada teman-teman semua sebuah TOOL gadget yang saya rasa Penting ada di dalam blog (ini buat yang senang otak atik blog) yaitu HTML CONVERTER

Seperti yang kita tahu dan yang selama ini kita lakukan, ketika kita akan memposting suatu kode HTML/Javascript ataupun mengedit kode CSS templates tentu saja ada beberapa kode yang HARUS di phrase atau di convert terlebih dahulu agar kode tersebut bisa terlihat atau berjalan dengan baik, misal kode script Iklan PPC (apabila ingin dipasang di dalam postingan).

Nah daripada kita bolak balik membuka situs yang menyediakan jasa Encode Decode (Convert) ini alangkah lebih baiknya kita pasang sendiri Tool ini di dalam blog kita pribadi.

Ok, tool gadget ini adalah buatan Google dan setelah saya pasang di blog saya sendiri ternyata tidak membuat load blog menjadi lama, jadi jangan khawatir apabila teman-teman ingin memasang tool ini di dalam blognya.

1. Silahkan teman-teman menuju ke link berikut ini: [gmodules.com]

2. Lalu editlah beberapa option untuk merubah tampilan gadgetnya sesuai dengan selera teman-teman,

Lihat Gambar

3. Ambil kode tool nya dengan klik "Dapatkan Kode",

4. Jika sudah, maka tool ini bisa teman-teman taruh di dalam postingan (buat postingan baru/halaman baru) atau bisa taruh di sidebar widget.

Baca Selengkapnya...

Cara memasang binatang peliharaan di blog

Pets atau Binatang ini hanya berupa vritual yang nantinya akan ditanamkan pada gadget. Selain sebagai sarana memperindah blog juga membuat blog kelihatan hidup dengan adanya binatang yang "terpelihara" diblog

1. Buka halaman http://bunnyherolabs.com/adopt,

2. Selanjutnya, atur tampilan binatang peliharaan yang akan anda pasng dengan menggunakan tool yang sudah disediakan:

• Give your new pet a name, isi dengan binatang peliharaan

• Type your name here, isi dengan nama atau nickname Anda.

• Your pet can be any colour you like, utk mengatur warna dari binatang peliharaan

3. Akhiri dengan klik tombol Finish.
4. Berhubung binatang tersebut akan dipelihara diblogger , maka klik navigasi Other sites dan pilih Blogger

CARA PEMASANGAN PELIHARAAN DIBLOGGER

1. Pertama login terlebih dahulu ke Blog anda tentunya
2. kemudian klik rancangan
3. lalu klik Tambah gadget
4. dan pilih gadget HTML/JavaScript
5. Masukan Kode Script Tadi
6. Lalu klik Simpan

Baca Selengkapnya...

Cara membuat formulir pendaftaran online di blog

 

Pada post sebelumnya saya telah memberikan tutorial Membuat Form dan kali ini pasa saya akan memberikan tutorial tentang membuat form dengan menggunakan Google Docs, dengan menggunakan fasilitas ini banyak sekali manfaat yang kita terima seperti :

• Kita tidak perlu membuka satu-satu email yang kita terima dan membuatnya menjadi database, karena data yang diterima dengan fasilitas ini berupa database yang berbentuk format excel.
• Database yang terhimpun bisa kita sharing ke orang-orang yang membutuhkan data tersebut, atau hanya kita saja yang mengetahuinya.

Sebelum memulai membuat form dengan Google Docs anda harus sudah mempunyai akun gmail, jika belum silahkan daftar Disini (saya sudah menganggap anda bisa membuat akun gmail).

MEMBUAT FORM

Berikut langkah yang harus anda lakukan adalah :

1.  Login di Docs.Google.com dengan akun anda.

2. Setelah anda login maka anda akan masuk ke beranda dokumen.

3. Untuk membuat form Anda Klik Create New

 

4. Selanjutnya anda akan masuk kelembar kerja untuk membuat judul dan keterangan form, kemudian anda mendesain filed.

 

Berikut keterangan untuk mengatur filed-filed tersebut :

Question Title : Judul Filed

Help Text : Teks pembantu untuk menerangkan judul filed

Question Type : Type filed yang tediri dari : Question Title, Help Text, Question Type, Text, Paragraph text, Checkboxes, Choose from a list Skala dan Grid (lihat tampilan outputnya disini ).

Pada beri tanda centang Make this a required question apabila filed yang anda buat harus dijawab, biarkan kalau tidak

Setelah selesai membuat filed seperti yang anda inginkan kemudian klik Done untuk selesai.

Keterangan pada gambar dibawah adalah : edit untuk mengedit filed, duplikat untuk mengcopy filed atau menggandakan filed dan delete untuk menghapus.

5. Setelah anda selesai membuat form langkah selanjutnya adalah membuat thema form dengan cara mengklik Theme: Urban Landscape dan kemudian anda pilih tema yang diinginkan, setelah anda menemukan theme yang anda inginkan maka Klik lah theme tersebut.

 

Setelah tampil privew tampilan form anda klik untuk menerapkannya

MEMASANG PADA BLOG KITA.

1. Klik More action – Embed 

2. Copy Embed yang diberikan

3. Selanjutnya tempatkan embed tersebut pada  blog kita.

MELIHAT HASIL INPUT

Untuk melihat database hasil input dari form yang telah kita pasang pada blog kita, langkah yang harus dilakukan adalah :

1.  Login di Docs.Google.com dengan akun anda.
2. Setelah anda login maka anda akan masuk ke beranda dokumen.
3. Selanjutnya Klik Form yang pernah kita buat.



4. Maka jendela baru akan muncul berisi database berbentuk format excel.
CONTOH TAMPILAN DATABASE YANG TETLAH TERKUMPUL :

Baca Selengkapnya...

Cara membuat tabel, kotak, kolom di blog

Cara Membuat tabel atau kotak di blog atau di artikel postingan itu lah pembahasan kita hari ini. Untuk membuatnya sangat lah mudah. anda sedikit menambahkan atau menyisip kan kode script ke artikel yang ingin anda beri kotak atau tabel. Nah mungkin masih bingung yang saya maksudkan. Mari kita simak kode script di bawah ini.

Berikut langkah-langkah cara membuat tabel atau kotak di blog anda:

• Tabel dengan satu (1) kolom
  
  

  Nama Sahabat

  
  
  <table border="1"><tr><td>Nama Sahabat></td></tr></table>
  
  
• Tabel dengan dua (2) kolom
  
  

  Nama

  Hoby

  
  
  <table border="1" width="300">
  <tr><td>Nama Sahabat</td><td>Hoby</td></tr>
  </table> 
  
  
• Table tiga (3) kolom dengan empat (4) baris
  
  

  Nama	Kelas	Hobby
  A	6	Makan bakso
  A	6	Makan bakso
  A	6	Makan bakso
  A	6	Makan bakso

  
  
  <table border="1" width="300">
  <tr bg#3366ff">#E0F8E0">
  <td align="center">
  <b>Nama</b></td><td align="center"><b>Kelas</b></td><td align="center"><b>Hobby</b></td>
  </tr><tr><td align="center">A</td><td align="center">6</td><td align="left">Makan bakso</td></tr>
  <tr><td align="center">A</td><td align="center">6</td><td align="left">Makan bakso</td></tr>
  <tr><td align="center">A</td><td align="center">6</td><td align="left">Makan bakso</td></tr>
  <tr><td align="center">A</td><td align="center">6</td><td align="left">Makan bakso</td></tr>
  </table>
  
  
• Dari contoh di atas saya rasa anda sudah mengerti, jika belum silahkan anda coba utak atik saja sendiri. jangan pernah takut untuk bisa.

Selamat mencoba.....

Baca Selengkapnya...

Cara mengganti tulisan Copyright & Template di bagian bawah blog

Sebelum kita bahas panjang lebar, kita harus tahu terlebih dahulu tujuan dari tamplate by itu. tujuannya disini adalah untuk mengenalkan diri bahwa tamplate yang di pakek suatu blog tersebut adalah hasil dari karya seseorang. selain itu tamplate by ini memberi daya tarik tersendiri buat pengunjung rasa ingin tahu siapa sebalik dari pembuatan template tersebut.

Dimana saat ini kita perhatikan sebagian template terdapat Copyright dan tamplate by, tapi bagaimana dengan yang tidak memilikinya.seperti sobat blogger kita faisal. tentu saja ia berniat ingin menambahnya. tapi sebelumnya saya sarankan. jika tamplate yang anda gunakan bukan hasil dari karya anda sendiri lebih baik anda mencantumkan nama dari pembuat template tersebut. walau bagaimana pun ini adalah hasil karya mereka. tapi jika tamplate yang anda punya tidak asli lagi, mungkin sudah di edit sedemikian rupa, disini anda bisa mencantum kan nama pemilik asli tersebut atau anda bisa menulisnya dengan Tamplate Edit by.

Nah untuk menambah Copyright atau tamplate by ke blog anda. berikut ini langkah-langkah nya.

• Loggin terlebih dahulu ke blogger
• Rancangan
• Edit HTML
• Cari kode ]]></b:skin>
• kemudian letakkan kode di bawah ini di atas kode ]]></b:skin>
  
  
  #Footer{
  background:#005094;
  border: 1px solid #eee;
  text-shadow:#81A75B 1px 1px 1px;
  width: 962px;height:60px;
  margin:0;
  padding-top:1px;
  }
  #copyright{
  float:left;
  width:740px;
  padding-left:10px;
  }
  #copyright p{
  color:#000;
  margin:0;
  padding:10px 0 0;font:13px Arial, Tahoma, Verdana;
  }
  #editby{
  float:right;
  color:#000;
  width:200px;
  padding-right:10px;
  text-align:right;
  font: 13px Arial, Tahoma, Verdana;
  }
  #editby p{
  margin:0;
  padding:10px 0 0;
  }
  #editby a, #credits a:visited{
  color:#000;
  text-decoration:underline;
  }
  #editby a:hover{
  text-decoration:none;
  }
  
  
• Setelah itu cari <!-- end content-wrapper --> atau <!-- end outer-wrapper -->
• Kemudian letakkan kode dibawah ini sesudah kode <!-- end content-wrapper --> atau sebelum kode <!-- end outer-wrapper --> seperti yang dibawah ini
  
  
  <!-- end content-wrapper -->
  <div id='footer'>
  <div id='copyright'>
  <p>Copyright &#160;&#169;&#160; Panduan Sukses Blogger Blogger Indonesia</p>
  </div>
  <div id='editby'>
  <p>Template Edit by <a href='http://jayaputrasbloq.blogspot.com/'>J_Putra</a></p>
  </div>
  </div>
  <!-- end outer-wrapper -->
  
  
• Ganti ukuran lebar nya dengan lebar tamplate yang anda miliki (tulisan yang berwarna merah)
• dan jangan lupa ganti tulisan yang berwarna biru dengan yang anda inginkan.

Untuk sobat faisal mohon maaf sebelumnya karna kelupaan. Selamat mencoba......

Baca Selengkapnya...

Cara menampilkan pengunjung blog

Cara menampilkan pengunjung secara otomatis (E-referrer). Apasih E-referrer itu??? E-referrer ini adalah sebuah situs yang menyediakan link secara otomatis akan terindeks oleh blog kita, dalam arti kita nggak perlu repot-repot lagi harus memasang link teman ke blog kita dan mengatur posisinya. widget E-referrar ini akan bekerja secara otomatis untuk blog kita. disini akan terlihat pengunjung siapa saja yang sering mengunjungi web kita baik dari google atau dari situs lain. sebenarnya sistem kerja E-referrar ini hampir sama dengan situs live feed travic feedjit.com. tetapi di buat lebih simpel. nah untuk membuat nya sangat lah mudah anda, cukup ikuti langkah-langkah di bawah ini.

• Kunjungi www.e-referrer.com
• Klik register
• Isi form yang tersedia disana kemudian klik submit
• Setelah anda sucses mengisi form tersebut anda akan di kirim E-mail untuk aktifasi akun anda, setelah akun anda sudah aktif
• Kemudian klik Get code dan copy paste kode yang ada disana ke blog anda.
• Selesai

Selamat mencoba..........

Baca Selengkapnya...

Cara membuat read more dengan mudah

Cara membuat read more pada blog, blogspot, Blogger ini sangat mudah sekali, karena hanya tinggal mengcopykan script code yang ada ke template blogspot anda, dan Berikut ini cara yang mudah untuk membuat Read More Otomatis dengan Thumbnail di Blogger seperti halnya yang digunakan pada Blog. sebelum anda memulai membuat read more pada blog, blogspot, blogger yang harus anda lakukan adalah sebagai berikut :

► Silahkan Login dan masuk di akun blogger anda
► lalu klik Rancangan dan klik Edit HTML
► Centang Expand Template Widget
► Untuk mempermudah pencarian kode HTML nya anda tekan aja ( CTRL + F )
► Cari kode </head> dan kalau sudah ketemu
► Lalu silahkan Tambahkan kode dibawah ini tepatnya diatas kode </head>


<script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>   


Bila anda ingin merubah ukuran Read More Pada Blog, Blogspot, Blogger anda, ubah aja di bagian-bagian kode di bawah ini, dan Ubah angka nya sesuai kebutuhan:

summary_noimg = 430; adalah tinggi potongan artikel tanpa gambar
summary_img = 340; adalah tinggi potongan artikel dengan gambar
img_thumb_height = 100; adalah ukuran tinggi thumbnail
img_thumb_width = 120; adalah ukuran lebar thumbnail

► langkah Selanjutnya cari kode <data:post.body/> lalu ganti tag <data:post.body/> tersebut dengan kode script di bawah ini :

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'>&#187;&#187;&#160;&#160;READMORE...</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>


► dan untuk kata " READ MORE " bisa diganti sesuai dengan selera anda.

setelah dipastikan semua udah terpasang dengan benar langkah selanjutnya adalah simpan template dan coba lihatlah hasilnya. 

Baca Selengkapnya...

Cara Membuat Halaman Tukar Link and Banner

Sebenarnya tanpa halaman dan tanpa memberikan kode, anda juga bisa bertukar link ataupun banner. Tapi, dengan kode HTML yang telah anda sediakan apalagi dengan instruksi yang jelas, pengunjung akan lebih mudah bertukar link dengan anda.

Selain itu, dengan kode/script ini anda bisa membuatkan link atau banner yang anda inginkan untuk ditampilkan di blog parnter anda. Misalkan pada kode "title" dan "alt" untuk banner. Yang terpenting dari script yang anda buat ini adalah untuk memaksimalkan keyword pada link dan banner anda di website-website lainnya.

---

Pertama, anda harus membuat halaman khusus untuk tukar link atau banner. Sebaiknya, halaman tukar link dan tukar banner anda bedakan agar lebih tertata dan lebih jelas bagi pengunjung.

---

Setelah itu, tulis beberapa kalimat yang sifatnya mengajak agar pengunjung maubertukar link. Kemudian berikan petunjuk bagaimana cara untuk melakukannya.

---

Terakhir, buat kode untuk link dan banner blog anda untuk dipasangkan ke blog pengunjung. Berikut kodenya.

Link

&lt;a href="http://www.alamat-blog.com/" title="Judul dari blog anda yang akan tampil ketika ditunjuk"&gt;nama link&lt;/a&gt;

contoh: nama link

Banner

&lt;a href="http://www.alamat-blog.com/" title="Judul dari blog anda yang akan tampil ketika ditunjuk"&gt;&lt;img src="http://www.url-banner.com/banner.gif" alt="text yang tampil sebelum gambar terbuka" border="0"/&gt;&lt;/a&gt;

contoh:

---

Anda bisa meletakkan script tersebut dalam textarea dengan kode <textarea>script tukar link</textarea>, atau dengan menggunakan CSS

Agar pengunjung bisa memberi tahu ingin bertukar link, anda bisa menyediakan halaman kontak saya, chatbox, alamat email, ataupun kotak komentar di bawah halaman.

Baca Selengkapnya...

Cara Menghapus Blog di blogger.com

Cara menghapus blog di blogger.com sangatlah mudah, tapi tidak bisa kita pungkiri, banyak rekan-rekan kita sesama blogger yang masih kebingungan tentang bagaimana cara hapus blogger blog. Oleh sebab itu, posting "Cara Menghapus Blog di blogger.com" ini sengaja saya publikasikan. Siapa tahu, dengan adanya posting ini, rekan-rekan kita yang masih kebingungan tersebut mendapatkan sedikit pencerahan.

Sebelum saya memandu sobat blogger untuk melakukan Delete Blog, sobat blogger harus memastikan diri dulu, apakah sobat blogger sudah yakin 100% untuk mengahpus blog. Kalau sobat blogger sudah yakin, langsung saja ikuti tutorial blog ini.

Cara Menghapus Blog di OLD USER INTERFACE :

• Kunjungi www.blogger.com
• Dari Dasboard, klik Settings

• Di bagian Basic (Blog Tools), ada tiga pilihan disitu yaitu : Import blog, Export blog dan Delete Blog. Sobat pilih "Delete blog".
• Nanti sobat blogger akan dihadapkan pada, apakah sobat blogger akan mengekspor blog sobat terlebih dahulu atau tidak.
• Proses selesai dan blog sudah terhapus.

Cara Menghapus Blog di NEW USER INTERFACE :

• Kunjungi www.blogger.com
• Pada bagian drop down, klik Setting dan klik Other

• Di Blog tools sobat klik Delete blog
• Blog berhasil di hapus

Cara Mengembalikan Blog yang Terhapus :

Jika sobat blogger sengaja atau tidak sengaja menghapus blog sobat dan ingin merestore atau mengembalikan lagi blog sobat, Sobat dapat mengembalikan blog sobat dalam jangka waktu tertentu setelah penghapusan. Sobat kembali saja ke menu Dasboard dan lihat opsi yang sebelah kiri. Lalu sobat klik kata ""Deleted blogs" dan klik "Undelete this blog". Blog sobat pasti akan kembali normal seperti biasa lagi.

Informasi seputar cara hapus dan restore blog bisa juga sobat blogger dapatkan di :
http://support.google.com/blogger/bin/answer.py?hl=en&answer=41387

Baca Selengkapnya...

Cara Membuat Kotak Kode Script/HTML Saat Memposting

Sobat blogger yang saya hormati, dalam kesempatan kali ini saya akan membahas Membuat Kotak Kode Script/HTML Saat Memposting. Pasti diantara blogger" belum pada tau maupun bisa, untuk memperindah script  yang sobat posting. Coba kita langsung mempraktekan untuk membuat kotak script/html saat memposting, Silahkan pilih sesukamu :)

• Solid Border.

<div style="border: 2px #006400 solid; padding: 10px; background-color: #82CAFA; text-align: left;"> PASTE ATAU TULIS KODE/SCRIPTNYA DISINI</div> 

• Ridge Border.

<div style="border: 2px #006400 ridge; padding: 10px; background-color: #82CAFA; text-align: left;"> PASTE ATAU TULIS KODE/SCRIPTNYA DISINI</div>

• Groove Border.

<div style="border: 2px #006400 ridge; padding: 10px; background-color: #82CAFA; text-align: left;"> PASTE ATAU TULIS KODE/SCRIPTNYA DISINI</div> 

• Inset Border.

<div style="border: 2px #006400 inset; padding: 10px; background-color: #82CAFA; text-align: left;"> PASTE ATAU TULIS KODE/SCRIPTNYA DISINI</div>  

• Outset Border.

<div style="border: 2px #006400 outset; padding: 10px; background-color: #82CAFA; text-align: left;"> PASTE ATAU TULIS KODE/SCRIPTNYA DISINI</div>  

• Double Border.

<div style="border: 2px #006400 double; padding: 10px; background-color: #82CAFA; text-align: left;"> PASTE ATAU TULIS KODE/SCRIPTNYA DISINI</div>

• Dotted Border.

<div style="border: 2px #006400 dotted; padding: 10px; background-color: #82CAFA; text-align: left;"> PASTE ATAU TULIS KODE/SCRIPTNYA DISINI</div>

• Dashed Border.

<div style="border: 2px #006400 dashed; padding: 10px; background-color: #82CAFA; text-align: left;"> PASTE ATAU TULIS KODE/SCRIPTNYA DISINI </div>

• Border dengan scroll, lebar dan tinggi.

<div style="border: 2px #006400 solid; padding: 10px; background-color: #82CAFA; overflow: auto; height: 50px; width: 300px; text-align: left;"> PASTE ATAU TULIS KODE/SCRIPTNYA DISINI </div>

Keterangan :

- Tulisan 'Berwarna Merah' : Silahkan ganti dengan Kode Script/HTML yang sobat inginkan.

- Perlu di ingat Kode HTML atau Script yang ingin kamu tampilkan harus sudah dalam  
   keadaan "ENCODE" bisa dilihat caranya disini: Converter Kode Script/HTML Menjadi Encode

- Warna Background silahkan ganti sesukamu, Contoh kode warna: #006400

Baca Selengkapnya...