Memasang widget twitter di blogger.

Ada dua pilihan untuk menempatkan widget twitter ke blogger, yang secara otomatis (khusus untuk mereka yang menggunakan layout blogger baru) dan secara manual (untuk layout blogger baru dan layout blogger klasik). Berikut adalah langkah-langkahnya:

Secara otomatis (khusus untuk layout blogger baru):  

1. Harap sign in ke twitter.com dengan ID anda  

2. Klik Setting menu yang ada di kanan atas layar monitor

3.  Klik “You can also add Twitter to your site” link

4. Klik logo Blogger, kemudian klik tombol continue yang ada di kanan bawah

5. Klik “Add to blogger” banner, dan secara otomatis membawa Anda untuk login blogger di halaman

6. Kemudian Login ke blogger dengan ID kamu.

7. Pilih blog yang Anda ingin menambahkan widget twitter

8. Klik tombol add widget.

10. Selesei.

Manual (khusus untuk layout blogger baru)

Langkah-langkahnya:

Langkah Pertama;

1.  Silahkan masuk ke twitter denganID kamu

2. Klik Setting menu yang ada di kanan atas layar monitor

3. Klik “You can also add Twitter to your site here” link 

4. Klik logo blogger, kemudian klik tombol continue yang ada di kanan bawah

5. Salin kode yang diberikan, paste pada notepad untuk membuatnya lebih mudah

 

Langkah pertama selesei.

Langkah Kedua;

1. Masuk Ke blogger

2. Rancangan > eleman laman

3. Tambah Widget

4.  > HTML/java script

5. Pastekan kode yang tadi ditwitter ke kolom widget.

6. Kemudian klik save, dan selesei.

Sekarang pesan Anda dari twitter akan ditampilkan pada blog Anda sendiri.

Kode Facebook Share di Posting Blog

Ada empat jenis tampilan, memasang FB share di bawah ini, sebelum ke contoh kita belajar memasangnya dahulu:

Cara pasangnya:

1. Masuk ke blogger
2. Rancangan
3. Edit HTML
4. Cari kode ini <div class='post-header-line-1'/> karena setiap blog itu pasti berbeda apabila kode barusan tidak ketemu maka coba cari kode yang ini <data:post.body/> Apabila sudah menemukan kode yang tadi, maka masukkan salah satu kode di bawah ini di atasnya: 

Contoh Kode 1

---

    <div style="float:right;padding:4px;">
    <a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'/>
    <script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
    </div>
Hasilnya:

---

Contoh Kode 2

---

    <div style="float:left;padding:4px;">
    <a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'/>
    <script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
    </div>
Hasilnya:

---

Contoh Kode 3:

---

<div style="float:right;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/>
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>
Hasilnya:

---

Contoh Kode 4:

---

<div style="float:left;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/>
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>
Hasilnya:

---

-Save & Lihat Hasilnya.

Kode Membuat Kelelawar di Blog

Caranya:
1. Masuk blogger
2. Rancangan
3. Tambah Gadget > HTML/java script
4. Masukan kode dibawah ini
5. Save dan lihat hasilnya.

---

<script src="http://sites.google.com/site/javascriptnew/java-script/kelelawar.js" type="text/javascript"></script>

---

Oke Setelah file Java script diatas anda simpan di webhosting kamu, karena apabila terlalu banyak  anda menggunakan Java script diatas maka dikhawatirkan bandwidth web hosting file Java script diatas akan habis. Sehingga Java script tidak akan bekerja lagi.
 

---

Selamat

---