Tampilkan postingan dengan label Tutorial Blogger. Tampilkan semua postingan
Tampilkan postingan dengan label Tutorial Blogger. Tampilkan semua postingan

14 Juli 2008

Clarify Link your director

Akhir-akhir ini jika anda mengamati dari beberapa postingan saya, ada beberapa kata yang "berkedip".
Kata-kata yang dipertegas dengan gaya animasi.

Kata-kata tersebut tentunya ada maksudnya, karena dibalik kata tersebut tertanam link yang apabila diklik akan memandu anda menuju URL lain sesuai daripada kandungan link tersebut.

Ini mungkin trik bagi saya yang aku gunakan untuk menarik minat advertis daripada hasil review kegiatan PTR yang sedang aku ikuti. Mungkin bagi yang berpengalaman hal ini tidak layak untuk disebut trik, namun bagi saya trik ini nampaknya sangat jitu untuk menarik perhatian.

Cara membuatnya juga mudah, cukup pasang kode ini <blink> text</blink>

"Text" merupakan kata yang akan dipertegas dan nantinya akan berkedip.
Agar anda tidak bingung, kerjakan penulisan artikel di area "Edit HTML".

Selamat mencoba, mudah-mudahan bermanfaat

11 Juni 2008

Membuat bingkai Scroll pada widget baru blog

Kita ketahui bahwa pada layanan blogger terutama pada elemen halaman ada fasilitas baru yaitu “Daftar blog”. Fasilitas ini bila kita manfaatkan sebagai wadah daripada link-link sahabat blogger tentunya akan lebih menarik.

Karena dengan fasilitas ini kita akan tahu posting terbaru dari blog sobat yang sudah kita link.tanpa harus membuka link daripada blog tersebut. Kita pun tidak direpotkan harus mengurutkan abjad daripada nama blog yang akan kita link.
Hanya saja kita perlu menambahkan bingkai scroll agar daftar dari blog yang sudah kita link tidak terlalu panjang, langkah ini untuk mengantisipasi blog yang kita link banyak sekali.

Kopi kode dibawah ini

#scrolling {
overflow: auto; height: xxxpx; width: xx%;
background-color:#xxxxxx; border:xpx solid #xxx;
margin: xpx auto; padding:xpx; font-size: xxpx;
color: #xxx; text-align: left;
}

Ganti tanda x dengan ukuran dan kode warna sesuai selera anda

Kemudian kita masuk dalam halaman layout,kita buka tab Edit Html jangan tandai kotak Expand Template widget, Paste kode tersebut diatas kode : ]]></b:skin> kemudian kita simpan template.

Masih pada tab Edit Html, tandai kotak Expand Template widget

Lalu cari kode berikut :

<b:widget id='BlogList1' locked='false' title='My Blog List' type='BlogList'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<div id='blog-list-title'>
<h2 class='title'><data:title/></h2>
</div>
</b:if>
<div class='widget-content'>

Tambahkan kode <div id='scrolling'> diantara kode </b:if> dan kode <div class='widget-content'>

Hasilnya akan seperti ini

<b:widget id='BlogList1' locked='false' title='My Blog List' type='BlogList'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<div id='blog-list-title'>
<h2 class='title'><data:title/></h2>
</div>
</b:if>
<div id='scrolling'>
<div class='widget-content'>

Kemudian tambahkan kode </div> diatas kode dibawah ini

</b:includable>
</b:widget>

Selamat mencoba

14 November 2007

MENGATUR HURUF DAN WARNA PADA BLOGGER BARU

Fasilitas yang disediakan dalam blogger baru banyak kita jumpai, termasuk salah satunya adalah mengatur huruf dan warna. Karena sekarang pelayanan blogger baru sudah dalam bahasa Indonesia, tentunya tidaklah sulit untuk mengikuti langkah-langkah tersebut. Berikut beberapa fasilitas pengaturan yang sudah disediakan dalam blogger baru :

  1. Warna Latar Belakang
  2. Font text
  3. Warna text
  4. Warna Links
  5. Hover Link Color
  6. Warna Latar Belakang Utama
  7. Main Border Color
  8. Post Images Border Color
  9. Warna Latar Belakang Header Halaman
  10. Font Judul Posting
  11. Font Judul Blog
  12. Blog Title Text Color
  13. Warna Header Tanggal
  14. Post Title Background Color
  15. Post Title Text Color
  16. Warna Latar Belakang Sidebar
  17. Sidebar Text Background Color
  18. Sidebar Title Text Color
  19. Warna Teks Sidebar
  20. Warna Judul Sidebar
  21. Warna Link Sidebar
  22. Footer Background Color
  23. Footer Text Color
Untuk mengetahui tulisan maupun bagian background yang dirubah, anda tinggal melihat preview yang terletak di bagian bawah dari tampilan fasilitas tersebut

Mockup Hijab Adobe Photoshop Tutorial - FREE FILE PSD

  Mockup Hijab Adobe Photoshop adalah tutorial tentang bagaimana cara merubah warna hijab maupun coraknya. Jika anda ingin mendownload file ...