Tampilkan postingan dengan label blog. Tampilkan semua postingan
Tampilkan postingan dengan label blog. Tampilkan semua postingan

Sabtu, 16 November 2013

0
Cara Meletakan Judul Posting Di Depan Nama Blog

Meletakan Judul Posting Di Depan

Apakah anda sudah paham dengan yang saya maksudkan? Untuk lebih jelasnya anda dapat melihat pada tab browser anda di atas. Arahkan kursor ke tab browser anda dan diamkan sebentar, maka akan muncul keterangan mengenai nama blog beserta judul postingan yang sedang anda buka, seperti pada gambar berikut...

Begitu juga dalam tampilan hasil pencarian dari search engine, seperti pada gambar berikut...

Apabila nama blog berada didepan judul postingan, maka prioritas dari search engine akan berbeda. Padahal justru dijudul postinganlah kita seringkali dapat berkreasi dengan kata kunci. Satu blog hanya memiliki satu nama blog, tapi satu blog dapat memiliki banyak sekali judul postingan, iya kan? Selain itu, dengan menempatkan judul postingan di depan nama blog, akan memudahkan para calon pengunjung blog anda melihat judul postingan anda secara lengkap dalam tampilan hasil pencarian dari search engine. Karena biasanya judul postingan akan terpotong jika terlalu panjang.

Pada umumnya template-template yang masih asli dan belum disisipi hack SEO seperti template asli bawaan Blogger, masih BELUM menempatkan judul postingan di depan nama blog. Oleh karena itu bagi anda yang masih mengalami hal seperti ini dapat segera mengubahnya dengan cara berikut...

1. Login ke Blogger anda
2. Masuk ke Dashboard > Template > Edit HTML
3. Carilah (Ctrl+F) baris code seperti berikut, letaknya setelah <head> dan sebelum <b:skin> :

<title><data:blog.pageTitle/></title>
4. Jika sudah ketemu, gantilah baris code di atas dengan baris code berikut :

<b:if cond=data:blog.pageType == &quot;index&quot;>
     <title><data:blog.pageTitle/></title>
<b:else/>
     <title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>
Perhatikan tanda "|" berwarna merah di dalam baris code di atas. Tanda tersebut saya gunakan sebagai pemisah antara judul postingan denang nama blog. Anda bebas dapat menggantinya dengan tanda yang anda suka.

5. Kemudian klik "Simpan Template". Anda dapat langsung melihat hasilnya, yaitu dengan cara membuka salah satu postingan artikel anda. Lihat kembali ke bagian atas browser anda. Arahkan kursor ke tab browser anda, dan diamkan sebentar. Perhatikan perubahan yang terjadi pada judul posting dan nama blog anda.

Kamis, 14 November 2013

0
Cara Memasang Jam Di Blog Blogspot Wordpress

Cara Memasang Jam Di Blog - lama nih sudah g posting tutorial blogging, dan pagi tadi ada adik kelas yang menanyakan ke saya tentang cara memasang widget jam di blog, nah munculah ide untuk membuat postingan ini supaya teman-teman bisa memasang jam di blog blogspot maupun wordpress.



Sebenarnya, fungsi dari widget sendiri tidak terlalu penting, malah sebenarnya dapat memperberat loading blog kita. namun tidak ada salahnya mempelajari tutorial ini, saya yakin ada teman-teman yang membutuhkan   tutorial memasang jam di blog ini, entah itu hanya untuk menghias blognya, ataupun dapat tugas dari sekolah ataupun kuliah.

Nah dibawah ini adalah tutorial lengkap cara memasang jam di blog, silahkan simak dengan baik-baik!

1. Silahkan sobat masuk ke situs clocklink.com/gallery.php 
2. Disana terdapat banyak sekali pilihan widget jam yang dapat sobat pasang di blog sobat, silahkan sobat pilih tampilan widget jam yang sesuai dengan selera sobat. dapat sobat lihat gambar di bawah ini :

3. Selanjutnya silahkan sobat klik tombol view HTML tag
4. Setalah klik tombol vie HTML tag, maka sobat akan di arahkan ke halaman baru dan kemudian klik accept :

5. Setelah itu sobat akan di arahkan ke halaman baru, dimana di halaman tersebut kita dapat mendesain lagi pilihan widget yg sudah kita pilih tadi, sobat bisa memilih warna, ukuran widget, dan menentukan zona waktu, untuk lebih lengkapnya lihat gambar :
6. Setelah setting dan mendesain widget sesuai dengan selera sobat, silahkan sobat copy script yang ada di bawahnya.

Pemasangan Widget
*Untuk Blogger/Blogspot
  • Silahkan sobat masuk ke akun blogger sobat
  • Silahkan masuk ke panel layout/tata letak
  • lalu klik add widget, pilih HTML/ Java Script
  • Pastekan Code/script yang sudah sobat dapatkan tadi ke kolom widget
  • lalu save dan lihat blog sobat
*Untuk Wordpress
  • Silahkan Sobat Masuk ke Akun Wordpress sobat
  • Masuk ke menu Appearance>>Widgets
  • Silahkan Drag widget text ke sidebar/tempat yang sobat inginkan, alalu pastekan code yang sudah sobat dapatkan tadi di box yang ada. silahkan save dan lihat hasilnya di blog sobat

Dan kurang lebih, hasilnya akan nampak seperti di bawah ini :


ok, saya rasa cukup sekian trik blogging dari blogspot.com. jangan lewatkan juga trik blogging lainnya, jika sobat ingin memaksimalkan penghasilan dari iklan di blog sobat, maka sobat mungkin dapat mencoba tips cara memasang iklan di bawah judul postingan, semoga postingan seputar cara memasang widget jam di blog dapat membantu sobat, jangan lupa di share yah ^_^

Selasa, 12 November 2013

0
Cara Membuat Tampilan Komentar Pemilik Blog Berbeda

Malam..apa kabar semuanya...kali ini saya mau share tentang bagaimana Cara Membuat Tampilan Komentar Pemilik Blog Berbeda seperti pada gambar di bawah ini klik untuk memperbesar :

Nah, bagi anda yang berminat membuatnya silahkan ikuti caranya sebagai berikut :
1. Login dulu ke account blogger kamu
2. Pilih tab Tata Letak -> Edit HTML -> centang kotak mungil "Expand Template Widget"
3. Cari kode #comments-block .comment-body p {
margin:0 0 .75em;
background:#f3f3f3 no-repeat left bottom;
}
4. Copas kode dibawah ini dibawah kode pada langkah ke 3

.owner-Body {
margin-left:20px;
color:#000000;
}

.owner-Body p {
text-align:justify;
margin:0 0 .75em;
padding-left:10px;
background:#F2F2F2;
border-left:3px dotted #6E6E6E;
}


5. Cari kode <dd class=comment-body>
6. Jika sudah ketemu Copas kode dibawah diatasNya :

<b:if cond=data:comment.author == data:post.author>
<dd class=owner-Body>
<p><data:comment.body/></p>
</dd>
<b:else/>

7. Kemudian Cari kode <dd class=comment-footer> dan Copaskan kode dibawah ini diatasnya :

</b:if>

Jelasnya akan terlihat seperti dibawah ini :

<b:if cond=data:comment.author == data:post.author>
<dd class=owner-Body>
<p><data:comment.body/></p>
</dd>
<b:else/>

<dd class=comment-body>
<b:if cond=data:comment.isDeleted>
<span class=deleted-comment><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>

</b:if>

<dd class=comment-footer>

8. Simpan dan lihat hasilnya...Semoga bermanfaat !!!

CATATAN :
- Ganti kode yang berwarna merah untuk mengubah warna tulisan dan latar belakang
- Untuk memudahkan Pencarian Warna silahkan klik Disini
Older Post ►
Langganan: Postingan (Atom)
 

Copyright 2011 Informasi