Tanam Ilmu Aja: Februari 2013

Archive for Februari 2013

Tutorial membuat tombol next page nomor di blog

Langsung saja Login akun blogger Anda >> Pilih Template >> Edit HTML >> klik Expand Template Widget. Cari kode
]]></b:skin> kemudian letakkan kode dibawah ini tepat diatas ]]></b:skin> (Gunakan CTRL + F untuk mempermudah)

.showpageArea a {text-decoration:underline;}.showpageNum a {text-decoration:none;border: 1px solid #cccccc;margin:0 3px;padding:3px;}.showpageNum a:hover {border: 1px solid #cccccc;background-color:#cccccc;}.showpagePoint {color:#333;text-decoration:none;border: 1px solid #cccccc;background: #cccccc;margin:0 3px;padding:3px;}.showpageOf {text-decoration:none;padding:3px;margin: 0 3px 0 0;}.showpage a {text-decoration:none;border: 1px solid #cccccc;padding:3px;}.showpage a:hover {text-decoration:none;}.showpageNum a:link,.showpage a:link {text-decoration:none;color:#333333;}

Selanjutnya cari kode </body> kemudian letakkan kode dibawah ini tepat diatas </body>

Lalu simpan template.

Tutorial Membuat Kotak Text Area Tukar Link pada blog

Unknown 06.11 Add Comment

Okee langsung saja kita ke topik !! Topik kali ini ialah cara membuat kotak text Tukar link di blog. bahwasanya cara membuat tersebut tidaklah sulit. berikut di bawah scriptnya

1. Login ke Blogger sobat.
2. Masuk ke Tata Letak >>Tambah Gadget >>Pilih HTML/JavaScript
3. Copy kode di bawah ini ke gadget HTML/JavaScript tersebut.

<textarea rows="3" cols="17" style="width: 310px; height: 83px; color: Black; background-color: white;" readonly><a href="http://bahariibastiann17.blogspot.com/" target="_blank" title="Pelajaran Blog Cara Membuat Form Link Exchange/Tukar Link."><img src="http://sphotos-e.ak.fbcdn.net/hphotos-ak-prn1/604105_418043568280411_192440675_n.png" border="0" alt="Created By Ilmu Blog"></a></textarea>

Note :

Ganti warna Biru dengan : Alamat Blog anda
Ganti warna merah dengan : URL link gambar anda
Ganti warna Hijau dengan : Nama sesuka anda

About Me

Unknown 23.29 Add Comment

Oke sobat sobat, berikut adalah biodata Admin :

Nama Lengkap : Bahari Bastian Lumbantoruan

Panggilan : Bastian/Tian.

TTL : Medan, 17 Mei 1998.

Kelamin : Laki-laki.

Alamat : Jl. Lorong aceh Kec. percut sei tuan Kab. Deli Serdang, Prov.Sumatera Utara.

Anak ke : 4 (dari 5 bersaudara).

Hobi : Bermain bola, Browsing sesuatu, nonton, online, belajar hal yang baru.

E-mail : bahari_bastian@yahoo.co.id.

Facebook : Bahari Bastian LumbanToruan.

Twitter : Bahari Bastian.

Cita-cita : Jadi ahli dalam bidang IT.

Kata mutiara : Kesuksesan berawal dari kegagalan.

Nomor HP : +6285370529684.

Website : Ilmu Blog | Bahari Bastian

Motto website : Menjadi yang terbaik dan berguna bagi orang..!

Sekian biodata dari saya, jika ada yang ingin mengetahui hal dari saya yang tidak saya tuliskan di atas, komentar atau hubungi Facebook dan Twitter saya.

Free Download Template Simple untuk blog ala IB

Unknown 21.38 Add Comment

1. Simple 2.0

DOWNLOAD 2. Bello

DOWNLOAD 3. Lugada

DOWNLOAD
4. Zinfolio

DOWNLOAD
5. Anime Naruto Uniqx

DOWNLOAD
6. X5Shadow

DOWNLOAD
7. Twitter

DOWNLOAD
8. DarkStyle

DOWNLOAD
9. Desktop Chaos

DOWNLOAD
10. Mystic Grunge

DOWNLOAD

Jangan Lupa Tinggalkan Komentarnya ya gan dan please join blog ini, Thanks Before :)

Cara Menuliskan Postingan HTML

Unknown 20.07 1 Comment

Mungkin sobat blogger begitu melihat ato membaca judul posting ini mungkin beberapa diantara sobat blogger ada yang berpikiran gini "kenapa harus pake tutorial,bukannya nulis HTML tinggal di tulis aja?!". Asal tahu aja,menuliskan html pada postingan berbeda dengan menuliskan postingan text biasa. Bila kita menuliskan html itu apa adanya maka yang ada adalah tulisan itu akan diterjemahkan ke dalam bahasa html.oleh karena itu,kita perlu mengubah kode html tersebut kedalam kode html.

Apaan maksudnya?! bingung ya?! Santai aja aku punya alatnya kok buat merubah kode html biar bisa di posting.Oke langsung ikutin langkah berikut aja biar nggak bingung

1.Tulis Kode HTML yang sobat akan posting kedalam kotak besar di bawah ini
2.Kalo sudah ditulis,klik tombol convert
3.Sekarang muncul kode html baru,nah itu kode yang harus kamu masukin ke dalam postingan kamu

Cara Membuat Link Bergoyang saat disentuh Cursor

Unknown 19.38 Add Comment

Cara Membuat Link Bergerak (Bergoyang) DiBlog Cara Membuat Link Bergerak (Bergoyang) DiBlog

Maksudnya link bergerak/bergoyang adalah ? link yang disetuh oleh cursor akan bergerak ke kanan, dan kalau dijauhkan akan kembali ke tempat semula. Jadi hampir sama marquee, bedanya link akan bergerak hanya jika disentuh. Dengan membuat link bergoyang ini, selain untuk membedakan kalau teks itu ada linknya, tentunya juga untuk membuat lebih menarik. bermacam-macam cara untuk memodifikasi link salah satunya yang prnah saya coba Membuat Tulisan Link Berkedip kedip trik blog Cara Buat Link Di Blog Membesar . Sekarang kita akan belajar membuat link yang bergoyang ;) Cara Membuat Link Bergerak (Bergoyang)

1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Taruh kode berikut di atas kode </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> <script type='text/javascript'> $undefineddocument).readyundefinedfunctionundefined) { $undefined'a').hoverundefinedfunctionundefined) { //mouse in $undefinedthis).animateundefined{ marginLeft: '12px' }, 400); }, functionundefined) { //mouse out $undefinedthis).animateundefined{ marginLeft: 0 }, 400); }); });</script>

6. Simpan Template jika sudah selesai. Bersiaplah untuk melihat link yang ada di blog kita akan bergoyang jika disentuh, Semoga berhasil Jangan Lupa Like Nya Ya :) Jika Tertarik Dan Mau Meng Copy Paste Artikel Ini Harap Cantumkanlah Sumbernya Jadilah Blogger Yang Ber Etika, Trima Kasih

Membuat Blockquote bergaya scroll

Unknown 18.17 2 Comments

Cara Memodifikasi Blockquote Dengan Berbagai Style sebelum saya beritahu caranya bisa lihat contoh-nya di bawah ini, saya beri contoh dengan daftar isi scroll menu saya

Menjadi Blogger Yang Bahagia
Membuat Buku Tamu Tersembunyi Di Samping Kiri Kanan
Membuat Tombol Button Auto Hide/Hidden v2
Mengganti Huruf Besar Dengan Huruf Normal Di Judul Sidebar
Kesalahan Yang Terlupakan Oleh Blogger Baru
Menambahkan Gadget Kode Warna Di Blog
Cara Mendaftar Di Feedburner Dan Seting Di Blog
Membuat Script / Javascript Melayang
Memodif Kotak Dialog Dan Script Sapaan
Apakah Anda Tahu?
Cara Membuat Top Komentar
Mendapatkan Dolar Dari Domain Co.Cc

Agar Gambar Tidak DI Index Oleh Mesin Pencari
Cara Memasang Video Dari Youtube Di Blog
Memasang Widget Sms Gratis
Membuat Warna Body Berbeda-Beda Warna
Cara Membuat Tombol Button Donasi Paypal
Agar Background Di Data Posting Berbeda-Beda
Cara Membuat Email Dengan Domain Sendiri Di Co.Cc
Daftarkan Juga Blog Di Mesin Pencari Ask.com
Tempat Hosting Css Gratis / Free
Add Url Alamat Blog Di Google
Mengatasi Tombol Share Blogger Yang Tidak Muncul
Berbagai Pilihan Font Buat Blog Dari Kernest

Sebenarnya cara di atas enggak jauh dari Cara Membuat Kotak Scroll

Baiklah berikut ini cara membuatnya :

<blockquote style="overflow:auto;height:200px;padding:10px;background:black;color:lime;">
Disini Text Anda
</blockquote>

Perhatikan :
Berwarna Merah adalah gaya dari scroll-nya
Berwarna biru tampilan dari blockquote-nya tampilan bisa anda sesuaikan dengan template anda.
Berwarna orange dimana text yang akan tampil dan bergaya scroll.
Selamat mencoba dan semoga bermanfaat...

Cara Membuat Tulisan Berjalan

Unknown 17.40 Add Comment

KODE HTML YANG BERGERAK KE KANAN

Tulisan Bergerak kekanan (ganti dgn tulisan anda)

<marquee direction="right"><span style="color: rgbundefined255, 0, 0); font-weight: bold;">Tulisan Bergerak Bergerak kekanan undefinedganti dgn tulisan anda)</span></marquee>

KODE HTML YANG BERGERAK KE KIRI

Tulisan Bergerak kekiri (ganti dgn tulisan anda)

<marquee direction="left"><span style="color: rgbundefined255, 0, 0); font-weight: bold;">Tulisan Bergerak Bergerak kekanan undefinedganti dgn tulisan anda)</span></marquee>

KODE HTML YANG BERGERAK KE KANAN dan KEKIRI

Tulisan Bergerak Ke Kanan dan Kekiri (ganti dgn tulisan anda)

<marquee direction="left" behavior="alternate"><span style="color:red; font-weight: bold;">Tulisan Bergerak Ke Kanan dan Kekiri undefinedganti dgn tulisan anda)</span></marquee>

KODE HTML KE KANAN PERLAHAN

Tulisan Bergerak kekanan Perlahan (ganti dgn tulisan anda

<marquee direction="right" scrolldelay="500"><span style="color:red; font-weight: bold;">Tulisan Bergerak kekanan Perlahan undefinedganti dgn tulisan anda</span></marquee>

KODE HTML UNTUK TULISAN YANG BISA BERGERAK KE KANAN dan KEKIRI Dan BISA DI STOP

Tulisan Bergerak Ke Kanan dan Kekiri Dan Bisa Di stop??

<marquee direction="left" behavior="alternate" scrollamount="2" onmouseover="this.stopundefined)" onmouseout="this.startundefined)" width="95%"><span style="color:red; font-weight: bold;">Tulisan Bergerak Ke Kanan dan Kekiri Dan Bisa Di stop??</span></marquee>

KODE HTML YANG BISA BERGERAK KE ATAS

Tulisan Bergerak Ke Atas

<marquee align="center" direction="up" scrollamount="2" onmouseover="this.stopundefined)" onmouseout="this.startundefined)" height="100" width="95%"><span style="color:red; font-weight: bold;">Tulisan Bergerak Ke Atas</span></marquee>

KODE HTML YANG BISA BERGERAK KE ATAS DAN KE BAWAH

Tulisan Bergerak Ke Atas dan Ke bawah

<marquee align="center" direction="up" behavior="alternate" scrollamount="2" onmouseover="this.stopundefined)" onmouseout="this.startundefined)" height="100" width="95%"><span style="color:red; font-weight: bold;">Tulisan Bergerak Ke Atas dan Ke bawah</span></marquee>

Note : Anda bisa merubah warna tulisan dengan kode warna HTML : red = warna merah blue= warna biru yellow = warna Kuning white = warna putih black = warna hitam Kode warna HTML, pada contoh diatas seperti ini: Bisa diganti dengan seperti ini : #f00; = warna merah ; #00f; = Warna Biru ; #0f0; = Warna Hijau ; #f0f; = Warna Ungu ; Atau dikombinasi....Coba-coba aja ya....

Cara Memasang Tanda Tangan Di Blog

Unknown 04.30 Add Comment

Cara Memasang Tanda Tangan di Blog - Apa kabar sobat blogger! Senang di pagi yang cerah ini saya kembali menyapah sobat blogger... Hmmm. sekedar info, mungkin beberapa hari kedepan ane tak mungkin ngapdet posting serutin ini jadi kali ini saya akan kasih tutorial cara memasang tanda tangan dengan selengkap - lengkapnya. Pada postingan sebelumnya kita telah membahas tentang Kumpulan Efek - Efek Blog, dan kali ini setelah sekain lama tersimpan di draft akhirnya artikel ini di Poskan dengan judul Cara Bikin Tanda Tangan di Blog. Mungkin di antara sobat blogger sudah pernah melihat hiasan yang satu ini, biasanya diletakkan di bagian bawah postingan yang semakin menegaskan bahwa sobat adalah pemilik resminya. Bagi sobat yang tertarik, silahkan ikuti tutorial berikut. Cara Memasang / Membuat Tanda Tangan di Blog 1. Kunjungi situs http://mylivesignature.com 2. Klik pada tombol bertuliskan Proceed untuk membuat tanda tanda tangan tanpa perlu registrasi. tanda tangan

3. Setelah itu, klik tulisan Using the signature creation wizard. tanda tangan

4. Silahkan masukkan nama sobat di kotak yang di sediakan dan klik Next Step tanda tangan

5. Pilih jenis huruf yang di inginkan dan klik Next Step. tanda tangan

6. Setelah itu, tentuhkan ukuran tanda tangan yang di inginkan dan klik next step. tanda tangan

7. Kemudian sobat akan melihat tampilan seperti berikut yang bertanda bahwa tanda tangan sobat akan segera jadi. Pilih warna background dan warna tanda tangan yang di inginkan. tanda tangan

Tambahan : Untuk warna background direkomendasikan menggunakan background ( latar ) transparan agar nantinya cocok dengan semua warna. 8. Atur kemiringan ( slope ) teks dan klik Next Step tanda tangan

9. Nah dengan demikian maka tanda tangan online sobat telah berhasil dibuat. tanda tangan

Tambahan : Klik Copy Image Location untuk mengambil URL gambarnya Klik Save Image As untuk mendownload Tanda Tangannya. Beginilah hasilnya

Tanda Tangan

Cara Membuat Blockquote | Ilmu Blog

Unknown 20.28 Add Comment

Cara membuat Blockquote - Mungkin bagi para master blog udah tau dong cara membuat blockquote. Mana tau ada yang membutuhkan :)
Buat yang belum bagaimana bentuk blockquote, silahkan liat gambar disamping, saya sudah sertakan gambar nya agar mudah dipahami. Lalu, untuk cara membuat nya gampang banget kok. Simak cara-cara membuat blockquote :

LOGIN KE BLOGGER

Add Gadget => Pilih HTML/JAVA SCRIPT

Masukkan kode berikut di atas kode ]]>

blockquote { border-left: 10px solid #ccc; border-right: 1px dotted #ccc; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; background: #000; color: #FFF; margin: 15px 0 15px 60px; padding-left: 10px; }