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

Cara Membuat Fans Page Facebook Melayang

Kamis, Oktober 18, 2012 Add Comment
Cara Membuat Fans Page Facebook Melayang - Kali ini cak deni akan berbagi tutorial membuat fans page melayang , fungsi dari fans page melayang sebenarnya hanya untuk meningkatkan jumlah like facebook di fans page kita. Penasaran seperti apa cara membuat fans page melayang ? yuk simak dibawah ini :
  1. Pertama Login ke Akun Blogger
  2. Masuk ke bagian template
  3. Jangan lupa untuk mencentang "Expand Template Widget"
  4. Setelah itu cari kode </head> ( gunakan CTRL +F  untuk mempercepat pencarian Setelah ketemu, letakan kode dibawah ini tepat di atas kode </head>



<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>

     .5. Kalau sudah, klik SAVE.
      6. Langkah Terakhir 
 menambahkan widget, setelah itu pilih add gadget/tambah gadget.
      7. 
setelah itu masukan kode dibawah ini


<script type="text/javascript">
//<!--
$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.w2bslikebox{background: url("http://3.bp.blogspot.com/-KdSAuv-K7HM/To_WXoWHzJI/AAAAAAAAGvg/5UvL10LUe_k/facebook.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style><div class="w2bslikebox" style=""><div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=URL FANS PAGE FACEBOOK ANDA &amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=330" scrolling="no" frameborder="0" style="border: medium none; overflow: hidden; height: 330px; width: 245px;background:#fff;"></iframe><span><a href=" http://fadilblogx.blogspot.com/2012/07/cara-membuat-likebox-fanspage-facebook.html "><b>Get Widget</b></a></span></div></div>
Mungkin itu saja yang dapat cak deni bagikan tentang cara membuat fans page facebook melayang. terima kasih
Read More »

Cara Membuat Next Page Pada Blog

Rabu, Oktober 17, 2012 Add Comment
Cara Membuat Next Page Pada Blog - Sebenarnya membuat Next Page itu mudah tinggal menaruh beberapa Html dan beberapa css saja. fungsi dari Next  page sendiri adalah untuk membantu pengunjung melihat beberapa halaman selanjutnya. yuk langsung saja simak tutorial membuat next page dibawah ini.

  • Masuk ke akun blogger anda.
  • Pada  tampilan Dashboard klik Design kemudian klik Edit HTML
  • Untuk menjaga hal-hal yang tidak diinginkan saya sarankan backup dulu template blog anda dengan mengklik Download Full Template.
  • Centang kotak kecil yang bertuliskan Expand Template Widged.
  • Silahkan anda cari kode ]]></b:skin>
  • Copy kode yang ada dibawah ini kemudian paste di atas kode ]]></b:skin>
.showpageArea a {text-decoration:underline;}
.showpageNum a {text-decoration:none;border: 1px solid #cccccc;margin:0 3px;padding:3px;}
.showpageNum a:hover {border: 1px solid #cccccc;background-color:#cccccc;}
.showpagePoint {color:#333;text-decoration:none;border: 1px solid #cccccc;background: #cccccc;margin:0 3px;padding:3px;}
.showpageOf {text-decoration:none;padding:3px;margin: 0 3px 0 0;}
.showpage a {text-decoration:none;border: 1px solid #cccccc;padding:3px;}
.showpage a:hover {text-decoration:none;}
.showpageNum a:link,.showpage a:link {text-decoration:none;color:#333333;}

  • Kemudian cari kode </body>
  • Copy kode yang ada dibawah ini dan paste kan diatas kode </body>

<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord=&#39;Previous&#39;;
var downPageWord=&#39;Next&#39;;
</script>
<script src='http://marbun.googlecode.com/files/scriptsnext.js' type='text/javascript'/>

  • Dan terakhir silahkan Save Template anda.
Read More »

Memberi Title Text + Alt Text di gambar Postingan

Selasa, April 24, 2012 3 Comments
Memberi Title + Title Image di gambar Postingan - Assalmualaikum Wr.Wb , senang sekali rasanya bisa berbagi tutorial blogspot kembali,di postingan sebelumnya Cak Deni telah berbagi template yang seo friendly.nah kali ini yang akan cak deni bagi adalah bagaimana cara memberi title text + alt text  di gambar postingan.

Seperti kita tahu gambar juga adalah hal yang paling penting dalam seo blog. selain memaksimalkan artikel yang kita buat , ada kalanya juga kita memaksimalkan image dengan memberi Title Text dan Alt Text pada gambar. agar seo on page kita semakin kuat.

Dulu memberi title text + alt text pada gambar di blogspot harus manual dengan menmbahkan script pada gambarnya. Tapi beberpa waktu lalu blogger.com sudah ada fitur baru untuk menambahkan Title text + Alt text pada gambar .Penasaran bagaimana caranya  ? yuk simak dibawah ini..

1. Login ke blogger
2. Buatlah postingan
3. Masukkan gambar postingannya
4. Sekarang bagaimana memberi Title text + Alt text ? lihat gambar dibawah ini.

5. Klik gambarnya , makan akan keluar gambar seperti diatas.setelah itu di properties maka akan keluar tampilan seperti di bawah ini.


6. Nah disini temen-temen tinggal memberi title text dan alt textnya.
7. Simpan / Save

Mudah bukan ? Mungkin itu saja yang dapat Cak Deni bagikan kali ini tentang Cara memberi Title + Alt di gambar Postingan. Semoga bermanfaat !
Read More »

Cara Setting Robots.txt di blogspot

Sabtu, April 21, 2012 29 Comments
Cara Setting Robots.txt di blogspot - Aslamualaikum Wr.Wb senang sekali rasanya bisa berbagi tutorial blogspot lagi. Setelah sebelumnya Cak Deni berbagi tutorial Blogspot tentang Cara Menghapus Navbar di blogspot , kali ini Cak Deni akan berbagi tutorial lagi tentang cara setting Robots.txt.

Apa itu robort.txt ? Robots.txt adalah salah satu hal yang sangat penting dalam dunia blog.Sebelumnya blogspot tidak bisa mengedit robots.txt , namun beberapa waktu lalu blogspot sudah bisa mengedit robots.txt.Penasaran bagaimana caranya ? yuk simak dibawah ini.

1. Login ke aku blogger
2. Masuk ke Dashbor
3. Pilih setting / Setelan
4. Preferensi / Penelusuran


5. Kemudian tampil seperti ini. pilih robot.txt ubah sesuaikan.( Lihat gambar di bawah ini)

6. Secara default Robots.txt pada blogger / blogspot adalah : (Akses www.Situsmu.com/robots.txt) . namun temen - temen  dapat mengubahnya dengan kode seperti dibawah ini.

User-agent: Mediapartners-Google
Disallow: 

User-agent: *
Disallow:
Allow: /

Sitemap: http://www.Nama Situs Anda.blogspot.com/feeds/posts/default?orderby=updated


7.Save / Simpan (Gunakan secara bijak ya :D)


Mungkin itu saja yang dapat Cak Deni bagikan kali ini tentang Cara Setting Robots.txt di blogspot / Blogger. Semoga Bermanfaat !
Read More »

Menghilangkan / Membuang Navbar di Blogspot

Menghilangkan Navbar di Blogspot - Aslamualaikum Wr.Wb dikesempatan kali ini Cak Deni akan berbagi tutorial blogspot , ditulisan sebelumnya Cak Deni telah berbagi tutorial blogspot tetang cara menghilangkan tulisan powered by blogger dan kali ini cak deni akan berbagi tutorial blogspot lainnya yaitu  tentang Cara menghilangkan navbar pada blogspot .

apa itu navbar ? Navbar adalah widget bawaan dari blogger biasanya terdapat diatas header blog kita untuk lebih jelasnya liahat gambar dibawah ini.


Bagaimana Cara menghilangkan Navabar di Blogspot ? Susahakah ? Okee langsung saja Cak Deni kasih caranya. Yuk simak dibawah ini !

1. Login Ke akun Blogger
2. Pilih Tata Letak
3. Edit Html
4. Kemudian Cari Kode  Berikut
 <b:skin><![CDATA[/*
 5. Kalau Sudah Ketemu Paste Kode di bawah ini tepat dibawah kode diatas
/* CSS to hid navigation bar */
#navbar {
height:10px;
visibility:hidden;
display:none;
}
6. Langkah Terakhir adalah Save/Simpan

Mudah bukan ? Mungkin itu saja yang dapat Cak Deni Bagikan kali ini tentang Tutorial blogspot bagaimana Menghapus Navbar di Blogspot.Semoga Bermanfaat !

Read More »

Cara Semangat Buat Ngeblog

Jumat, April 20, 2012 Add Comment
Cara Semangat Buat Ngeblog - Aslamualaikum Wr.Wb, ketemu lagi dengan Cak Deni,setelah sebelumnya saya menulis tutotial blogspot tentang Cara menghapus tulisan powered by blogger , kali ini Cak Deni akan akan berbagi motivasi atau Cara agar kita semangat ngeblog. apa sih rahasinya biar semangat ngeblog ? yuk simak dibawah ini Cara semangat Ngeblog..
Pertama - Layaknya orang yang suka main bola dilapangan, sebelum mereka menyukai main bola, mereka biasanya hanya sebagai penonton yang hanya sekedar ikut ikutan saja bersama temen temen yang suka main bola. Begitupun dengan ngeblog sebelum sahabat suka ngeblog maka langkah pertama yang harus sahabat lakukan adalah dengan membaca postingan postingan blog milik orang lain, lebih bagus lagi kalau sahabat berlangganan artikel dari blog yang sahabat sukai. nah kalau itu sudah sahabat lakukan maka secara otomatis sahabat akan mulai menyukai ngeblog, Mengapa? karena secara tidak sadar sahabat akan dituntut untuk membaca dan memahami artikel artikel yang di tulis oleh para blogger, apalagi kalau artikel yang mereka tulis merupakan kebutuhan yang sedang sahabat cari.
Kedua - Mulailah membuat sebuah blog sederhana dengan tujuan untuk sharing ilmu pengetahuan apa saja yang sahabat miliki kepada orang banyak, dengan begitu kalau ada salah satu pengunjung yang menyukai isi dari tulisan sahabat dan mereka mengomentari tulisan tersebut maka sahabat akan merasa bangga karena ternyata tulisan yang sahabat tulis melalui blog berguna untuk orang lain.
Ketiga - Lakukan ngeblog dengan suasana hati yang rileks tanpa beban, karena dengan begitu sahabat akan merasa nyaman menjalankannya. Sahabat akan lebih terfokus terhadap apa yang sedang sahabat pelajari, baik dalam keadaan membaca arikel milik orang lain maupun sedang menulis sebuah artikel inspirasi sahabat sendiri.
Keempat - Pelajari apa manfaat yang bisa sahabat dapatkan dengan ngeblog, Seperti halnya main bola walaupun mereka tidak menjadi pemain bola yang profesional tetapi mereka mendapatkan manfaat berolah raga untuk menjaga kesehatan tubuh. Begitupun dengan ngeblog sahabat harus mempelajari apa yang bisa sahabat peroleh dengan ngeblog.
Kelima - Jadikankanlah ngeblog sebagai kebutuhan, ini faktor yang paling penting Rahasia Hoby Ngeblog, dengan menjadikan ngeblog sebagai kebutuhan maka sahabat akan merasa senang melakukannya. Layaknya orang yang mencari duit, mereka akan selalu mencari duit dengan cara apapun karena mereka membutuhkannya. Intinya sahabat harus menjadikan ngeblog menjadi sebuah kebutuhan yang dapat menghasilkan sesuatu untuk diri sahabat.
Keeman - Jadikanlah sebuah tantangan yang harus sahabat hadapi, dengan begitu sahabat akan merasa tertantang untuk melakukan blogging, sahabat akan berkata "orang lain saja bisa melakukannya dan menghasilkan income masa saya tidak bisa" dengan begitu sahabat akan terfokus untuk mempelajari ilmu ngeblog.
Ketujuh - Tidak mudah menyerah, untuk menjadikan ngeblog sebagai salah satu hoby bagi sahabat, maka apabila sahabat menemukan sebuah masalah atau kegagalan maka sahabat harus terus melakukannya dan jangan mudah menyerah, karena dengan begitu sahabat akan bisa menilai kesalahan dan kekurangan pada diri sahabat dan selanjutnya sahabat akan memperbaiki kesalahan dan kegagalan tersebut.
Kedelapan - Lakukan komunikasi bersama teman-teman blogger yang lainnya, sahabat bisa melakukannya dengan cara berkomentar pada blog milik orang lain, menjadi member blog dan berkomunikasi lewat forum, ataupun melakukan chatting untuk sharing dengan para blogger. ini dilakukan selain sahabat akan mendapatkan ilmu pengetahuan sahabat juga akan mendapatkan teman yang banyak dari berbagai wilayah.
Mungkin itu saja yang dapat Cak Deni share kali ini tentang Cara semangat ngeblog. semoga artikel kali ini bermanfaat.Terima Kasih !
Read More »

Cara Menghapus Powered By Blogger

Cara Menghapus Powered By Blogger - kali ini Cak Deni akan berbagi tutorial blogspot tentang cara menghapus powered by blogger. Sebenarnya banyak cara menghapus powered by blogger dengan cara Menambah CSS atau dengan menghapus atribut widgetnya.


Tapi kali ini Cak Deni akan mengunakan cara mengubah atribut dari true menjadi false , penasaran bagaimana cara menghapus Powered By Blogger dengan mengubah atribut true menjadi false ? nyokk simak dibawah ini !


1. Masuk/login ke blogger.com -> klik nama blog yang akan diedit
2. Klik Template -> Edit HTML -> Lanjutkan



3. Cari kode berikut: id='Attribution1' locked='true'
4. Ganti kata 'true' menjadi 'false' .(Lihat gambar dibawah ini )



5. Klik Simpan Template. Klik Tutup.
6. Klik Tata Letak / Layout -> Klik Edit pada gadget Attribution (bawah) -> klik Hapus.
7. Simpan Perubahan (kanan atas). Selesai.

Mungkin hanya itu yang dapat Cak Deni share tutorial blogspot tentang cara menghapus powered by blogger. Semoga bermafaat !
Read More »