Cara Membuat Read More / Baca Selengkapnya di Blogger

Kalo kalian pernah melihat postingan halaman depan blog maupun website blog pasti ada tulisan baca selengkapnya.. atau kalo tidak readmore..,ada diantaranya yang berbentuk tulisan maupun icon gambar. Untuk membuatanya silahkan ikuti langkah di bawah ini

1. Buka menu Layout kemudian pilih Edit HTML.
2. Kasih tanda cek (centang) pada cekbox "expand widget template"
3. Cari kode berikut di Template blog kamu (tempatnya kira-kira pada 1/4 bagian bawah kode hmtl)
<div class='post-body entry-content'>


kalo dah ketemu maka dibawahnya ada kode ini :
<p><data:post.body/></p>
4. Kalau sudah ketemu, Ganti kode yang ini


menjadi seperti 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>
Tulisan "Read More....." itu bisa kamu rubah, misalnya jadi "Baca Selengkapnya".
5. Simpan hasil pengeditan.
6. Kemudian pilih menu Setting lalu pilih Formatting
7. Pada kotak Post Template isikan kode berikut:
<span class="fullpost">

</span>
8. Kemudian Simpan.
9. Ketika memposting, kan disana ada 2 tab pilihan tuh, yang "Compose" dan "Edit Html", Nha km pilih Yang "Edit HTML", Maka secara otomatis akan tampak kode seperti berikut :
<span class="fullpost">

</span>
10. Letakkan abstraksi posting atau artikel yang akan ditampilkan dihalama utama (sebelum tulisan "Redmore") diatas kode ini :<span class="fullpost">sementara sisanya yaitu keseluruhan posting letakkan di antara kode span class="fullpost"> dan </span>
11. Readmore ini adalah merupakan bentuk sederhana untuk yang lebih bagus akan saya bahas nanti hehehe…..

Cara Pasang Musik Pada Blog

Rupanya ada salah seorang sobat kita yang tertarik memasang musik pada blog dan belum mengetahui caranya. Oleh karena itu dalam kesempatan kali ini, saya akan coba membahas tentang bagaimana cara memasukan musik ke dalam blog.

Untuk memasang musik di blog, kita bisa memanfaatkan situs penyedia musik gratisan yang banyak bertebaran di internet, yang penting kita jeli untuk mencarinya. Pada intinya ada tiga jenis situs penyedia musik yaitu :



  1. Situs tersebut menyediakan berbagai pilihan lagu yang bisa kita pilih sesuai dengan selera kita

  2. Situs tersebut tidak menyediakan lagu, tapi kita harus upload lagu dari komputer kita

  3. Situs tersebut menyediakan berbagai pilihan lagu, atau bisa juga kita upload lagu dari komputer


Tentu diantara ketiganya ada kelebihan dan kekurangannya. Keuntungan menggunakan jasa situs yang pertama yaitu kita tidak perlu mempunyai lagu sendiri, kita tinggal pilih lagu yang di sukai lalu ambil kode HTML nya kemudian masukan ke blog kita, prosesnya sangat cepat dan praktis. Tapi kekurangan nya yaitu terkadang lagu yang kita sukai tidak tersedia di situs tersebut.

Untuk situs kedua, keuntungannya yaitu kita bisa memasukan lagu yang kita sukai tanpa harus tergantung dari situs tersebut jadi apapun lagunya pasti bisa yang penting ya kita harus mempunyai file lagu yang harus di upload. kekurangannya yaitu karena kita harus upload lagu ke situs tersebut maka dalam proses upload biasanya memerlukan waktu yang cukup lumayan lama, sehingga sedikit membosankan ketika melakukan proses upload juga tentunya biaya berinternet kita jadi semakin bengkak.

Untuk situs ketiga, untuk saat ini saya baru mengetahui satu situs saja, tolong kepada para sobat yang mengetahui situs-situs yang masuk kategori ini untuk menginformasikan pada kotak komentar agar di ketahui oleh para sobat lainnya. Nah untuk situs ini kelebihannya ya kita lebih bisa memilih, mau pake lagu yang tersedia atau mau upload juga bisa. tapi ada kekurangannya yaitu tidak di sediakannya panel kontrol untuk para pengunjung, jadi lagu yang kita pasang tidak bisa di apa-apakan oleh para pengunjung sehingga akan jalan dengan sendirinya, yang perlu kita pikirkan adalah lagu yang kita sukai belum tentu di sukai oleh para pengunjung, sehingga ini akan mengganggu kenyamanan bagi para pembaca blog ita.

Yo'i sobat, kayanya terlalu lama dengan fendefinisian ya, agak basi jadi membosankan...sorry bos. Kita kembali ke (laptop) topik bahasan semula yakni memasang lagu pada blog. Contoh yang pertama adalah memanfaatkan situs yang telah menyediakan berbagai lagu tanpa harus upload terlebih dahulu, saya ambil contoh www.song2play.com. silahkan ikuti langkah-langkah berikut :

  1. Silahkan klik di sini untuk menuju www.song2play.com

  2. Masukan judul lagu yang anda inginkan pada search engine yang tersedia. Contoh : Hotel California. Atau menuliskan nama penyanyi atau grup bandnya. Contoh the Eagle

  3. Jika judul lagu belum muncul, biasanya ada tulisan Click here to get more Result. klik aja tulisan tersebut

  4. Setelah terlihat beberapa judul lagu, klik pada judul lagu yang sedang sobat cari, secara otomatis akan ditampilkan kontrol navigasi dan lagu yang dipilih tadi akan di perdengarkan

  5. Di pojok kiri bagian bawah ada kotak yang sudah di beri tanda centang, yaitu AutoStart, Show song Title. AutoStart artinya ketika pengunjung mengunjungi blog sobat, maka lagu akan langsung play. Nah jika tidak mau langsung play alias memberi kesempatan kepada pengunjung untuk memilih sendiri apakah mau mendengarkan lagu atau tidak, sobat hilangkan tanda centang tadi dengan cara mengkliknya

  6. Show Song Title artinya pada panel navigasi akan di munculkan judul lagu yang di muat. Jika tidak mau muncul ya hilangkan saja tanda centangnya

  7. Copy seluruh kode HTML yang di sediakan pada text area, paste pada notepad. Silahkan close window situs tersebut

  8. Langkah selanjutnya yaitu sobat tinggal masukan kode HTML yang diberikan tadi ke dalam blog, nah untuk memasukan kode HTML ke dalam blog sudah sering saya bahas pada postingan terdahulu, jika sobat lupa silahkan klik di sini

Membuat foto animasi

Lagi-lagi saya berbicara tentang animasi, memang dengan animasi bisa bikin hidup jadi hidup ( kaya iklan aja ). Ya dalam kesempatan kali ini akan coba di bahas tentang bagaimana cara membuat animasi gambar ataupun foto. Bagi para sobat (mulai sekarang saya akan membiasakan diri menyebut anda menjadi sobat, biar lebih familier ya) yang sudah terbiasa menggunakan program animasi semisal MacroMedia Flash Player ataupun teman-temannya sudah barang tentu bukan hal yang wah ataupun aneh, tapi bagi sekelompok orang seperti saya ini, membuat animasi foto adalah suatu hal yang sangat sulit sekali.

Adakah diantara para sobat blogger yang seperti saya? jika jawabannya ada ya kita emang senasib (hiduplah senasib), tapi jangan dulu patah semangat sobat blogger, pepatah bilang banyak jalan menuju rhoma (irama).. dalam hal inipun sama ada jalannya yakni kita bisa menggunakan jasa situs-situs pembuat animasi. Di internet buaanyak sekali situs pembuat animasi foto, jumlahnya ribuan atau bahkan jutaan. Nah sebagai contoh yaitu http://www.slide.com. Untuk membuat sebuah foto animasi di slide.com, silahkan ikuti langkah-langkah berikut :
  1. Untuk menuju situs www.slide.com silahkan klik di sini

  2. Langkah pertama yaitu sobat harus daftar dahulu pada situs tersebut

  3. Klik tulisan Sign Up untuk melakukan pendaftaran (daftar gratis)

  4. Masukan alamat email sobat pada kolom yang disediakan. isi juga password yang diinginkan

  5. Jika sudah, silahkan klik tombol sign Up, dan otomatis sobat sudah masuk ke halaman account sobat

  6. Langkah selanjutnya adalah melakukan pembuatan animasi

  7. Klik style, untuk memilih gaya dari animasi

  8. klik skin, untuk memilih bingkai animasi

  9. klik Size untuk memilih ukuran

  10. Klik Tombol Select Image, lalu masukan foto/image yang ingin sobat masukan

  11. klik tombol Upload untuk melakukan proses upload foto

  12. Jika proses upload selesai, klik tombolSave

  13. Copy kode HTML yang di berikan, lalu paste pada program notepad

  14. Klik tulisan Log Out untuk keluar dari situs tersebut. Silahkan tutup halaman browser

  15. Langkah selanjutnya adalah memasukan kode HTML animasi tersebut ke dalam blog sobat, nah untuk cara memasukan kode HTML sudah sering saya bahas pada postingan terdahulu, jika lupa silahkan klik di sini

Seleksi dengan Photoshop

Tutorial photoshop kali ini akan membahas tentang beberapa trik menyeleksi dan mengekstrak gambar. Beberapa trik yang akan dibahas diantaranya adalah menyeleksi dengan quick mask mode, seleksi dengan path, seleksi dengan quick selection tool dan beberapa trik lainnya.

Gambar yang akan digunakan

Seleksi suatu objek pada photoshop akan mudah dilakukan pada gambar dengan resolusi dan tingkat kontras yang tinggi, dari situ saya memilih gambar bunga mawar merah untuk tutorial kali ini

flower

Seleksi dalam Quick Mask Mode

Untuk memulai seleksi dalam qiuck mask mode aktifkan tombol untuk edit dalam quick mask mode atau tekan Q untuk shortcut. Atur brush tool dengan warna hitam sebagai foreground dan putih sebagai background. sesuaikan diameter brush sesuai kebutuhan, untuk mempermudah mengatur ukuran brush terdapat shortcut [ untuk mengecilkan ukuran dan ] untuk memperbesar ukuran diameter brush. Gunakan brush untuk melakukan masking pada semua bagian gambar yang akan diseleksi. Bagian yang terkena brush akan berubah warna menjadi merah, bukan hitam.

photoshop

quick mask

sebagai tips apabila dalam masking melewati batas dari obyek yang akan kita seleksi, warna merah hasil brush dapat dihapus dengan mengubah warna foreground menjadi putih danmelakukan brush lagi pada area yang terjadi kesalahan. Gunakan shortcut X untuk menukar warna foreground dengan background.
Setelah selesai melakukan masking pada semua area yang akan diseleksi maka untuk mendapatkan hasil seleksi dilakukan dengan menekan tombol yang sama ketika akan masuk kedalam quick mask mode atau dengan shotcut Q. Apabila obyek yang terseleksi adalah bagianluar dari obyek yang kita inginkan maka klik Select > Inverse atau gunakan shortcut Shift+Ctrl+I.

seleksi photoshop

Seleksi dengan Path

Untuk memulainya pertama kita buat path mengelilingi seluruh obyek yang akan kita seleksi. Gunakan pen tool untuk membuat path tersebut.

path tool

trik seleksi path

Setelah path yang kita inginkan selesai kita buat saatnya menujulangkah berikutnya yaitu membuat seleksi dengan path. Seleksi obyek dilakukan dengan mengklik path pada palet path disertai dengan menekan tombol Ctrl atau bisa juga dengan shortcut Ctrl+Enter. Path yang kita buat bisa kita simpan apabila nantinya akan dibutuhkan kembali.

path tool

Untuk mengekstrak obyek dari gambar yang telah kita seleksi, langkah pertama yang dilakukan adalah mengubah gambar background menjadi layer dengan cara mengklik dua kali layer background pada palet layer. Kemudian pilih Layer>Layer Mask>Reveal Selection.

photoshop layer mask

photoshop ekstrak

Trik Mengekstrak Obyek dari sebuah Gambar

Pilih Filter>Extract atau gunakan shortcut Alt+Ctrl+X untuk memunculkan window extract. Setelah window extract terbuka pilih Edge Highlighter Tool yang terletak pada bagian kiri paling atas, kemusian atur ukuran brush menyesuaikan gambar yang akan kita ekstrak. Buat garis hijau sepanjang tepi objek yang akan kita ekstrak.

ekstrak gambar

trik photoshop

Setelah garis telah kita buat penuhi area didalam garis hijau dengan menggunakan Fill Tool.

photoshop tips

Tekan preview untuk melihat hasil ekstrak sementara. Bila kita perhatikan, sepanjang tepi bunga terdapat noda yang kurang nyaman dipandang. Untuk menutupinya gunakan Edge Touchup Tool ke seluruh tepi bunga sampai semua noda hilang.

tutorial

Hasil

bunga

[ Tutorial terkait]