Pages

Tampilkan postingan dengan label Blog. Tampilkan semua postingan
Tampilkan postingan dengan label Blog. Tampilkan semua postingan

Sabtu, 21 Januari 2012

SEO,Mengatur / Mengubah Format Title

Agar SEO Friendly,kita ubah susunan Judul menjadi hanya seperti ini:

SEO,Mengatur / Mengubah Format Title

Maka,jika berhasil diindex sama paman Google ya..akan terindex seperti itu.
Untuk kodenya,sebenarnya anda tinggal merubah format Title nya.

Pergi ke Dashboard,lalu pilih Tata Letak,selanjutnya pilih Edit HTML.
Cari kode seperti di bawah ini:

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

Setelah ketemu,hapus kode tadi,dan ganti dengan kode dibawah ini

<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>


Lalu Simpan Template.



#http://pelajaran-blog.blogspot.com

Untuk membuat Gambar Auto Slider/ Gambar bergerak otomatis pada blog




Untuk membuat Gambar Auto Slider/ Gambar bergerak otomatis pada blog

1.  Login dengan akun blogger anda.
2.  Pilih Rancangan
3.  Pilih Edit HTML
4. Cari kode ]]></b:skin> lalu copas kode CSS berikut tepat diatasnya.

/* CSS easySlider */ #containerSlider { width:175px; height:120px; margin:0 0px; padding:0; position:relative; } #prevBtn, #nextBtn { display:block; margin:0; overflow:hidden; padding:0; text-indent:-8000px; } #slider ul, #slider li { list-style:none; margin:0; padding:0; text-indent:0; } #slider, #slider li { overflow:hidden; width:175px; height:120px; margin:0 auto; } #slider { margin-left:0; background:#ccc; border:1px solid #999; } #prevBtn, #nextBtn { display:block; height:34px; left:-20px; position:absolute; top:38px; width:31px; } #nextBtn { left:200px; } #prevBtn a, #nextBtn a { background:transparent url() no-repeat scroll 0 0; display:block; height:34px; width:31px; } #nextBtn a { background:transparent url() no-repeat scroll 0 0; } #slider img { background:#ccc; padding:0px; width:175px; height:120px; }
   
*Perhatikan untuk teks yang berwarna merah dapat anda ganti ukurannya 
      sesuai kebutuhan 
 5. Kemudian cari kode </head> lalu copas kode berikut tepat diatasnya.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script src='http://pelajarandashblogdotblogspotdotcom.googlecode.com/files/easySlider1.5.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){
$(&quot;#slider&quot;).easySlider({
auto: true,
continuous: true
});
});
</script> 

Jumat, 06 Januari 2012

Cara Membuat Navigasi Efek Slide Out dengan jQuery

"Cara Membuat Navigasi Efek Slide Out dengan jQuery". Menu ini mempunyai efek slide yang sangat halus, saat kita mengarahkan pointer mouse (mouse hover) pada menu, maka menu akan bergeser keluar (slide out) secara perlahan dan akan kembali pada posisi semula jika kita menggeser mouse keluar dari area menu selain itu menu ini akan selalu dalam posisi tetap walau kita menggeser (scroll) halaman naik ataupun turun. Kita bisa saja menggunakan navigasi menu ini untuk berbagai keperluan, misal Sosial Bookmark dan lain sebagainya.



Cara Membuat Navigasi Efek Slide Out dengan jQuery :


klo pengen langsung aja deh ikuti cara membuatnya dibawah ini.
Cara Membuat Navigasi Efek Slide Out dengan jQuery
1. login blog
2. rancangan >> edit HTML (expan template widget)
3. lalu cari kode ]]></b:skin>
4. lalu taruh kode dibawah ini diatas kode ]]></b:skin>


ul#menusisi {
position: fixed;
margin: 0px;
padding: 0px;
top: 50px;
left: 0px;
list-style: none;
z-index:9999;
}
ul#menusisi li {
width: 100px;
}
ul#menusisi li a {
display: block;

Minggu, 25 Desember 2011

Memasang facebook like di postingan blog

Memasang facebook like di posting blog dapat menjadi tolok ukur bagi blogger untuk mengetahui respon pengunjung selain dari comment. Selain itu memasang/membuat  tombol facebook like secara otomatis juga akan mengirim url yang disukai pengunjung ke wall-nya. Ini juga menjadi keuntungan tersendiri, karena publikasi artikel posting dapat menjangkau area yang lebih luas. Hack widget ini akan memunculkan Facebook Like Button di setiap posting Blog Blogger anda.

Ada beberapa jenis Facebook like button. Berikut preview plus script-scriptnya yang dibuat untuk Blogger/Blogspot:
Standard Facebook Like Button
 
<!-- Tombol Facebook Like  -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;send=false&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=35&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:35px;'/>
</b:if>
<!-- Facebook Like http://buka-rahasia.blogspot.com -->
Box Count Facebook Like Button
<!-- Tombol Facebook Like  -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;send=false&amp;layout=box_count&amp;show_faces=false&amp;width=55&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=65&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:55px; height:65px;'/>
</b:if>
<!-- Facebook Like http://buka-rahasia.blogspot.com -->
Button Count Facebook Like Button

Jumat, 23 Desember 2011

Cara Memasang Tombol Download Artikel Blog PDF

download artikel blog
Pasang Tombol Download Artikel Blog file PDF maksud nya adalah sebuah widget yang berfungsi untuk mendownload artikel yang kita posting otomatis dalam format file PDF. Menurut saya widget ini sangat berguna karena memudahkan pembaca untuk menyimpan artikel kita, apa lagi artikel yang berbentuk tutorial-tutorial artikel ini sangat penting untuk di simpan agar bisa di ingat dan di pelajari di kemudian hari. Lihat Gambar disamping adalah contoh artikel yang di download dalam format PDF.
Berikut ini adalah cara untuk memasang Tombol download Artikel File PDF di blog :

Jumat, 28 Oktober 2011

Tips Blogger

Istilah ” “Copy” & “Paste” Artikel ” bukanlah hal yang baru. Tetapi semakin banyak blogger yang melakukan aktivitas ini. Pertanyaannya sekarang –Siapa yang di rugikan ?–
Beberapa tanggapan atas aktivitas ini muncul seperti :
  • Itu namanya plagiat
  • Menjiplak
  • Tidak sopan mengambil artikel orang lain tanpa mencantumkan alamat sumbernya
  • dll
Banyak sekali tanggapan yang berkembang atas aktivitas ini bahkan ada blogger yang tidak ingin artikelnya diambil untuk di publikasikan blogger lain.
aktivitas “Copy” & “Paste” Artikel tidaklah masalah, seperti banyak blogger inginkan cantumkan sumber artikel tersebut dan beri linknya itu sudah lebih dari cukup sebagai niat baik.
Related Posts Plugin for WordPress, Blogger...