Tampilkan postingan dengan label Template. Tampilkan semua postingan
Tampilkan postingan dengan label Template. Tampilkan semua postingan

Rabu, 23 Desember 2009

Fungsi Red More Pada Posting Blog

Sewaktu memulai bikin blog kita kebanyakan terlebih dahulu melihat pola blogger yang sudah ada sebagai acuan model blog yang akan kita buat. Fungsi Red More Pada Posting Blog merupakan salah satu item yang sering jadi perhatian dan pasti juga mau diterapkan di blog kita , hal ini terlihat bahwa 90 % postingan blog menggunakan Fungsi Red More untuk memotong artikelnya agar tak kepanjangan.. sementara bawaan dari templatenya tidak ada, jadi kalau anda mau menambahkan Fungsi Red More Pada Posting Blog , ya.. harus ditambah sendiri.

Langsung saja ya langkahnya seperti ini :
  1. Login ke Dasboard , pilih Layout , terus pilih Edit HTML.
  2. Contreng kotak Expand Widget Template
  3. Cari kode seperti ini : <p><data:post.body/></p> atau <data:post.body/>
  4. Untuk memudahkan mencarinya tekan saja Ctrl +F pada keyboard anda, terus copas kodenya pada tempat yang telah disediakan, lalu klik Next
  5. Hapus kode nomor 3 diatas dan ganti dengan kode dibawah ini :
    <b:if cond='data:blog.pageType == "item"'>
    <style>.fullpost{display:inline;}</style>
    <p><data:post.body/></p>
    <b:else/>
    <style>.fullpost{display:none;}</style>
    <p><data:post.body/></p>
    <a expr:href='data:post.url'>Read More......</a>
    </b:if>


  6. Tulisan Red More… bisa diganti sesuai selera.. misalnya Baca selengkapknya.. Lanjutkan.. dll.
  7. Jika sudah jangan lupa di save

Editing Template selesai, sampai disini, tapi masih ada satu tahap lagi , yo sekarang kita Lanjutkan .
  1. Pilih menu Settings terus klik Formatting
  2. Di bawahnya kan ada kotak Post Template, nah selanjutnya Copy Paste kode dibawah ini pada kotak tersebut, jangan lupa SAVE SETTINGS jika dah selesai.
    <span class="fullpost">
    </span>
  3. Cara Memasukan Fungsi Red More Pada Posting Blog selesai sampai disini.
  4. Penerapannya pada saat kita mulai posting artikel, biasanya ada pilihan "Compose" dan "Edit Html". Silahkan pilih "Edit HTML", disitu akan tampak kode yang kita masukan pada nomor 2 diatas,, coba lihat ada gak ???, selanjutnya postinglah artikel anda seperti ini :
Bagian ini adalah artikel yang akan tampil pada postingan sebelum Redmore..
<span class="fullpost">
Dan ini adalah lanjutan dari artikel diatas.. semoga ,, nanti Red More nya  mau nongol..kan kasihan aku dah capek editing templatenya… hik..hik..
</span>

Selamat Mencoba..



Read More......

Jumat, 04 Desember 2009

Merubah Tampilan Link Ketika Mouse Diarahkan


Merubah Tampilan Link Ketika Mouse Diarahkan. Tampilan link ketika mouse diarahkan pada link tersebut bisa kita ganti. Contohnya silahkan arahka mouse anda pada link dibawah ini.
-Rumah Blogger
-Business Online Tips

Bagaimana cara membuatnya?. Sebenarnya sangat sederhana. Langkah pertama, silahkan login ke account blogger kamu. Kemudian masuk ke halaman edit html dan cari kode di bawah ini. Kamu bisa memperbesar tulisan link, mengganti warna background link, atau pun mengganti warna link ketika mouse di arahkan.

Silahkan masuk ke halaman edit hmtl dan cari kode di bawah ini :

a:hover {
color:#ffffff;
text-decoration:none;

}

Tambahkan kode di bawah ini pada kode tersebut

font-size: 15px;
background:#cc0000


Hasilnya

a:hover {
color:#ffffff;
text-decoration:none;
font-size: 15px;
background:#cc0000


Penjelasan :
1. colour adalah warna link ketika mouse diarahkan
2. text-decoration adalah tampilan tulisan dari link tersebut, kamu bisa menggantinya dengan bold untuk huruf tebal dan underline untuk huruf dengan daris bawah.
3. Background adalah warna latar belakang dari link tersebut ketika mouse diarahkan.
4. font-size adalah besar dari huruf link tersebut ketika mouse diarahkan.

Selamat mencoba...salam

Read More......

Membuat Link Download

Membuat Link Download. Ada seorang teman tips blogger yang bertanya tentang bagaimana cara membuat link download pada blognya. Sebenarnya cara tersebut cukup mudah, tapi ada beberapa orang yang belum mengetahuinya. Baik saya akan mencoba sedikit membantu. Cara yang pertama adalah, kamu harus memiliki sebuah file yang akan kamu upload terlebih dahulu, contohnya sebuah lagu atau gambar. Kemudian upload file tersebut pada sebuah hosting gratis seperti ziddu, googlepages, dll. Pada kesempatan kali ini saya hanya akan menjelaskan tentang ziddu. Dari ziddu kamu akan mendapatkan dollar apabila ada orang yang mendownload file kamu tadi. Yuk langsung saja kita masuk ke pembahasannya.


Membuat link download


1. Bergabung di ziddu terlebih dahulu (klik).
2. Upload file yang kamu inginkan, kemudian ambil link downloadnya.
3. Pasang link download pada tempat yang kamu inginkan, contohnya pada sebuah posting.

Cara pemasangannya seperti ini :

a. Teks link

<a href="http://linkFiledownloadkamu">Download</a>

Ganti linkFiledownloadkamu dengan link file kamu yang ada pada ziddu tadi.

b. Link download dengan Gambar

Download

Cara pemasangan :

<a href="http://linkFiledownloadkamu"><img title="Download" src="http://cyberhadi.com/wp-content/uploads/2009/03/downloadbtn.gif" alt="Download" width="132" height="35" /a></a>

Ganti linkFiledownloadkamu dengan link file yang telah kamu upload tadi.

Selamat mencoba, salam.

Read More......