Kali ini Saya akan membahas tentang Tombol Like Facebook, hemm, Kalian pasti sudah tahu Tombol Like Facebook kan...??? kalo orang Facebooker pasti tahu. OK kita masuk ke langkah-langkahnya saja.
[1]. Pertama pastinya Login dulu ke Blog Kalian.
[2]. Dari Dasbor, cari Rancangan --> Edit HTML.
[3]. Centang kotak Expand Template Widget.
[4]. Lalu cari Code <data:post.body/>.
[5]. Copy dan Paste-kan Code di bawah ini, tepat di bawah Code tadi.
[1]. Pertama pastinya Login dulu ke Blog Kalian.
[2]. Dari Dasbor, cari Rancangan --> Edit HTML.
[3]. Centang kotak Expand Template Widget.
[4]. Lalu cari Code <data:post.body/>.
[5]. Copy dan Paste-kan Code di bawah ini, tepat di bawah Code tadi.
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url +
"&layout=standard&show_faces=false&width=100&action=like&font=arial&
amp;colorscheme=dark"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:24px;'/>
<br/>
NB :
- Kalo Kalian menaruhnya di atas Code <data:post.body/>, maka Tombolnya akan berada di atas Postingan Kalian. Begitupun sebaliknya.
[6]. Simpan dan Lihat Hasilnya.
Semoga Bermanfaat...!!!
- Kalo Kalian menaruhnya di atas Code <data:post.body/>, maka Tombolnya akan berada di atas Postingan Kalian. Begitupun sebaliknya.
[6]. Simpan dan Lihat Hasilnya.
Semoga Bermanfaat...!!!
Cara Membuat Footer Melayang Atau Strip Footer
aklil | 05.41 |
Tips and Trick Blog
Salah satu Tips untuk memikat pengunjung bukan hanya pada artikel kalian tapi penampilan Blog Kalian merupakan pandangan pertama yang dapat memikat mereka. Jika Kalian merasa Blog Kalian belum tampil menarik maka Tips yang satu ini akan membuatnya lebih menarik. Pada kesempatan ini Saya akan mengajarkan Tips untuk membuat Footer Bar yang statis. Footer Bar akan selalu muncul walaupun Kalian mengscroll ke bawah halaman. Pada Footer Bar atau strip Footer ini Kalian dapat memasang Iklan atau pun pesan kepada pengunjung. Tentunya pengunjung akan mudah melihat pesan tersebut apabila mereka mendatangi Blog Kalian.
Jika Kalian merasa tertarik untuk membuatnya. Maka ikuti langkah-langkah berikut :[1]. Seperti biasa Login dulu ke Blog Kalian
[2]. Lalu pilih Tata Letak Klik Edit HTML
[3]. Centan Expand Widget Template
[4]. Cari Code "]]></b:skin>" (Tanpa Tanda Petik) dan Paste Code di bawah sebelum Code tadi
#navbar-footer p.info {float: right;padding-right:40px;line-height: 1.2;height: 100%;vertical-align: bottom;}#navbar-footer p {float: left;margin: 0px;padding-top:4px;padding-left:40px;vertical-align: bottom;line-height: 1.2;}#navbar-footer a {color: #333;}#navbar-footer {align: center;position: fixed;border-top: 1px solid #ddd;border-bottom: 10px solid #f5f5f5;background-color: #f5f5f5;width: 100%;left: 0px;text-align: left;color: #888;font-family: Verdana;font-size: 11px;z-index:10000;opacity: 0.9;filter: alpha(opacity: 90);bottom:0;}
[5]. Kemudian Copy dan Paste-kan Code di bawah sebelum Code "</body>" (Tanpa Tanda Petik)
<div id='navbar-footer'>[6]. Simpan Template Kalian dan Lihat Hasilnya...<p>Agar <a href='http://www.blogger.com'>IndonesianBlog-JmK</a> lebih bermanfaat dan menarik lagi,<br/> diharap anda dapat meninggalkan komentar....</p><p class='info'>Powered by <a href='http://www.blogger.com'>Blogger</a> | Created by <a href='http://www.facebook.com/gusti.ngurah.jumaika?ref=profile' target='_blank'>??[_�I_n_�do�n_e��si_�a�n] [�_Bl�_og�_] [�_J.__�m.�K�_��_�]�</a><br/>Copyright 2008 - 2009 All Rights Reserved: <a href='http://indonesianblog-jmk.blogspot.com/'>??[_�I_n_�do�n_e��si_�a�n] [�_Bl�_og�_] �_J.__�m.�K�_��_�]�</a><br/></p></div>
- Ganti Tulisan Yang Berwarna Merah Dengan Kata-Kata Kalian, Profile Facebook Kalian, Nama Blog Kalian, dan URL Blog Kalian.
Selamat Mencoba...!!!
Membuat Background Blog Berubah Warna, hemm mungkin Tips kali ini agak unik ya...??? Background Blog Berubah pada saat Kalian me-Refrese Blog. Dan warnanya pasti akan berubah-ubah. Bagaimana Kalian tertarik...??? kalau tertarik, silahkan ikuti langkah-langkah di bawah ini.
[1]. Login dulu ke Blog Kalian.
[2]. Dari Dasbor, cari Rancangan --> Elemen Lamat.
[3]. Klik Tambahkan Gadget --> HTML/Java Script.
[4]. Copy dan Paste-kan Code di bawah ke dalamnya.
<script type='text/javascript'>
//CDATA[
//Created Ageboy:
var bgcolorlist=new Array("#FFFFFF", "#B30000", "#EEFF00", "#11FF00", "#FF8A14", "#0008FF", "#4AFFF3", "#000")
document.body.style.background=bgcolorlist [Math.floor(Math.random()*bgcolorlist.length)]
//]]>
</script>
NB :
- Tulisan yang berwarna Merah, adalah warna Backgroundnya. Kalian bisa ganti dengan warna yang Kalian suka. Kalau Kalian tidak punya Code warna, klik saja di SINI.
[5]. Terakhir tinggal di Save, dan lihat hasilnya.
Selamat Mencoba...!!!
[5]. Terakhir tinggal di Save, dan lihat hasilnya.
Selamat Mencoba...!!!
Cara Membuat Effect Pelangi Pada Link Blog
aklil | 02.14 |
Tips and Trick Blog
Sebelunya Saya sudah pernah bahas tentang Cara Membuat Effect Bayangan Pada Link Blog, dan kali ini Saya kembali Update yang Effect Pelangi. Seperti yang Kalian lihat pada Blog ini, pada saat Kalian menyorot Link Blog ini, pasti Linknya berubah warna secara otomatis. OK, kita masuk ke materi.
[1]. Login dulu ke Blog Kalian.
[2]. Dari Dasbor, cari Rancangan --> Elemen Lamat.
[3]. Klik Tambahkan Gadget --> HTML/Java Script.
[4]. Copy dan Paste-kan Code di bawah ke dalamnya.
<script src="http://jmkjs.googlecode.com/files/Pelangi%20JmK.js">
</script>
[5]. Terakhir tinggal di SAVE, dan lihat hasilnya.
Semoga Berhasil...!!! Ohh ya, jangan lupa Komentarnya Ya...!!!
Cara Mengganti Background Kotak Komentar Blog
aklil | 22.19 |
Tips and Trick Blog
Kali ini Saya akan memberikan Tips Cara Mengganti Background Kotak Komentar Blog. Tips ini mungkin sudah tidak asing lagi buat Sobat2 Blogger. Dan mungkin Kalian juga sudah tahu arti judul Postingan kali ini. Seperti yang Kalian lihat pada Kotak Komentar di bawah.
OK, kita langsung masuk ke langkah-langkahnya.
[1]. Pertama pastinya Login dulu ke Blog Kalian.
[2]. Dari Dasbor, cari Rancangan --> Edit HTML.
[3]. Centang kotak Expand Widget Template.
[4]. Lalu cari Code <div class='comment-form'>, lalu ganti Code
itu dengan Code di bawah.
OK, kita langsung masuk ke langkah-langkahnya.
[1]. Pertama pastinya Login dulu ke Blog Kalian.
[2]. Dari Dasbor, cari Rancangan --> Edit HTML.
[3]. Centang kotak Expand Widget Template.
[4]. Lalu cari Code <div class='comment-form'>, lalu ganti Code
itu dengan Code di bawah.
<div id='ib-form'>NB :
- Berhubung semua Template berbeda-beda jadi bisa saja ada 2 atau lebih Code seperti dia atas, jadi kalo Kalian menemukan ada Code yang sama, cari saja Code yang Pertama atau Paling Atas.
[5]. Kalo sudah, cari Code ]]></b:skin>, lalu Copy dan Paste-kan Code di bawah ini, tepat di atas Code Tersebut.
[5]. Kalo sudah, cari Code ]]></b:skin>, lalu Copy dan Paste-kan Code di bawah ini, tepat di atas Code Tersebut.
#ib-form iframe{NB :
background:#ffffff url(https://sites.google.com/site/rakasajmk/download-1/download-2/JmK%20BG.jpg) no-repeat bottom right;
border:7px solid #C7C7C7;
padding:5px;
font:normal 12pt "ms sans serif", Arial;
color:#7EB2AC;
width:95%;height:250px;}
#ib-form iframe:hover{
background:#ffffff url(https://sites.google.com/site/rakasajmk/download-1/download-2/JmK%20BG.jpg) no-repeat bottom right;
border:7px solid #7EB2AC;}
#ib-form a{
color:#7EB2AC;}
- Tulisan yang berwarna Merah, Kalian bisa ganti dengan URL Background Kalian.
- Dan yang berwarna Biru, adalah wah pinggirannya. Kalian bisa ganti sesuka hati. Jika Kalian tidah punya Code warna klik saj di SINI.
[6]. Simpan dan lihat hasilnya.
Semoga Berhasil...!!!
