Kamis, Oktober 14, 2010

posted by: Tanty Maharani »


posted by: Tanty Maharani Photo disamping merupakan satu hasil modifikasi pada template blog. Anda dapat mencobanya dengan menambahkan kode HTML baru di dalam template, baik untuk menampilkan nama author, photo author atau sekaligus dua-duanya disetiap posting di depan huruf pertama posting dan di atas posting. Untuk photo author akan berada di depan teks pertama posting, sedang nama author berada di atar posting persis. Jika anda ingin menampilkan nama author di depan teks pertama posting, maka cukup dilakukan dengan merubah tag p menjadi span dan tambahkan padding-right:10px;.

Agar photo author atau photo blogger tidak terlalu memenuhi halaman posting yang membuat tampilan blog justru kurang menarik, anda bisa menggunakan photo yang berukuran kecil (thumbnail/avatar) dengan ukuran sekitar 40px x 60px .

Kode HTML-1 : Menampilkan Nama Author di Atas Posting


<p style='font-weight:bold;font-style:italic;color:blue;border-bottom:1px dotted #555;margin-bottom:5px;'>posted by: Tanty Maharani </p>


Anda bisa rubah warna teks (pada: color:blue;) agar sesuai dengan warna halaman posting!

Kode HTML-1 : Menampilkan Photo Author di Depan Posting


<a href="http://tantytm.blogspot.com/" target="_blank" title="Click me, please!"><img style="float:left;width:43px;height:56; margin:0 8px 5px 0;padding:2px;border:3px solid #555;background:#777;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;" src="http://i41.tinypic.com/352oqab.gif" /></a>


Ganti Kode URL dan teks yang berwarna kuning!

Kode HTML-1 : Menampilkan Nama Author di Depan Posting


<span style='font-weight:bold;font-style:italic;color:blue;border-bottom:1px dotted #555;padding-right:10px;'>posted by: Tanty Maharani </span>


Cara Menggunakan Kode/Menyimpan kode HTML di Template


  • Login : Gunakan User Name (Nama Pengguna) atau Alamat Email (Email Address) dan Password (Kode Rahasia/Sandi).
  • Dashboard/Dasbor : Setelah memasuki halaman Dasbor, klik Design/Rancangan.
  • Design/Rancangan : Anda akan masuk ke Page Element/Elemen Laman. Carilah link Edit HTML, kemudian klik link tersebut.
  • Edit HTML :
      Back-up Templates : Amankan terlebih dahulu template anda. Pengamanan (back-up) template berfungsi untuk menjaga bila terjadi kesalahan dalam modifikasi. Anda dapat mengembalikan lagi template ke keadaan sebelumnya dengan cara mengunggah kode HTML template yang telah tersimpan melalui back-up template ke blogger.
    • Klik Download Template Lengkap (Full Download Templates).
    • Simpan file template di folder PC.
    • Kembali ke Edit HTML.
  • KLIK Expand Widget Templates, kemudian Cari kode
    <data:post.body/>. Untuk mempermudah dan mempercepat pencarian kode anda bisa gunakan Ctrl+F.
  • Letakkan Kode HTMl tepat di depan kode di atas.
  • KLIK Simpan Template/SAVE Template!

Contoh Posisi Kode: Nama Author di atas Posting


<p style='font-weight:bold;font-style:italic;color:blue;border-bottom:1px dotted #555;margin-bottom:5px;'>posted by: Tanty Maharani </p>
<data:post.body/>


Contoh Posisi Kode: Photo Author di Depan Posting


<a href="http://tantytm.blogspot.com/" target="_blank" title="Click me, please!"><img style="float:left;width:43px;height:56; margin:0 8px 5px 0;padding:2px;border:3px solid #555;background:#777;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;" src="http://i41.tinypic.com/352oqab.gif" /></a><data:post.body/>


Ganti nilai width dan height untuk merubah tinggi dan lebar photo!

Contoh Posisi Kode: Nama Author di Depan Posting


<span style='font-weight:bold;font-style:italic;color:blue;border-bottom:1px dotted #555;padding-right:10px;'>posted by: Tanty Maharani </span><data:post.body/>


Contoh Posisi Kode: Nama dan Photo Author di Depan Posting


<a href="http://tantytm.blogspot.com/" target="_blank" title="Click me, please!"><img style="float:left;width:43px;height:56; margin:0 8px 5px 0;padding:2px;border:3px solid #555;background:#777;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;" src="http://i41.tinypic.com/352oqab.gif" /></a><span style='font-weight:bold;font-style:italic;color:blue;border-bottom:1px dotted #555;padding-right:10px;'>posted by: Tanty Maharani </span><data:post.body/>


Semoga bermanfaat!

Happy Blogging ....!


Tutorial Menarik Lain


Anda bisa mengikuti tutorial blogger yang super lengkap dan berisi ratusan tutorial dengan bahasa yang gampang dipahami lengkap dengan berbagai desain cantik CSS3 dengan membuka link di bawah ini:

Related Posts

6 komentar:

  1. harus panggil apa ya....? mbak ya...;)
    mbak gimana sih cara buat SHOW/HIDE yang kayak di bawah...?
    blognya cantik banget...

    BalasHapus
  2. bleh jg tuh tipsnya, pngen blajar donk....slam knal y....tlg titip link : http://adhityangeblog9.blogspot.com

    BalasHapus
  3. hi mba tanty..salama kenal..wong semarang rupannya...boleh dong kenal dan berbagi pengalaman tantang ngeblog...

    BalasHapus
  4. belum berhasil kasih nama di depan posting

    BalasHapus
  5. Halo,

    Apakah Anda dalam setiap jenis kesulitan keuangan? Apakah Anda membutuhkan pinjaman untuk melunasi hutang-hutang Anda? Apakah Anda seorang pengusaha atau wanita yang berniat untuk memperluas perusahaan nya? kami menawarkan pinjaman dari semua jenis kepada individu, perusahaan dan bekerja sama badan-badan yang membutuhkan pinjaman pada tingkat bunga rendah dari 3% hubungi kami hari ini untuk pinjaman asli melalui email:
    royalsilverloanservices@gmail.com

    PINJAMAN FORMULIR PENDAFTARAN

    Pemohon Nama:
    negara:
    pekerjaan:
    seks:
    Tujuan pinjaman:
    Umur:
    Nomor Telepon:
    Jumlah Dibutuhkan:
    Durasi Pinjaman:
    Pendapatan Bulanan:

    Mr RoyalSilver

    BalasHapus
  6. BEWARE OF LOAN SCAMS ONLINE. Are you seeking for a legitimate and trusted Finance/Lender? Beware of many lender from West Africa, Singapore and India. I am Williams Burke, a British Citizen currently residing in Bulgaria; am 52 years of age. I want to use this medium to inform everyone here about my encounter with a reliable/trusted loan lender. I have been scammed by other fake lenders and was hopeless and didn't know who to trust, until I contacted DAVID HERLEY FINANCE HOME loated in USA and they did carried out their promises by putting a great smile on my face at my greatest surprise by sending me the loan that I did applied for. Anyone of you that have also been a victim of scam, you should bother no more because, I have bring you good news and the only lender you can trust here is DAVID HERLEY FINANCE HOME, just contact them now via email: { loans@dherleyfinancehome.net } or Tel: +13213231809 & Skype: dherleyfinance for more information on how to get a loan from them.

    BalasHapus

 
Tantytm | Edited by | Tanty Template Modification