Cara Buat Blockquote Dengan Efek Hover Versi Blog Mas Rama

Cara Buat Blockquote Dengan Efek Hover Versi Blog Mas Rama

Cara Buat Blockquote Dengan Efek Hover Versi Blog Mas Rama 

Assalamualaikum wr wb. Halo Sobat Apa Kabar Siang Siang Gini Enaknya Ngapain ya ?? Hayo apa
oke pada kali ini saya akan mengeshare tentang  Cara Buat Blockquote Dengan Efek Hover Versi Blog Mas Rama tau gk blockquote untuk apa ?? Hayo apa

blockquote adalah kutipan artikel yang dianggap penting atau memiliki arti khusus. namun pada prakteknya ada juga yang menggunakan blockquote untuk menuliskan tag HTML,Kode CSS atau script pada artikel-artikel tips blogging. namun saya mencoba untuk mengedit nya dengan versi saya sendiri , dan dibawah inilah tutorialnya

Demo



Tutorial


1. login di blogger
2. pergi ke dashboard 
3. klik template --> edit HTML
4. Cari kode ]]></b:skin>
5, masukkan kode dibawah ini diatas kode tersebut

blockquote{-webkit-transition:all .6s ease-out; -moz-transition:all .6s ease-out; -o-transition:all .6s ease-out;background: #000;border-left:8px solid #087ac3;border-top:1px solid #ccc;border-bottom:1px solid #ccc;border-right:1px solid #ccc;text-align:left;font-style:italic;margin:0 0 13px 13px;padding:10px 22px 10px 22px;border-radius:50px 100px 35px 100px;}blockquote:hover{-moz-box-shadow: 1px 1px 4px #067dae;-webkit-box-shadow: 1px 1px 4px #067dae;box-shadow:  1px 1px 4px #067dae;background:#fff;color:#000;text-shadow: 0px 0px 8px #067dae;border-radius: 20px 0px 20px 0px;}
6. simpan template

Cara menerapkanya di postingan


1. Buat Postingan
2. Pilih Mode HTML
3. Lalu masukkan kode dibawah ini

<blockquote> MASUKKAN KODE TERSERAH ANDA </blockquote>

4. publikasikan
5. liat di blog
6. selesai

demikian post  Cara Buat Blockquote Dengan Efek Hover Versi Blog Mas Rama semoga bermanfaat bagi kita semua .
wassalamualaikum wr wb

Cara Buat Blockquote Dengan Efek Hover Versi Blog Mas Rama

Alternative Link : [ Click Here ... ]

Posted by Ramadhan Ashary | Published at 11.47

13 komentar :

  1. lagi ngetrend banget ya quote kayak gini, keren-keren (y) nanti dicoba ya hehe
    visit ya http://officialbronis.blogspot.com/ makasih;)

    BalasHapus
    Balasan
    1. iya sob lagi ngetrend nih wkwkkwk :D

      Hapus
  2. Keren keren!! Langsung coba ah :D

    BalasHapus
  3. Kode itu berupa angka?? berapa angka?? contoh dong kak.

    BalasHapus
    Balasan
    1. Komentar ini telah dihapus oleh pengarang.

      Hapus
    2. Setiap angka ad memiliki fungsi br beda ...
      sperti :
      #000 , Itu kode html warna
      20px, itu ukuran lebar, luas, tinggi entah bagian html mana itu...
      Itu setahu saya si..

      Hapus
  4. wih mantep nih gan info nya, ijin nyoba :-D

    BalasHapus

{ Harap Baca }

1. Harap berkomentar dengan bahasa indonesia yang baku tanpa singkatan.
2. Apabila Anda Komentar Thank's Info ,, Nice Post <-- Akan saya Hapus
3. Dilarang Live Link
4. Dilarang Berkomentar berbau Por** and SARA
5. Berkomentar lah Dengan Sesuai Postingan Diatas
6. Jika Anda Mengomentar Enggak Sesuai Topik Gunakan OOT

{+} Ingat Jangan Sekali Sekali Menaruh Link Hidup Maupun Link Mati

 
 
Copyright © 2014 Blog Mas Rama Template Design By | Pathmo