Tampilkan postingan dengan label blogging. Tampilkan semua postingan

Cara Pasang/Buat Tombol Like di Setiap Posting Blog

Kamis, 13 Februari 2014
Posted by Unknown
Tag :

Logo Like Facebook, yang sangat terkenal di dunia. (Gambar tidak terlihat? Klik kanan tulisan ini, dan pilih 'Reload Image')


Cara Memasang/Membuat Tombol Like di Setiap Posting Blog – Mendengar kata Like, pikiran kita pasti tertuju kepada Facebook, social media besutan Mark Zuckerberg, yang sangat terkenal di Indonesia. Yap, fungsi utama dari tombol Like di postingan blog adalah untuk membagikan (share) postingan tersebut di beranda pengunjung yang tentu saja memiliki akun Facebook. Singkatnya, tombol Like ini juga berfungsi untuk mempromosikan (posting) blog di Facebook.Dan tentu saja, hasil akhirnya akan mendatangkan banyak pengunjung dari Facebook.
Agar Anda memiliki sedikit bayangan mengenai bentuk tombol like ini (setelah dipasang di blog tentunya), silahkan lihat gambar dibawah.
Preview tombol Like yang sudah dipasang. (Gambar tidak terlihat? Klik kanan tulisan ini, dan pilih 'Reload Image')

Berikut ini cara memasang (membuat) tombol like di setiap posting blog
1.     Buka blogger, lalu pilih Edit HTML.
2.     Buat sebuah backup dari template blog Anda, lalu klik tombol Edit HTML.
3.     Tekan CTRL+F, dan cari kode <data:post.body/> (jika ada dua, pilih yang kedua)
4.     Setelah ketemu, letakkan kode berikut tepat setelahnya/dibawahnya.
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=tahoma&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:310px; height:31px;'/>
5.     Terakhir, klik Simpan Template.

Angka 310 mewakili lebar tombol Like ini (dalam pixel). Silahkan diganti sesuai dengan keinginan.
Dengan adanya tombol like ini, diharapkan pengunjung blog Anda tidak segan – segan lagi untuk membagikan postingan Anda di Kronologi Facebook mereka. Selamat mencoba

Memasang Buku Tamu Di Blog

Minggu, 09 Februari 2014
Posted by Unknown
Tag :
Memasang Guest Book / Buku Tamu Buka Tutup Keren dan Unik di Blog? Kenapa tidak? Saat gue post artikel ini, hati gue lagi seneng jadi buku tamu karya gue sendiri ini gue bagi ke sobat-sobat. GRATIS. :D  Ya bagi sobat yang mungkin ingin memasang buku tamu unik dan kreatif sobat bisa comot deh buku tamu gue ini. Langsung saja gue tunjukkan cara pasangnya. Let's go sob :D

Oh iya sebelum itu gue tunjukkan nih penampakan buku tamunya,

So, Inilah langkah-langkahnya sob, check it dot: ;D
1. Anda harus punya dulu script buku tamu,kalau anda belum punya anda dapat mendapatkannya dari layanan gratis dimana anda dapat dengan mudah ambil itu script buku tamunya. Anda dapat mendaftar di cbox.ws.

Daftarnya mudah,kunjungi saja URL www.cbox.ws > klik sign up > isi data di kolom tersedia >Centang kotak kecilnya >  klik Creat My Cbox.
cbox+2

cbox+1

Masuk ke email anda yang buat daftar tadi dan cari kiriman email masuk di inbox atau spam. Buka email dan klik link konfirmasi yang terlampir dalam pesan.

Setelah masuk halaman cbox,artinya anda telah punya akun,dan pada halaman itu pula silahkan anda ambil tuh script buku tamu anda,dan simpan.

langkah selanjutnya
1. Copy kode berikut,
<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:400px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNnZ8JA-hDdk6sDeN-oox8LbbdN6QImBEjE-kNcbwCzw6GdLnmhf996tP2_11587Gh4Viah_6kb85bUWb_Db9hz2ckA1RwrDHFRZdac0j5Ve_3CkHJblsImXrOe3ClTw6fCcW8uUIrnJw/s1600/Bukutamu6.gif') no-repeat;}.gbcontent{ float:left;
border:2px solid #A5BD51;
background:url(http://i42.tinypic.com/2vamr6b.png
);
padding: 0px;
padding-top: 84px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()">
 </div>
<div class="gbcontent">

<!-- BEGIN CBOX - www.cbox.ws - v001 -->

isi dengan javascript cbox anda
<!-- END CBOX -->

<div style="text-align:right" color="#000000">

<a href="javascript:showHideGB()">
[Tutup DiSini Sobat]
</a>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div>

2. Buka Blogger sobat
3. Pilih Tata Letak >> Tambahkan Gadget
4. Pilih lagi HTML/Javasript
5. Paste kode diatas pada tempat yang tersedia (biarkan kolom judul kosong)
6. Ganti tulisan berwarna kuning dengan kode CHAT BOX anda
7. Klik simpan
8. lihat aja ke blog anda

Catatan: Pastikan frame chat box isian dengan lebar 216 dan tinggi 133

              Dan frame posting chat box dengan lebar 216 dan tinggi 24
Welcome to My Blog

follow me

terjemahkan halaman ini

- Copyright © spizaetuz bartelsi - Powered by Blogger -