Tampilkan postingan dengan label Materi Blogspot. Tampilkan semua postingan
Tampilkan postingan dengan label Materi Blogspot. Tampilkan semua postingan

Jumat, 19 April 2013

Cara membuat Foto berjalan

Foto Yang berjalan di blog memang sangat menarik untuk dilihat . bagaimana cara membuatnya ? yupz.. Dalam postingan kali ini saya akan menerangkan bagaimana cara membuat foto berjalan di blog . Sama seperti teks yang berjalan gambar yang berjalan ini juga menggunakan efek dari marquee . langsung ajah yach kita praktek .hehehehe
Ikuti langkah-langkah berikut untuk membuat gambar berjalan di blog

Copy Paste kode berikut ke blog anda :

<table border="10" cellpadding="3" height="135" width="195"/>
<tr>
<td>
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="192" height="132" align="center">

<img src="http://farm5.static.flickr.com/4017/4274096032_8bf5bd349a_o.jpg" height="130" width="190" />
<br/>
<img src="http://farm5.static.flickr.com/4046/4273351371_7c1ceb936b_o.jpg" height="130" width="190" />

</marquee>
</td>
</tr>
</table>

Hasilnya Adalah sebagai berikut :








Keterangan ganti link yang berwarna biru dengan link tempat anda menaruh gambar, contohnya saja gambar yang anda taro di flickr.com .


Membuat Gambar berjaln Dari kiri ke kanan

Copy paste kode berikut ke blog anda :
<marquee align="center" direction="left" height="200" scrollamount="3" width="100%" >

<img src="http://farm5.static.flickr.com/4017/4274096032_8bf5bd349a_o.jpg" width="190" height="130" />

</marquee>

Hasilnya Adalah sebagai berikut :



Selamat mencoba.......

Cara Buat Link Download

Apa Itu link download ? Link download adalah seuatu teks atau gambar yang bisa di klik untuk mengarahkan link ke sebuah hosting untuk mendownload sebuah file . Bagaimana Cara membuatnya ? caranya begini Copy kode berikut lalu paste di blog kalian :
<a href="http://www.klinik-it.blogspot.com">Download</a>

Keterangan : Teks yang berwarna biru adalah Link tujuan ketika teks Yang berwarna Merah Di Klik . Teks Yang Berwarna merah juga Bisa anda ganti Dengan kata lain misalnya saja "Klik Disini"Ataupun yang lainya !

Ada banyak Fariasi untuk membuat link download,diantarannya dengan cara membuat linknya berhuruf besar,Miring tebal atau dengan menggunakan gambar . Contohnya sebagaiberikut :

Copy paste kode berikut untuk membuat teks link download menjadi tebal :
<a href="klinik-it.blogspot.com"><b>Download</b></a>

Untuk membuat teks tersebut miring silakan ganti kode <b>dan</b> Dengan <i>dan</i> .

Dan untuk membuat link tersebut Berukuran kecil sampe besar ganti kode yang saya hijaukan dengan kode <h1> dan </h1> . ganti angka tersebut dengan angka 1 - 6 jika ingin menyesuaikan ukuran besar link .

Cara Selanjutnya adalah membuat link download dengan gambar/ikon
Caranya copy paste kode berikut ke blog anda :

<a href="http://www.klinik-it.blogspot.com" title="Download"><img src="http://farm5.static.flickr.com/4042/4278913170_e7973277d8_o.png" width="216" height="74" alt="download[4]" /></a>

Hasilnya adalah sebagi berikut :



Keterangan Ganti Link yang berwarna biru dengan Full link Hosting tujuan anda .

Selamat Mencoba ..........?

Cara Pasang Follow me Twitter Di Blog

Saat Ini jejaring sosial bukan hal yang asing lagi bagi kita .seperti Twitter atau facebook yang sekarang ini sedang booming . Dalam postingan kali ini saya akan membahas bagaimana Cara memasang Ikon Follow me on twitter pada blog.Yang bisa dipasang pada sidebar .
Ikuti langkah-langkah berikut untuk memasang Ikon Follow me on twitter pada blog:

1.Login ke blogger.

2.Klik Tata Letak.

3.Klik tab Elemen Halaman.

4.Klik Tambah Gadget.

5.Kemudian Pilih HTML/Javascript.
Silakan pilih gambar yang kamu inginkan terys Copy paste Kode HTML Berikut :

Keterangan : Ganti link http://twitter.com/YourLink dengan link akun twitter kamu,contohnya http://twitter.com/denisahlan


By: Twitter Buttons




By: Twitter Buttons




By: Twitter Buttons




By: Twitter Buttons




By TwitterButtons.com




By TwitterButtons.com




By TwitterButtons.com




By TwitterButtons.com




By TwitterButtons.com




By TwitterButtons.com




By TwitterButtons.com




By TwitterButtons.com




By: Twitter Buttons




By: Twitter Buttons




By: Twitter Buttons




By: Twitter Buttons




By TwitterButtons.com




By TwitterButtons.com




By TwitterButtons.com




By TwitterButtons.com




By TwitterButtons.com




By TwitterButtons.com




By: Twitter Buttons




By: Twitter Buttons




By: Twitter Buttons




By: Twitter Buttons




By: Twitter Buttons




By TwitterButtons.com




By TwitterButtons.com




Maverick Money Makers




Maverick Money Makers




By TwitterButtons.com




By TwitterButtons.com




By TwitterButtons.com




By TwitterButtons.com




By TwitterButtons.com




By TwitterButtons.com




By TwitterButtons.com




By TwitterButtons.com




By TwitterButtons.com




By TwitterButtons.com




By TwitterButtons.com




Maverick Money Makers




By TwitterButtons.com




By TwitterButtons.com



Atau kamu juga bisa Memasang Follow me Twitter

ini BErjalan di samping Blog kamu .Sebagai Contoh KLIK DIDINI.Langsung aja iikuti langkah-langkahnya berikut ini.

1.Login ke Blogger.

2.Klik Tata Letak.

3.Klik Edit HTML.

4.Kemudian Cari kode ]]></b:skin>.

5.Kemudian Copy dan paste Kode berikut Di atas kode yang tadi.

#trik_pojok {
position:fixed;_position:absolute;bottom:0px; right:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

6.Selanjutnya Cari kode </body> kemudian copy dan paste kode berikut di atasnya.

<div id="trik_pojok">
<style type="text/css"><br />#followmeontwiter {<br />position:fixed;_position:absolute;<span style="color:blue;">top</span>:100px; left:0px;<br />clip:inherit;<br />_top:expression(document.documentElement.scrollTop+<br />document.documentElement.clientHeight-this.clientHeight);<br />_left:expression(document.documentElement.scrollLeft+<br />document.documentElement.clientWidth - offsetWidth); }<br /></style>
<div id="followmeontwiter">
<a href="http://twitter.com/%3Cspan%20style=">IDtwitter" target="_blank title="Follow Me on Twitter">
<img src="http://lh3.ggpht.com/_noownWFsWHg/Sy9XXErXDaI/AAAAAAAAAOE/xIWnIMtdqzE/followmeontwitterbyblackpinktemplates.jpg" border="0" /></a>
</div>
</div>


7.Ganti Tulisan IDtwitter dengan ID twiter kamu.sebagi contoh www.twitter.com/denisahlan ,yang di gunakan denisahlan nya saja.

8.Kalo sudah di lakukan semuanya Silakan Klik SAVE TEMPLATE.