Cara Pasang Gambar Di judul Postingan

Gambar Di Judul Postingan ? Mungkin kata itu sudah tidak asing lagi buat kamu yang sering lihat gambar nongol di depan judul postingan.Dan Dalam tutorial kali ini klinik-it pun akan menjelaskan Tentang bagaimana Cara Pasang Gambar Di judul Postingan.Sebenarnya cara ini pun sobat klinik-it mungkin sudah banyak yang tau .Namun klinik-it akan tetap men sharenya.hehehe coba lihat gambar di bawah ini.



Gambar tersebut bisa di pasang di depan judul postingan kamu ,yang tujuanya dalah supaya Desain blog kita terlihat aktraktif.Langsung aja ikuti tutorial berikut untuk Pasang Gambar Di judul Postingan.

1.Login Ke Blogger.

2.Klik Tatat Letak.

3.Klik Edit HTML.

4.Selanjutnya cari kode yang ada di bawah ini.

<a expr:href='data:post.url'>

5.Lalu Copy Paste Kode berikut Di Bawahnya .

<img border='0' src='http://67.222.9.107/static/gl/img/favicon.ico''/>

6.Link yang berwarna merah tersebut bisa kamu ganti dengan Link gambar masing-masing.atau menggunakan gambar tersebut juga ga apa-apa.

7.Kalo sudah selesai silakan Klik SAVE TEMPLATE.

Baca Terusannya »»  

Cara Buat Iklan Melayang Dengan Tombol Close

Tidak pernah habis-habisnya klinik-it membahas soal tempat pemasangan iklan yang baik dan mudah di KLIK oleh pengunjung .Dalam Postingan Kali ini klinik-it akan menjelaskan tentang Cara Buat Iklan Melayang Dengan Tombol Close. Tentunya iklan yang melayang mudah untuk di lihat oleh pengunjung dan jika pengunjung tidak ingin melihatnya pengunjung pun bisa mengklik tombol CLOSE yang telah ada. sebagai Contoh iklan Yang MELAYANG bisa kamu Klik Disini.

Ideal kan memasang iklan melayang seperti itu ? Cara Buat Iklan Melayang Dengan Tombol Close itu saya dapatkan dari blognya Mas O-OM. dan sedikit saya share lagi di blog ini. Nah... Buat kamu yang Tertarik untuk membuat Iklan Melayang Dengan Tombol Close seperti itu bisa pelajari tutorialnya Di bawah ini .

1.Login Ke Blogger.

2.Klik Tata Letak.

3.Klik Element Halaman.

4.Kemudian Klik Tanbah Gadget dan pilih HTML / JAVASCRIPT .

5.Selanjutnya Copy dan Paste Kode Berikut Di Dalamnya.

<a onblur="try {parent.
deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsNDOnh4wxwUsFbW8oxXfytreXiK18bLVvqXm3BKr5AfNJxo2K7TAdvtjVYkSTGFPjMdZPxgDSZSjLDQrr31DtxpMtrPr5eMP2mj9TrAT3PN9rXl9eMO9fAq59XDWxnQz9WW7kH4QCgAw/s1600-h/Widget.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 300px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsNDOnh4wxwUsFbW8oxXfytreXiK18bLVvqXm3BKr5AfNJxo2K7TAdvtjVYkSTGFPjMdZPxgDSZSjLDQrr31DtxpMtrPr5eMP2mj9TrAT3PN9rXl9eMO9fAq59XDWxnQz9WW7kH4QCgAw/s400/Widget.JPG" alt="" id="BLOGGER_PHOTO_ID_5433478876639914642" border="0" /></a>


<style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}


.gbcontent{
float:right;
border:2px solid #A5BD51;
background:#ffffff;
padding:10px;
}
</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.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">

<div style="text-align:right">
<a href="javascript:showHideGB()">
.:[Close][Klik 2x]:.
</a>
</div>
<center>

MASUKAN KODE IKLAN DISINI

</center>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></center></div></div>

6.Ubah Teks MASUKAN KODE IKLAN DISINI yang berwarna merah Dengan kode iklan kalian masing-masin,kemudian klik SIMPAN.

7.Selesai..dan coba lihat hasilnya.

Baca Terusannya »»  

Cara Pasang Banner Blog Di Facebook

Salah satu metode mempromosikan blog adalah dengan menggunakan jejaring soisial,Misalnya Facebook,Dalam postingan kali ini klinik-it akan mencoba menjelaskan bagaimana Cara Pasang Banner Blog Di Facebook.Sebenarnya memasang Banner Blog Di Facebook tujuanya apalagi kalo bukan untuk meningkatkan pengunjung blog kita. iia kan ?hehehe Dalam memasang Banner Blog Di Facebook di perlukan sebuah aplikasi yaitu aplikasi yang bernama My stuff.

Cara Pasang Banner Blog Di Facebook ini ga susah koq.hehehe.. Ya udah buat kamu yang penasaran ingin memasang Banner Blog Di Facebook bisa mengikuti tutorial Cara Pasang Banner Blog Di Facebook berikut ini.

1.Login Ke akun Facebook kamu.

2.Klik Link Di bawah ini untuk memasang aplikasi MY STUFF Di akun facebook kamu.

http://apps.facebook.com/wildfire/fbhandler.ashx?mode=side_nav&_fb_fromhash=c534ee95007954c367e944c21d384952

3.Setelah Terbuka Klik IZINKAN.

4.Selanjutnya Klik LINK di bawah ini.

http://apps.facebook.com/wildfire/fbhandler.ashx?mode=side_nav

5.Maka akan terlihat tampilan seperti di bawah ini.



6.Copy Dan Paste Code Banner blog kamu ke dalam Kotak teks tersebut,atau Buat kamu yang belum tau cara buat banner silakan Klik disini untuk membuat banner.Setelah Kode bannernya di paste Lalu klik ADD TO PROFILE.

7.Tunggu Loadingnya sampe selesai.Selanjutnya untuk menampilkan banner ke profil akun facebook kamu .klik Cantumkan ke dalam profil. yang ada di bagian atas.

8.Selesai... selanjutnya langsung aja menuju Profil facebook kamu dan lihat hasilnya.

Baca Terusannya »»  

Cara Pasang Fasilitas PRINT Di Blog

Memasang Fasilitas PRINT Di Blog di rasa memang sangat penting.Tujuanya untuk mempermudah pengunjung yang ingin Nge-Print artikel Di Blog kita .Selain Bisa mempermudah pengunjung mencetak artikel blog kita nantinya blog kita juga terlihat aktraktif.Sebagai contoh kamu bisa lihat contohnya berikut ini.

Print this page

Atau

ya udah dalam postingan yang ini klinik-it ga mau basa-basi .langsung aja yuk kita praktek Cara Pasang Fasilitas PRINT Di Blog.Silakan Iktuti langkah-langkah berikut.

1.Login Ke Blogger.

2.Klik Tata Letak Kemudian Klik Tambah Gadget lalu pilih HTML/javascript.

3.Lalu Copy Kode berikut Kedalamnya.

<a href="javascript:print(document)"><img src="http://amen24.googlepages.com/printer.png" alt="print this page" border="0" /> Print this page</a>

Atau Jika kamu ingin menggunakan Fasilitas PRINT yang berbentuk tombol Bisa Menggunakan kode berikut ini.

<form> <input type="button" value="Print this page" onclick="print()"> </form>

Hasil Dari Fasilitas tomblol Print yang ke 2 Adalah sebagai berikut.

4.Kalo udah silakan klik tombol SIMPAN.

5.Selanjutnya tinggal kamu lihat hasilnya..

Baca Terusannya »»