Wednesday, January 26, 2011

Blog.klikmassal.com

Blog.klikmassal.com

Membuat menu share artikel melayang

Posted: 26 Jan 2011 02:32 AM PST

Share melayang Mungkin bagi yang sudah master blog/web membuat menu share artikel seperti gambar di samping ini bukanlah hal yang baru  dan  biasa saja, tapi berhubung saya masih baru alias newbie dan pengen berbagi sama newbie2 lainnya ya gpplah share disini he he he…

Mungkin banyak teknik yang lainnya di luaran sana atau berjibun jika di cari google.com  gudangnya informasi saya gak tahu banyak teknik itu yang saya tahu hanya ini dan yang penting sudah saya coba dan berhasil…

Pertama yang harus Anda lakukan adalah masuk ke halaman edit themes anda,,, selanjutnya silahkan pilih style.css atau apa saja namanya yang intinya style dari blog anda, cara mengetahuinya yaitu biasanya yg berextensi ***.css  nah klik saja.

Seperti contoh klo punya saya di bawah ini :

memilih edit css

* yang saya kasih kolom merah itu yang di edit ya :)

Selanjutnya masukkan script di bawah ini kedalam file style.css anda, tambahkan di script yang paling bawah, copy script berikut :

.sharepost {
background:none repeat scroll 0 0 #FFFFFF;
border:2px solid #d5d5d5;
float:left;
margin-left:-140px;
position:fixed;
width:60px;
top:115px;
}
.sharer {
padding:5px;
border-bottom:1px solid #DADADA;
}

Ok langkah selanjutnya, masuk ke dalam file single.php atau single post dan cari kata2   <?php get_header(); ?> lalu masukkan script berikut tepat di bawahnya ;

edit single

<div>
<div><a href=”http://twitter.com/share”>Tweet</a><script src=”http://platform.twitter.com/widgets.js” type=”text/javascript”></script>

<script type=”text/javascript”>// <![CDATA[
var fbShare = {
url: '',
size: 'large',
google_analytics: 'true'
}
// ]]></script>
<script src=”http://widgets.fbshare.me/files/fbshare.js”></script>

<script src=”http://widgets.digg.com/buttons.js” type=”text/javascript”></script><a></a>
<a title=”Poskan ke Google Buzz” href=”http://www.google.com/buzz/post”></a>
<script src=”http://www.google.com/buzz/api/button.js” type=”text/javascript”></script>
</div>
</div>

oh ya setiap setelah melakukan langkah2 di atas harap untuk meng update file dengan klik menu di bawah kolom script ” update file”, dan teknik membuat menu share melayang ini hanya berlaku untuk wordpress dengan hosting saja, jadi bagi yang pakai wordpress gratisan maaf gan gak bisa di pakai cara di atas :)

Setelah selesai semua silahkan cek di artikel Anda, dan teknik di atas tidak akan tampil di halaman utama, jadi hanya tampil per artikel saja…

Ok selamat mencoba klo ada yang kesulitan absen saja :D saya bantu sebisa saya, tapi klo gak bisa ya mohon maaf ha  ha ha
Posted by at

No comments:

Post a Comment

Subscribe to: Post Comments (Atom)