New Article

Ads

Tampilkan postingan dengan label Blog. Tampilkan semua postingan
Tampilkan postingan dengan label Blog. Tampilkan semua postingan
8 Jun 2010

Buat Sendiri Template Blog di draft.blogger

Ini cuma tulisan buat agan - agan yang masih baru ngeblog aja, kalo agan - agan yang udah canggih lewati aja wes. sekarang nih agan - agan bisa edit sendiri template/tema sesuai dengan pribadi agan, jadi g usah tanya terus ama mbah google.Oke langsung aja wes ke TKP ...


di draft.blogger ini banyak sekali fitur - fitur untuk otak - atik template/tema blog agan...
ane bahas satu - satu nih
  • Template   >>  pada fitur ini kita bisa mengganti template dan format judul blog kita dengan tema- tema yg udah di sediakan, emang se sedikit tema yang di sediakan tapi fitur - fitur yang di bawahnya bisa membuat blog kita beda dari yang lain
  • Background  >>  fitur ini untuk mengganti background blog agan, di sini banyak di sediakan latar belakang mulai dari gambar alam dll
  • Layout >>  pada fitur ini terdapat 3 bagian : Body layout : untuk mengedit body layout maksudnya agan -agan bisa menentukan berapa kolom pada blog agan,  Footer layout : untuk mengedit desain footer pada blog agan,    Adjust Width :memperlebar atau memperkecil ukuran kolom pada blog
  • Advance untuk mengedit warna dominan pada blog dan mengubah font pada halaman artikel, gadget dll 
kalo agan - agan udah mengotak - atik blog jangan lupa Klik apply to blog untuk menyimpan setingan,klik view blog untuk melihat hasil setingan tanpa menyimpan dan pilih back to blogger untuk membatalkan setingan

Selamat berekspresi !!!!!


Selengkapnya...
4 Jun 2010

widget bloger pencarian dari pax.com

Kalau agan - agan bosan dengan widget pencarian default blogspot, skarang ada nih widget pencarian yang gaul tapi mungkin ini hanya untuk yang pemula aj  cos kalo yang udah lama otak - atik blog  mungkin ini udah basi
oke langsung aja klik disini
  •  jika sudah masuk  pada sitenya , klik pada Add a Site Search Tab to your site! 
  •  setelah itu klik Get Started, isilah account information dan site information dengan lengkap
  • dibawahnya ada select tab, jika hanya ingin menampilkan fungsi search maka cek pada Site Search  aja, tapi cek semua jika ingin menmpilkan fungsi search dan kontak
  • selanjutnya pilih tempat untuk meletakkan widget sesuai dengan  yang agan inginkan
  • pada customize search tab ganti warna dengan selera agan, (mengubah warna pada tab search)
  • dan costumize search result ganti warna sesuai selera ( mengubah warna pada halaman hasil pencarian)
  • setelah selesai semua pilih Register & Generate code,
  • selanjutnya buka email agan dan verifikasi aku agan
  •  copy kode javascript yang telah ada
  • selanjutnya buka blog agan , langsung ke tata letak => elemen laman => tambah gedget => dan pilih html/javascript, n pastekan kodenya pada kotak konten, tanpa judul lalu simpan n lihat hasilnya

NB :
  • Jika agan - agan udah punya gedget html/javascript maka kode yang tadi  bisa di pastekan di bawah kode js yang telah ada
  • maaf g ada gambarnya, tapi  klo udah masuk situsnya mudah gan!!!!!


Selengkapnya...
31 Mei 2010

Merubah Format Title dengan Judul Posting di blog

Pertama, seperti biasa, silahkan Log in ke blogger.com dengan account yang kita punya. Kedua, klik Lay Out Ketiga, Klik Edit HTML Keempat, jangan lupa centang Expand Widget Templates Kelima, Download Full Template anda. Ini perlu untuk memback up template kita jika pada proses pengeditan nanti terjadi error. keenam, temukan kode seperti di bawah ini, biasanya ada pada bagian atas di bawah tag<head>

<title><data:blog.pageTitle/></title>

Ketujuh, ganti kode diatas dengan kode seperti di bawah ini:

<b:if cond=â'data:blog.pageType == &quot;index&quot;â'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>

Kedelapan, save template lalu cek hasilnya di blog anda. Hasil yang benar menurut kode diatas adalah sebagai berikut:
1. titel yang muncul pada halaman depan blog adalah title atau judul blog anda.
2. titel yang muncul pada setiap halaman post adalah judul artikel anda saja tanpa embel-embel title blog.
Jika dari delapan langkah diatas sudah terlaksana dengan baik, dijamin kemungkinan adanya “duplicate title tags” pada blog kita akan semakin berkurang. Kalaupun masih ada duplicate title tags, mungkin itu karena keteledoran kita sendiri karena membuat judul post yang hampir mirip dengan posting yang lainya.

Sumber : http://belajarseo.com
Selengkapnya...

Membuat “Read More…” di blog

Untuk versi template classic aku udah pernah bikin tutorialnya, akhir-akhir ini banyak banget yang nanya, akhirnya aku nyari info, malah ketemu di helpnya blogger, How can I create expandable post summaries?. Tapi jangan langsung di cobain, aku udah nyoba beberapa kali tapi gagal kalo ngikutin yang dari helpnya blogger, terutama pada bagian style/css nya.
Caranya:
  • Login ke blogger.com, pilih blog yang pengen kamu edit, klik link Layout kemudian masuk ke Edit HTML
  • Untuk bisa ngedit template secara keseluruhan, kamu harus centang/tandai/aktifkan Expand Widget Templates
  • Masukkan kode berikut sebelum tag </head> atau tepat sesudah kode } ]]></b:skin> seperti ini:
    <style>
    <b:if cond='data:blog.pageType == "item"'>
       span.fullpost {display:inline;}
    <b:else/>
       span.fullpost {display:none;}
    </b:if>
    </style>


  • Selanjutnya mengatur supaya postingan terpotong, cari kode <p><data:post.body/></p> dalam template kamu dan tambahkan kode berikut tepat dibawahnya:
    <b:if cond='data:blog.pageType != "item"'>
    <a expr:href='data:post.url'> Read More..</a>
    </b:if>
  • Nah supaya terpotong, setiap kali kamu posting, klik pada bagian posting dimana kamu pengen tulisan Read More.. muncul, dan ketik <span class="fullpost">  sisa postingan sampai selesai </span>. Untuk menmbahkan kode ini, ketika posting kamu harus dalam mode Edit HTML bukan Compose Contoh penulisan posting:


    Ini adalah awal berita yang ingin saya potong karena terlalu panjang kalo postingan muncul semua, oleh karena itu saya perlu memotong berita sampai disini saja <span class="fullpost">. Dan ini adalah sisa postingan saya yang akan saya sembunyikan dan hanya muncul pada saat post page atau link read more.. diklik </span>
    Hasil akhir postingan akan seperti ini:


    Ini adalah awal berita yang ingin saya potong karena terlalu panjang kalo postingan muncul semua, oleh karena itu saya perlu memotong berita sampai disini saja.Read more..
    Selamat Mencoba!
    http://www.isnaini.com/
Selengkapnya...