Tampilkan postingan dengan label Tutorial. Tampilkan semua postingan
Tampilkan postingan dengan label Tutorial. Tampilkan semua postingan

Kamis, 06 Januari 2011

Cara Judul Posting terindeks google

Pada Blogger.com secara otomatis Title Blog yang lebih dahulu terindex Google, bukan Judul Postingan. Supaya lebih SEO friendly, lebih baik Judul Postingan yang terindex Google. Karena, bayangkan seakan anda seorang netter yang sedang mencari informasi pada search engine Google, tentu yang diharapkan Judul Postingan anda tercantum dalam hasil pencarian bukan. Supaya Judul Postingan terindex Google, ada langkah sederhana yang dapat anda lakukan.

1. Masuk Tataletak
2. Edit HTML
3. Cari kode berikut :

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


4. Ganti kode diatas dengan kode berikut :

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


8. Save template

Pada saat berada di halaman utama title yang tertera Title Blog, namun bila masuk ke tiap postingan maka title yang tertera adalah Judul Postingan. Apabila belum bisa aktif, bagi yang sudah memasang Meta Tag, letakkan kode diatas tepat dibawah kode : <head>
 
Semoga berhasil.. Mohon Komentarnya.... Makasih....
Diposting oleh 6 komentar:
Label:

membuat kotak tempat scipt

Selamat berjumpa kembali kita tetap bersama dengan Code script hari ini untuk menyampaikan salah satu ilmu yang saya ambil pada blog sahabat di dunia maya, salah satunya ini adalah Membuat Border/Warna pada Script di Posting.
Adapun cara pemasangannya apabila anda ingin menampilkan postingan berupa Code script yang beda dari pada terdahulu, copy salah satu Code script dibawah ini terserah anda mau yang mana , Paste dipostingan anda kemudian masukan code script yang akan anda posting tepat di warna biru silakan anda ganti dengan code script anda
Border berwarna dan jenis-jenis garis bordernya

Solid Border
<div style="border: 2px #006400 solid; padding: 10px; background-color: #c3fdb8; text-align: left;"> TULIS SCRIPT/KODENYA DISINI </div>


» Ridge Border
<div style="border: 2px #006400 ridge; padding: 10px; background-color: #c3fdb8; text-align: left;"> TULIS SCRIPT/KODENYA DISINI </div>


» Groove Border
<div style="border: 2px #006400 groove; padding: 10px; background-color: #c3fdb8; text-align: left;"> TULIS SCRIPT/KODENYA DISINI </div>


» Inset Border
<div style="border: 2px #006400 inset; padding: 10px; background-color: #c3fdb8; text-align: left;"> TULIS SCRIPT/KODENYA DISINI </div>


» Outset Border
<div style="border: 2px #006400 outset; padding: 10px; background-color: #c3fdb8; text-align: left;"> TULIS SCRIPT/KODENYA DISINI </div>


» Double Border
<div style="border: 2px #006400 double; padding: 10px; background-color: #c3fdb8; text-align: left;"> TULIS SCRIPT/KODENYA DISINI </div> 


» Dotted Border
<div style="border: 2px #006400 dotted; padding: 10px; background-color: #c3fdb8; text-align: left;"> TULIS SCRIPT/KODENYA DISINI </div>


» Dashed Border
<div style="border: 2px #006400 dashed; padding: 10px; background-color: #c3fdb8; text-align: left;"> TULIS SCRIPT/KODENYA DISINI </div> 



Border dengan scroll, lebar dan tinggi

<div style="border: 2px #006400 solid; padding: 10px; background-color: #c3fdb8; overflow: auto; height: 50px; width: 300px; text-align: left;"> TULIS SCRIPT/KODENYA DISINI </div>







Solid Border
TULIS SCRIPT/KODENYA DISINI


» Ridge Border
TULIS SCRIPT/KODENYA DISINI


» Groove Border
TULIS SCRIPT/KODENYA DISINI


» Inset Border
TULIS SCRIPT/KODENYA DISINI


» Outset Border
TULIS SCRIPT/KODENYA DISINI


» Double Border
TULIS SCRIPT/KODENYA DISINI


» Dotted Border
TULIS SCRIPT/KODENYA DISINI


» Dashed Border
TULIS SCRIPT/KODENYA DISINI



Border dengan scroll, lebar dan tinggi

TULIS SCRIPT/KODENYA DISINI





» Ridge Border
TULIS SCRIPT/KODENYA DISINI


» Groove Border
TULIS SCRIPT/KODENYA DISINI


» Inset Border
TULIS SCRIPT/KODENYA DISINI


» Outset Border
TULIS SCRIPT/KODENYA DISINI


» Double Border
TULIS SCRIPT/KODENYA DISINI


» Dotted Border
TULIS SCRIPT/KODENYA DISINI


» Dashed Border
TULIS SCRIPT/KODENYA DISINI



Border dengan scroll, lebar dan tinggi

TULIS SCRIPT/KODENYA DISINI





Diposting oleh Tidak ada komentar:
Label:

deteksi pengunjung blog

Hallo Sobat pengunjung blog ini semuanya kita bertemu kembali dengan saya sebagai pemilik blog ini mengucapkan salam sejahtera ke pada kalian semua dan sukses selalu itulah yang kita harapkan. Kali ini saya akam membahas mengenai Deteksi Pengujung Blog sepertinya Sebagian blog yang ada di jagat alam maya ini banyak yang mempergunakan ini tapi tidak salahnya saya membahas mengenai hal ini karena banyak sekali yang bermunculan blog-blog pemula bagaikan jamur dimusim hujan yang belum tahu tentang hal ini.
Sobat Blogger sekalian kalau anda memiliki beberapa buah blog saya sarankan untuk memasang code script yang akan saya berikan nanti ke semua blog anda karena seru dih kita bisa melihat blog yang dikunjungi pengunjug dan tingkah laku pengunjung klik situ klik sini kita bisa tahu dimana dia berada caranya anda klik link yang warna merah disamping kanan atau kiri Halaman Blog setelah anda memasang code script pendetiksi pengunjung maka akan muncul seperti ini Klik.
Baca selengkapnya »
Diposting oleh 3 komentar:
Label:

membuat top artikel

Top Post Artikel adalah suatu Statistik yang menunjukan seberapa popular artikel yang anda buat atau publikasikan. Widget ini akan menampilkan posting-posting atau artikel-artikel yang memiliki komentar terbanyak. Kadang saat ada pengunjung ke blog kita (tepatnya kesasar dibawa mesin pencari) mereka ada yang bingung harus baca apa? dengan adanya daftar top artikel di sidebar, maka mereka jadi punya pilihan to? setidaknya mereka akan tertarik.secara default wordpress sudah memilikinya tapi blogger belum

Letakkan Code dibawah ini pada HTML/Java script pada Blog anda kemudian Paste dan Simpan


<script type="text/javascript">
function pipeCallback(obj) {
document.write('<ol style="text-transform: capitalize;">');
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write('</ol>');
Baca selengkapnya »
Diposting oleh Tidak ada komentar:
Label:

membuat label berjalan

Mat jumpa kembali dengan kita disini saya akan memberikan sebuah artikel untuk anda semua yang ingin Labels anda berjalan tapi bukan labels saja yang dibuat berjalan tapi yang lainnya juga bisa bagaimana caranya
klik Edit HTML.
Klik Expand Template Widget
Kemudian anda cari yang bertuliskan <ul>
<b:loop values='data:labels' var='label'> kemudian isikan kode dibawah ini diatasnya
<marquee align='left' direction='up' height='200' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' width='100%'> kalau sudah ,kemudian cari code ini <b:include name='quickedit'/> kemudian ganti dengan Code </marquee>

Selengkapnya inilah Codenya :
Baca selengkapnya »
Diposting oleh Tidak ada komentar:
Label:

Rabu, 05 Januari 2011

Membuat Daftar Isi Automatic pada Sidebar Berjalan

Kita Berjumpa kembali para pengunjung Situs ini mudah-mudah anda semuanya tidak bosan-bosannya berkunjung ketempat ini untuk mencari sekedar postingan terbaru di Blog ini, untuk memberikan yang terbaik kepada pengunjung kali ini akan saya pilihkan satu postingan yang berjudul "Membuat Daftar Isi Automatik pada Sidebar" ada bermacam jenis Daftar isi yang ada pada google yang dibuat oleh teman-teman kita seperti diantaranya menampilkan keseluruhan isi posingan, sebagian postingan dan atau judulnya saja kemudian ditampilkan pada halaman postingan.
Kali ini saya akan memberikan kepada anda semuanya lain dari yang lain kali ini tampilnya pada Sidebar jadi kita bisa melihat keduanya artikel di halaman postingan dan Daftar isi di Sidebar, ada 2 jenis yang akan saya tampilkan disini efek Marquee dan efek Scrol.
Baca selengkapnya »
Diposting oleh Tidak ada komentar:
Label:

Sabtu, 11 Desember 2010

Cara Membuat Daftar isi blog

Membuat daftar isi blog sangatlah berguna selain kita dapat melihat keseluruhan daftar postingan kita, kita juga di berikan kelebihan lain dari blog kita salah satunya : jika blog anda mempunyai kotak pencari (searching box) lalu apabila anda ataupun pengunjung blog anda mencari suatu artikel di blog anda maka yang tampil hanyalah judul dari tiap-tiap postingan yang berkaitan jadi jika anda mempunyai postingan banyak sangatlah diuntungkan karena pencari artikel tidaklah terlalu sulit untuk menemukan artikel yang dicari dan dan lebih cepat karena menampilkan judul postingannya saja.

berikut cara-cara pembuatannya :

LANGKAH PERTAMA
  1. Login ke Blogger.
  2. Pilih Tata letak
  3. Pilih Edit HTML.
  4. Download Template Lengkap dulu templatenya jika takut gagal.
  5. Kasih tanda centang pada kotak Expand Widget Templates.
  6. Cari kode ini

Baca selengkapnya »
Diposting oleh 2 komentar:
Label:

Cara Membuat Read More


Dalam penulisan postingan biasanya kita menulis postingan itu terkadang panjang sekali sampai ke bawah sehingga menambah panjang halaman blog kita, apalagi jika tampilan halaman muka blog kita lebih dari 2 (dua) postingan. maka untuk meminimalisasi tampilan pada blog kita kali ini adi akan memposting bagaimana cara untuk meminimalisasi tampilan posting atau biasa kita kenal dengan nama read more atau baca selengkapnya.

Berikut langkah-langkah yang akan kita pelajari :

1. Buka menu Tata Letak kemudian pilih Edit HTML.
2. klik kotak pada tulisan "expand widget template"
3. Cari kode yang berwarna kuning dibawah ini berikut di Template blog kamu (biasanya tempatnya kira-kira pada 1/4 bagian bawah kode hmtl) :
<p><data:post.body/></p>

4. Kalau sudah ketemu, Ganti kode kode tersebut sehingga menjadi seperti ini:

Baca selengkapnya »
Diposting oleh Tidak ada komentar:
Label:

Jumat, 10 Desember 2010

Cara membuat template sendiri

Sebenarnya dalam mebuat template di blogger harus mengerti tentang CSS dan HTML, tapi untuk kali ini kita hanya memerlukan sedikit kemampuan tersebut karena kita akan membuat template yang paling sederhana, tapi jangan salah walaupun caranya sederhana tapi hasilnya bisa sangat luar biasa, tergantung dari desainernya. Ok deh mulai aja deh ya, kayaknya udah pada nggak sabar nih.

Gini, cara termudah dalam membuat template blogger yaitu dengan mendownload sebuah template kemudian kita otak-atik sendiri, jadi kita tidak perlu membuat dari awal. Untuk bahan praktek kali ini kita coba memakai template yang aku dah pernah aku buat, downlad disini bahannya. Sebelum kita mulai gue saranin lo buat blog baru aja biar gak ngerusak blog asli kamu.

Tahap Desain

Template yang akan kita buat disini memiliki empat komponen utama yaitu Background, Header, Main dan Footer. seperti yang ada dalam gambar berikut:
Baca selengkapnya »
Diposting oleh Tidak ada komentar:
Label:

Selasa, 07 Desember 2010

Cara Menampilkan Offline/Online pada Blog

Dalam trik kali ini Adi akan coba membahas tentang "Bagaimana Caranya Menampilkan Status Offline/Online Yahoo Messenger". Trus apasih kegunaannya..? Kegunaannya adalah untuk menampilkan di blog kita apakah status yahoo messenger kita dalam keadaan Online atau Offline. dan kegunaan lainnya bila ada pengunjung blog kita yang ingin chat dengan kita via YM (Yahoo Messenger) bisa langsung chat dengan kita dengan mengklik gambar (seperti contoh di bawah ini) tetapi dengan syarat si pengunjung juga dalam keadaan online di yahoo messengernya.

Ok Langsung aja, Contohnya akan seperti ini, jika status kamu offline maka gambarnya akan seperti ini :




trus jika kamu online maka iconya akan berubah seperti ini:
Baca selengkapnya »
Diposting oleh Tidak ada komentar:
Label:

Cara Memasang Google Translate

Alat penterjemah pada zaman sekarang sangatlah penting menimbang banyaknya pengunjung situs tidak hanya selalu memakai bahasa yang sama, Dengan widget Google translate anda tidak perlu lagi pusing dengan persoalan bahasa, silahkan anda berkreasi dalam blog anda dengan bahasa anda sendiri dan biarkan google translate menterjemahkan ke dalam bahasa lain. Widget Google Translate bisa anda dapatkan di http://translate.google.com. Bentuk widget nya seperti ini :


Baca selengkapnya »
Diposting oleh Tidak ada komentar:
Label:

Cara Membuat Blog di BLOGGER

Membuat Blog sangatlah mudah anda bisa membuatnya di Blogger, Wordpress, Multiply, Joomla dll. tetapi yang banyak di pakai pada umumnya adalah Blogger atau blogspot. yang pertama-tama yang di perlukan dalam membuat blog adalah anda harus mempunyai Email di anjurkan anda mempunyai account dari google yaitu Gmail.
apabila anda belum memiliki account google daftar terlebih dahulu disini jika sudah Anda tinggal langsung daftar di blogger.com. Singkatnya ikuti langkah singkat berikut:
1. Kunjungi blogger.com
2. Klik ciptakan blog dengan 3 langkah
3. Lalu keluar gambar seperti ini

Baca selengkapnya »
Diposting oleh Tidak ada komentar:
Label:

Cara Posting Scipt pada Blog





Hem ..
Hari ni mu ngebahas apa yah ?

oiya ini ja deh --- Pasang script code di blog , biasanya para blogger pemula ( hahah narsis padahal sama sama newbie ).maksudnya jika anda ingin membubuhkan kode html kedalam postingan atau widget, contoh ingin menuliskan , tidah boleh langsung menuliskan langsung karna akan diterjemahkan kedalam bahasa HTML oleh blog, Nah Jadi caranya untuk menuliskan kode , maka yang seharusnya ditulis supaya bisa muncul script tersebut adalah begini.
untuk anda yang ingin memasang script code, bisa gunakan software Encode / Decode HTML Entities http://centricle.com/tools/html-entities/ ,,,, caranya copy file HTML yang akan di posting ke di dalam kotak Encode / Decode HTML Entities , trus klik encode, nah beres deh tinggal copy lagi ke postingan anda...jadi kan .....

Selamat Mencoba 
Diposting oleh Tidak ada komentar:
Label:
Langganan: Postingan (Atom)