Tips Trik Blogger - Membuat Link Membesar Saat disentuh Kursor

Membuat Link Membesar Saat disentuh Kursor | Tutorial Blog

Udah lama ga post nih. kali ini saya akan memposting tentang trik atau cara untuk membuat blog menjadi lebih menarik. "Membuat Link Membesar Saat disentuh Kursor". Maksudnya link yang pada saat dilintasi cursor mouse akan menjadi besar tulisannya.Buat Sobat yang ingin memasang trik ini silakan ikuti tutorial dibawah ini.

Cara Membuat Link Membesar Saat disentuh Kursor :

• Masuk ke akun blogger sobat.
• Pilih Template > Edit HTML.
• Ceklis / Centang Expand Widget Template.
• Cari kode a:hover { 
• Ganti kode font-size dengan ukuran yang lebih besar.
  Contoh :
  
  a:hover {
  color:#d2691e;
  font-size:10px;
  font-style:italic;
  cursor:wait;
  }
  ganti dengan
  
  a:hover {
  color:#d2691e;
  font-size:19px;
  font-style:italic;
  cursor:wait;
  }
• Terakhir klik Simpan Template.

Selamat Mencoba dan Semoga Berhasil...

Read More »

1 Comment

Tes Tips Trik Blogger, Tutorial Blogger

Code HTML Baru By Artikel Indonesia

Read More »

1 Comment

Tes Code Warna HTML Artikel Indoneia

Daftar Isi Blog

Read More »

Add Comment

Tes Daftar Isi

Tips Trik Blogger - Membuat Garis Tepi Pada Kotak Tulisan Dengan Div Style

Pada postingan ini saya akan berbagi tentang beberapa kode untuk membuat Div Style. Langsung saja Sob, berikut kodenya :

• Kode : 

  <div style="border: 2px solid blue;"> <div style="border: 3px solid red;"> <div align="center"> Tulis Text Disini</div> </div> </div>
  Hasilnya :
  Tulis Text Disini
• Kode : 

  <div style="border: 4px solid yellow;"> <div align="center"> <span style="color: coral;">Tulis Text Disini</span></div> </div>
  Hasilnya
  Tulis Text Disini
• Kode : 

  <div style="border: 3px double #ff0000; padding: 5px;"><div align="center">Tulis Text Disini</div></div>
  Hasilnya :
  Tulis Text Disini
• Kode : 

  <div style="border: 3px double #0000ff; padding: 5px;"><div style="border: 2px solid #0077ff; padding: 5px;"><div align="center">Tulis Text Disini</div></div></div>
  Hasilnya :
  Tulis Text Disini
• Kode : 

  <div style="border-color: lime; border-style: dotted; border-width: 2px; margin: 1px; padding: 1px;"><center>Tulis Text Disini</center></div>
  Hasilnya :
  Tulis Text Disini
• Kode : 

  <div style="border-style:inset;border-width:5pt;border-color:black" align="center">Tulis Text Disini</div>
  Hasilnya :
  Tulis Text Disini
• Kode : 

  <div style="background: #bbddff; border: 5px outset#c0c0c0; margin: 0px; padding: 5px;"><div align="center">Tulis Text Disini</div></div>
  Hasilnya :
  Tulis Text Disini
• Kode : 

  <div style="border: 2px solid#220000;"><div style="border: 2px solid#dddddd;"><div style="border: 4px solid#220000;"><div style="border: 2px solid#dddddd;"><div style="border: 2px solid#220000;"><div align="center"><span style="color: red;">Tulis Text Disini</span></div></div></div></div></div></div>
  Hasilnya :
  Tulis Text Disini
• Kode : 

  <div style="border: 1px solid#2222ff;"><div style="border: 1px solid#3333ff;"><div style="border: 1px solid#4444ff;"><div style="border: 1px solid#5555ff;"><div style="border: 1px solid#2222ff;"><div style="border: 1px solid#3333ff;"><div style="border: 1px solid#4444ff;"><div style="border: 1px solid#5555ff;"><div style="background-color: #44ccff;"><div align="center"><span style="color: red;">Tulis Text Disini</span></div></div></div></div></div></div></div></div></div></div>
  Hasilnya :
  Tulis Text Disini
• Kode : 

  <div style="border: 3px solid#2222ff;"><div style="background-image: url('http://i1193.photobucket.com/albums/aa345/bakulatz/Arsiv/linerbn.gif'); border: 0px; margin: 2px; padding: 2px;"><div style="background-color: #cccccc;"><div align="center"><span style="color: red;">Tulis Text Disini</span></div></div></div></div>
  Hasilnya :
  Tulis Text Disini
• Kode : 

  <div style="border: 1px solid#001100;"><div style="border: 1px solid#002200;"><div style="border: 1px solid#003300;"><div style="border: 1px solid#004400;"><div style="border: 1px solid#005500;"><div style="border: 1px solid#006600;"><div style="border: 1px solid#007700;"><div style="border: 1px solid#008800;"><div style="border: 1px solid#009900;"><div style="border: 1px solid#00aa00;"><div style="border: 1px solid#009900;"><div style="border: 1px solid#008800;"><div style="border: 1px solid#007700;"><div style="border: 1px solid#006600;"><div style="border: 1px solid#005500;"><div style="border: 1px solid#004400;"><div style="border: 1px solid#003300;"><div style="border: 1px solid#002200;"><div style="border: 1px solid#001100;">
  <div align="center"><span style="color: red;">Tulis Text Disini</span></div>
  </div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div>
  Hasilnya :
  Tulis Text Disini

Sepertinya segitu dulu Sob, kalau ada yang mau menambahkan silakan tulis di komentar.

Silakan dicoba dan semoga berhasil...

Read More »

4 Comments

Tes Tips Trik Blogger, Tutorial Blogger

Tips Trik Blog - Cara Memberi Smiley Pada Postingan Blog

Sebenarnya sudah banyak postingan dari para blogger master tentang Menampilkan Smiley Pada Postingan, namun tidak ada salahnya saya memposting ini, kali aja masih ada yang belum tau.

Trik ini dapat membuat tampilan postingan sobat menjadi lebih menarik, karena kita dapat menampilkan pic smile seperti ,,, , , ,  dan lain lain.

Caranya gampang Sob, silakan ikuti tutorial berikut :

• Login ke blogger trus pilih Layout > Edit HTML.
• Beri tanda centang pada Expand Widget Templates.
• Cari kode ini ]]></b:skin> .
• Masukkan script berikut ini dibawah kode ]]></b:skin>
  <script src='http://wadah-tutorial.googlecode.com/files/ysmileys.js' type='text/javascript'/>
• Terakhir klik Save Template. Selesai...

Berikut beberapa kode yang dapat Anda gunakan :

:D		:P
:)		;)
:-S		:-B
:-h		:-a
:x		:(
:-t		:-bd
:-c		:-*
8-7		8-|
7:P		=D7
8-}		X(

Sebenarnya masih ada beberapa kode lagi, berhubung saya sudah lupa jadi segitu dulu, jika ada yang mau menambahkan silakan tulis di kolom komentar.

Selamat mencoba dan semoga berhasil...

Read More »

5 Comments

Tes Tips Trik Blogger, Tutorial Blogger

Chat Online Artikel Indonesia

Read More »

Add Comment

Tes

Link Sahabat

LINK SAHABAT ARTIKEL INDONESIA

Media Infonetku

Sistim Penyulihan Perikanan

YSVCYBERS - Bisnis Online

Cah Dabloeng

Cirebon-Cyber4rt

Dapah blog

Crack-Thec0de

Saeful13 blog

HarySukaSuka


beBisnis lah

Linkmu Selanjutnya

BANNER SAHABAT ARTIKEL INDONESIA



  - Bannermu Selanjutnya

Read More »

6 Comments

Tes Link Sahabat

Tips Trik Blogger - Cara membuat Text Area di blog

Cara membuat Text Area di Blog - cara memasukan code HTML dalam text area dan cara membuat text area. itu dia yang akan kita bahas pada pertemuan kali ini. tentunya teman-teman sempat bertanya apa itu istilah dari Text Area?, baik akan saya bahas disini. Text Area merupakan sebuah ruangan atau tempat dimana kita akan menempatkan atau menyimpan sesuatu yang dianggap khusus atau penting berbeda dari yang lain. 

mungkin kita contohkan secara umunnya yaitu kata kata penting atau pun sebuah coding/code HTML yang biasanya bila dalam sebuah blog di buat yang fungsinya untuk menyimpan sebuah HTML link blog itu. dan intinya untuk pengunjung juga akan terasa enak dan gampang dalam pengcopian code HTML nya. mungkin langsung saja lihat dibawah ini cara agar kita memasang code HTML pada text Area :

<p align="center"><textarea name="code" rows="6" cols="20"> contoh memasukan kata atau code HTML pada text Area di Artikel Indonesia  </textarea></p>

maka hasil jadinya akan seperti dibawah ini:

contoh memasukan kata atau code HTML pada text Area di Artikel Indonesia

Selain dari itu juga ada juga model dari, text area lainnya yaitu dengan sangat praktis sekali dalam hal pengkopiannya. sangat praktis sekali dan tidak berbeda dengan yang atas. namun dalam kali ini ada penambahan tampilan yaitu adanya tombol "copy all" dan bisa kita lihat langsung contohnya yang ada dibawah ini :

<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Copy All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55">contoh memasukan kata atau code HTML pada text Area di Artikel Indonesia</textarea></p></div></form>

maka hasil jadinya akan terlihat seperti dibawah ini :

contoh memasukan kata atau code HTML pada text Area di Artikel Indonesia

mungkin itu yang bisa sampaikan, text area ini biasanya digunakan dalam fungsi tukeran link/link exchange . semoga bermanfaat. thanks for visiting

Read More »

8 Comments

Tes Tips Trik Blogger

Download Lagu - Payphone Oleh : Marron5

Kali ini Artikel Indonesia akan menyajikan Lagu Payhone By:Maroon5.. okay. langsung aja Dowload Lagu Payphone By:Maroon5 ~DOWNLOAD~

Read More »

1 Comment

Tes

Tips Trik Blogger - Cara Mendapatkan Backlink Berkualitas

Malam hari ini Artikel Indonesia akan menyajikan informasi tentang Cara Mendapatkan Backlink Berkualitas. ngomong-ngomong tentang backlink memang tak ada hentinya hampir semua blogger sudah mengenal yang namanya backlink. banyak keuntungan jika kita mendapatkan backlink dari suatu web atau blog apalagi backlink itu berkualitas. Seperti apa backlink berkualitas itu ? Bagi sobat yang tidak tau apa itu backlink berkualitas saya akan menerangkannya secara garis besar saja, backlink berkualitas adalah backlink dofollow dan mempunyai pagerank, tema blog sama, serta relevan, keyword, juga mempunyai sedikit outbound link Bagaimana mendapatkannya ?? Bayak cara mendapatkan backlink berkualitas salah satunya dari Iklan Baris, alasannya karena sipemasang iklan baris akan mendapatkan 2 keuntungan : Iklan blog sobat akan terpasang di situs penyedia iklan baris tersebut plus mendapatkan backlink dan trafik pun naik Iklan sobat juga terpajang dan di sebarkan di fans page facebook secara otomatis Nah, ini adalah Daftar iklan gratis dan dofollow pastinya yang akan membuat trafik sobat naik http://iklangratisindonesia.com/ http://iklangra-tis.com/ http://iklantanpadaftar.com/ http://iklangratisindonesia.org/ http://1st-iklan.com http://1iklanbaris.com/ http://iklan-baris.org/ http://iklanbarisgratis.org/ http://iklantanpadaftar.com/ http://blogiklanbaris.com/ http://iklanbersamaku.com http://pasang-iklan.com/ http://pasangiklanbarisgratis.com/ http://iklanterpopuler.com/ http://Sanglah.com/ http://IklanTelevisi.com/ http://Web-Indonesia.com/ http://iklanTeks.com/ http://Jingkrak.com/ http://IklanOnlinemu.com/ http://AlamatEmail.com/ http://Pasangiklanmu.com/ http://Pusatpromosiiklan.com/ http://Iklangratiskita.com/ http://Warung-pojok.com/ http://Dunia-bisnis.com/ http://Iklandenpasar.com/ http://Iklanekstra.com/ http://Iklanbarismu.com/ http://iklangratisonline.com/ http://Iklandunia.com/ http://Iklanonlinemu.com/ ttp://Iklangratispro.com/ http://Promosiiklan.com/ http://Iklanteks.com/ Itu saja yang bisa saya sampaikan dan semoga dengan artikel Cara Mendapatkan Backlink Berkualitas ini bisa membantu sobat agar mendapatkan backlink yang berkualitas..

Read More »

10 Comments

Tes Tips Trik Blogger

Kereta Mini - kereta mini kereta mall komedi putar ya keretaminiku.com

Kereta Mini yang terbaik adalah kereta mini yang di buat oleh CV. KERETAMINIKU. Tentu anda mencari kereta mini dengan kualitas terbaik bukan ?

CV.KERETAMINI KU merupakan produsen kereta mini dengan bahan Baku terbaik dan jaminan mutu. Jualkeretamini.comadalah produsen mainan dan kereta mini terbaik di indonesia.

Ciptakan dunia fantasi terhadap anak, jadikan setiap anak selalu ceria dengan mainan yang berkualitas dan berseni.Mainan anak yang di produksi oleh CV. Keretaminiku memiliki banyak kelebihan, unik, murah, berkualitas dan bermutu tinggi.

Kereta Mini, Kereta Mall, Komedi Putar Ya ... Jualkeretamini.com , Jualkeretamini.com lah penyedia dan produsen kereta mini, kereta mall dan juga komedi putar resmi terbaik , tidak ada yang lain.

Selain bergerak di bidang perusahaan yang memproduksi mainan anak, perusahaan ini juga berperan dalam perdagangan jasa, suplier, dan menjual mainan anak dari banyak jenis lainya. Jadi jika anda membutuhkan mainan anak berkualitas dengan harga murah, sangat kami sarankan langsung saja kunjungi online shop perusahaan kami yaitu Keretaminiku.comdan Jualkeretamini.com.

Produk Terbaru

Produk terbaru kami yang paling menarik dan paling laris, silakan anda cek. Segera hubungi kami untuk pemesanan :

KERETA MINI  TANPA REL ( KERETA...

KERETA MINI  SEPEDA MOTOR...

Beberapa produk yang di produksi oleh perusahaan ini di antaranya :Kereta Mini Rel, Kereta Mini Engkel Triplek Campur Fiber, Kereta Mini Double Triplek Campur Fiber, Kereta Mini Engkel Full Fiber, Kereta Mini Double Full Fiber, Kereta Mini Fiber Model Mobil, Kereta Mini Fiber Wisata, Kereta Mini Kereta Gerobak Super, Kereta Klasik Mall, Kereta Mini Mall Locomotif Standard, Kereta Mini Mall Locomotif Panjang, Gerbong Kereta Mini Dan Stasiun Mini, Kereta Mesin Sepeda Motor, Kereta Motor Model Locomotif Thomas, Kereta Motor Model Locomotif Gajah, Kereta Motor Model Kuda Kencana, Kereta Motor Model Naga, Kereta Motor Model Locomotif Motor Viar, Kereta Motor Model Model Locomotif Klasik, Komedi Putar, Komedi Putar Model Kuda Terbang, Komedi Putar Model Komedi Helikopter, Komedi Putar Model Komedi Gantung, Mini Roal Coaster, Komedi Putar Model Rolling Star Naik Turun, Komedi Putar Model Rolling Helikopter Star Naik Turun, Komedi Putar Cangkir Mini, Komedi Putar Cangkir Jumbo, Komedi Putar Model Komedi Jumbo, Komedi Putar Mini Mall, Komedi Putar Kincir Angin, Rumah Balon, Helikopter, Kiddie Ride, Mobil Gowes, Perahu Ayun Mini, Perahu Ayun Jumbo, Water Ball, Mandi Bola, Jetski Air Mini, Kolam Air Balon, Handboat, Ontang Anting, Gokart, Kereta Mini. Kereta Mall, Komedi Putar Ya Keretaminiku.com

Beberapa produk mainan di atas sangat inovatif dan menjadikan anak-anak selalu ceria dengan dunia bermainya. Beberapa mainan tersebut sangat cocok sekali jika di tempatkan pada pertokoan, pengelola tempat pariwisata, juga pengelola lembaga-lembaga pendidikan, terutama pengelola lembaga PAUD, TK dan SD.

Nah jika ada di antara kalian tertarik silahkan untuk langsung mengunjungi website nya Kereta Mini, Kereta Mall, Komedi Putar Atau langsung menghubungi:

ARISCV. KERETAMINIKU – CollectionPerusahaan Bidang Pembuatan , Perdagangan Jasa,Suplier, Menjual Mainan Anak dan Tempat WisataJl. Bratang Gede VI D No.8 A & 22 A SurabayaJawa Timur 60245

No.SMS : 081 331 253 999 , 085655489299

Pin BB: ( 2936 FCF3 ), ( 212 40 BAE ) dan ( 2391 BDA 0 ) 

E-mail : keretaminiku@gmail.com 

Read More »

Add Comment

Tes Kereta Mini