Membuat read more beserta judul postingan

Kemarin kita pernah membahas soal cara membuat read more. Tapi kali ini kita akan memodifikasi Read More tersebut yaitu dengan membuat "Read More beserta judul postingan" seperti ini
Baca selengkapnya >> "Cara Membuat Text Area"
Nah, untuk membuat read more seperti contoh diatas di tujukan bagi sobat yang sudah pernah membuat Read More pada blognya, untuk itu ayo kita lanjutkan membuat read more beserta judul postingan tanpa harus menerangkan panjang x lebar lagi...

Jika pada postingan yang lalu saya pernah menulis kode 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/>
<a expr:href='data:post.url'>
<strong>Read more..</strong></a></p>
</b:if>

Maka sobat harus mengubahnya sedikit 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>
<strong><a expr:href='data:post.url'>Baca Selengkapnya  &#8220;<data:post.title/>&#8221; &#160;&#187;&#187; </a></strong>
</b:if>

Klik Simpan. Selesai
Mudah bukan..?.. Dan Selamat Mencoba..!

Selengkapnya

Label/Kategori: Blog tutorial

Membuat read more atau baca selengkapnya

Read More adalah salah satu solusi agar postingan kita bisa terlihat lebih singkat juga tidak terlalu memakan banyak tempat pada halaman blog kita pada saat kita memposting sebuah artikel yang terlalu panjang.
Pada saat pengunjung membaca sebuah artikel milik kita yang terlihat hanyalah bagian awal dari postingan kita, sisanya atau keseluruhan artikel yang kita posting akan terlihat ketika pengunjung tersebut meng klik tulisan Read More.
Saran saya ketika sobat membuat sebuah artikel, tulislah inti dari judul artikel di bagian awal tulisan sobat, agar para pengunjung yang membaca artikel sobat menjadi lebih penasaran dan ingin terus membaca artikel sobat hingga tuntas.
Bagi sobat yang ingin membuat Read More silahkan ikuti langkah-langkahnya berikut ini :

1. Login ke blog milik sobat

2. Klik Rancangan

3. Klik EDIT HTML

4. Beri tanda centang pada Expand Widget Template.

5. Copy kode di bawah ini dan paste kan tepat diatas kode </head>

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

6. Kemudian cari kode
<p><data:post.body/></p>
lalu copy kode dibawah ini dan paste tepat kode tersebut

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

7. Klik "Save template"

8. kemudian klik Pengaturan

9. Klik Format dan masukan kode ini pada kolom kosong yang ada dibagian bawah

<div class="fullpost">
</div>

10. Klik Simpan, selesai.

Ketika sobat menulis sebuah artikel, kode diatas akan muncul. Tulis artikel yang ingin sobat tampilkan sebelum kode

<div class="fullpost">

dan sisa artikel sobat tulis sesudah kode tadi dan akhiri dengan kode

</div>

Selengkapnya

Label/Kategori: Blog tutorial

Menaruh iklan di bawah postingan

Memasang iklan di bawah postingan banyak manfaatnya adalah iklan yang sobat pasang lebih berpeluang banyak untuk di klik oleh pengunjung blog sobat.
Nah, untuk memasang iklan di bawah postingan milik sobat, cara yang harus dilakukan adalah sebagai berikut :

1. Login ke blog sobat

2. Klik Rancangan

3. Klik Edit HTML

4. Beri tanda centang pada tulisan Expand Widget Template dan tunggu beberapa hingga proses loading selesai

5. Kemudian cari (ctrl + f) tulisan seperti dibawah ini :
<b:if cond='data:blog.pageType == "item"';
<style>.fullpost{display:inline;}</style><p><data:post.body/></p>
kemudian taruh kode iklan sobat di bawah kode diatas, tapi kode iklan yang ingin sobat pasang harus diparse terlebih dahulu, untuk mem parse nya, silahkan sobat ikuti caranya DISINI....

Dan jangan lupa klik Simpan, sekarang lihat postingan sobat, iklan tersebut akan terus muncul setiap sobat membuat artikel baru.

Selengkapnya

Label/Kategori: Blog tutorial

Membuat halaman blog di facebook

Memasang blog di halaman facebook mempunyai banyak keuntungan yaitu, selain blog tambah rame yang mengunjungi, juga membuat traffic pengunjung kita meningkat.
Untuk membuat halaman blog kita di facebook cara yang dilakukan adalah sebagai berikut:

1. Login ke facebook sobat

2. Klik profil milik sobat

3. Gulir ke bawah kemudian cari tulisan Buat Lencana Profil

4. Kemudian klik tulisan Buat Halaman Anda

5. Kemudian tulis judul untuk halaman sobat dan sesuaikan dengan nama blog sobat (untuk photo, keterangan, dll sama halnya dengan mengedit profil sobat)

Setelah sobat selesai membuat halaman untuk blog sobat di facebook, sobat juga bisa menampilkan kotak penggemar halaman sobat di blog sobat, caranya sebagai berikut:

1. Sobat buka kembalu facebook sobat seperti cara diatas, kemudian copy kode HTML halaman sobat.

2. Kemudian masuk ke blog sobat

3. Klik Rancangan

4. Klik Tambah Gadget

5. kemudian cari tempat yang cocok untuk sobat taruh kotak penggemar sobat dan pastekan kode HTML yang sobat copy tadi.

6. klik simpan, selesai

Sekarang lihat blog sobat apakah kotak penggemar facebook sobat sudah terpasang dengan benar, jika belum terlihat, ulangi kembali cara diatas. Selamat Mencoba..!

Selengkapnya

Label/Kategori: Blog tutorial

Cara agar html tampil di postingan

Untuk membuat kode html agar tampil di postingan sebenarnya ada 2 cara yaitu yang pertama adalah dengan membuat text area, dan ini sudah kita bahas pada postingan yang lalu, bagi yang belum tahu cara membuat text area silahkan sobat Klik disini.

Kemudian untuk cara yang kedua ada dengan cara diparse, untuk mem parse kode html yang ingin di tampilkan tersebut, silahkan sobat kunjungi http://www.blogcrowds.com, kemudian masukan kode html yang ingin sobat tampilkan ke dalam kolom yang di sediakan, lalu sobat klik Parse yang berada di bawah kolom tersebut, setelah kode selesai di parse, silahkan sobat copy kode yang sudah di parse tersebut ke dalam postingan sobat, selesai..

Sekarang kode html yang ingin sobat tampilkan di postingan dapat terlihat, karena jika sobat tidak memparse kode tersebut, sobat tidak akan bisa memposting kode html tersebut, karena sistem akan langsung menyatakan bahwa kode sobat masukkan itu salah..
Selamat mencoba...!

Selengkapnya

Label/Kategori: Blog tutorial

Memasang translate/penerjemah dengan gambar bendera

Translate dengan gambar bendera sangat besar manfaatnya, karena blog kita bisa di baca oleh semua pengunjung di berbagai negara...

Nah, bagi sobat yang ingin memasang fasilitas ini di blog sobat, silahkan ikuti caranya berikut ini :

1. Login ke blog sobat
2. Klik Rancangan
3. Klik tambah gadget yang ingin sobat letakkan fasilitas translate
4. Copy dan Pastekan kode html di bawah ini dalam gadget

<a style="cursor: pointer;" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><br />
<img border="0" alt="English" style="cursor: pointer;" src="http://www.theadvertisementnews.com/english.gif" height="20" title="English" align="absbottom"/></a><a style="cursor: pointer;" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img border="0" alt="French" style="cursor: pointer;" src="http://www.theadvertisementnews.com/pinginbelajarfrance.gif" height="19" title="French" align="absbottom" width="26"/></a><a style="cursor: pointer;" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img border="0" alt="Italian" style="cursor: pointer;" src="http://www.theadvertisementnews.com/italian.gif" height="20" title="Italian" align="absbottom"/></a><a style="cursor: pointer;" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img border="0" alt="Russian" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/rusia.gif" height="20" title="Russian" align="absbottom"/></a><a style="cursor: pointer;" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img border="0" alt="Japanese" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/jepang.gif" height="20" title="Japanese" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img border="0" alt="Korean" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/koreautara.gif" height="20" title="Korean" align="absbottom"/></a><a style="cursor: pointer;" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img border="0" alt="Arabic" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/saudiarabia.gif" height="20" title="Arabic" align="absbottom"/></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img border="0" alt="Chinese Simplified" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/cina.gif" height="20" title="Chinese Simplified" align="absbottom"/><br />
</a>


5. Klik Simpan, selesai.

Sekarang blog sobat udah bisa di baca oleh pengunjung dari berbagai negara...

Selengkapnya

Label/Kategori: Blog tutorial

Cara cepat agar di index oleh google

Salah satu cara agar blog kita lebih cepat terindeks di google adalah kita di link oleh blog yang mempunyai page rank yang tinggi, dan biasanya blog-blog tersebut adalah blog terkenal. Saran saya pasanglah terlebih dahulu link blog mereka pada halaman blog milik sobat, setelah itu mintalah agar blog sobat di linkback atau di link balik oleh mereka. Permintaan untuk di linkback bisa di ajukan pada buku tamu (shoutbox) atau bisa juga melalui komentar pada postingan atau jika ingin lebih pribadi kirim melalui email. Saya yakin mereka akan segera memasang link sobat pada blog mereka, atau jika dalam waktu tiga hari masih belum di linkback, ajukan kembali permintaan untuk dilinkback karena untuk blog-blog terkenal dalam sehari tidak hanya satu atau dua blog saja yang pasang link blog mereka, maka wajar saja apabila ada satu atau dua blog yang terlewatkan untuk di linkback.


* Pasang tag meta



Salah satu cara agar blog kita lebih di lirik atau di kenali oleh mesin pencari miliknya om google adalah memasang tag meta di bagian header pada kode template blog. contoh tag meta untuk blogger seperti ini :

<meta name="robots" content="INDEX, FOLLOW"/>.
<meta name="description" content="Deskripsi dari blog sobat di sini "/>.
<meta name="keywords" content="kata kunci atau keyword simpan disini, buatlah beberapa keyword yang sobat anggap sangat berhubungan dengan blog sobat "/>.

Yang harus diperhatikan adalah tulisan-tulisan yang tercetak merah. Tulisan-tulisan tersebut haruslah di sesuaikan dengan kondisi blog sobat.

Untuk deskripsi, silahkan isi dengan deskripsi blog sobat. contoh untuk blog milik saya adalah "Panduan praktis membuat blog di blogger.com. tips, trik, serta download software secara gratis".

Untuk kata kunci (keyword), silahkan isi dengan kata kunci yang berhubungan dengan blog sobat. contoh untuk blog ini adalah : blog tutorial, cara membuat blog, bikin blog, cara bikin blog, dan sebagainya. Jangan lupa untuk menyisipkan tanda koma untuk memisahkan antara keyword yang satu dengan keyword yang lainnya.

Untuk judul blog, silahkan isi dengan judul dari blog sobat.Contoh : untuk blog ini adalah Blog tutorial.

Bagi yang belum mengetahui dimanakah tag meta di simpan, jawabannya adalah di dalam kode header blog, atau jika masih bingung simpan saja di bawah kode <title><data:blog.pageTitle/>.</title>


Sebenarnya masih ada beberapa tips yang bisa dilakukan, akan tetapi kayanya udah lemes nih ngetiknya, jadi dicukupkan sekian dulu deh, selamat mencoba dan mudah-mudahan blog sobat lebih cepat terindeks di google. Satu pertanyaan aja deh buat tambahan, sudahkah blog sobat terindeks di google? coba tuliskan alamat blog sobat pada search engine google di bawah postingan ini !

Selengkapnya

Label/Kategori: Blog tutorial

Apa itu blog

Blog
Blog merupakan singkatan dari "web log" adalah bentuk aplikasi web yang menyerupai tulisan-tulisan (yang dimuat sebagai posting) pada sebuah halaman web umum. Tulisan-tulisan ini seringkali dimuat dalam urut terbalik (isi terbaru dahulu baru kemudian diikuti isi yang lebih lama), meskipun tidak selamanya demikian. Situs web seperti ini biasanya dapat diakses oleh semua pengguna internet sesuai dengan topik dan tujuan dari si pemilik blog tersebut.

Menurut sejarah, Media blog pertama kali dipopulerkan oleh Blogger.com, yang dimiliki oleh PyraLab sebelum akhirnya PyraLab diakuisi oleh Google.Com pada akhir tahun 2002 yang lalu. Semenjak itu, banyak terdapat aplikasi-aplikasi yang bersifat sumber terbuka yang diperuntukkan kepada perkembangan para penulis blog tersebut. Blog mempunyai fungsi yang sangat beragam, dari sebuah catatan harian, media publikasi dalam sebuah kampanye politik, sampai dengan program-program media dan perusahaan-perusahaan.
Sebagian blog dipelihara oleh seorang penulis tunggal, sementara sebagian lainnya oleh beberapa penulis, Banyak juga weblog yang memiliki fasilitas interaksi dengan para pengunjungnya, seperti menggunakan buku tamu dan kolom komentar yang dapat memperkenankan para pengunjungnya untuk meninggalkan komentar atas isi dari tulisan yang dipublikasikan, namun demikian ada juga yang yang sebaliknya atau yang bersifat non-interaktif. Situs-situs web yang saling berkaitan berkat weblog, atau secara total merupakan kumpulan weblog sering disebut sebagai blogosphere. Bilamana sebuah kumpulan gelombang aktivitas, informasi dan opini yang sangat besar berulang kali muncul untuk beberapa subyek atau sangat kontroversial terjadi dalamm blogosphere, maka hal itu sering disebut sebagai blogstorm atau badai blog.

Selengkapnya

Label/Kategori: Blog tutorial

NOKIA X6

Tipe : Nokia X6

Perusahaan : Nokia

Status : Coming Soon

Tersedia di Indonesia: Ya

Harga diperkirakan: $ 267,49 approx (Harga internasional)

Deskripsi :
Versi ponsel musik berkapasitas 8 GB plus touchscreen pertama dari nokia.

Selengkapnya

Label/Kategori: Ponsel terbaru

MOTOROLLA MILESTONE

Dijual sebagai MotoDROID pertama di Amerika Serikat

Tipe : Motorola Milestone

Produsen : Motorola

Status : Tersedia

Harga diperkirakan : $ 572,02 approx (Terakhir diperbaru pada tanggal 10 juli 2010 pada pasar internasional)

Deskripsi :
Ini adalah patokan 2,1 Handset Android pertama akan dijual di Indonesia.
Ini adalah hit terbesar di Amerika Serikat yang Memulai memenangkan banyak penghargaan dan Motorola berhasil kembali dengan bangga ke pasar telepon selular.

Selengkapnya

Label/Kategori: Ponsel terbaru

Samsung Galaxy S

Samsung Galaxy S adalah salah satu perangkat terpanas saat ini. Samsung telah mengumumkan bahwa mereka akan meluncurkan S Galaxy ke 110 negara termasuk indonesia. Mereka baru-baru ini meluncurkan Galaxy pada 4 operator utama Amerika Serikat, AT&T, Verizon, T-Mobile, dan Sprint, dan mereka juga meluncurkan di Inggris melalui Vodafone, Orange, dan O2. Tebak siapa yang hilang? T-Mobile UK yang hilang tetapi mereka mengumumkan hari ini bahwa mereka sekarang menerima perintah untuk mengumumkan Samsung Galaxy S.

Selengkapnya

Label/Kategori: Ponsel terbaru

NOKIA X5-01

Tipe : Nokia X5-01

Perusahaan : Nokia Corporations

Status : Coming Soon

Tersedia di Indonesia : Ya

Harga diperkirakan :
$ 195,47 (pada pasar internasional)

Deskripsi :
Square QWERTY, Musik telepon ditargetkan pada
pemuda.
Tersedia dalam warna funky

Selengkapnya

Label/Kategori: Ponsel terbaru

NOKIA E72

Nokia seri E merupakan salah satu seri Nokia paling sukses, dan juga dikenal sebagai penantang dari Blackberry Bold dan seri Pearl. Nokia seri E adalah kelas bisnis dari Nokia, jika Anda seorang pengusaha dan Anda sedang mencari telepon yang gaya suite Anda, maka saya sarankan Anda untuk pergi dengan seri E Nokia. Salah satu seri E Nokia akhir telepon tinggi, Nokia E72 akhirnya tersedia pada operator Telus Kanada. Jika Anda ingin membeli telepon ini, maka Anda dapat memilih 1 program dari 4 program. Anda bisa mendapatkannya untuk $ 99,99 dengan kontrak 3 tahun atau untuk $ 249,99 pada kontrak 2-tahun, atau Anda bisa mendapatkannya untuk $ 299,99 untuk kontrak hanya 1 tahun. Jangan seperti rencana? Lalu pilihan akhir Anda adalah untuk mendapatkan telepon terkunci dengan tag harga $ 349,99. Fitur telepon Specs dari E72 adalah bahwa ia memiliki layar 2,4 inci dengan resolusi 240 x 320, QWERTY keyboard, memiliki prosesor 600 mhz, 3,5 mm jack headset, kamera 5 megapiksel dengan kamera depan untuk panggilan video, auto-focus dan flash, built-in GPS, WiFi.

Selengkapnya

Label/Kategori: Ponsel terbaru

Memasang fasilitas Print pada postingan

Setelah hampir 1 bulan ga ada buka blog ini akhirnya sekarang baru ada semangat buat update blog ini, maklum habis refreshing baru2 ini.
Kmbali ke topik bahasan..
Membahas masalah postingan kali ini saya akan menjelaskan sedikit tentang postingan kali ini.
Memang postingan yang akan kita bahas ini sudah sering kita lihat di blog orang lain dan rata-rata hampir semua blog sudah membahasnya pada postingan mereka, tapi saya hanya ingin menerangkan bahwa terkadang bagi para pemula yang ingin membuat blog kadang bingung dengan artikel yang mereka baca dan kadang tak pernah berhasil di coba di blog mereka ini mungkin di karenakan terlalu banyaknya kata kata yang di uraikan untuk membahasnya atau terlalu panjang lebarnya membahasnya yang akhirnya bagi sang pemula menjadi bingung apa yang mereka tangkap dari apa yang kita tuliskan..
Oleh karena itu maka kali ini saya akan membahas cara memasang fasilitas Print ini hanya dengan satu cara yang sebenarnya ada banyak cara untuk memasang fasilitas Print di blog kita, ini untuk memudahkan pembaca yang masih pemula dapat memilih mana cara yang menurut mereka mudah dan bisa diikuti bisa di pasang pada blog mereka.
Baiklah..
Tanpa perlu panjang lebar lagi kita langsung aja ke langkah langkah yang harus dilakukan untuk membuat fasilitas print di blog, saya contohkan fasilitas print seperti ini

Nah, untuk membuat fasilitas seperti diatas silahkan sobat ikuti langkahnya seperti ini:
1. Login ke blogger
2. Klik Rancangan
3. Klik tambah gadget
4. Klik html/java script
5. Masukan kode dibawah ini pada notepad yang sudah disediakan

<form><input type="button" value="Print this page" Onclick="print()";></form>

6. Klik Simpan. Selesai..
Sekarang lihat blog sobat, mudah bukan?

Selengkapnya

Label/Kategori: Blog tutorial