Membuat Read More Pada Template Baru

Membuat blog menjadi indah dan dengan mudah dilihat oleh para sobat blogger yang lain salah satunya adalah penggunaan read more pada postingan kita. Yang tertera di halaman index adalah cuplikan dari postingan secara kesluruhan. Apa jadinya bika kita yang mempunyai hobby memposting dan tidak menggunakan read more, mungkin tulisan akan memanjang sampai kebawah, roll blog tersebut akan menjadi sangat panjang. Yang terjadi adalah para pengunjung blog kita akan bosan melihat blog kita secara keseluruhan.

Pada kali ini saya akan membahas penggunaan read more pada template baru. Mungkin sobat blogger juga bertanya bagaimana jika pemasangan read more pada template klasik apakah sama atau berbeda, ternyata walaupun sama-sama template tapi berbeda juga penggunaan kodenya. Pemnngunaan read more mungkin akan saya bahas pada postingan selanjutnya.

Oke… apakah para sobat blogger sudah siap untuk menggunakan read more, jika sudah siap mari kita buat sama-sama.

1.jangan lupa buat masuk dan log in dulu ke blogger.
2.pada tampilan dashboard pilih Pengaturan – Format
3.Pada layar paling bawah, ada text area kosong disamping tulisan Post Template, isi tesxt area kosong tersebut dengan kode di bawah ini :

<div class="fullpost">

5.klik tombol yang bertuliskan simpan setelan

Pemasangan kode ini di maksudkan agar pada saat posting artikel, kode tersebut langsung muncul tanpa harus menuliskan terlebih dahulu, jadi membantu kita agar tidak harus selalu mengingat kode tersebut.
Langkah selanjutnya yaitu menambahkan kode pada template, silahkan ikuti langkah berikut :

6.Kemudian pilih Tata letak – Edit HTML
7.klik tulisan download full template.

Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula

8.PENTING: centang dulu pada kotak Expand Template Widget, bila tidak dilakukan pencentangan, dikhawatirkan langkah-langkahnya tidak akan sesuai dengan perintah yang akan saya sampaikan selanjutnya.
9.silakan cari kode berikut.

<div class="post-body">

10.Copy kode HTML di bawah ini kemudian paste di bawah kode tadi

<b:if cond="data:blog.pageType"><style>.fullpost{display:inline;}</style> <p><data:post.body/></p> <b:else/> <style>.fullpost{display:none;}</style>

11.Kemudian lihat kebagian bawah sehingga terlihat kode berikut ini :

<p><data:post.body/></p>

12.Copy kode HTML di bawah ini kemudian paste di bawah kode tadi

<a href="'data:post.url'">Read More......</a></b:if>

13.Klik tombol bertuliskan simpan template

Selesai dan para sobat blogger sekarang dapat menggunakan read more pada postingan di blog anda.

Sekedar informasi, untuk membuat post agar terlihat cuplikannya saja.

14.Tulisankan artikel yang ingin tampak pada blog sebelum kode :

<div class="fullpost">

15.Tulis keseluruhan sisa artikel sesudah kode di atas tadi dan sebelum kode :

</div>

16.Klik tombol bertuliskan PUBLISH POST

Read More......

Cara Membuat Avatar

Terkadang ada sobat blogger yang ingin identitasnya diketahui dan ada yang tidak. Mungkin hal tersebut sesuai dengan keinginan diri masing-masing. Namun bagi yang narsis, ada kesempatan meyebarkan foto gantengnya, kita tinggal membuat foto kecil yang dapat kita jadikan juga sebagai link alamat blog kita.
Pastinya tidak rugi donk memasang foto tersebut. Nah foto kecil tersebut lebih dikenal dengan nama avatar. Masih bingung? Baik, akan saya beri contoh penggunaannya,

Banyak jalan menuju Roma, mungkin hal tersebut juga sesuai dengan cara membuat avatar. Banyak cara membuat avatar, banyak situs juga yang dapat membantu kita membuat avatar. Biar gak tambah pusing. Langsung aja kita mencoba membuat avatar kreasi kita sendiri. Kali ini saya akan menggunakan Gimp. Karena gambar yan gakan dihasilkan nanti tidak lebih dari 3kB. Menarik bukan?

Berikut langkah-langkahnya:

1. Pastikan Gimp telah siap digunakan.
2. Jika layer kerja telah aktif masukkan gambar yang akan diedit.
3. Klik rectangle tool lalu centang fixed dan pilih pilihan size dan isi ukurannya dengan ukuran 198x198.hal tersebut bertujuan agar ketika kita menyeleksi ukurannya langsung otomatis terseting 198x198. setelah itu tekan enter.
4.Sesuaikan ukuran gambar agar pas untuk d potong menjadi agak kecil, dengan klick image-scale image. anda tinggal menyesuaikan ukuran pixel agar pas dan tepat.setelah terseleksi pastikan lagi gambar anda telah terseleksi
5.Setelah gambar sudah terseleksi klik edit - Copy.
6.Buka lembar ketrja baru lagi dan isi width:198, hight:198. klik ok
7.Klik edit - paste untuk menampilkan kembali hasil seleksi yang telah kita copy.
Kedelapan, tambahkan border dengan cara klik Filter - decor - add border lalu isikan ukuran 1 x1 dan pilih warna border.
8.Lalu pilih save as untuk menyimpan avatar kita.
9.Avatar telah jadi dan siap untuk dipamerkan..

Read More......

Memasang Site Meter di Toolbar

Site meter merupakan tolak ukur yang digunakan dalam dunia web untuk dapat mengetahui peringkat/rangking berdasarkan banyaknya pengunjung blog atau web. Semakin banyak pengunjung terhadap suatu blog atau web maka site meter akan semakin baik.

Salah satu yang penyedia fasilitas site meter yang akan kita bahas kali ini adalah alexa. Terkadang para sahabat blogger telah mencantumkan alexa widget pada blognya agar peringkat blognya dapat dengan mudah diketahui orang lain, namun kita akan kesulitan jika sahabat blogger ada yang tidak mencamtumkan alexa widget pada blognya.
Salah satu cara mengatasi hal tersebut adalah dengan meng-instal alexa toolbar pada komputer kita. sehingga terasa lebih praktis karena alexa toolbar secara otomatis akan mencantumkan peringkat web yang kita akses pada saat itu juga tanpa harus mencari tahu ke homepage alexa.
Berikut adalah panduan lagkah-langkahnya:
Langkah I
1. Klik disini untuk memulai situs alexa.
2. Lalu pilih “Toolbar”.
3. Lalu pilih “Get Sparky”.
4. Pilih tombol “accept and install”
5.Untuk mengakhiri proses install jangan lupa mencamtumkan data diri pada halaman selanjutnya.
6. finish.
Semoga postingan ini dapat berguna bagi para sobat blogger. Bila kurang puas, para sobat juga dapat mencamtumkan alexa widget yang mungkin dalam waktu dekat ini akan saya posting.

Read More......

Membuat Chicklet Blog

Chicklet didefinisikan sebagai sebuah icon (semacam badge) yang menandakan bahwa halaman tersebut terdapat RSS feednya. Selain itu, chicklet juga sering dipakai sebagai icon penyedia layanan tertentu seperti Google Reader. Chicklet dapat dibuat melalui beberapa aplikasi diataranya adalah GIMP. Bila kita tidak memiliki fasilitas GIMP selain itu kita bila kita malas membuatnya karena membutuhkan waktu yang lama, kita dapat menggunakan berbagai layanan situs pembutan chicklet.

Salah satu yang menyediakan layanan ini adalah www.chicklette.net. Kali ini saya akan membahas pembuatan chiklete menggunakan aplikasi GIMP.

Berikut langkah - langkah pembuatan :

1. Pastikan program GIMP dalam keadaan siap digunakan lalu klik menu "File" - "New" buat dalam ukuran 78 x 13 pixel.

2. Agar mudah mengerjakan pembuatan chicklet, perbesar tampilan image dengan klik tombol zoom hingga 400%

3. Gunakan Ractangle select tool untuk menyeleksi gambar anda. Seleksi sesuai yang anda inginkan untuk membuat combinasi warna pada background chicklet anda.

4. Untuk mengisi area yang akan diseleksi klik tombol Bucket Fill Tool lalu beri warna merah atau warna yang disukai. Untuk mengganti warna, silakan klik warna foreground pada toolbox GIMP dan pilih warna yang disukai.

5. Gunakan tombol Text tool untuk menambahkan tulisan judul blog beserta inisial blog.

6. Klik menu "File" - "Decor" - "Add border" untuk memberi border. pada tempilan jendela border yang muncul isikan 1 pixel di x an 1 pixel di y.

7. Simpan hasil kerja dengan nama yang diinginkan dengan menekan tombol Ctrl+S atau dengan menu "File" - "Save As". lalu ganti ekstensi file .xcf dengan .jpg atau .gif atau .png. Bila muncul konfirmasi penyimpanan file, lalu klik OK.

8. Chicklet telah siap untuk di upload.

Read More......