?

Catatan

NULL

Tentang Blog Ini×

Blog ini adalah tempat Saya menuangkan hasil-hasil karya Saya sekaligus tempat saya belajar membangun sebuah blog/website dan berharap untuk tetap bisa memberikan yang terbaik kepada pembaca. kom4 (seekor nyamuk kecil yang tak pernah berhenti menyebarkan wabah.!)

Tentang Saya

Salam pembuka dari saya sebagai penulis blog ini sebelumnya akan memperkenalkan diri saya sebagai salah satu blogger yang berasal dari Sulawesi.

Berikut adalah data diri saya Dharla Ferdana, Bagi para pembaca yang mungkin juga ingin menghubungi saya, bisa melihat alamat juga kontak saya yang disediakan dibawah ini. jika ada yang mengaku saya,namun mempunyai data yang berbeda dari yang ada dibawah, maka itu bukanlah saya. berikut data diri saya:

Nama : Muh. Dharla Ferdana Samudra
Email : dharlaferdana@yahoo.co.id
Invite My BBM : PIN : 2779647D

iklan
Bagikan kepada teman!

Membuat internal link menggunakan kotak background dan efek hover

Membuat internal link otomatis menggunakan kotak background dan efek hover >> Internal link atau biasa disebut juga dengan permalink itu sangat penting,disamping untuk memperkuat keyword pada suatu postingan,internal link juga sangat bagus untuk tehnik SEO, inilah salah satu cara mudah merealisasikan membangun internal link otomatis pada blogger.

Membuat internal link otomatis pada blogspot akan mempermudah anda juga untuk membuat sebuah link yang mengarah pada homepage blog maupun link yang mengarah pada halaman itu sendiri agar artikel kamu bisa terkait,nah inilah salah satu contoh tampilan internal link otomatis pada blog DH-F ini, yang anda bisa lihat di akhir postingan ini:

Nah,bagaimana Cara membuat internal link otomatis menggunakan kotak background dan efek hover? mau dicoba ngga..! mudah kok,caranya sebagai berikut:
  1. Seperti biasa login blogger Klik rancangan
  2. Lalu klik edit html lalu centang Expand Widget Templates
  3. Cari kode ]]></b:skin>
  4. Masukan kode Internal Link Otomatis diatas kode ]]></b:skin> ini kodenya:

    /* internallink
    ===================== */
    .internallink {
    background-color: #fff;
    border: 1px solid #FF0000;
    margin: 10px 0px;
    padding: 10px;
    width: auto;
    height: auto;
    text-align: center;
    -moz-border-radius: 5px;
    }

    .internallink:hover {
    background-color: #000;
    border: 2px solid #ff00ff;
    margin: 10px 0px;
    padding: 10px;
    width: auto;
    height: auto;
    text-align: center;
    -moz-border-radius: 5px;
    }


  5. Setelah itu cari lagi kode yang seperti ini <data:post.body/>
  6. Setelah ketemu masukkan kode dibawah ini tepat dibawah kode <data:post.body/>
  7. ini kodenya:
    <b:if cond='data:blog.pageType = &quot;item&quot;'>
    <div class='internallink'>Terima kasih telah membaca artikel:
    <a expr:href='data:post.link' expr:title='data:post.title'>
    <data:post.title/>
    </a>.Silahkan baca artikel &#169;
    <a expr:href='data:blog.homepageUrl'>
    <data:blog.title/>
    </a>yang lainya:</div>
    </b:if>
  8. Kemudian simpan
  9. Buka artikel anda dan lihat hasilnya
Mudah bukan! ada baiknya anda mengkreasikan dengan mengganti tulisan "Terima kasih telah membaca artikel" diatas sesuai dengan keinginan anda.
iklanBuruan Pasang Iklan Anda Di Sini Dengan Harga Yang Terjangkau.Pajang bisnis online anda di blog http://kom4.blogspot.com dan dapatkan keuntungan yang lebih dari penjualan produk bisnis anda.
iklanBuruan Pasang Iklan Anda Di Sini Dengan Harga Yang Terjangkau.Pajang bisnis online anda di blog http://kom4.blogspot.com/ dan dapatkan keuntungan yang lebih dari penjualan produk bisnis anda.
Iklan Murah

Sejauh ini belum ada diskusi yang masuk. Mulailah berdiskusi dan temukan teman-teman barumu.

Tautan (link) hidup dalam komentar akan terhapus secara otomatis.
Untuk menyisipkan tautan dengan aman, gunakan kode <i rel="anchor">http://nama_situs.com</i>
Untuk menyisipkan kode, gunakan tag <i rel="code">KODE ANDA</i>
Kode yang panjang bisa menggunakan tag <i rel="pre">KODE PANJANG ANDA</i>
Untuk menyisipkan gambar, gunakan kode <i rel="image">URL GAMBAR</i>
Untuk menyisipkan judul, gunakan tag <b rel="h4">JUDUL ANDA DI SINI...</b>
Untuk menciptakan efek tebal gunakan tag <strong>TEKS ANDA DI SINI...</strong>
Untuk menciptakan efek huruf miring gunakan tag <em>TEKS ANDA DI SINI...</em>

Khusus untuk membalas komentar disarankan menggunakan tombol balas di samping komentar terkait dibandingkan menggunakan formulir komentar di bawah agar komunikasi lebih terstruktur. Karena mungkin, apa yang Anda tanyakan/katakan saat ini akan sangat bermanfaat bagi pembaca lain.
:) :( ^_^ :D ;) :-bd :'( :\ :p B) :Q :Ozz 7:( \o/ **p <3 0:) :-a 7:O *fck* x@ X@ ~x( :yaya: =p* Klik untuk melihat kode!

Konversi Kode di Sini (Jendela Munculan) Emoticon

Batal

Pasang IklanPasang IklanPasang IklanPasang Iklan

Terakhir Diperbaharui

Ke atas!