Membuat Link zoom

Pagi ini terasa begitu indah, terselip rasa ngantuk dan lelah. akan tetapi dari pada tidur di pagi hari, lebih baik coret- coret kata-kata yang mungkin membawa guna bagi teman- teman semuanya. Pada postingan kali ini saya hanya menambah pengetahuan teman- teman aja yaitu tentang Membuat link zoom, apa artinya???. Link zoom disini saya maksutkan jika sebuah link kita sorot maka akan bertambah besar [hurufnya]. penasaran mau tahu? coba teman- teman lihat blogku. klik link yang ada di postinganku, bagaimana perbedaannnya?. kalau begitu ini cara proses pembuatannya:

**MEMBUAT LINK ZOOM **
  • Pertama masuk ke akun blogger nya masing- masing.
  • Pilih Tata Letak - Edit HTML
  • Centang pada kotak Expand Template Widget
  • Cari kode yang mirip kode di bawah ini.




    .post-body p a, .post-body p a:visited{
    color:$mainLinkColor;
    text-decoration:underline}

    .post-body a:hover{
    text-decoration:none;
    color:$mainHoverLinkColor}

    .post blockquote{
    background:#e4e3e3 ;
    margin:0 25px 15px;
    padding:40px 15px 10px 80px}




  • Kalau tidak menemukan kode di atas, jangan menyerah..karena setiap template mungkin berbeda. Coba teman-teman fokus kode ini.

    a

    a:visited {

    a:hover {
  • Tambahkan kode ini > font-size: 120%;  dibawah kode a:hover { (120% menunjukkan besar ukuran hurufnya, semakin besar nilai persentasenya, semakin besar pula zoomnya nanti). sehingga kurang lebih akan seperti ini:



    .post-body p a, .post-body p a:visited{
    color:$mainLinkColor;
    text-decoration:underline}

    .post-body a:hover{
    font-size: 120%;
    text-decoration:none;
    color:$mainHoverLinkColor}

    .post blockquote{
    background:#e4e3e3 ;
    margin:0 25px 15px;
    padding:40px 15px 10px 80px}




  • klik Simpan Template

Semoga bermanfaat bagi teman- teman semua. kalau belum bisa, terus mencoba dan mencoba samapai bisa. OK. ditunggu komentarnya teman-teman.


Artikel terkait lainnya:

4 komentar:

fathony mengatakan...

sip dik nek ku yo knek

denadnan mengatakan...

salam kenal bro...

asep canda mengatakan...

makasih infonya sob

Blog Bisnisku mengatakan...

boleh juga nich buat variasi blog...thanks tuk tipsnya

Posting Komentar

 

Pengikut

Bagaimana website ini menurut anda?

SMA NEGERI 1 SAMPUNG PONOROGO

Blog Archive

Design by creative of SMAN 1 Sampung Ponorogo | 2010