Membuat Highlight Komentar

Highlight komentar penulis bisa dibikin dengan memakai plugin highlight author comment, tetapi kekurangannya adalah plugin ini hanya menyoroti teks komentar, sedangkan backgroundnya sendiri tidak. Nah, postingan kali ini saya akan bagi trik simpel hasil coba-coba saya yaitu cara bikin highlight teks dan background komentar penulis tanpa memakai plugin, tetapi dengan sedikit mengubah stylesheet dari tema yang kita pakai (seperti yang saya lakukan di blog ini). Saya asumsikan kamu memakai tema default WP:

1. Buka stylesheet atau style.css tema yang akan diedit menggunakan text editor, kemudian tambahkan kode class di bawah ini pada bagian comment di stylesheet (Pada kode di bawah saya menggunaan warna #00CCFF yang tentunya bisa kamu ubah sendiri sesuka kamu) ↓

   1 2 3 4 5

   .highlighted { padding:5px; margin-bottom:4px; background-color:#00CCFF; }

2. Buka file comments.php kemudian cari bagian dibawah ini (jangan lupa ganti email@domain.com dengan alamat e-mail kamu) ↓

   1	<li <?php echo $oddcomment; ?>id="comment-<?php comment_ID() ?>">

   Kemudian ganti kode diatas dengan kode berikut ↓
   

   1 2 3 4 5

   <?php if ($comment->comment_author_email == "email@domain.com") { ?> <li class="highlighted"> <?php }  else { ?> <li <?php echo $oddcomment; ?>id="comment-<?php comment_ID() ?>"> <?php } ?>

Read More

Membuat Expandable Post Atau Read More di Blogger Baru

ostingan ini saya buat dalam rangka memenuhi permintaan dari teman saya vhitrieyang nanya gimana caranya bikin postingan yang terpotong (expandable post) atau yang kita kenal dengan read more atau ‘baca selengkapnya’ di blogspot baru. Sebenernya saya udah pernah bikin tutorialnya di sini. Tapi untuk lebih memperjelas kali ini saya akan kasih caranya lagi. Jadi, ikuti instruksi di bawah ini baik-baik supaya berhasil..
Biar postingan di blogspot ditampilkan sebagian, pertama yang dilakukan adalah mengedit layout, kemudian menambah tag pada setiap kali posting ↓

Langkah 1

Login ke Blogger.com, pilih blog yang akan di edit, klik link Layout kemudian klik tab Edit HTML.

Langkah 2

Tandai/aktifkan/centang Expand Widget Templates, biar template bisa diedit secara keseluruhan.
Masukkan kode berikut sebelum tag </head> atau tepat sesudah kode } ]]></b:skin>

Perhatian: pada beberapa template, kode yang persis seperti } ]]></b:skin> ini mungkin tidak ada, anda bisa mencari kode ]]></b:skin> atau </b:skin> saja

1 2 3

<style><b:if cond='data:blog.pageType == "item"'> span.fullpost {display:inline;}<b:else/> span.fullpost {display:none;}</b:if></style>

Langkah 3

Selanjutnya, supaya postingan terpotong, tambahkan kode di bawah ini tepat setelah kode <p><data:post.body/></p> (atau <data:post.body/>) dalam template kamu:

1 2 3

<b:if cond='data:blog.pageType != "item"'> <a expr:href='data:post.url'> Read More..</a> </b:if>

Kamu bisa mengganti tulisan Read More.. pada kode di atas dengan baca selengkapnya, selengkapnya, atau terserah kamu.
Nah supaya terpotong, setiap kali kamu posting, tambahkan kode <span class="fullpost"> di bawah sebagian tulisan postingan yang ingin ditampilkan, kemudian tambahkan kode </span> di bawah sisa postingan sampai selesai. Untuk menambahkan kode ini, ketika posting kamu harus dalam mode Edit HTML bukan Compose.

Contoh cara penulisan posting dengan Read More ↓

Tidak ketinggalan Berita dengan RSS Aggregator
Ada program yang dikenal dengan sebutan RSS Aggregator. Program RSS aggregator merupakan sebuah aplikasi yang memungkinkan kita untuk melihat headline beserta link ke isi berita dari sebuah situs penyedia berita. Caranya cukup mudah. <span class="fullpost">
* Gunakan RSS Aggregator. Misalnya, program i-System yang bisa diperoleh di www.feedreader.com
* Tentukan sumber berita yang Anda inginkan. Misalnya dari Yahoo News atau Detik.Com. Namun, beberapa situs lokal cenderung memproteksi isi headline-nya. Secara default, i-System sudah menyediakan banyak link ke situs-situs yang menyediakan fasilitas RSS atau biasa disebut RSS feed. Klik icon New di toolbar. Setelah muncul sebuah kotak dialog alamat RSS, isilah dengan alamat situs sumber RSS pilihan Anda. Klik Next dan ikuti langkah-langkahnya.
* Feedreader secara otomatis akan memeriksa headline terbaru dan menampilkannya di desktop Anda. Anda juga bisa mengatur interval waktu,kapan feedreader harus memeriksa dan menampilkan headline terbaru atau refresh time. Namun, berdasarkan etika di dunia internet, ada batas waktu minimum untuk refresh RSS, yakni 90 menit. </span>

Hasil postingannya

Tidak ketinggalan Berita dengan RSS Aggregator
Ada program yang dikenal dengan sebutan RSS Aggregator. Program RSS aggregator merupakan sebuah aplikasi yang memungkinkan kita untuk melihat headline beserta link ke isi berita dari sebuah situs penyedia berita. Caranya cukup mudah. Read More!

Read More

cara asik editt photo lewat photo scape

embuat foto menjadi terlihat antik bisa dilakukan dengan mudah menggunakan software PhotoScape. PhotoScape merupakan perangkat lunak gratis alias freeware sehingga bisa diunduh dan dipakai secara bebas. Walaupun gratis, software ini sangat menarik dan tentunya sangat mudah digunakan untuk mengedit foto-foto koleksi kita tanpa harus menguasai teknik-teknik disain grafis yang sangat rumit. PhotoScape mempunyai banyak fitur pengolah gambar seperti image editor, GIF creator, screen capturer, image viewer, splitter, dan sebagainya. Namun kali ini kita akan mencoba menggunakan image editor untuk mengolah gambar foto pribadi supaya terlihat seperti foto yang sudah lama atau antik.
Program yang akan kita pakai selain PhotoScape adalah Adobe Photoshop.

Memilih foto yang pas

Pertama-tama kita akan menggunakan sebuah foto untuk dijadikan kelinci objek percobaan. Sebagai contoh, saya memakai foto orang stres yang lagi ngligo yang dijepret dengan kamera seadanya ↓

Adobe Photoshop Filter Gallery

Kita akan memanfaatkan efek Halftone Pattern pada filter gallery Adobe Photoshop. Caranya klik Filter pada toolbar, kemudian pilih Filter Gallery. Setelah terbuka sebuah window baru filter gallery, kemudian pilih Sketch → Halftone Pattern. Pada bagian pengaturan di sebelah kanan piih Pattern Type Dot dan sesuaikan ukuran pola dan kontras sesuai foto yang digunakan. Simpan gambar yang telah kita edit.

Frame PhotoScape

Sekarang kita akan memakai PhotoScape. Buka foto yang telah diedit menggunakan Photoshop tadi dengan PhotoScape. Setelah foto terbuka kemudian, pada tab Home di bagian bawah, masukkan bingkai (frame) baru pada gambar, kita akan memakai frame Cali 05.

Antique Photo Filter

Setelah frame terpasang selanjutnya adalah memasukkan efek Antique Photo melalui menu Filter (di bagian paling bawah). Pilih Filter → Antique Photo, kita akan memakai filter Antique Photo nomor 4. Hasilnya gambar foto akan terlihat unik dan antik dengan efek Antique Photo.

Puas? Seperti yang saya bilang sebelumnya, postingan ini cuma iseng dan bukan tutorial disain grafis tingkat tinggi, disamping saya juga sangat payah dalam hal disain grafis Jadi nggak usah protes ya, ok?
Silakan menikmati mencoba

Read More