Sebelumnya suda dibahas Cara Membuat Like Facebook pada Postingan Blog.
Kali ini Pphoo™ akan mengulas Cara membuat Share Facebook pada Postingan Blog.
Langsung aja Kawan... 


<span class="st_sharethis"></span>
<span class="st_facebook"></span>
<span class="st_twitter"></span>
<span class="st_myspace"></span>
<span class="st_email" ></span>
<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script type="text/javascript">
        stLight.options({
                publisher:'12345'
        });
</script>

Contoh dibawah ini :

    

Powered by: Share This 
 
Penempatan script diatas dapat kalian copas dibawah kode <data:post.body/> pada HTML, jangan lupa klik kotak kecil terlebih dahulu


Jangan lupan simpan template kalian...
 
Semoga bermanfaat Kawan... (",)
Kali ini Pphoo™ akan mengulas Cara membuat Daftar Isi dengan bermain script ala http://infotentangblog.blogspot.com
Langsung aja Kita ke TKP....

Ikuti langkah berikut ini :
1. Masuk ke blogger
2. Tata Letak
3. Tambah widget Html atau Javascript
4. Copy paste script dibawah ini


</script>
<div id="di">
<div class="ditab" onclick="showHideID()"> </div>
<div class="dicontent">
<div style="padding: 1px; overflow:auto; height: 400px;width: 300px;">
<div id="cl_option"> Loading... </div>
<div id="cl_content_list"> </div>
<script type="text/javascript">var jumlah_kata_dalam_ringkasan = 200;</script>
<script src="http://copycat91.googlecode.com/svn/trunk/contentlist.js"> </script>
<script src="http://www.pphoo.tk/feeds/posts/default?alt=json-in-script&callback=onLoadFeed&max-results=999"> </script>
Created By <a href="http://www.pphoo.tk/" target="_blank">Pphoo™</a>
</div> </div></div>
<script type="text/javascript">
var di = document.getElementById("di");
di.style.right = (30-di.offsetWidth).toString() + "px";
</script>

5. Ganti tulisan yang berwarna pink dengan alamat Blog Kawan-kawan semua dan ganti angka 400 dan 300 sesuai selera kalian.
6.  Ganti tulisan Loading... sesuai juga dengan selera kalian, bisa juga dengan... Sabar ya Bang...!!!
7. Jika Loading terlalu lama, ganti tampilan post  999 sesuai kebutuhan atau seberapa banyak postingan kalian.
8. Jangan lupa save/simpan dan lihat hasilnya.


Selamat mencoba dan semoga bermanfaat Kawan... (",)
Kali ini Pphoo™ akan mengulas Cara membuat Like Facebook pada Postingan Blog. Langsung aja Kawan... 

 

Facebook Like

Cukup tambahkan salah satu (standard button, horizontal button atau vertical count) ditentukan kelas baru untuk halaman Anda di samping daftar tombol lainnya :

<!-- standard button-->
<span class="st_fblike_fbLong" ></span>
<!--horizontal count-->
<span class="st_fblike_hcount" ></span>
<!--vertical count-->
<span class="st_fblike_vcount" ></span>
<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script type="text/javascript">
        stLight.options({
                publisher:'12345',
        });
</script>
 
Lihat contoh dibawah ini :





 

Google+1

Dengan tombol 1 baru Google ada beberapa pilihan format termasuk icon kecil / besar, tombol, dan counter (horisontal, vertikal). Contoh di bawah ini menggambarkan berbagai pilihan. Pilih satu yang sesuai dengan estetika situs Anda.

CATATAN:
 Dalam contoh di bawah parameter st_url menentukan URL yang harus dibagi.
 Biasanya ini adalah sama dengan saat halaman web namun dalam beberapa kasus, Anda mungkin ingin berbagi
 URL yang berbeda (misalnya link singkat). Parameter ini adalah opsional -> 

<!-- standard button-->
<span class="st_plusone_button" st_url="http://www.sharethis.com/"></span>
<!-- small image-->
<span class="st_plusone" st_url="http://www.sharethis.com/"></span>
<!-- large image-->
<span class="st_plusone_large" st_url="http://www.sharethis.com/"></span>
<!-- horizontal counter-->
<span class="st_plusone_hcount" st_url="http://www.sharethis.com/"></span>
<!-- vertical counter-->
<span class="st_plusone_vcount" st_url="http://www.sharethis.com/"></span>
<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script type="text/javascript">
        stLight.options({
                publisher:'12345',
        });
</script>
 
Lihat contoh dibawah ini :  




Powered by: Share This 
 
Penempatan script diatas dapat kalian copas dibawah kode <data:post.body/> pada HTML, jangan lupa klik kotak kecil terlebih dahulu


Jangan lupan simpan template kalian...
 
Semoga bermanfaat Kawan... (",)
Subscribe to: Posts (Atom)