Showing posts with label dalam. Show all posts
Showing posts with label dalam. Show all posts

Sunday, February 5, 2017

MENAMBAH GAMBAR KE DALAM JUDUL POSTING

MENAMBAH GAMBAR KE DALAM JUDUL POSTING






Pada salah satu kolom komentar ada seorang sobat blogger yang bertanya tentang bagaimana memasukkan gambar pada judul template. Dan saya menangkap dari pertanyaan ini mungkin yang di maksud adalah memasukkan gambar pada judul postingan.
Jika yang di maksud demikian seperti contoh gambar pada judul di atas, maka saya akan berusaha menjawabnya semampu yang telah saya bisa.

Pertama yang harus sobat lakukan adalah mengupload dulu gambar di tempat yang biasa sobat lakukan,bisa di photobucket atau di mana saja yang rasanya tidak terlalu sulit untuk mencarinya di internet. Agar lebih memudahkan sebelum upload gambar tentukan dulu ukuran gambarnya. Setelah gambar terupload ambil alamat yang ada.
Misalnya saya mendapatkan kode alamat seperti ini:
    http://i761.photobucket.com/albums/xx252/darma_bucket/Menambah-gambar-ke- dalam-judul-post.gif
Kemudian tambah tag hingga menjadi seperti di bawah ini:
    <img align=left height=50 width=50 src="http://i761.photobucket.com/albums/xx252/darma_bucket/Menambah-gambar -ke-dalam-judul-post.gif" ></img><br/>
Setelah siap baru kita masukkan gambarnya,caranya:
  • Masuk ke blog sobat.
  • Klik tata letak.
  • Pilih edit HTML.
  • Beri tanda pada Expand Template Widget
  • Cari Kode seperti di bawah ini.

    <b:includable id=post var=post>
    <div class=post hentry uncustomized-post-template>
    <a expr_name=data:post.id/>
    <b:if cond=data:post.title>
    <h3 class=post-title entry-title>
    <img align=left height=50 width=50 src="http://i761.photobucket.com/albums/xx252/darma_bucket/Menambah-gambar -ke-dalam-judul-post.gif" ></img><br/>
    <b:if cond=data:post.link>
    <a expr_href=data:post.link><data:post.title/></a>
    <b:else/>
  • Sisipkan alamat gambar milik sobat di antara kode di atas posisinya seperti yang terlihat.
    Perhatikan juga spasinya , karena ini sangat berpengaruh.
  • Klik prajinjau.
  • Setelah di rasa aman baru di SAVE.
  • Lihat hasilnya.

Available link for download

Read more »

Friday, February 3, 2017

MEMBUAT LINK DALAM SATU HALAMAN BLOG

MEMBUAT LINK DALAM SATU HALAMAN BLOG





S
ebuah link biasanya di gunakan untuk mengarahkan alamat ke halaman lain atau ke postingan lain. Bagaimana jika kita ingin link tersebut mengarah pada satu halaman atau satu postingan,disini kita akan coba membahasnya.

Link dalam satu halaman ini biasanya disebut dengan anchor link. Kita bisa mengarahkan link tersebut ke atas,ke tengah atau ke bawah. Biasanya digunakan untuk postingan yang panjang dengan sub-sub halaman atau menggunakan beberapa bab.

Sesuai dengan namanya (Anchor link) untuk membuat link ini kita butuh yang namanya anchor name dan juga link name. Untuk lebih jelasnya mari kita sama-sama mencoba.

  • Pertama kita buat dulu anchor name:

    <A NAME="BAB 1"> BAB 1 </A>

Pada anchor name inilah nantinya link kita akan mengarah,tepatnya satu baris di bawah tempat kita meletakkannya. Sebagai contoh anchor name ini akan saya letakkan tepat dibawah judul postingan ini.

Sebagai catatan untuk tulisan BAB 1 yang berwarna merah boleh diganti dengan tulisan apa saja,sedang BAB 1 yang berwarna biru boleh dihilangkan.

  • Kedua yang harus kita buat adalah link name:

    <a href="#BAB 1"> kembali ke atas</a>

Link name ini kita gunakan untuk mengarahkan di mana anchor name tadi diletakkan,dan sebagai contoh link name ini akan saya letakkan di bawah postingan.

Catatan lagiii...: Untuk tulisan BAB 1 pada link name harus sama dengan anchor name.Untuk tulisan kembali ke atas boleh dirubah dengan kata apa saja,asal bukan kata-kata yang jorok sengihnampakgigi.
Misal: Kembali ke atas, ketengah atau bawah karena fungsinya untuk keterangan saja. Untuk melihat hasilnya silahkan klik Kembali ke atas.
kembali ke atas

Cara membuat link
Cara membuat link warna-warni
Membuat link dalam satu halaman
Cara membuat link otomatis
Membuat link untuk download

Available link for download

Read more »