Showing posts with label Blogger. Show all posts
Showing posts with label Blogger. Show all posts

Thursday, August 9, 2012

Membuat Disable Right Click / Anti Klik Kanan

| Thursday, August 9, 2012 | 2 comments
Mungkin anda sering kesal karena postingan postingan yang anda buat selalu saja di copas seenakanya oleh orang lain....
Tapi tenang saya akan memberikan cara agar orang tidak dapat klik kanan di blog kalian jadi mereka tidak bisa mencopas postingan kalian.
Silakan disimak.
Yang pertama kamu masuk dulu ke blogger kemudian edit html jangan lupa centang expand widget templates
Kedua cari kode berikut (gunakan Ctrl+F pada keyboard anda untuk membantu pencarian):
<body>
Lalu letakkan kode ini di bawah kode <body>


Kemudian Simpan,,,,
Selesai deh...
sekarang blog kamu udah gak bisa diklik kanan...
Oh iya... script diatas bisa di ubah sesuia selera kalian.
Sekian tutorial dari saya kurang lebihnya saya minta maaf.

Sunday, August 5, 2012

Cara membuat menu breadcrumb di blog

| Sunday, August 5, 2012 | 2 comments
<b:include data='posts' name='breadcrumb'/>Mungkin kalian udah tidak asing lagi dengan Breadcrumb blog.
Yah menggunakan breadcrumb pada blog adalah suatu cara agar blog kita lebih seo friendly lagi dengan google dan cara efektif untuk memberikan kemudahan pengunjung dalam melihat kategori posting suatu blog.
Buat kamu yang tertarik untuk memasang menu navigasi diatas judul posting atau breadcrumb berikut adalah caranya.
Yang pertama kamu masuk dulu ke blogger kemudian edit html jangan lupa centang expand widget templates
Yang kedua kamu cari kode berikut (gunakan Ctrl+F pada keyboard anda untuk membantu pencarian): <b:include data='top' name='status-message'/>
Setelah itu pastekan kode ini tepat diatas kode <b:include data='top' name='status-message'/>:

 
Yang ketiga kau cari kode berikut  <b:includable id='main' var='top'> Pate kode berikut tepat diatas kode <b:includable id='main' var='top'>








Setelah itu kamu cari kode ]]></b:skin> kemudaian sobat tambahkan kode berikut diatas kode ]]></b:skin>



Setelah itukamu jangan lupa save templatenya,  dan lihat hasilnya seperti ini ketika di pencarian google.

Ok.. Mungkin itu sekian dulu tulisan saya tentang cara memasang breadcrum di blog,semoga bermanfaat.


Catatan :  untuk menampilkan breadcrum di search engine google, memerlukan waktu, saya juga hanya beberapa artikel saja yang breadcrumbnya muncul di search engine



Tuesday, May 29, 2012

Cara Memasang Read more Di Blog

| Tuesday, May 29, 2012 | 4 comments
Sekedar Share aja gan: 
Cara membuat read more pada blog, blogspot, Blogger ini sangat mudah sekali, karena hanya tinggal mengcopykan script code yang ada ke template blogspot anda, dan Berikut ini cara yang mudah untuk membuat Read More Otomatis dengan Thumbnail di Blogger seperti halnya yang digunakan pada Blog. sebelum anda memulai membuat read more pada blog, blogspot, blogger yang harus anda lakukan adalah sebagai berikut :
► Silahkan Login dan masuk di akun blogger anda
► lalu klik Rancangan dan klik Edit HTML
► Centang Expand Template Widget
► Untuk mempermudah pencarian kode HTML nya anda tekan aja ( CTRL + F )
► Cari kode </head> dan kalau sudah ketemu
► Lalu silahkan Tambahkan kode dibawah ini tepatnya diatas kode </head>

 
 
Bila anda  ingin merubah ukuran Read More  Pada Blog, Blogspot, Blogger anda, ubah aja di bagian-bagian kode di bawah ini, dan Ubah angka nya sesuai kebutuhan:

summary_noimg = 430; adalah tinggi potongan artikel tanpa gambar
summary_img = 340; adalah tinggi potongan artikel dengan gambar
img_thumb_height = 100; adalah ukuran tinggi thumbnail
img_thumb_width = 120; adalah ukuran lebar thumbnail

►Selantunya letakkan kode dibawah ini tepat diatas kode }]]></b:skin>
.readmore{margin-bottom:5px;float:right}
.readmore a{color:green;background:#E0E9F3;padding:8px 14px;display:inline-block;font-size:12px;line-height:12px;text-decoration:none;text-transform:uppercase;text-decoration:none}
.readmore a:hover{color:#fff;text-shadow:0px 1px 0px #000;background:#DD460A;text-decoration:none}
 
  NB: Script yang berwarna merah di atas dapat diedit sesuai keinginan.

►langkah Selanjutnya cari kode <data:post.body/> lalu ganti tag <data:post.body/> tersebut dengan kode script di bawah ini :

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'>&#187;&#187;&#160;&#160;READMORE...</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>


► dan untuk kata " READ MORE " bisa diganti sesuai dengan selera anda.

setelah dipastikan semua udah terpasang dengan benar langkah selanjutnya adalah  simpan template dan coba lihatlah hasilnya. 
Untuk Contoh Hasil Read morenya bisa dicek disini.

Friday, May 18, 2012

Blog Seo Friendly Dengan All In One Seo Pack For Blogspot

| Friday, May 18, 2012 | 0 comments
All in One SEO Pack for Blogspot - Setelah capek optimasi SEO Off Page untuk artikel kontes tentang Agenliga Sebagai Agen Bola Online Untuk Euro 2012 ( do'akan ya teman-teman, walau kemungkinan nongol di page 1 SERP google hanya 0,01% )  Bahkan saya sempat menghilang dari serp google dan muncul lagi. kini saatnya untuk mempublish artikel baru. Kali ini saya ingin memeperkenalkan All in One SEO Pack untuk Blogspot yang mungkin sudah banyak yang tau. (Tapi Gak Papalah, dari pada gak ada  kerjaan)

Sebenarnya Plugin All in One SEO Pack adalah plugin milik Wordpress, tetapi yang dibahas disini bukan cara memasang Plugin All in One SEO Pack di wordpress melainkan cara memasang All in One SEO Pack di Blogspot. Plugin All in One SEO Pack for Blogspot ini dikembangkan oleh http://suhastech.com

PERHATIAN!
Baca Artikel ini dengan seksama untuk menghindari Error dan Duplicate meta description dan keywords.

Review tentang All in One SEO Pack for Blogspot Engine


All in One SEO Pack for Blogspot dibuat menggunakan Javascript. Script ini secara otomatis akan meminta meta deskripsi dan meta keyword setelah posting di publish. Lalu script tersebut akan menulis meta deskripsi dan keyword yang telah ditentukan ke XHTML template blogspot secara otomatis, tepatnya di atas kode </head>.

<b:if cond='data:blog.url == &quot;url halaman posting akan terbuat secara otomatis&quot;'><meta content='Deskripsi halaman posting' name='description'/><meta content='Keyword halaman posting' name='keywords'/></b:if>

Dengan script terserbut setiap halaman posting akan memiliki meta deskripsi dan keyword yang berbeda-beda.

All in One SEO Pack for Blogspot


Tuliskan deskripsi halaman dan keywordnya lalu klik KIRIM / Submit Query. Biarkan beberapa saat sampai pesan Sukses muncul dilayar

Hal-hal yang harus diperhatikan sebelum menginstall All in One SEO Pack for Blogspot

  1. Backup Template kamu sebelum menggunakan All in One SEO Pack
  2. Duplicate meta dan keyword akan terjadi jika sebelumnya kamu telah memasukkan meta otomatis seperti dibawah ini ke dalam xhtml template

    <b:if cond='data:blog.pageType == &quot;index&quot;'>
    <title><data:blog.pageTitle/></title>
    <b:else/>
    <title><data:blog.pageName/> | <data:blog.pageTitle></title>
    </b:if>
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <meta content='Deskripsi Blog' name='description'/>
    <meta content='Keyword1, keyword2, dst' name='keywords'/>
    <b:else/>
    <meta expr:content='data:blog.pageName + &quot;, Deskripsi blog&quot;' name='description'/>
    <meta expr:content='data:blog.pageName + &quot;, Keyword1, keyword2, dst&quot;' name='keywords'/>
    </b:if>

    Hapus kode diatas, ganti dengan kode dibawah ini

    <b:if cond='data:blog.pageType == &quot;index&quot;'>
    <title><data:blog.pageTitle/></title>
    <b:else/>
    <title><data:blog.pageName/> | <data:blog.pageTitle></title>
    </b:if>
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <meta content='Tulis deskripsi Blog='description'/>
    <meta content='Keyword1, Keyword2, dst' name='keywords'/>
    </b:if>

  3. Kemungkinan setiap menerbitkan posting baru, pesan error kemungkinan akan muncul ditemplate kamu. Pesan Error kan terlihat seperti berikut :

    This page contains the following errors: error on line 520 at column 16: Namespace prefix g on plusone is not defined....................

    Solusinya pergi ke Design > Edit HTML, hapus seluruh kode yang mirip dengan kode dibawah ini. kode tersebut berada di atas kode <head>

    <parsererror style='display: block; white-space: pre; border: 2px solid #c77; padding: 0 1em 0 1em; margin: 1em; background-color: #fdd; color: black'><h3>This page contains the following errors:</h3><div style='font-family:monospace;font-size:12px'>error on line 520 at column 16: Namespace prefix g on plusone is not defined
    </div><h3>Below is a rendering of the page up to the first error.</h3></parsererror>

Cara pemasangan All in One SEO Pack for Blogspot


All in One SEO Pack for blogspot ini hanya berjalan di browser Firefox dan Chrome.
  1. Download add ons Greasemonkey di browser mozilla firefox. Chrome tidak membutuhkan add ons ini, karena sudah tertanam secara default
  2. Install All in One SEO Pack

Saran bagi yang ingin mencoba All in One SEO Pack for Blogspot

  1. Gunakan Blog cadangan untuk menguji coba plugin All in One SEO Pack for blogspot ini
  2. All in One SEO Pack ini sebaiknya dipakai untuk blog yang masih baru
  3. Lebih baik jangan gunakan plugin ini untuk blog yang sudah berumur dan sudah memiliki banyak posting.

Sunday, April 1, 2012

Cara membuat slidebox twitter dan fanspage

| Sunday, April 1, 2012 | 0 comments
Cara Membuat slidebox seperti diatas gampang,
Langsung aja to the point.
1. Login dulu ke akun bloggermu.
2. Pilih rancangan
3. lalu Klik Tambah Widget.
4 Copy Kode Dibawah ini
<script src="<script src="http://firly-tondiki.mobie.in/slidboxordinary.js.txt" type="text/javascript"></script>
<div id="fbslidebox" style="position: fixed; width: 342px; overflow: hidden; bottom: 20px; right: 10px; background: url(&quot;http://www.scri8e.com/white.gif&quot;) repeat scroll 0% 0% transparent; -moz-border-radius: 15px 15px 15px 15px; border: 2px solid rgb(17, 17, 17); display: block;">
<div style="width: 320px; padding: 10px; margin: 0pt auto; overflow: hidden;">
<a id="fbcloseslidebox" style="float: right; color: rgb(153, 153, 153); padding: 0pt 3px; border: 1px solid rgb(204, 204, 204); text-decoration: none; font-size: 9px; font-family: Verdana,Geneva,sans-serif;" href="#">Exit</a>
<strong style="color: rgb(102, 173, 61);">Klik Follow And Likenya</strong>
<a href="https://twitter.com/twitter name" title="twitter name" class="twitter-follow-button" data-button="grey" data-text-color="#000000" data-link-color="#ffffff">Follow @Name on twitter</a>
<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http://url fanspage&amp;width=300&amp;height=110&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:110px;" allowtransparency="true"></iframe>
<span style="font-size: x-small;">Grab This From : <a href="http://url blog" target="_blank" title="Your Title Blog"><b><span style="color: green;">Tondiki sianipar</span></b></a></span></div></div>
  • Keterangan = Ganti  tulisan Warna biru dengan yang anda mau.

Wednesday, March 28, 2012

Mengubah blog nofollow menjadi dofollow

| Wednesday, March 28, 2012 | 1 comments
Berkomentar di blog do follow adalah salah satu teknik seo , maka pada tutorial blog ini saya akan menjelaskan sedikit tentang cara ubah blog nofollow menjadi DoFollow  , Dofollow blog adalah setiap link di komentar tersebut akan dihitung sebagai backling oleh search engine , dan komentator akan mendapatkan backling otomatis dari blog dofollow. maka berkomentar di dofollow blog salah satu Tekhnik Seo .




dofollow blog
dofollow blog


Cara Ubah Blog Dofollow Menjadi Nofollow

Sangat menguntungkan jika Anda komentar di pada website dofollow ,ini cara ubah blog  nofollow menjadi dofollow  ini Langkah-langkah berikut

1. login ke blog Anda, pilih blog yang akan diedit.

2. Klik menu -> klik Edit HTML


3. Kemudian cari kode seperti in




<a expr:href='data:comment.authorUrl' rel='nofollow'>
4.  Hapus kode tersebut rel='nofollow'' sehingga menjadi seperti ini :



<a expr:href='data:comment.authorUrl'>
5. Jika sudah klik tombol Simpan. selesai ,, sangat mudah kan ...



Sangat mudah bukan cara mengubah blog yang nofollow menjadi dofollow dan selamat anda akan dibanjiri komentar para pencari backlink .Selamat mencoba.

Sunday, March 25, 2012

Script Ucapan Di Blog

| Sunday, March 25, 2012 | 0 comments

Setelah saya utak-atik script dan mencoba2 trus sampai2 mndapatkan ratusan kali kesalahan akhirnya saya mendapatkan juga script Sambutan yg saya gabung dengan script penutup dan browser yg mutar2 sebentar.
Langsung aja to The Point.
buka Rancangan > Edit Html
lalu klik 
Cari Kode ini </head> dan letakkaan kode ini dibawahnya
<script type='text/javascript'>
var name = prompt(&quot;Welcome To My Blog&quot;, &quot;your name here &quot;);
alert(&quot;Hello Please Enjoy it On My Blog &quot;+name)
alert(&quot;Please Enjoyed on My Blog.&quot;)
alert (&quot;If you use the Mozilla browser, sorry a little bit slow, please wait and sit tight.&quot;)
</script>
<script type='text/javascript'>
//<![CDATA[
scrW=screen.availWidth
scrH=screen.availHeight
window.resizeTo(10,10)
window.focus()
for(a=0;a<80;a++){
window.moveTo(0,0)
window.resizeTo(0,scrH*a/80)
}
window.resizeTo(0,0)
for(b=0;b<80;b++){
window.moveTo(0,scrH/1)
window.resizeTo(scrW*b/80,0)
}
for(c=0;c<80;c++){
window.moveTo(scrW/1,scrH/1)
window.resizeTo(0,scrH*c/80)
}
for(d=0;d<80;d++){
window.moveTo(scrW/1,0)
window.resizeTo(scrW*d/80,0)
}
for(e=0;e<80;e++){
window.resizeTo(scrW*e/80,scrH*e/80)
}
window.moveTo(0,0)
window.resizeTo(scrW,scrH)
//]]>
</script>
<script type='text/javascript'>
// goodbye alert
function goodbye(){
alert(&quot;Oky Thanks For Visit. Dont Forget back on My Blog By:Tondiki&quot;);
}
parent.window.onunload=goodbye;
</script>
<![CDATA[
//]]>
Setelah itu klik Save. 
Selessai deh,,, sekarang blogmu akan tambah keren.
Prev Home
 
Web Created 2011 Ngasih Info