Kelola Posting

Berbagi trik untuk membuat tampilan posting agar lebih menarik dan rapi

Kelola Template

Berbagai trik untuk mengelola template blogspot agar tampil menarik dan anggun

Kelola SEO

Berbagai trik untuk meningkatkan kinerja blog kita agar cepat ditemukan oleh mesin pencari atau SEO (search engine optimation).

Kelola Widget

Berbagai trik untuk membuat berbagai bentuk widget yang menarik dan dapat mempercantik blog

This is default featured post 5 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

Rabu, 11 Januari 2012

Cara Menampilkan Hanya Judul Pada Blog

Cara Pemasangannya 
1. Login ke blogger -> Rancangan -> Edit HTML
2. Silahkan Copy kode dibwah ini dan Paste tepat diatas kode </head> kemudian simpan atau pratinjau apa sudah benar apa belum?kalau sudah silahkan di simpan, untuk warna judul, silahkan di ubah sesuai selera sobat.

Ini kode css nya

<style type='text/css'>

<b:if cond='data:blog.url == data:blog.homepageUrl'>

.post {
margin:.5em 0 1.5em;
border-bottom:0px dotted $bordercolor;
padding-bottom:1.0em;
height:50px;
}
.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:20px;
font-family:Tahoma,Georgia,Century gothic,Arial,sans-serif;
font-weight:normal;
line-height:1.4em;
color:#cc6600;
}

.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:#cc6600;
font-weight:normal;
}

.post h3 strong, .post h3 a:hover {color:#333333;}

.post-body {display:none;}
.post-footer {display:none;}
.comment-link {display:none;}
.post img {display:none;}
.post blockquote {display:none;}
.post blockquote p {display:none;}
h2.date-header {display:none;}
.post-labels {display:none;}
.post-rating {display:none;}

</b:if>
//edited by http://kelolablogspot.blogspot.com
</style>

Bisa kan? Semoga bermanfaat. jgn lupa Komentarnya 


Artikel yang ada di sini sebenarnya  hanyalah berupa koleksi pribadi yang saya kumpulkan dari berbagai sumber. Namun jika menurut anda artikel ini menarik dan bermanfaat, Bagikan artikel ini agar orang lain bisa membacanya :
Bagikan via twitter :    Atau Pilih menu share yang anda ingin kan : 


Facebook Delicious Digg Stumbleupon Favorites More

Cara Membuat Widget Sidebar Berada Di Tengah

Secara default blogger telah memberikan tatanan Judul selalu berawal dari samping kiri. Baik itu judul blog, judul posting maupun judul sidebar. Memang sebagian orang ada yang puas dengan letak posisi judul pemberian dari blogger blogger. Namun sebagai seorang yang selalu ingin mengembangkan kreatifitas seperti saya ini pasti selalu kurang puas dengan apa yang telah blogger berikan.

Bila anda ingin mencoba merombak judul sidebar agar rata tengah maka ini langkah-langkah yang harus dilakukan yaitu :
  • login blogger -> design ->edit html
  • cari kode .sidebar h2 {
  • setelah ketemu tambahkan kode    text-align:center;    setelah kode .sidebar h2 {
  • kalau sudah jangan lupa klik save


Agar Judul Posting berada ditengah atau rata tengah, caranya sama saja dengan langkah di atas cuman bedanya kalau judul sidebar kodenya: .sidebar h2 sedangkan Judul posting kodenya: .post h3
Baiklah kalau masih bingung lakukan langkah berikut ini:
  • login blogger -> design ->edit html
  • cari kode .post h3 {
  • setelah ketemu tambahkan kode    text-align:center;    setelah kode .post h3 {
  • kalau sudah jangan lupa klik save



Tambahan :
Bila di dalam template anda sudah terdapat elemen .sidebar h2 { maupun .post h3 { sudah terdapat kode text-align:left; maka anda cukup mengganti left; menjadi center;
Agar lebih jelas, perhatikan kode berikut ini:

  • text-align: left; artinya tulisan rata kiri
  • text-align: center; artinya tulisan rata tengah
  • text-align: right; artinya tulisan rata kanan


Itulah tadi tips Membuat Judul Post dan Judul Widget Sidebar Berada Di Tengah mudah mudahan jelas dan bermanfaat.


Artikel yang ada di sini sebenarnya  hanyalah berupa koleksi pribadi yang saya kumpulkan dari berbagai sumber. Namun jika menurut anda artikel ini menarik dan bermanfaat, Bagikan artikel ini agar orang lain bisa membacanya :
Bagikan via twitter :    Atau Pilih menu share yang anda ingin kan : 


Facebook Delicious Digg Stumbleupon Favorites More

Cara Mengedit Postingan Blogspot

Editor posting Blogger memiliki 3 mode:
  • Tulis: Mode WYSIWYG di mana Anda dapat memanipulasi teks dengan tombol format.
  • Edit HTML: mode mentah di mana Anda mengedit html secara manual.
  • Pratinjau: mengubah tampilan kiriman lengkap, termasuk Judul, link dan gambar-nya.

Untuk beralih ke mode-mode tersebut, klik saja daftar link yang sesuai. Tombol format hanya tersedia pada browser tertentu.
Fitur, dari kiri ke kanan:
  • Font
  • Ukuran huruf
  • Tebal
  • Miring
  • Warna huruf
  • Link
  • Rata kiri
  • Tengah
  • Rata kanan
  • Rata penuh
  • Daftar (nomor) urut
  • Daftar (butir) tidak urut
  • Blockquote
  • Pemeriksa ejaan
  • Upload gambar
  • Menghapus format dari bidang pilihan



Artikel yang ada di sini sebenarnya  hanyalah berupa koleksi pribadi yang saya kumpulkan dari berbagai sumber. Namun jika menurut anda artikel ini menarik dan bermanfaat, Bagikan artikel ini agar orang lain bisa membacanya :
Bagikan via twitter :    Atau Pilih menu share yang anda ingin kan : 


Facebook Delicious Digg Stumbleupon Favorites More

Beberapa Shortcut dalam postingan blogspot

Blogger memiliki beberapa cara pintas keyboard yang dapat digunakan ketika mengedit posting. Cara pintas tersebut berfungsi di Internet Explorer 5.5+/Windows dan keluarga Mozilla (1.6+ dan Firefox 0.9+), dan mungkin juga di browser lainnya. Berikut ini adalah jalan pintas tersebut:
  • control + b = Cetak Tebal
  • control + i = Cetak Miring
  • control + l = Blockquote (hanya pada mode HTML)
  • control + z = Undoh
  • control + y = Redoh
  • control + shift + a = Link
  • control + shift + p = Pratinjau
  • control + d = Simpan sebagai Draft
  • control + s = Publikasikan Kiriman
  • control + g = Transliterasi bahasa Hindi



Artikel yang ada di sini sebenarnya  hanyalah berupa koleksi pribadi yang saya kumpulkan dari berbagai sumber. Namun jika menurut anda artikel ini menarik dan bermanfaat, Bagikan artikel ini agar orang lain bisa membacanya :
Bagikan via twitter :    Atau Pilih menu share yang anda ingin kan : 


Facebook Delicious Digg Stumbleupon Favorites More

Selasa, 29 November 2011

Cara Membuat Kotak Komentar Di Bawah Postingan

Begini nih cara membuat kotak komentar blogger yang berada dibawah postingan.

1. Login ke http://draft.blogger.com, Ingat yanghttp://draft.blogger.com bukan blogger.com.
2. Trus ke menu Setting-->Comments. Kemudian ganti "Comment Form Placement" menjadi "Embedded below post" (lihat gambar dibawah)



3. Kemudian klik "Save Setting"

Sekarang coba kamu lihat blogmu dan coba di klik salah satu postinganmu kemudian lihat hasilnya, apakah sudah ada kotak komentarnya yg dibawah postingan atau belum. kalau sudah berarti langkahnya cukup disini. Kalau belum ikuti langkah berikut ini.
(ini karena kode HTML tiap2 template itu berbeda. Untuk template default dari blogger yang baru, kode HTMLnya sudah berubah, sedangkan template yg lama atau ambil dari luar ada yg belum dan ada juga yg sudah). 

4. Selanjutnya pergi ke menu "Layout-->Edit HTML"
5. Beri tanda centang kotak "Expand widget templates".
6. Trus cari kode berikut ini :

<p class='comment-footer'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/></a>
</p>
</b:if>


7. Kemudian ganti kode tersebut dengan kode dibawah ini:

<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/> <b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/></a>
</b:if> </b:if> </p> </b:if>


8. Lalu simpan template kamu.

Lihat deh hasilnya, coba kamu klik salah satu postingan kamu, maka dibawahnya akan muncul kotak komentar seperti punyaku ini (Bagi yang berhasil).

Artikel yang ada di sini sebenarnya  hanyalah berupa koleksi pribadi yang saya kumpulkan dari berbagai sumber. Namun jika menurut anda artikel ini menarik dan bermanfaat, Bagikan artikel ini agar orang lain bisa membacanya :
Bagikan via twitter :    Atau Pilih menu share yang anda ingin kan : 


Facebook Delicious Digg Stumbleupon Favorites More

Membuat Link yang Bergaris Bawah

Link yang digaris bawahi berarti link tersebut di garis bawahi .biar lebih jelas silakan sobat lihat link yang di daris bawahi di bawah ini.

ini adalah sebuah link yang di garis bawahi

Nah… itu dia yang dimaksud dengan LINK yang digaris bawahi..Link yang digaris bawahi juga lebih menunjukan sebuah link, jadi pembaca akan lebih tau bahwa itu sebuah link.
Untuk mencabanya silakan lihat contoh dokumen htlm dengan link yang di garis bawahi dibawah ini.

<html>
<body>
<p>
<a href=”http://www.denisahlan.co.tv “ target=”_blank”>ini adalah sebuah link yang di garis bawahi</a>
</p>
</body>
</html>

Untuk mencoba membuat dokumen html dengan link yang di garis bawahi silakan sobat ikuti langkah-langkah di bawah ini :

1.Klik Menu Pada computer sobat.

2.Kemudian Klik ALL PROGRAM.

3.Klik accessories.

4.Klik NOTEPAD.

5.Selanjutnya Copy Dan Paste dokumen html dengan Link yang digaris bawahi Di atas Ke dalam notepad tersebut.

6.Klik Save Dengan nama coba11tml.

7.Pilih All Files Pada File AS TYPE.

8.Untuk melihatnya silakan klik kanan File yang sudah sobat save ,Kemudian pilih Open With selanjutnya Pilih Mozzila Firefox.

Selesai


Artikel yang ada di sini sebenarnya  hanyalah berupa koleksi pribadi yang saya kumpulkan dari berbagai sumber. Namun jika menurut anda artikel ini menarik dan bermanfaat, Bagikan artikel ini agar orang lain bisa membacanya :
Bagikan via twitter :    Atau Pilih menu share yang anda ingin kan : 


Facebook Delicious Digg Stumbleupon Favorites More

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites More