Kamis, 31 Januari 2013

Copy Paste Artikel ? Laporkan ke Google

peraturan copy paste artikel
Dalam dunia internet, banyak terjadi pelanggaran mengenai aturan Plagiat / Plagiarsm dalam hal copy paste artikel seseorang. Sebenarnya Google sangat membenci dan tidak menyetujui copy paste artikel karena melanggar Hak Cipta Penerbitan Konten dan Hak Asasi lain. Oleh karena itu, sangat penting bagi kita untuk menjaga setiap artikel dilindungi Undang-Undang dan hak cipta yang berlaku.

Beberapa website dan blog saya sendiri semuanya telah saya tanam anti copy paste umum dari Tynt, DMCA, dan mamakai sistem tersendiri yang berbayar. Maka dari itu, buat Anda yang menginginkan copy paste dari blog ini harap sertakan link sumber. Maka, saya akan memberikan kewenangan 80% buat anda untuk meniru artikel yang saya posting. Lalu, bagaimana dengan situs pribadi Anda sendiri? Apakah telah memiliki pertahanan yang cukup untuk mengatasi seseorang yang ingin copy paste artikel yang Anda buat sendiri dengan aman ? Tentu saya akan memberikan tips untuk Anda yang menemukan blog dengan isi dan materi yang meniru atau menjiplak artikel orang lain. Segera Laporkan ke Google, agar blog tersebut terkena Penalty dan konten pun akan segera dihapus oleh Google.

Saya tidak pernah bermain-main dengan artikel yang saya buat ini. Semuanya telah dilindungi undang-undang hak cipta di dunia Internet mengenai Publikasi Content Individual. Saya hanya menegaskan bagi Anda janganlah Copy Paste, karena orang lain memberikan informasi dengan kesusahan yang besar dari kehidupan mereka. Memberikan gambar, tulisan, karya dan bahkan bakat mereka disampaikan kepada Anda untuk memberi ilmu dan wawasan pengetahuan.

Berikut ini adalah tips untuk melaporkan artikel copy paste ke Google dengan aman dan sesuai prosedur. Simak baik-baik.

6 Langkah Untuk Mengambil Kemurnian Suatu Artikel dari Copy Paste yang dilakukan seseorang :

1. Kirim Email dengan Sopan dan bahasa yang baik
Langkah pertama adalah Anda dapat mengirimkan email, pemberitahuan, atau mengisi formulir contact us jika tersedia kepada pemilik situs yang melakukan copy paste artikel kita. Kita harus memberitahukan bahwa menyalin konten adalah ILLEGAL. Dan Anda dapat meminta dia untuk memperbaiki atau menghapus artikel tersebut karena itu adalah hak karya cipta Anda.

2. Tunggu respon dari pemilik blog hingga 5-6 hari kerja.
Apabila dalam 5-6 hari Anda tidak mendapat balasan dari pemilik blog. Anda dapat foto bukti pengiriman email Anda beserta tanggal pengiriman email untuk nantinya diserahkan ke Google. Tetapi, cek terlebih dahulu apakah dalam 5-6 hari tersebut pemilik blog telah merubah atau menghapus susunan Artikel tersebut.

3. Berikan Cease and Desist .
Berhentilah untuk melakukan Notice melalui email. Hal ini dikenal dengan nama C&D terhadap pemilik website. Disini Contoh dari Cease and Desist yang dapat Anda edit sendiri sesuai kebutuhan.

4. Berikan Surat dari DMCA ke Webhost.
Anda dapat melakukan pengiriman surat melalui DMCA ke web hosting website tersebut. Sesuai hukum, webhosts seharusnya mengambil tindakan tegas terhadap website yang salinan karya berhak cipta dari situs-situs lain.

5. Pengiriman Surat DMCA ke Google Adsense.
Apabila situs tersebut memiliki penayangan iklan sebagai publisher Google Adsense. Anda dapat melaporkan dan mengirimkan surat DMCA ke Google Adsense. Ini adalah salah satu tindakan yang sangat kuat untuk block situs tersebut dan akan menghapus semua penghasilan yang ada di pemilik akun Google Adsense situs tersebut.

6. Pengiriman Surat DMCA ke Other.
Anda dapat mengirimkan surat DMCA ke website bisnis Anda lainnya yang dapat membantu Anda. Atau ke layanan legal situs lain yang memiliki hak untuk melaporkan sebuah situs copy paste.

Apabila semua langkah tadi, dapat Anda cermati dan pahami. Maka Anda dapat melaporkannya ke Google. Tetapi ingat, semuanya dinilai juga berdasarkan waktu dan lokasi penerbitan Artikel di Search Engine. Karena tidak mungkin artikel yang di copy paste adalah artikel yang belum diPublikasikan kepada para pembaca.

Untuk Cara Mengetahui Seseorang yang melakukan Copy paste artikel kita dapat mengikuti panduannya berikut ini :
  • Kunjungi Link Berikut Support Google
  • Sekarang Anda akan melihat beberapa Halaman Google yang ingin Anda laporkan.
  • Pilih salah satu dari Adsense, Adwords, Google Play, Blogger/Blogspot, Google+, Gmail, Google Music, Image Search, Orkut, Web Search Etc.
  • Lengkapi langkah selanjutnya dan tunggu 2-4 hari untuk Google memeriksa Content Anda.
  • Google Pasti akan melakukan tindakan terhadap blog atau website yang melakukan copy paste.
laporkan copy paste ke google
Aturan Copy Paste memang sangat ketat di Google. Untuk itu, laporkan jika Anda menemukan content yang terbukti melakukan copy paste diatas 90% dari kemurnian artikel Anda. Tidak berarti dibawah 90% Anda dapat dengan bebas melakukan copy paste. Tetapi, Anda akan mendapatkan hukuman yang sesuai dan telah ditetapkan oleh Google tanpa ada yang mengetahuinya.

Terimakasih telah membaca artikel mengenai peraturan Copy Paste ini. Copy Paste Artikel ? Laporkan ke Google. Semoga Bermanfaat.

Cara Membuat Kotak Search Box Beautifull Blogger

Mau Membuat Kotak Search Keren? Kotak Search Cantik dan Simple? Bagaimana cara membuat kotak search box css? Mau tau caranya? Panduan mengenai pemasangan search box ini semoga dapat membantu Anda yang belum memiliki elemen kotak search di template blognya. Berikut ini adalah demo skin dengan CSS pembuatan kotak search cantik dan elegant ini.
membuat kotak search box beautifull skin css

Bagaimana bagus tidak? Silahkan Anda cari di blog tetangga sebelah kalau ada yang seperti ini. hahaha^^. Kebanyakan saya membuat artikel tidak pernah copy paste, paling hanya sekedar mengamati, mempelajari, dan memodifikasi itupun kalau ide dalam otak saya sedang tidak bersemangat. Kalau sedang fresh saya akan selalu memberikan kualitas artikel yang terbaik dan beragam bagi pengunjung semua.

Kembali lagi ke topik awal yaitu Cara Membuat Kotak Search Box Beautifull ini. Mengenai pembuatannya di blogger sangatlah mudah, hanya dengan memanfaatkan keragaman dan design CSS serta sedikit tambahan elemen HTML, Kotak Search Box ini dapat dipasang dengan mudah.

Langsung ke tahap pemasangan sekarang juga. As previous search boxes you can also add this search boxes in one step.See preview of search boxes below in search boxes,now lets see how to add them into blogger blog?

Follow and watch step by step making of Search Box :
1. Masuk ke Blogger.
2. Klik Tambah Widget / Add a Gadget.
3. Pilih HTML/Javascript.
4. Copy kode di bawah ini dan letakkan disana.

Search Box Style Green

<style type="text/css">#mediablogger-searchbox {    border-radius: 5px;    background: url(http://1.bp.blogspot.com/-17dWPUuCMEE/UQr5WvW2inI/AAAAAAAAAWM/xWAzhlw4ez0/s1600/impoint.blogspot.com-green.png) no-repeat scroll center center transparent;    width: 307px;    height: 50px;    disaply: block;}  form#mediablogger-searchform {    display: block;    padding: 9px 16px;    margin: 0;}  form#mediablogger-searchform #s {    padding-left: 24px !important;    padding: 7.5px;    margin: 0;    width: 198px;    font-size: 16px;    font-family: georgia;    font-style: italic;    color: #666666;    vertical-align: top;    border: none;    background: transparent;}  form#mediablogger-searchform#sbutton {    margin: 0;    padding: 0;    height: 40px;    width: 74px;    vertical-align: top;    border: none;    background: transparent;}</style><div id="mediablogger-searchbox">    <form id="mediablogger-searchform" action="/search" method="get">        <input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}'        onblur='if (this.value == "") {this.value = "Search...";}' />        <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton"        />    </form></div>
Untuk Cara Pemasangan Search Box Warna Lain, ganti kode berwarna merah kode diatas dengan url gambar di bawah ini :

- Style Red ( Merah )
http://2.bp.blogspot.com/-kyV43LzLedQ/UQr5gVVxaEI/AAAAAAAAAWc/Q-2_hR17RgU/s1600/impoint.blogspot.com-red.png
- Style Blue ( Biru )
http://1.bp.blogspot.com/-yWZnkjCe4tY/UQr5OeN8MXI/AAAAAAAAAWE/-EFf5XtroXU/s1600/impoint.blogspot.com-blue.png
-Style Orange
http://2.bp.blogspot.com/-qwEuTidco9E/UQr5bisH4yI/AAAAAAAAAWU/ZpAUuwXOvYE/s1600/impoint.blogspot.com-orange.png
Setelah selesai, Klik Save.
Itulah tadi panduan mengenai Cara Membuat Kotak Search Box Cantik di Blogger. Oke, terimakasih sampai jumpa di kesempatan tutorial blogger berikutnya hanya di Media Blogger. Lihat dan Baca Cara Menambahkan Email Subscription Widget di Bawah Posting , Cara Membuat Recent Posts Tumbnail with Scroll Professional , Membuat SEO Smart Auto Link di dalam Artikel Posting

Rabu, 30 Januari 2013

Cara Menambahkan Email Subscription Widget di Bawah Posting

Tidak terasa selama 1 bulan ini, telah membuat banyak posting yang berkaitan dengan Tutorial Blogger. Cara Membuat Email Subcription Widget atau lebih dikenal dengan Kotak Email Subscribe sangat mudah dilakukan. Di dalam kotak Email Subcription ini juga terdapat logo button Followers sederhana, mulai dari RSS,Twitter,Facebook, dan Google Plus.

Ditambahi juga tombol Like bagi pengunjung yang memiliki akun Fcaebook dan ingin memberikan jempol jarinya yang menandakan artikel kita bagus dan patut untuk di copy paste -,-'. Viuhhh !!! Widget ini pasti akan meningkatkan jumlah subscribers Anda. Jika sosial network Anda dapat menulis posting dengan baik dan mengharapkan lebih banyak jumlah pelanggan maka widget ini pasti akan membantu kamu. Subcription Widget ini berisi formulir berlangganan email, facebook seperti tombol, tombol dan twitter mengikuti beberapa ikon sosial yang indah di sebelah kanan widget widget. Semuanya dapat anda nikmati dengan mudah dengan mengikuti panduan cara membuat dan menambahkan email subscription di bawah posting artikel kita.

Cara Menambahkan Email Subscribe Widget Cantik di Bawah Posting :


  1. First go to Blogger Dashboard > Template
  2. Download a copy of your template
  3. Click on Edit HTML
  4. Hit Proceed
  5. Check the Expand Widget Templates checkbox
  6. Sepertinya saya harus memakai Bahasa Indonesia sampai disini, biar Anda dapat mengetahuinya. kwkwkwk^^.
  7. Cari kode <data:post.body/> . Letakkan kode ini dibawah <data:post.body/>. Cari kode yang kedua.
<b:if cond='data:blog.pageType == "item"'>
<style type="text/css">
form.feedburner {
    margin: 20px 0 0;
    display: block;
    clear: both;
}
.mediabloggerstyle {
    background: url(http://2.bp.blogspot.com/-YHHzZ6_RLMU/T-1kl7RxNEI/AAAAAAAACD8/-0FyeWj00vo/s1600/helperblogger.com-email-icon.png) no-repeat scroll 4px center transparent;
    padding: 7px 15px 7px 35px;
    color: #666;
    font-weight: bold;
    text-decoration: none;
    border: 1px solid #D3D3D3;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 1px 1px 2px #CCC inset;
    -webkit-box-shadow: 1px 1px 2px #CCC inset;
    box-shadow: 1px 1px 2px #CCC inset;
}
.mediabloggersubmit {
    color: #666;
    font-weight: bold;
    text-decoration: none;
    padding: 6px 15px;
    border: 1px solid #D3D3D3;
    cursor: pointer;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -goog-ms-border-radius: 4px;
    border-radius: 4px;
    background: #fbfbfb;
    background: -moz-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f4f4f4));
    background: -webkit-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
    background: -o-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
    background: -ms-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=&#39;
    #FBFBFB&#39;, endColorstr=&#39;#F4F4F4&#39;,GradientType=0 );
background: linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
}
#mediablogger-widget {
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    -goog-ms-border-radius: 10px 10px 10px 10px;
    border-radius: 10px;
    background: none repeat scroll 0 0 transparent;
    border: 1px solid #D3D3D3;
    padding: 8px;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    width: 480px;
    -webkit-box-shadow: inset 0px 0px 8px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: inset    0px 0px 8px rgba(50, 50, 50, 0.75);
    box-shadow: inset         0px 0px 8px rgba(50, 50, 50, 0.75);
    -webkit-box-shadow: inset 0px 5px 0px 0px #D8D8D;
}
#mediablogger-widget:hover {
    background: none repeat scroll 0 0 #FFF;
    -moz-box-shadow: 1px 1px 2px #CCC inset;
    -webkit-box-shadow: 1px 1px 2px #CCC inset;
    box-shadow: 1px 1px 2px #CCC inset;
}
#mediablogger-widget td {
    padding: 3px 0;
}
</style>
<center><br/><div id='mediablogger-widget'>
 <div id='emailwidget'>
  <table style='border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;' width='100%'>
  <tbody>
  <tr style='border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;'>
   <td align='left' style='border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;'>
    <p style='color:#666; font-weight: bold; font-size: 18px; margin:0px 0px 5px 0px;font-family:georgia;font-style:italic; '>
     Get free daily email updates!
    </p>
    <form action='http://feedburner.google.com/fb/a/mailverify' class='feedburner' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=mediablogger1&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' style='margin: 0pt;' target='popupwindow'>
     <input name='uri' type='hidden' value='mediablogger1'/>
     <input name='loc' type='hidden' value='en_US'/>
     <input class='mediabloggerstyle' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Enter your email…&quot;;}' onfocus='if (this.value == &quot;Enter your email…&quot;) {this.value = &quot;&quot;}' type='text' value='Enter your email…'/>
     <input alt='' class='mediabloggersubmit' title='' type='submit' value='Submit'/>
    </form>
   </td>
   <td style='border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;'>
    <p style='color:#666; font-weight: bold; font-size: 14px; margin:0px 0px 5px 0px;font-family: georgia; '>
     Follow us!
    </p>
    <a href='http://feeds.feedburner.com/mediablogger1' rel='nofollow' target='_blank' title='Suscribe to RSS Feed'><img src='http://1.bp.blogspot.com/-MCuPoLmu9vs/T-1koEDzO6I/AAAAAAAACEU/01CNMKp86_k/s1600/helperblogger.com-rss.png'/></a>
    <a href='http://twitter.com/ravdania' rel='nofollow' target='_blank' title='Follow us on Twitter'><img src='http://2.bp.blogspot.com/-7LTPdi6MD_w/T-1ko16lqtI/AAAAAAAACEg/6ayFWM4zSlM/s1600/helperblogger.com-twitter.png'/></a>
    <a href='http://www.facebook.com/pemakan.wortell' rel='nofollow' target='_blank' title='Follow us on Facebook'><img src='http://4.bp.blogspot.com/-M8jY5Qg_58M/T-1kmmQ2Q-I/AAAAAAAACEA/m7eJvpsH09c/s1600/helperblogger.com-fb.png'/></a>
    <a href='https://plus.google.com/106507290580119996124/' rel='nofollow' target='_blank' title='Follow us on Google+'><img src='http://2.bp.blogspot.com/-CnhgXrrD_8A/T-1knYqgPSI/AAAAAAAACEI/8SL6MLH5sZw/s1600/helperblogger.com-gplus.png'/></a>
   </td>
  </tr>
  </tbody>
  </table>
  <div align='right'>
   <span style='font-style: italic; font-size: 8px; color: solid #ffffff;'><a href='http://impoint.blogspot.com/' style='text-decoration: none;' target='_blank'><font color='#000' decoration='none'>[Get this widget]</font></a></span>
  </div>
  <iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpemakan.wortell&amp;send=false&amp;layout=standard&amp;width=450&amp;show_faces=true&amp;action=like&amp;colorscheme=light&amp;font=verdana&amp;height=30" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:30px;" allowtransparency="true">
  </iframe>
  <a class='twitter-follow-button' href='http://twitter.com/mediablogger' rel='nofollow'></a>
  <script src='http://platform.twitter.com/widgets.js' type='text/javascript'></script>
 </div>
</div>
</center>
</b:if>
Gantilah kode pemakan.wortell dengan ID Facebook Anda. Ganti juga mediablogger1 dengan nama feedburner Anda. Dan twitter juga Anda ganti dengan nama url Akun twitter Anda tidak perlu menggunakan @ . Jika sudah selesai Simpan Template Anda. itulah tadi Cara Menambahkan Email Subscription Widget di Blog dengan Mudah dan Simple.

Recent Posts Thumbnail With Scrolling Widget

recent post thumbnail css widget

Cara Membuat Recent Posts Keren, Cantik, Beautifully to Blogger - Recent Posts Widget dengan Scroll akan membuat tampilan pada blog Anda semakin keren dan bagus. Bagaimana cara membuat recent post ini? Sebelum membahas Cara Membuat Recent Posts, terlebih dahulu kita harus mengetahui pengertian dari Recent Posts ini.

Recent Posts dibuat untuk menampilkan beberapa judul sebuah posting terbaru yang up to date pada halaman blogger. Recent Posts ini bisa ditempatkan diamanapun, sesuai dengan kesukaan Anda. Apabila pengunjung sedang berada di suatu artikel posting kita namun dia ingin mengetahui artikel terbaru tanpa melalui halaman Homepage maka pengunjung akan mencari keberadaan Recent Posts yang terpasang di salah satu Widget Anda.

Recent Post ini ditambahi Scrolling Widget agar dapat bergerak kebawah dan melihat artikel terbaru sebelumnya. Berikut Cara Membuat Recent Posts With Thumbnail and Scrolling :
1. Login ke Blogger. Masuk ke Template.
2. Klik EDIT HTML.
3. Ceklis/Centang Expand Widget Templates.
4. Copy kode di bawah ini diatas kode </head> . Cari terlebih dahulu kode </head> dengan menekan tombol CTRL + F .
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'></script>
5. Save Template.
6. Lalu, masuk ke Layout.
7. Pilih tempat mana yang ingin anda taruh Widget Recent Posts ini.
8. Klik Add A Gadget / Tambah Widget
9. Pilih HTML/Javascript
10. Copy kode dibawah ini dan masukkan kodenya. Lalu Save.

<style type="text/css" media="screen">
<!--
#mediablogger-widget {
    overflow: hidden;
    margin-top: 5px;
    padding: 0px 0px;
    height: 385px;
}
#mediablogger-widget ul {
    width: 295px;
    overflow: hidden;
    list-style-type: none;
    padding: 0px 0px;
    margin: 0px 0px;
}
#mediablogger-widget li {
    width: 282px;
    padding: 5px 5px;
    margin: 0px 0px 5px 0px;
    list-style-type: none;
    float: none;
    height: 80px;
    overflow: hidden;
    background: #fff url(https://lh6.googleusercontent.com/-A6a829gqfDQ/T-3xppy6MlI/AAAAAAAACFE/RrOao4P11Uk/s1600/helperblogger.com-post.jpg) repeat-x;
    border: 1px solid #ddd;
}
#mediablogger-widget li a {
    text-decoration: none;
    color: #4B545B;
    font-size: 15px;
    height: 18px;
    overflow: hidden;
    margin: 0px 0px;
    padding: 0px 0px 2px 0px;
}
#mediablogger-widget img {
    float: left;
    margin-top: 10px;
    margin-right: 15px;
    background: #EFEFEF;
    border: 0;
}
#mediablogger-widget img {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    padding: 4px;
    background: #eee;
    background: -webkit-gradient(linear, left top, left bottom, from(#eee), color-stop(0.5, #ddd), color-stop(0.5, #c0c0c0), to(#aaa));
    background: -moz-linear-gradient(top, #eee, #ddd 50%, #c0c0c0 50%, #aaa);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.7);
    -moz-box-shadow: 0 0 3px rgba(0,0,0,.7);
    box-shadow: 0 0 3px rgba(0,0,0,.7);
}
#mediablogger-widget img:hover {
    -moz-transform: scale(1.2) rotate(-350deg);
    -webkit-transform: scale(1.2) rotate(-350deg);
    -o-transform: scale(1.2) rotate(-350deg);
    -ms-transform: scale(1.2) rotate(-350deg);
    transform: scale(1.2) rotate(-350deg);
    -webkit-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);
    -moz-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);
    box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);
}
.spydate {
    overflow: hidden;
    font-size: 10px;
    color: #0284C2;
    padding: 2px 0px;
    margin: 1px 0px 0px 0px;
    height: 15px;
    font-family: Tahoma,Arial,verdana, sans-serif;
}
.spycomment {
    overflow: hidden;
    font-family: Tahoma,Arial,verdana, sans-serif;
    font-size: 10px;
    color: #262B2F;
    padding: 0px 0px;
    margin: 0px 0px;
}
-->
</style>
<script language='JavaScript'>
imgr = new Array();
imgr[0] = "https://lh6.googleusercontent.com/-kPPx1sCN4Pg/T-3xq72pLeI/AAAAAAAACFM/IdO7GsyUvGM/s1600/no-thumbnail.png";
imgr[1] = "https://lh6.googleusercontent.com/-kPPx1sCN4Pg/T-3xq72pLeI/AAAAAAAACFM/IdO7GsyUvGM/s1600/no-thumbnail.png";
imgr[2] = "https://lh6.googleusercontent.com/-kPPx1sCN4Pg/T-3xq72pLeI/AAAAAAAACFM/IdO7GsyUvGM/s1600/no-thumbnail.png";
imgr[3] = "https://lh6.googleusercontent.com/-kPPx1sCN4Pg/T-3xq72pLeI/AAAAAAAACFM/IdO7GsyUvGM/s1600/no-thumbnail.png";
imgr[4] = "https://lh6.googleusercontent.com/-kPPx1sCN4Pg/T-3xq72pLeI/AAAAAAAACFM/IdO7GsyUvGM/s1600/no-thumbnail.png";
showRandomImg = true;
boxwidth = 255;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 50;
thumbheight = 50;
fntsize = 15;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://www.impoint.blogspot.com/";
limitspy=4;
intervalspy=4000;

</script>
<div id="mediablogger-widget">
<script src='http://code.helperblogger.com/recent-posts-spy.js' type='text/javascript'></script>
</div>
Keterangan mengenai Recent Posts Scrolling Widget :

  • Ubah numposts sesuai dengan keinginan Anda. 10 Adalah jumlah total recent posts terbaru yang dapat di scroll.
  • homepage dapat anda ganti dengan url blog Anda.
  • Limitspy adalah jumlah recent post yang tampil di interface widget.
  • intervalspy = 4000; Scrolling kecepatan widget, jika Anda menurunkan kecepatan nilai widget akan meningkat.
Terakhir tinggal Anda Save dan lihat hasilnya.

Untuk Cara Membuat Recent Posts hanya tampil dihalaman Posting atau hanya dihalaman Homepage, Baca artikel Cara Menampilkan Widget Hanya di halaman Posting . Anda bisa juga membuat Recent Post tampil hanya berdasarkan 1 buah kategori label di Cara Membuat Recent Posts 1 Kategori Label . Terimakasih dan semoga bermanfaat.

Membuat SEO Smart Link di Artikel Blogger

membuat seo smart link di blog
Apabila kita sedikit meneliti mengenai hal yang berkaitan dengan SEO Friendly, Penggunaan Smart Link di setiap Artikel Blog sering kali digunakan oleh para master blogger. Hanya saja berbeda nama, Bagi para master blogger sering kali membuat internal link di setiap artikelnya. Tentu akan membuat kita mencari terlebih dahulu url linknya dan nama judul link tersebut.

SEO Smart Link berbeda dan jauh lebih praktis dibandingkan pemasangan Link To Internal Link. SEO Smart Link ini bekerja secara otomatis terhadap salah satu kata kunci yang ingin kita berikan link internal. Jadi, apabila kita membuat sebuah artikel dan memakai salah satu kata yang ada di Smart Link maka secara otomatis kata tersebut akan ada link aktif yang dapat kita arahkan sesuai keinginan kita.

Dengan kemudahan SEO Smart Link ini, kita tidak perlu lagi memberikan link secara manual dan satu persatu. Karena telah kita setting sebelumnya dan otomatis setiap kata tersebut akan menuju ke sebuah halaman dari blog kita. Sebagai Contoh, Anda membuat kata SEO Agar diindex dan diberikan auto link. Memang membahas masalah berkaitan SEO sangat inovatif dan memiliki beragam teknik. Apakah auto link atau Smart Link ini menyalahkan aturan Google? Tentu tidak, asalkan kita tidak terlalu banyak menggunakan kata kunci yang telah dipasangi SEO Smart Link di setiap artikel posting yang kita buat.


Bagaimana cara kerja seo smart link untuk blogspot ini ?
Script ini akan membaca setiap kata pada setiap posting. Contohnya, jika sobat memasukkan kata "SEO" pada script tersebut maka otomatis pada semua halaman yang terdapat kata "seo" akan di link ke alamat url yang telah anda tentukan.

Cara Membuat SEO Smart Link :
1. Login ke blogger.com, Pilih Template.
2. Lalu Edit HTML.
3. Dibiasakan setiap mengedit html template, ceklis Expand Widget Template.
4. Carilah kode </body> bisa dengan menggunakan CTRL + F
5. Jika sudah ketemu, copy kode di bawah ini dan letakkan diatas </body> .

<b:if cond='data:blog.url != data:blog.homepageUrl'><script type='text/javascript'>
function autoLink(){
    this.keywdHref = new Object();
    this.add = function(keyword, href){
        if(keyword.substr(0,1) != &quot; &quot;){keyword = &quot; &quot; + keyword;}
        this.keywdHref[keyword] =  href;
    }
    this.createAnchor = function(){
        var objs = document.getElementsByTagName(&quot;div&quot;);
        for(var i=0; i&lt;objs.length; i++){
            var obj = objs[i];
            if(obj.className.indexOf(&quot;post-body&quot;)&gt;-1){
                var content = obj.innerHTML;
                for(var keyword in this.keywdHref){
                    var href = this.keywdHref[keyword];
                    var newstr = content.replace(keyword, &quot;&lt;a href=&#39;&quot;+href+&quot;&#39;&gt;&quot;+keyword+&quot;&lt;/a&gt;&quot;, &quot;gi&quot;);
                    obj.innerHTML = newstr;
                    content = newstr;
                }
            }
        }
    }
    this.startScript = function(){
        var onLoad = window.onload;
        window.onload = function(){
            if(onLoad){onLoad();}
            setTimeout(&quot;f.createAnchor()&quot;, 100);
        }
    }
}
</script>
<script type='text/javascript'>
var f = new autoLink();
f.add(&quot;SEO&quot;, &quot;http://impoint.blogspot.com/&quot;);
f.startScript();
</script></b:if>
Panduan Membuat SEO Smart Auto Link :

  • Ganti tulisan berwarna merah (' SEO ') dengan salah satu kata kunci Anda.
  • Ganti tulisan berwarna ungu dengan url link yang Anda inginkan. 
Fungsi dari pembuatan SEO Smart Link memang telah banyak dipakai oleh para blogger. Tentu, akan membuat link internal kita semakin baik. Tetapi, rekomendasi saya gunakan kata kunci tersebut di setiap artikel postingan maksimal adalah 3 kali. Jangan terlalu banyak agar Google menyukai halaman blog kita. Cara Membuat Artikel Berkualitas SEO Friendly mungkin dapat Anda terapkan juga. Terimakasih dan semoga bermanfaat.


Selasa, 29 Januari 2013

Simple Template, Fast Loading and SEO Friendly


Simple Template Faster V2 - Download Template dengan Loading Fast dan SEO Friendly adalah yang diinginkan setiap pengguna template. Template Simple Faster V2 ini akan saya bagikan gratis kepada sahabat blogger semua. Sebenarnya, template ini adalah saya download dari sebuah website lalu saya edit dan optimisasi sendiri.

Simple Template ini memiliki design yang simple dan elegant untuk blog berbasis professional dan tingkat menengah keatas. Loading pada template ini pun sangat cepat yaitu 1.4 seconds. Selain itu, Tag Headingnya juga dinamis yaitu H1 sebagai Judul Blog, H2 Sebagai tulisan artikel dan H1 untuk Judul Posting yang terindex di search engine. Sedangkan Judul Blog pada aslinya adalah H2. Bagi Anda, yang belum mengerti mengenai pengelolaan struktur Tag Heading H1,H2,H3,H4 dan seterusnya secara dinamis dapat membaca artikel Cara Merubah Susunan Tag Heading SEO Friendly .


Dan inilah fitur-fitur dan kelebihan template Simple Faster v2 ini :

Dengan beberapa fitur unggulan, tentunya akan memaksimalkan pengunjung atau traffik lalu lintas Anda. Template ini telah di setting SEO Friendly dan saya bagikan secara gratis. Untuk panduan mengenai beberapa fitur yang dapat edit sendiri, berikut panduannya :

Dikarenakan template ini menggunakan struktur tag heading dinamis, berubah-ubah di homepage dan di halaman postingan. Maka untuk mengganti Judul blog dengan gambar tidak bisa melalui menu edit tata letak tapi harus melalui menu edit HTML.
Pertama, siapkan dulu gambar yang ingin sobat jadikan logo blog. Penting! Ukurannya gambarnya adalah 212x90 (212 pixel kali 90 pixel). Upload dulu gambarnya ke file hostingan kepercayaan sobat. Atau lebih bagus jika diupload saja di blogger. Setelah itu copy URL gambarnya.

Cari kode ini di template Simple Faster v2 :
<h1 class='title'><b:include name='title'/></h1> <b:else/> <p class='title'><b:include name='title'/></p> </b:if> </div> <b:include name='description'/>

Hapus semua kode tersebut dan ganti dengan kode di bawah ini.
<h1 class='logo'><a rel='nofollow' expr:href='data:blog.homepageUrl'><img expr:alt='data:blog.title' expr:title='data:blog.title' src='http://2.bp.blogspot.com/-Auk0RsLKEME/T_57Lm9vd-I/AAAAAAAAAqU/moLI6HhAxqQ/s320/Simplefaster.png' border='0'/></a></h1> <b:else/> <p class='logo'><a rel='nofollow' expr:href='data:blog.homepageUrl'><img expr:alt='data:blog.title' expr:title='data:blog.title' src='http://2.bp.blogspot.com/-Auk0RsLKEME/T_57Lm9vd-I/AAAAAAAAAqU/moLI6HhAxqQ/s320/Simplefaster.png' border='0'/></a></p> </b:if> </div>
Ganti kode yang berwarna merah dengan URL Gambar yang ingin sobat jadikan logo blog.
Save template dan sekarang lihat hasilnya, keren bukan? Hehehe.. Sekarang blog sobat terlihat lebih profesional.
DEMO                           DOWNLOAD

Template Super Cepat, Headings Dynamic, Easy Navigate, Search Box Templates dan lainnya akan memberikan kemudahan bagi pengunjung dalam menjelajahi blog kita dengan template dinamis ini. Untuk template lain yang SEO Friendly namun lebih simple lagi akan saya bagikan gratis juga. Coolbiz Template SEO Friendly . Simple Template, Fast Loading, SEO Friendly Templates . Design by Forex, SoftLayer, Hosting Pro.

Senin, 28 Januari 2013

Tips Mengamankan Akun Google Adsense dari Banned

tips terhindar banned adsense

Google Adsense seolah menjadi idola bagi para publisher di dunia internet. Dengan penghasilan yang paling baik diantara PPC Lain, Adsense dijadikan sebagai tempat untuk menghasilkan dollar berlimpah. Namun, cara mendapatkan akun adsense tersebut tidaklah mudah. Bukan hanya mendapatkan akun Google Adsense yang sulit, tetapi mempertahankan dan mengamankan akunnya pun juga sulit.

Untuk itu, bagi Anda yang telah memiliki akun di Google Adsense dan kini telah menjadi seorang publisher seperti saya. Diharapkan untuk senantiasa menjaga akun tersebut dari banned oleh pihak Google. Lalu, bagaimanakah cara mempertahankan akun Google Adsense tersebut ? Berikut adalah topik mengenai Tips Mengamankan Akun Google Adsense dari Banned.

Tips Terhindar dari Banned di Google Adsense :
1. Jangan Pernah Melakukan click terhadap iklan sendiri.
2. Gunakan fasilitas Google Publisher atau Ads Blocker
3. Jangan Memasang iklan yang berlebihan. Maksimal untuk 1 halaman adalah terpasang 3 iklan.
4. Gunakan Google Analytics untuk menghubungkan situs Anda.
5. Apabila ada yang memakai iklan kita, lakukan block di Add/Blocked Ads.
6. Website/ blog utama yang telah terdaftar adsense sedikit pun tidak boleh membuat artikel yang tidak sesuai dengan TOS Google Adsense.
7. Apabila menambahkan URL Channels, gunakan link www. bukan dengan http://
8. Untuk menghindari Auto Clicks yang dilakukan oleh orang lain, Anda dapat menggunakan Custom Channels.
9. Jangan pasang iklan Google Adsense dengan Pop Up, Iklan Melayang, dan lainnya yang menginginkan di Clicks.
10. Manfaatkan penaruhan iklan di dalam postingan agar menarik pengunjung.
11. Jangan pasang iklan lain diblog kita yang menghalangi atau berdampingan dengan iklan Google Adsense.

Itulah beberapa tips agar iklan Google Adsense anda aman dan terhindar dari bahaya banned. Anda juga dapat mendapatkan akun Google Adsense dengan mudah dengan mengikuti panduan Tips Mendaftar dan diterima Google Adsense. Untuk meningkatkan penghasilan PPC iklan Anda silahkan baca artikel Tips Optimalkan Penghasilan Google Adsense ini.

Minggu, 27 Januari 2013

Cara Membuat 2 Kolom Widget Di Postingan/Sidebar

cara membuat 2 widget diatas postingan

Postingan kali ini sesuai dengan judul elemen diatas "Cara Membuat Dua Buah Kolom Gadget / Widget di atas Postingan atau Sidebar Blog". Beberapa template pada umumnya memiliki susunan Add A Gadget atau Tambah Widget yang berbeda-beda. Untuk membuat 2 buah widget di dalam sebuah elemen, tentu mudah dan simple.

Mempercantik blog dengan susunan gadget yang sesuai, rapih , teratus, dan professional adalah hal yang diinginkan setiap pengguna blog. Maka dari itu, kita harus membuat beberapa kolom elemen baru yang cocok untuk Anda dimanapun tempatnya. Sebenarnya tidak harus di atas postingan, bisa saja di bawah posting, di bawah header, di dalam sidebar, di bagian footer dan lainnya. Mari ikuti panduannya berikut ini dengan terlebih dahulu melihat contoh foto panduan mengenai cara membuat dua buah kolom gadget baru ini.
cara membuat dua buah gadget kolom di atas postingan

Cara Membuat 2 Buah Elemen Colomn Gadget/Widget Baru :
1. Login Blogger, Pilih Template lalu Edit HTML.
2. Ceklis / Centang Expand Widget Template ( hal ini dimaksudkan agar semua kode HTML pada tampilan widget di Tata Letak / Layout Anda dapat terlihat semua ) .
3. Cari kode ]]></b:skin> dengan menekan tombol CTRL+F
4. Copy Paste script CSS berikut ini diatas ]]></b:skin> :

#box-main-container {
clear:both;
}
.box-column {
padding:0px 10px 10px 10px;
border:1px dotted $bordercolor;
}
  Anda dapat mengubah padding ( jarak posisi gadget ) 0px 10px 10px 10px maksudnya adalah Jarak ( Atas, Kanan, Bawah, Kiri ) . Anda juga dapat merubah border ( garis tepi widget ) dengan warna. Caranya hapus $bordercolor dan ganti dengan kode warna yang Anda inginkan. Contoh : Kode warna hitam = #000000

5. Kemudian carilah bro kode

  •   <div id='main-wrapper'>
  •   <div id='content-wrapper'>
  •   <div id='header'>
  •   <div id='sidebar-wrapper'>
  •   <div id='bottom'>

     jika sudah ketemu dan didapat atau hampir sama dengan kode diatas, letakkan kode HTML di bawah ini di Atas  atau di bawah salah satu kode tadi. Itu sesuai dengan penempatan Anda mau diatas atau dibawah. Contoh diatas <div id='main-wrapper'>

<div id='box-main-container'>
<div id='box1' style='width: 50%; float: left; margin:0; text-align: left;'>
<b:section class='box-column' id='Mediablogger1' preferred='yes' style='float:left;'/>
</div>
<div id='box2' style='width: 50%; float: right; margin:0; text-align: left;'>
<b:section class='box-column' id='Mediablogger2' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
</div>
Penjelasan :
<div id='main-wrapper'> adalah posisi halaman utama anda biasanya berukuran lebar 950px. Biasanya dipakai untuk penempatan menu horizontall atau daftar isi sebuah blog.
<div id='content-wrapper'> adalah posisi postingan.
<div id='header'> adalah posisi kepala. Biasanya ditempatkan judul blog dan deskripsi blog. Bisa juga diberi space iklan.
<div id='sidebar-wrapper'> adalah posisi sidebar blog.
<div id='bottom'> adalah posisi paling bawah. Atau Footer Blog Anda.

Pilih salah satu, mau menempatkannya dimana. Apabila mau menempatkan 2 kolom widget tersebut dibanyak tempat tinggal copy saja kode yang kedua diatas yg ada 50% nya itu, tetapi tidak perlu copy kode yang pertama karena kan sudah ada kode CSS sebelumnya. Anda juga bisa membuat beberapa gadget hanya tampil dihomepage  atau hanya tampil dihalaman posting. Terimakasih telah membaca artikel berkategori Tutorial Blogger ini. Semoga artikel Cara Membuat 2 Kolom Widget di Postingan/Sidebar Blog dapat bermanfaat.


Apakah Manfaat Tukar Link mempengaruhi SEO

manfaat tukar link untuk SEO

Benarkah Tukar Link bermanfaat untuk SEO di Blog Anda? Manfaat dari membuat Tukar Link dengan blog orang lain sebenarnya bagus untuk memperbanyak keterkaitan dan hubungan yang baik. Namun, apakah tukar link itu dapat mempengaruhi SEO Exsternal di dalam Blog Anda? Untuk lebih jelasnya, mari baca lebih detail lagi di artikel ini.

Pada dasarnya bertukar link adalah sebuah konsep membangun kekuatan yang erat dan memperbanyak lalu lintas link pada Blog kita yang diizinkan oleh Google. Mengapa diizinkan? Karena sebuah website professional pun juga membuat backlink antar website lain yang memiliki tema yang sama dan sebagai relasi bisnis yang baik. Namun terkadang banyak sekali kesalahan dalam aktifitas bertukar link sehingga Google membencinya. Google tidak membenci pada aktifitas tukar link dengan tujuan memperbanyak traffik pengunjung tetapi Google sangat tidak menyukai fungsi yang digunakan untuk meningkatkan peringkat ( rangking / pagerank ) setiap kali bertukar link.

Kesimpulannya, tukar link dengan jumlah yang berlebihan akan dianggap sebagai SPAM oleh Google. Itulah sebabnya terkadang apabila kita bertukar link, jumlah Links In pada blog kita tidak bertambah 1 pun. Hal ini disebabkan Google mempunyai 2 parameter penilian dalam mengindikasikan fungsi dan manfaat dari tukar link.

Manfaat Tukar Link yang tidak baik untuk SEO disebabkan oleh :
1. Tukar Link dengan Jumlah yang Berlebihan
Dalam melakukan tukar link sebenarnya tidak dibenarkan melakukan aktifitas bertukar link secara maksimal.  Batas untuk melakukan tukar link adalah 3 hari untuk setiap 1 link. Atau pembuatan tukar link telah dipersiapkan terlebih dahulu sebelumnya dan menaruh beberapa link maksimal 9 saat pertama kali halaman tukar link tersebut dibuat.

2. Bertukar Link dengan Blog berbeda Topik dan Tema
Sering kali dalam melakukan tukar link dengan blog orang lain adalah tidak memperdulikan perbedaan topik yang sesuai dengan isi pada halaman blog kita. Google tidak menyukai bertukar link dengan 2 buah blog yang berbeda isinya. Karena manfaat umum dari aktifitas bertukar link adalah untuk mencari keterkaitan yang dibutuhkan pengunjung pada saat pengunjung belum memiliki informasi dan kebutuhan yang didapat dari blog yang didatanginya. Oleh karena itu, tukar link harus disesuaikan dengan isi dan topik artikel pada halaman blog kita.

3. Penempatan Links Exchange pada Sidebar
Link Exchange atau tukar link kerap kali salah dalam menempatkan posisinya di halaman blog kita. Beberapa website professional menempatkan identitas tukar link hanya pada sebuah halaman. Mengapa hanya ditempatkan di 1 halaman? Ya. Karena, apabila menempatkan semua link di halaman utama atau homepage maka akan membuat berat dari komposisi blog kita akan bertambah dan Spider Google tidak menyukai bahkan malas untuk mengindeks halaman Anda apabila terlalu banyak link yang ada di halaman utama blog / homepage. Parahnya lagi, apabila semua link tersebut hadir di semua halaman blog. Sebenarnya , Anda dapat menampilkan sebuah widget blog hanya di Homepage atau Postingan saja. Tentu akan sangat tidak baik, dan bahkan dinilai sebagai tindakan tukar link yang salah dan menghancurkan SEO On
Page halaman anda.

Mesin pencari atau search engine sangat menyukai situs dengan penambahan jumlah link yang meningkat secara stabil. Hal ini dianggap sebagai salah satu manfaat dari aktifitas tukar link itu sendiri yang baik terhadap SEO. Beberapa alasan yang dianggap buruknya suatu blog yang sering bertukar link adalah :

  • 1. Memperberat weight / tinggi sebuah link pada blog. Yang berakibat, Anda harus memperbanyak jumlah kata pada setiap postingan apabila blog Anda ingin diindex bukan kumpulan link orang lain yang akan diindex.
  • 2. Menurunkan Reputasi Blog dengan penggunaan Link Internal yang terlalu banyak dalam 1 halaman. Maksimal perhalaman adalah memiliki 100 Link. Link tersebut diukur bukan hanya dari segi link aktif ( eksternal ) tetapi juga dari internal link blog Anda.
  • 3. Ketidakjujuran antar blog yang bertukar link. Sering kali, Anda bertukar link tetapi link Anda beberapa hari kedepan dihapus oleh Blog Orang lain tersebut.
  • 4. Apabila jumlah total Link Internal tidak mencapai 70 Link tetapi Link Exsternal melebihi Link Internal. Maka anda akan terkena Penalty Google. Karena Link Internal harus lebih tinggi 35Link terhadap Link Eksternal.
  • 5. Bukan merupakan Traffik Jangka Panjang. Apabila blog orang lain terkena Penalty Google suatu saat, maka Anda akan termasuk dalam ketidakbersihan aktifitas bertukar link sehingga traffik pengunjung blog pun akan menurun drastis.


Oleh karena itu, diharapakan kepada ssahabat untuk menjaga aktifitas link Anda yang terjalin ke blog Orang Lain. Agar senantiasa link Anda dapat terukur dan teroptimisasi dengan baik. Itulah tadi penjelasan yang cukup panjang mengenai manfaat tukar link dalam mempengaruhi halaman yang SEO Friendly. Terimakasih telah membaca artikel berjudul "Apakah Manfaat Tukar Link Mempengaruhi SEO" ? Semoga dapat bermanfaat. Anda juga dapat melakukan tukar link dengan blog ini di halaman Fungsi dan Kegunaan Tukar Link di Blog.

Jumat, 25 Januari 2013

Bagaimana Cara Membuat Dropdown CSS Menu


Ingin membuat menu horizontal seperti gambar diatas? Bagaimana Cara Membuat Menu Dropdown dengan CSS ? Artikel kali ini akan membahas mengenai tutorial pembuatan daftar isi dengan dropdown menu style yang elegant dan bagus. Design dari menu dropdown ini lebih simple dibandingkan dengan script jQuery yang berakibat akan memperlambat loading blog Anda.
Menu dropdown horizontal ini dapat Anda taruh sesuai dengan keinginan Anda. Dan Anda juga dapat merubah tampilan warna, style, border, margin dan lainnya dengan mudah. Lalu, bagaimana cara membuat menu horizontal ini langsung yuk ikuti tutorialnya.
1. Login ke dalam akun blogger anda. Klik Nama Blog yang ingin dipasang Menu Horizontal ini.
2. Pilih Menu Template
3. Klik Tombol EDIT HTML. Setelah itu akan muncul jendela konfirmasi, silahkan klik LANJUTKAN dan centang Expand Widget Template
4. Carilah kode ]]></b:skin> dengan menggunakan CTRL+F
Copy kode di bawah ini dan paste tepat di atas kode ]]></b:skin> :

#Mediablogger {
    background: warna1;
    width: 880px;
    height: 35px;
    font-size: 12px;
    font-family: Arial, Tahoma, Verdana;
    color: warna2;
    font-weight: bold;
    margin-bottom: 30px;
    padding: 2px;
}
#mediabloggerbox {
    width: 875px;
    float: left;
    margin: 0;
    padding: 0;
}
#punch {
    margin: 0;
    padding: 0;
}
#punch ul {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
}
#punch li {
    list-style: none;
    margin: 0;
    padding: 0;
}
#punch li a, #punch li a:link, #punch li a:visited {
    color: warna2;
    display: block;
    font-size: 16px;
    font-family: Georgia, Times New Roman;
    font-weight: normal;
    text-transform: lowercase;
    margin: 0;
    padding: 9px 15px 8px;
}
#punch li a:hover, #punch li a:active {
    background: warna2;
    color: warna1;
    margin: 0;
    padding: 9px 15px 8px;
    text-decoration: none;
}
#punch li li a, #punch li li a:link, #punch li li a:visited {
    background: warna1;
    width: 150px;
    color: warna2;
    font-size: 14px;
    font-family: Georgia, Times New Roman;
    font-weight: normal;
    text-transform: lowercase;
    float: none;
    margin: 0;
    padding: 7px 10px;
    border-bottom: 1px solid #FFF;
    border-left: 1px solid #FFF;
    border-right: 1px solid #FFF;
}
#punch li li a:hover, #punch li li a:active {
    background: warna2;
    color: warna1;
    padding: 7px 10px;
}
#punch li {
    float: left;
    padding: 0;
}
#punch li ul {
    z-index: 9999;
    position: absolute;
    left: -999em;
    height: auto;
    width: 170px;
    margin: 0;
    padding: 0;
}
#punch li ul a {
    width: 140px;
}
#punch li ul ul {
    margin: -32px 0 0 171px;
}
#punch li:hover ul ul, #punch li:hover ul ul ul, #punch li.sfhover ul ul, #punch li.sfhover ul ul ul {
    left: -999em;
}
#punch li:hover ul, #punch li li:hover ul, #punch li li li:hover ul, #punch li.sfhover ul, #punch li li.sfhover ul, #punch li li li.sfhover ul {
    left: auto;
}
#punch li:hover, #punch li.sfhover {
    position: static;
}
Ganti kode warna1 dan warna2 dengan kode warna sesuai keinginan Anda. Atau dapat memakai kode HTML warna berikut :

Menu Kuning
warna1 = #ffd966
warna2 = #d4812a

Menu Hitam
warna1 = #555555
warna2 = #FFFFFF

Menu Biru
warna1 = #66bbdd
warna2 = #004661

Menu Abu-abu
warna1 = #d4d4d4
warna2 = #555555

Menu Hijau
warna1 = #38761d
warna2 = #FFFFFF

Jika telah selesai memberikan kode warna contoh #FFFFFF , Klik Simpan Template / SAVE.
Lalu klik Layout, Pilih Add Gadget, sesuaikan lokasi penempatan menu horizontall ini. Lalu pilih HTML/Javascript. Kemudian,masukkan kode seperti berikut :
<div id="Mediablogger">
       <div id="mediabloggerbox">
      <ul id="punch">
        <li><a href="http://impoint.blogspot.com">Home</a></li>
        <li>
          <a href="#">Sample Page</a>
          <ul>
            <li>
              <a href="#">Sub Page #1</a>
              <ul>
                <li><a href="#">Dropdown Menu #1</a></li>
                <li><a href="#">Dropdown Menu #2</a></li>
                <li><a href="#">Dropdown Menu #3</a></li>
              </ul>
            </li>
            <li><a href="#">Sub Page #2</a></li>
            <li><a href="#">Sub Page #3</a></li>
            <li><a href="#">Sub Page #4</a></li>
            <li><a href="#">Sub Page #5</a></li>
          </ul>
        </li>
        <li><a href="#">Sample Post</a></li>
        <li><a href="#">Blog Page</a></li>
      </ul>
    </div>
  </div>
Kemudian Klik Save dan lihat hasilnya. Apabila di dalam Layout Anda tidak ada opsi untuk menambahkan gadget pada bagian Header Blog. Anda dapat menaruh dibagian atas header tersebut dengan masuk kembali ke Template , Lalu Edit HTML, Cari kode <body>. Lihat bagian bawah dari kode <body> tersebut. Cari kode yang mirip kata berikut ini <div id='header'> , <div id='header-wrapper'> taruhlah kode script yang diatas dibawah kode <div id='header'> lalu klik Preview untuk melihat hasilnya. Apabila posisinya terlalu keatas, Anda tinggal menaruh script tadi lebih kebawah.

Jika Anda melakukan lankah-langkah diatas dengan benar maka tampilan menu dropdown horizontal cantik pun akan segera terlihat. Terimakasih telah membaca artikel mengenai Bagaimana Cara Membuat Dropdown CSS Menu di Blogspot. Semoga dapat mempercantik bagian style menu Anda.

Kamis, 24 Januari 2013

Cara Merubah Susunan Tag Heading SEO Friendly


Dalam menyusun sebuah kerangka blog yang memenuhi kriteria SEO Friendly, Tag Heading H1,H2,H3,H4,H5,H6 merupakan hal yang perlu dicermati. Heading tersebut perlu diedit dan dirubah agar susunannya rapih dan teratur sesuai dengan kaidah blogger yang baik dan benar.

Apa manfaat dari pengubahan heading ini ?
Manfaatnya adalah lebih mengoptimalkan blog ke SEO Friendly, sehingga akan meningkatkan traffik dan memperbanyak pengunjung serta lalu lintas yang masuk ke halaman website kita. Bagaimana cara merubah susunan headings tersebut ? Tag heading pada default template blogspot memiliki susunan seperti berikut :

  • h1 : judul blog
  • h2 : widget blog
  • h3 : judul posting
  • h4 : komentar
Menurut pakar seo, susunan tersebut kurang begitu baik di dalam pencarian search engine. Untuk itu, perlu dilakukan perubahan mengenai susunan headings tersebut . Berikut adalah susunan yang lebih SEO Friendly rekomendasi Google :

   h1 : Judul Blog
   h2 : Judul Posting
   h3 : Widget blog
   h4 : komentar

Lalu bagaimanakah cara merubahnya, ikuti panduannya berikut ini :

Hanya ada sedikit tips dari saya yang akan menambah indexing search engine Anda pada Google.

Ketika anda sudah mengubah susunan tag heading blog, pastikan kode css sesuai dengan yang di bawah
. Dan saat anda menambah elemen/widget baru, pastikan juga untuk mengubah tag headingnya, biasanya seperti ini:

1. Kalau anda memilih template blog, pilih yang pada umumnya saja. Nggak usah pakai embel-embel seo segala, karena biasanya tag heading nya sudah dirubah, kecuali jika anda memahaminya.
2. INGAT !!! Perubahan Tag Heading sangat mempengaruhi Google PageRank. Jika anda mengubah judul blog menjadi h2 seperti pada beberapa template, dapat dipastikan PR blog anda akan turun.
3. Jadi, bagi anda yang blognya sudah mempunyai ranking, cukup ubah tag heading seperi Perubahan Sederhana poin 1. Dan mengubah tag heading dari 4 poin di atas, cocok ketika anda membuat blog baru.


4. Untuk melakukan optimisasi susunan heading tag yang lebih sederhananya, dapat mengikuti panduan optimization Search Engine berikut :
1. Masuk ke Template , lalu klik Edit HTML. Jangan lupa ceklis/centang Expand Widget Templates.
2. Cari kode seperti berikut ini dengan menekan CTRL + F,

<b:if cond='data:post.title'>
<h3 class='post-title entry-title'><b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

Kode yang berwarna merah dapat Anda copy, dan cocokkan apakah sama persis 100% dengan susunan kode seperti diatas. Jika sama, hapus kode tersebut dan ganti dengan kode berikut ini :

<b:if cond='data:post.title'>
<h2 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</b:if>
Sebenarnya hanya mengubah heading H3 menjadi H2 nya saja. Untuk mngubah struktur judul posting agar menjadi H2 tidak selesai cukup sampai disini. Kita harus melakukan pengeditan kembali agar lebih SEO Friendly. Cari kode seperti berikut ini .post atau #post:

.post h3 {
color: #FF7800;
font: 20px Georgia, "Times New Roman", Times, serif;
font-weight: normal;
margin: 0 0 5px;
padding: 10px 0 0;
}
.post h3 a, #content h1 a:visited {
color: #FF7800;
font: 20px Georgia, "Times New Roman", Times, serif;
font-weight: normal;
margin: 0 0 5px;
padding: 10px 0 0;
}
.post h3 a:hover {
color: #FF7800;
text-decoration: underline;
}

Contohnya seperti kode diatas. Lalu ubah tulisan H3 menjadi H2. Caranya sama seperti edit yang pertama tadi. Setelah selesai klik Save dan Simpan template Anda. Maka halaman Anda akan lebih menjadi SEO Friendly. Tentu mengubah headings menjadi hal yang penting untuk meningkatkan traffik setiap pembuat situs atau blog. Oleh karena itu modal yang penting adalah bagaimana cara kita melakukan optimization SEO On Page terlebih dahulu dihalaman blog kita. Terimakasih telah membaca artikel kami berjudul Cara Merubah Susnan Tag Heading SEO Friendly.

Cara Menulis Artikel Berkualitas SEO Friendly

Membuat sebuah artikel dengan standar dan kualitas SEO sebenarnya sederhana. Bagaimana cara membuat artikel postingan yang baik ? Usahakanlah untuk membuat artikel berkualitas dari kata kunci yang tertarget dengan keyword pada search engine. Setelah menentukan kata kunci utama, kita dapat menentukan sebuah tema yang tepat untuk judul artikel kita.

Cara Menulis Artikel Berkualitas SEO Friendly di Blog :

1. Pemilihan Judul Artikel yang Tepat

Tahap pertama adalah menentukan sebuah judul yang tepat dalam sebuah artikel yang ingin kita buat. Bagaimana cara menentukan judul artikel posting ini ? Seperti yang dijelaskan tadi, kita harus menentukan tema terlebih dahulu agar dapat mmbuat sebuah judul yang baik. Cobalah buat judul artikel dengan panjang kata 4-8 Keyword Utama. Berdasarkan SEO On Page 2013 yang saya terima, 4-8 Keyword utama yang disusun menjadi sebuah Judul adalah yang pertama kali akan diindex terlebih dahulu dihalaman peringkat 1 Google.

2. Memilih URL Artikel ( Permalink )

Pada umumnya setiap kali kita telah selesai menentukan sebuah judul artikel, maka secara otomatis blogger akan memberikan Permalink yang berada pada bagian sidebar halaman Post Setting blog kita. Dibagian kanan Anda saat melakukan posting ada menu berisi Labels, Schedule, Permalink, Location, Option. Pada bagian Permalink ada yang sudah auto url artinya url telah ditentukan berdasarkan judul artikel. Kita juga dapat mengubahnya dengan mengklik bagian Custom Permalink. Anda tinggal mengisi url apa yang sesuai target dengan judul artikel Anda. Ini akan lebih menjadi efektif daripada automatic permalink. Contoh penulisan Custom Permalink.
3. Gunakan Label di setiap artikel

4. Pembuatan Artikel Sesuai Standar SEO Friendly

Dalam membuat artikel yang SEO Friendly dibutuhkan beberapa kriteria optimization berikut ini :

  • Panjang artikel minimal 350kata.
  • Setiap kata kunci minimal diulangi sebanyak 3 kali dan maksimal 5 kali.
  • Kata kunci bersifat umum harus diberi Bold atau Italic atau Underline, Pilih salah satu. Sedangkan kata kunci utama harus disertai Bold, Italic, Underline dan URL Link Aktif.
  • Gunakan bahasa yang baku, baik, dan benar sesuai kaidah Bahasa Indonesia.
  • Jangan lupa untuk menggunakan salah satu frasa Tag H1,H2 atau H3 pada artikel tersebut.
  • Gunakanlah Metode Dedikatif , Induktif dan Intelektif. Dimaksudkan untuk menempatkan kata kunci utama di paragraf pertama, paragraph terakhir, paragraf isi, atau di Paragraf awal dan akhir.

5. Pasanglah attribut Gambar pada artikel tersebut.

Dalam pencarian di search engine tidak hanya penelusuran berdasarkan Web melainkan juga berdasarkan Image / Gambar maka dari itu, berilah nama gambar yang sesuai dengan judul dan tidak terlalu panjang.

6. Memasang Link Internal didalam Artikel.
Dalam membangun halaman blog yang SEO On Page, membuat sebuah Links Internal adalah hal yang harus dilakukan pada setiap artikel. Caranya adalah dengan membuat keterkaitan antar artikel di blog Anda dengan berisi link menuju artikel tersebut. Maka para pembaca pun akan mengikuti jejak yang ditinggalkan apabila mereka belum mengerti dan memahaminya.

7. Buatlah sebuah artikel yang bermanfaat untuk orang lain dan tidak memaksa.

7 Poin Penting dalam menulis artikel berkualitas SEO Friendly seperti diatas dapat Anda terapkan ke dalam optimisasi pembuatan postingan yang baik. Semoga pembaca dapat memahami dalam menentukan judul artikel yang tepat dan sesuai keywords. Mudah-mudahan halaman blog Anda dapat terindex dengan cepat dan menjadi blog peringkat 1 di Google.

Rabu, 23 Januari 2013

Cara Membuat Permalink SEO Di Blog

Cara Membuat Permalink SEO Di Blogger - Permalink atau Permanen link tag sangat baik dalam SEO OnPage pada sebuah halaman posting blog. Permalink ini akan mengindikasikan mengenai judul dan link artikel yang sedang dibaca oleh pengunjung. Permalink juga digunakan sebagai media untuk mempublikasikan kepada pengunjung mengenai halaman artikel posting narasumber yang kita buat. Lalu, Apa pengertian dari permalink ?

Permalink adalah link permanen yang menuju halaman tertentu dari sumber artikel itu berada. Permalink sangat optimal dalam membuat sebuah artikel yang berisi link murni dari halaman blog kita sendiri. Sehingga akan membuat nilai SEO On Page di halaman blog kita semakin bertambah. Selain itu, permalink ini juga sebagai internal link yang akan membantu indexing di search engine berdasarkan keyword yang tepat.

Cara Membuat Permalink sebenarnya hampir sama dengan Cara Membuat Kotak Admin di bawah Posting, Cara Membuat artikel Terkait ( Related Posts ), dan lainnya.

Cara Membuat Permalink Tag di Blog :

1.Login ke dashboard blogger anda, pilih Rancangan > Edit HTML, centang Expand widget template.
2.Cari kode ]]></b:skin>  pada template anda.
3.Letakkan kode CSS dibawah ini diatas kode ]]></b:skin>.
.permalink-seofriendly
{border: 2px dashed #424242;
padding: 5px;
background: #fbfbef;-moz-border-radius:5px;}
.permalink-seofriendly a
{background:none;}
img.float-right {margin: 5px 0px 0 10px;}
img.float-left {margin: 5px 10px 0 0px;}
4.Kemudian cari kode <data:post.body/> pada template anda. Letakkan kode permalink dibawah ini dibawah kode <data:post.body/>. Jika template anda telah menggunakan fungsi Read More, maka letakkan kode permalink dibawah kode <data:post.body/>  yang ke-2.

<div class='permalink-seofriendly' style='padding:5px 5px 5px 5px; overflow: auto; width: auto; height: auto; text-align: justify;'>
<small>Anda sedang membaca artikel tentang <strong><u><data:blog.pageName/></u></strong> dan anda bisa menemukan artikel <data:blog.pageName/> ini dengan url <strong><data:post.url/></strong>. Anda boleh menyebarluaskan atau mengcopy artikel <strong><data:blog.pageName/></strong> ini jika memang bermanfaat bagi anda atau teman-teman anda,namun jangan lupa untuk mencantumkan link sumbernya.</small></div>
5.   Jika anda ingin membuat url postingan pada permalink menjadi link aktif, sobat dapat mengganti kode <data:post.url/>  dengan kode  <a expr:href='data:post.url'><data:post.url/></a>.
6.   Silahkan melakukan modifikasi pada jenis style border atau background warna sesuai keinginan anda. Mencoba membuat dengan kreasi sendiri tentunya akan lebih memuaskan hasilnya.
7.   Save/Simpan template anda.

Lihat hasilnya, maka pada bagian bawah postingan Anda telah berisi Permalink SEO Friendly ini. Semoga Panduan tutorial mengenai Cara Membuat Permalink SEO di Blog dapat bermanfaat, terimakasih.

Search Keywords : Cara Membuat Permalink, Cara Membuat Permalink SEO, Cara Membuat Permalink di Blog, Tutorial Membuat Permalink Blog, Pengertian Permalink pada Blog, Fungsi Permalink di Blog, Cara  Membuat Permalink Otomatis, Cara Membuat Permalink Keren, Cara Membuat permalink SEO On Page

Selasa, 22 Januari 2013

Cara Menampilkan Widget Hanya di Homepage / Posting


Saat mengatur beberapa widget agar lebih rapih dan teratur sering sekali kita lakukan. Halaman Homepage dan Posting adalah dua buah tempat untuk menampilkan dan menyembunyikan salah satu widget yang dianggap terlalu banyak dan membuat sulit untuk dilihat. Lalu, cara yang paling baik untuk melakukan design terhadap widget atau gadget pada blog kita adalah dengan cara widget tersebut kita tampilkan hanya pada suatu halaman tertentu.

Untuk menampilkan dan menyembunyikan beberapa widget caranya cukup mudah. Jadi, ada beberapa widget yang kita tampilkan hanya pada halaman posting tetapi tidak ingin terlihat pada halaman Home. Berikut panduan cara merubahnya :

1. Carilah widget apa yang ingin kita sembunyikan. Elemen Widget atau Gadget yang sudah ada pada template seperti Blog Archive, Popular Post dan lainnya mungkin untuk beberapa template tidak dapat disembunyikan.

2. Masuklah ke Template - Edit HTML - Ceklis Expand Widget Template.
3. Tekan CTRL + F, Untuk mencari nama widget tersebut.
4. Ketikkan nama widget yang ingin kita sembunyikan, contoh : Buku Tamu. Atau bisa juga dengan mencari ID Widget tersebut. Contoh : HTML1, HTML12, dll.
5. Setelah berhasil ditemukan, amati script berikut ini :

<b:widget id='HTML11' locked='false' title='' type='HTML'><b:includable id='main'>  <!-- only display title if it's non-empty -->  <b:if cond='data:title != &quot;&quot;'>    <h2 class='title'><data:title/></h2>  </b:if>  <div class='widget-content'>    <data:content/>  </div>  <b:include name='quickedit'/></b:includable></b:widget>
A. Untuk Menamilkan Widget hanya dihalaman utama / Homepage :
Tambahkan dan sisipkan kode HTML berikut pada script diatas :
<b:if cond='data:blog.url == data:blog.homepageUrl'>

</b:if>
Contoh cara menyisipkannya adalah sebagai berikut :

<b:widget id='HTML11' locked='false' title='' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
  <b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

Warna kode merah adalah kode yang ditambahkan tadi, letakkanlah seperti contoh diatas.

B. Untuk Menampilkan Widget atau Gadget hanya di halaman Posting Artikel :
<b:if cond='data:blog.pageType == "item"'>

</b:if> ( Cara menyisipkannya sama seperti contoh diatas )

C. Untuk Menampilkan Widget hanya pada Halaman Tertentu ( Berdasarkan URL ) :
<b:if cond='data:blog.url == "Ganti dengan URL Halaman di sini"'>

</b:if>

D. Cara Menampilkan Widget hanya pada halaman statis / Static Page :
<b:if cond='data:blog.pageType == "static_page"'>

</b:if>
E. Cara Menyembunyikan Widget Hanya pada suatu URL Halaman tertentu :
<b:if cond='data:blog.url != "URL Halaman"'>

</b:if>

Semua Kode tadi adalah untuk menampilkan widget hanya pada halaman tertentu, bagaimana kalau hanya menyembunyikan widget/gadget di suatu halaman. Caranya adalah dengan mengubah tanda == menjadi != . Contoh : <b:if cond='data:blog.pageType != "item"'>

Setelah tag HTML tadi ditambahkan, Save template Anda dan lihat hasilnya. Semoga dapat bermanfaat untuk para blogger semua. Semua Widget yang kita tambahkan dengan HTML/Javascript dapat senantiasa kita sembunyikan dan tampilkan pada halaman Utama. Terimakasih telah membaca artikel berjudul Cara Menampilkan Widget Hanya di Homepage / halaman Posting. Sponsored by Forex Trading .