Buat Tombol Share Fb, Buzz, Digg, Twitter Di Blogspot

Bagaimana cara membuat tombol share seperti ini :

Membuat Tombol Share

Agan tertarik untuk mencobanya? baiklah kali ini saya akan bagikan salah satu rahasia para Master Blogger hehe, berhubung pengalaman ini didapat dari yang punya ilmu, yaitu para Master, maka hasilnya akan dibagikan lagi semoga berguna dan dapat dimengerti.

Seperti yang saya dengar bahwa, tombol share ini merupakan elemen yang sangat penting, sebab dapat mendatangkan pengunjung yang banyak dari luar. ga percaya? coba tengok aja blog terselubung.

Share atau berbagi saat ini merupakan hal yang penting karena itulah anda wajib memasang tombol share di blog atau web saudara :

Langkah 1

1. Langsung saja silakan copy kodenya terlebih dahulu:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='border-top:1px solid #ccc;border-bottom:1px solid #ccc; padding:8px 0px;margin:4px 0px 30px 0px;width:100%;float:left;height:20px;'>
<div style='float:left;padding-left:0px;font:normal 12px Georgia;font-style:Italic;'>
Share this history on :
</div>
<div style='float:left;padding-left:10px;'>
<a name='fb_share' type='button_count'/>
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'>
</script></div>
<div style='float:left;padding-left:10px;'>
<a class='google-buzz-button' data-button-style='small-count' href='http://www.google.com/buzz/post' title='Post to Google Buzz'/>
<script src='http://www.google.com/buzz/api/button.js' type='text/javascript'/>
</div>
<div style='float:left;padding-left:10px;'>
<a class='DiggThisButton DiggCompact'/>
<script type='text/javascript'>
(function() {
var s = document.createElement(&#39;SCRIPT&#39;), s1 = document.getElementsByTagName(&#39;SCRIPT&#39;)[0];
s.type = &#39;text/javascript&#39;;
s.async = true;
s.src = &#39;http://widgets.digg.com/buttons.js&#39;;
s1.parentNode.insertBefore(s, s1);
})();
</script>
</div>
<div style='float:left;padding-left:10px;'>
<a class='twitter-share-button' data-count='horizontal' data-via=' user_name ' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
</div>
</div>
</b:if>

catatan: pada kode diatas, ada tulisan user_name twitter, ganti dengan milik Anda

Langkah 2

Login ke Blogger » Rancangan » Edit HTML » Centang Expend Widget

Cari Kode <div class='post-body entry-content'>

Tips mencari kode dengan cepat: tekan ctrl+f dan masukan kode di atas, atau jika tidak ketemu musukan saja tulisan post-body kemudian cari kode yang mirip dengan yang saya sebutkan tadi di atas!. Jika sudah ketemu pastekan code yang telah Anda copy tadi tepat di atasnya <div class='post-body entry-content'> Simpan Template dan Lihat hasilnya !

Oke agan-agan cukupkan sekian dulu ya.. mudah-mudahan dengan update kali ini agan dapat menikmatinya dengan puas, dan semoga bermanfaat!

Kasih link back ya klo copy-paste hehe... selamat memebuat tombol share.

Cara Membuat Tombol Share Fb, Buzz, Digg, Twitter Di Blogspot

Judul Posting Artikel Berjalan

Kemarin pada saat saya nongkrong di blognya KR, ada salah seorang pengunjung blog yang bertanya bagaimana cara membuat judul posting berjalan. Pada awalnya saya berpikir mustahil bisa dilakukan hanya dengan menggunakan kode marquee, saya pikir mungkin itu hanya dapat dilakukan dengan menggunakan Java script. Tetapi setelah berusaha keras mengutak-atik kode HTML blog saya, akhirnya saya menemukan cara sederhana untuk membuat judul pada posting atau artikel blog berjalan. Hasil yang di dapat seperti anda membuat teks berjalan dengan kode marquee atau seperti judul blog berjalan yang menggunakan Java script.

Baiklah tanpa perlu panjang lebar saya akan memberikan triknya. Seperti biasa pertama login ke Dashboard Blogger anda kemudian klik Layout - Edit HTML. Untuk berjaga-jaga sebaiknya backup dulu template anda, lalu klik pada Expand widget templates dan carilah kode dibawah ini:

<b:includable id='post' var='post'>
<div class='post hentry uncustomized-post-template'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

Kemudian pasang kode marquee sehingga kode lengkap hasil perubahan akan seperti dibawah ini:

<b:includable id='post' var='post'>
<div class='post hentry uncustomized-post-template'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<marquee direction='left'><h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3> </marquee>
</b:if>

Teks yang berwarna hijau adalah kode yang harus anda tambahkan. Anda dapat merubah arah dengan mengganti kode left menjadi right. Klik tombol Preview untuk melihat hasilnya, jika anda sudah cukup puas silahkan di simpan pekerjaan anda.

Contoh hasil seperti ini :

JUDUL POSTING BLOG ANDA

Bagaimana, mudah bukan? Selamat mencoba..

Related Posts Di Sidebar

Related posts widget atau artikel terkait adalah widget yang memunculkan artikel yang berkaitan dengan postingan yang sedang di baca. Cara ini sudah banyak yang menjelaskan di postingan para sahabat Blogger, namun saya juga ingin berbagi pengalaman yang sudah saya kerjakan.

Related posts sangat bermanfaat bagi blog kita terutama untuk SEO dan juga bermanfaat bagi pengunjung. Dengan related posts widget ini, pengunjung suatu blog akan mudah untuk membaca atau menelusuri setiap postingan yang ada di blog kita.

Nah tentunya hal ini akan meningkatkan page view blog kita. Related posts widget ini di buat dengan berbagai bentuk yang menarik agar pengunjung tertarik untuk menelusuri blog kita. Tertarik untuk mencobanya di blog anda? Silahkan ikuti totorial Cara Membuat Related Posts Di Sidebar berikut ini.

1. Log in ke blogger dengan akun yang anda miliki.
2. Pergi menuju ke rancangan » edit HTML » centang kotak expand template widget. Atau bagi yang menggunakan tampilan blogger yang baru, anda tinggal klik template » edit HTML » centang kotak expand template widget.
3. Hampir aja lupa, sebelum melakukan pengeditan, sebaiknya anda memback-up template anda dulu buat jaga-jaga bila terjadi kesalahan dalam melakukan pengeditan.
4. Cari kode </head> dan letakkan kode di bawah ini sebelum kode </head>.

<script src='http://contents-ente.googlecode.com/files/sidebar-ente.js' type='text/javascript'></script>

5. Cari kode yang kira-kira mirip seperti ini.

<b:if cond='data:post.labels'>

<data:postLabelsLabel/>

<b:loop values='data:post.labels' var='label'>

<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if> </b:loop>

</b:if>

6. Kalau sudah ketemu, tambahkan kode di bawah ini di dalam kode di atas.

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=10&quot;' type='text/javascript'/>

</b:if>

Sehingga kodenya menjadi seperti ini.

<b:if cond='data:post.labels'>

<data:postLabelsLabel/>

<b:loop values='data:post.labels' var='label'>

<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=10&quot;' type='text/javascript'/>

</b:if>

</b:loop>

</b:if>

Keterangan : kode yang bercetak tebal berwarna merah adalah jumlah artikel terkait atau related posts yang akan di munculkan, sedangkan kode yang berwarna hijau adalah kode yang di tambahkan.

7. Save template anda.

8. Sekarang anda menuju ke tata letak » tambah gadget » HTML/Java script. Masukkan kode di bawah ini pada kolom yang sudah di sediakan.

<script type="text/javascript">

removeRelatedDuplicates();

printRelatedLabels();

</script>

9. Save gadget anda, dan lihat hasilnya.

Sekian dulu tutorial dari saya kali ini tentang Cara Membuat Related Posts Di Sidebar, bagi yang masih bingung silahkan untuk bertanya ya.

Silsilah Raja-Raja Dan Sultan Banten

Silsilah Raja-Raja Dan Sultan Banten Beserta Keturunannya

★☆★☆★  MAULANA SYARIF HIDAYATULLAH – SUNAN GUNUNG JATI, berputera :

1. Ratu Ayu Pembayun.
2. Pangeran Pasarean
3. Pangeran Jaya Lelana
4. Maulana Hasanuddin ☆★
5. Pangeran Bratakelana
6. Ratu Wianon 7. Pangeran Turusmi


★☆★☆★  MAULANA HASANUDDIN – PANEMBAHAN SUROSOWAN(1552-1570), berputera :

1. Ratu Pembayu
2. Pangeran Yusuf ☆★
3. Pangeran Arya Japara
4. Pangeran Suniararas
5. Pangeran Pajajara
6. Pangeran Pringgalaya
7. Pangeran Sabrang Lor
8. Ratu Keben
9. Ratu Terpenter
10. Ratu Biru
11. Ratu Ayu Arsanengah
12. Pangeran Pajajaran Wado
13. Tumenggung Wilatikta
14. Ratu Ayu Kamudarage
15. Pangeran Sabrang Wetan

★☆★☆★  MAULANA YUSUF - PANEMBAHAN PAKALANGAN GEDE (1570-1580), berputra :

1. Pangeran Arya Upapati
2. Pangeran Arya Adikara
3. Pangeran Arya Mandalika
4. Pangeran Arya Ranamanggala
5. Pangeran Arya Seminingrat
6. Ratu Demang
7. Ratu Pecatanda
8. Ratu Rangga
9. Ratu Ayu Wiyos
10. Ratu Manis
11. Pangeran Manduraraja
12. Pangeran widara
13. Ratu Belimbing
14. Maulana Muhammad ☆★

★☆★☆★  MAULANA MUHAMMAD - PANGERAN RATU ING BANTEN (1580-1596)Berputra :

1. Pangeran 'Abdul Kadir ☆★


★☆★☆★  SULTAN ABUL MAFAKHIR MAHMUD ‘ABDUL KADIR - KENARI (1596-1651), berputra :
1. Sultan ‘Abdul Maali Ahmad Kenari (Putra Mahkota) ☆★
2. Ratu Dewi
3. Ratu Ayu
4. Pangeran Arya Banten
5. Ratu Mirah
6. Pangeran Sudamanggala
7. Pangeran Ranamanggala
8. Ratu Belimbing
9. Ratu Gedong
10. Pangeran Arya Maduraja
11. Pangeran Kidul
12. Ratu Dalem
13. Ratu Lor
14. Pangeran Seminingrat
15. Ratu Kidul
16. Pangeran Arya Wiratmaka
17. Pangeran Arya Danuwangsa
18. Pangeran Arya Prabangsa
19. Pangeran Arya Wirasuta
20. Ratu Gading.
21. Ratu Pandan
22. Pangeran Wirasmara
23. Ratu Sandi
24. Pangeran Arya Jayaningrat
25. Ratu Citra
26. Pangeran Arya Adiwangsa
27. Pangeran Arya Sutakusuma
28. Pangeran Arya Jayasantika
29. Ratu Hafsah
30. Ratu Pojok
31. Ratu Pacar
32. Ratu Bangsal
33. Ratu Salamah
34. Ratu Ratmala
35. Ratu Hasanah
36. Ratu Husaerah
37. Ratu Kelumpuk
38. Ratu Jiput
39. Ratu Wuragil

★☆★☆★  SULTAN ‘ABDUL MA’ALI AHMAD, berputera:

1. Abul Fath Abdul Fattah ☆★
2. Ratu Panenggak
3. Ratu Nengah
4. Pangeran Arya Elor
5. Ratu Wijil
6. Ratu Puspita
7. Pangeran Arya Ewaraja
8. Pangeran Arya Kidul
9. Ratu Tinumpuk
10. Ratu Inten
11. Pangeran Arya Dipanegara
12. Pangeran Arya Ardikusuma
13. Pangeran Arya Kulon
14. Pangeran Arya Wetan
15. Ratu Ayu Ingalengkadipura

★☆★☆★  SULTAN AGENG TIRTAYASA - ’ABUL FATH ‘ABDUL FATTAH (1651-1672), berputra :

1. Sultan Haji ☆★
2. Pangeran Arya ‘abdul ‘Alim
3. Pangeran Arya Ingayudadipura
4. Pangeran Arya Purbaya
5. Pangeran Sugiri
6. Tubagus Rajasuta
7. Tubagus Rajaputra
8. Tubagus Husaen
9. Raden Mandaraka
10. Raden Saleh
11. Raden Rum
12. Raden Mesir
13. Raden Muhammad
14. Raden Muhsin
15. Tubagus Wetan
16. Tubagus Muhammad ‘Athif
17. Tubagus Abdul
18. Ratu Raja Mirah
19. Ratu Ayu
20. Ratu Kidul
21. Ratu Marta
22. Ratu Adi
23. Ratu Ummu
24. Ratu Hadijah
25. Ratu Habibah
26. Ratu Fatimah
27. Ratu Asyiqoh
28. Ratu Nasibah
29. Tubagus Kulon


★☆★☆★  SULTAN ABU NASR ABDUL KAHHAR – SULTAN HAJI (1672-1687), berputra :

1. Sultan Abdul Fadhl ☆★
2. Sultan Abul Mahasin ☆★
3. Pangeran Muhammad Thahir
4. Pangeran Fadhludin
5. Pangeran Ja’farrudin
6. Ratu Muhammad Alim
7. Ratu Rohimah
8. Ratu Hamimah
9. Pangeran Ksatrian
10. Ratu Mumbay (Ratu Bombay)


★☆★☆★  SULTAN ABUL FADHL (1687-1690) Berputra :

- Tidak Memiliki Putera


★☆★☆★  SULTAN ABUL MAHASIN ZAINUL ABIDIN(1690-1733 ), berputra :

1. Sultan Muhammad Syifa ☆★
2. Sultan Muhammad Wasi’ ☆★
3. Pangeran Yusuf
4. Pangeran Muhammad Shaleh
5. Ratu Samiyah
6. Ratu Komariyah
7. Pangeran Tumenggung
8. Pangeran Ardikusuma
9. Pangeran Anom Mohammad Nuh
10. Ratu Fatimah Putra
11. Ratu Badriyah
12. Pangeran Manduranagara
13. Pangeran Jaya Sentika
14. Ratu Jabariyah
15. Pangeran Abu Hassan
16. Pangeran Dipati Banten
17. Pangeran Ariya
18. Raden Nasut
19. Raden Maksaruddin
20. Pangeran Dipakusuma
21. Ratu Afifah
22. Ratu Siti Adirah
23. Ratu Safiqoh
24. Tubagus Wirakusuma
25. Tubagus Abdurrahman
26. Tubagus Mahaim
27. Raden Rauf
28. Tubagus Abdul Jalal
29. Ratu Hayati
30. Ratu Muhibbah
31. Raden Putera
32. Ratu Halimah
33. Tubagus Sahib
34. Ratu Sa’idah
35. Ratu Satijah
36. Ratu ‘Adawiyah
37. Tubagus Syarifuddin
38. Ratu ‘Afiyah Ratnaningrat
39. Tubagus Jamil
40. Tubagus Sa’jan
41. Tubagus Haji
42. Ratu Thoyibah
43. Ratu Khairiyah Kumudaningrat
44. Pangeran Rajaningrat
45. Tubagus Jahidi
46. Tubagus Abdul Aziz
47. Pangeran Rajasantika
48. Tubagus Kalamudin
49. Ratu SIti Sa’ban Kusumaningrat
50. Tubagus Abunasir
51. Raden Darmakusuma
52. Raden Hamid
53. Ratu Sifah
54. Ratu Minah
55. Ratu ‘Azizah
56. Ratu Sehah
57. Ratu Suba/Ruba
58. Tubagus Muhammad Said (Pg. Natabaya) ۩ ۩


★☆★☆★  SULTAN MUHAMMAD SYIFA’ ZAINUL ARIFIN putra  SULTAN ABUL MAHASIN ZAINUL ABIDIN(1733-1750), berputra :

1.Sultan Muhammad ‘Arif ☆★
2. Ratu Ayu
3. Tubagus Hasannudin
4. Raden Raja Pangeran Rajasantika
5. Pangeran Muhammad Rajasantika
6. Ratu ‘Afiyah
7. Ratu Sa’diyah
8. Ratu Halimah
9. Tubagus Abu Khaer
10. Ratu Hayati
11. Tubagus Muhammad Shaleh ۩ ۩ ۩ { Uyut Manshur Cikadueun } ۩ ۩ ۩ ۩


★☆★☆★  SULTAN SYARIFUDDIN RATU WAKIL(1750-1752 ) menantu SULTAN MUHAMMAD SYIFA’ ZAINUL ARIFIN,

- Tidak Berputera


★☆★☆★  SULTAN MUHAMMAD WASI’ ZAINUL ‘ALIMIN (1752-1753) putra SULTAN ABUL MAHASIN ZAINUL ABIDIN,

- Tidak Berputera


★☆★☆★  SULTAN MUHAMMAD ‘ARIF ZAINUL ASYIKIN(1753-1773) putra SULTAN MUHAMMAD SYIFA’ ZAINUL ARIFIN, berputra :

1. Sultan Abul Mafakhir Muhammad Aliyudin ☆★
2. Sultan Muhyiddin Zainusholiohin ☆★
3. Pangeran Manggala
4. Pangeran Suralaya
5. Pangeran Suramanggala


★☆★☆★  SULTAN ABUL MAFAKHIR MUHAMMAD ALIYUDDIN (1773-1799 putra SULTAN MUHAMMAD ‘ARIF ZAINUL ASYIKIN, berputra :

1. Sultan Muhammad Ishaq Zainul Muttaqin ☆★
2. Sultan Agilludin (Sultan Aliyuddin II) ☆★
3. Pangeran Darma
4. Pangeran Muhammad Abbas
5. Pangeran Musa
6. Pangeran Jali
7. Pangeran Ahmad


★☆★☆★  SULTAN MUHYIDDIN ZAINUSHOLIHIN (1799-1801) putra  SULTAN MUHAMMAD ‘ARIF ZAINUL ASYIKIN, berputra :

1. Sultan Muhammad Shafiuddin ☆★


★☆★☆★  SULTAN MUHAMMAD ISHAQ ZAINUL MUTTAQIN (1801-1802) putra SULTAN ABUL MAFAKHIR MUHAMMAD ALIYUDDIN

- Tidak Berputera


★☆★☆★  SULTAN WAKIL PANGERAN NATAWIJAYA (1802-1803) tiada keterangan;


★☆★☆★  SULTAN AQILUDDIN (SULTAN ALIYUDDIN II) (1803-1808) putra SULTAN ABUL MAFAKHIR MUHAMMAD ALIYUDDIN

- Tidak Berputera


★☆★☆★  SULTAN WAKIL PANGERAN SURAMANGGALA (1808-1809) putra SULTAN MUHAMMAD ‘ARIF ZAINUL ASYIKIN.


★☆★☆★  SULTAN MUHAMMAD SHAFIUDDIN (1809-1813) putra SULTAN MUHYIDDIN ZAINUSHOLIHIN.

1. SULTAN Muhammad Rafiuddin ☆★

★☆★☆★  SULTAN MUHAMMAD RAFIUDDIN (1813-1820) putra SULTAN MUHAMMAD SHAFIUDDIN [SULTAN TERAKHIR]

Beristri Ratu Putri Fatimah putri Pangeran Ahmad putra SULTAN ABUL MAFAKHIR MUHAMMAD ALIYUDDIN, berputra;

1. Pangeran Suryokumolo.
2. Ratu Ajeng Chasijah.
3. Pangeran Timur Sastroatmojo.