Featured Post Today
print this page
Latest Post
Showing posts with label Tutorial Blog. Show all posts
Showing posts with label Tutorial Blog. Show all posts

Buat Komentar Dibawah Postingan

Seperti yang sudah saya jelaskan dulu disini, itu adalah membuat layanan Kotak komentar dibawah postingan lewat haloscan, tapi kali ini saya akan kasih tau tentang caranya buat kotak komentar dari fitur blogger terbaru yaitu blogger in draft (sini).
Kata Mas Kendhin sih kaya begini jika kita belum membuat kotak komentar di haloscan sih bisa... tapi kalau kita sudah buat di haloscan kita harus membuangnya dulu (cara membuang komentar dari haloscan menyusul) yawdah aku akan kasih tau caranya tentang buat komentar ini buat yang belum daftar di haloscan... ayo ikuti petualngan gw di bawah ini.....

Masuk draft.blogger.com ingan draft.blogger.com bukan blogger.com


Terus ke menu Setting ---> Comments kemudian ganti "Comment Form Placement" menjadi "Embedded below post"
Kemudian tekan Save Setting
Lalu ke menu Layout ---> Edit HTML kemudian
Lalu centang "expand widget templates" lalu cari Code dibawah ini

<p class='comment-footer'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/></a>
</p>



Kemudian ganti dengan Code dibawah ini


<p class='comment-footer'>

<b:if cond='data:post.embedCommentForm'>

<b:include data='post' name='comment-form'/>

<b:else/>

<b:if cond='data:post.allowComments'>

<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>

</b:if>

</b:if>

</p>



Lalu Simpan.... dan lihat hasilnya..
0 comments

Cara Mudah Posting Code HTML

Pasti Anda bingung pada waktu posting Code HTML di blog Anda, pasti yang muncul bukan codenya melainkan hasil dari code HTML-nya, nah untuk yang ingin menulis tentang tutorial blog pasti code HTML banyak diposting, Nah untuk para penulis yang belum tau caranya posting code HTML nih saya kasih caranya.

Caranya cukup mudah, Encode saja code HTML di situs dibawah ini
  1. http://centricle.com/tools/html-entities/
  2. http://www.opinionatedgeek.com/DotNet/Tools/HTMLEncode/Encode.aspx 
 Nah caranya cukup mudah tinggal taruh code HTML yang ingin di posting lalu klik tombol "Encode", Nah hasil dari Encode itu yang Anda posting di Blog Anda.
0 comments

Mengganti Background Blog Dengan CSS

Background atau latar belakang pada blog adalah bagian yang paling dasar pada blog, banyak template blog yang sama yang banyak dipakai, maka untuk memberi ciri khas pada blog Anda hal yang paling dasar dan yang paling mudah adalah mengganti warna background pada blog Anda atau dengan tambahan gambar pada background blog Anda.
Kali ini Saya akan menulis tutorial singkat blogspot tentang mengganti background dengan CSS, Mau tau caranya?
perhatikan dibawah ini.

Langkah pertama adalah masuk menu Layout (tata letak) kemudian masuk menu Edit HTML

Lalu cari CSS dari body seperti dibawah ini

body {
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}


Kalau mau mencari CSS diatas perhatikan code yang berwarna hijau saja.

perhatikan Code CSS background diatas
$bgcolor adalah variabel definisi, jika Anda ingin menggantinya bisa dengan code warna misalnya ganti dengan warna putih code warnanya adalah : #FFFFFF atau warna hitam #000000. Atau warna yang lain bisa dilihat disini.


Mengganti background blog dengan gambar :

untuk membuat background gambar kita perlu sebuah gambar yang sudah diupload di hosting. Atau Anda bisa mencari di google image search dan copy URL gambarnya.
Kalu sudah tersedia gambar yang mau dijadikan background perhatikan dibawah ini.

background:#FFFFFF url(URL_GAMBAR) ;
0 comments

Membuat Tepi Gambar Bershadow Dengan CSS 3

CSS 3 adalah generasi CSS (Cascading Style Sheet) yang ke 3, banyak keunggulan CSS 3 dibandingkan generasi yang sebelumnya, dan sudah mulai digunakan browser-browser, yaitu diantaranya adalah Mozilla Firefox v 3.6 dan Safari V 3, semoga saja browser-browser lainya menyusul untuk mendukung CSS 3.

Nah sebenarnya topik kita kali ini adalah "Membuat image post blogger berbayang/shadow" dengan menggunakan CSS 3, terlihat seperti gambar di samping kiri. Nah bagaimana caranya? silahkan ikuti langkah-langkah dibawah ini dan buktikan kecanggihan CSS 3.

Setelah Log In ke blogger pada dashboard masuk pada bagian "Design" lalu ke "Edit HTML"

lalu cari code CSS dibawah ini

.post img {
- - -
- - -
}


Note :

Perhatikan saja code yang berwarna merah diatas, karena garis ( - - - ) yang berwarna hijau adalah definisi CSS yang berbeda-beda setiap template
Dan kadang code yang berwarna merah ada tambahanya sehingga seperti ini : .post img, table.tr-caption-container {Nah kalau sudah ganti code CSS tadi dengan definisi seperti dibawah ini

.post img {
background:#FFFFFF;
border:1px solid $bordercolor;
padding: 7px;
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
-goog-ms-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
}


Nah yang diganti adalah code CSS yang berwarna hijau saja.

kalau sudah lalu SAVE deh, dan lihat hasilnya di browser Mozilla v 3.6, Safari V 3 dan Google Chrome.

Sekian semoga bermanfaat.
0 comments

Cara Menambahkan Efek Bintang Pada Cursor Blog

Hai semuanyaaaaaaa Balik lagi nih!!!! oke kali ini langsung saja aku jelaskannya ya!!!!. pokoknya maksudnya ini..... di cursor kalian setiap kalian bergerak akan ada timbul bintang bintang berjatuhan dengan variasi beragam warna, mau gak???? oke ikuti step yuuuu, aku juga lagi kerjar waktu nih! mau telat! (ikuti step)


Pasti kalian sudah tahu kan????? pokoknya LINK Ini.... caranya kalian ke Blogger ==> Tata Letak ==> Tambah Gadget ==> HTML/JavaScript ==> Copy & paste Salah satu LINK Yang ada di bawah ini. kalian memilihnya sesuai selera masing masing ya...

Bintang Pink
<script src="http://arifinsarpon.googlecode.com/files/mujijayaganesha.blogspot.com_cursor_pink.js" type="text/javascript"/></script> 

Bintang Merah
<script src="http://arifinsarpon.googlecode.com/files/mujijayaganesha.blogspot.com_cursor_merah.js" type="text/javascript"/></script>

Bintang Biru
<script src="http://arifinsarpon.googlecode.com/files/mujijayaganesha.blogspot.com_cursor_biru.js" type="text/javascript"/></script>

Bintang Hijau
<script src="http://arifinsarpon.googlecode.com/files/mujijayaganesha.blogspot.com_cursor_hijau.js" type="text/javascript"/></script>
0 comments

Cara Menambahkan Menu ke Dalam Blog

Kali ini Ngapain ya??? Ohya!! Tutorial baru, ada yang mau??? pastinya donk. kali ini adalah Cara Menambahkan Menu ke Dalam BLOG, Kalau di BLOG Aku sih gak ada :D hihihi maless nambahin, tapi ada koq di BLOG Aku yang satunya, Kebanyakan orang nyebutnya "Pages/Laman" tapi aku Nyebutnya "Menu" hahaha. OK Langsung saja. (Ikuti Step)

1. Buka Blogger.

2. Klik Laman/Pages .

3. Klik Laman Baru/New Pages.

4. Pilih antara "Laman Kosong" (untuk Text text biasa), atau Pilih "Alamat Web" (itu dipakai kalau misalnya mau nambahin alamat Web seseorang, ditambahin ke situ, jadi kalo kita Klik itu, pasti yang muncul Beranda AlamanWeb Yang Kita Isi Tadi).

5. Tulis beberapa kata kata "terserah" yang kalian mau.

6. Klik Publikasikan

7. Selesai

8. Simpan Perubahan

Selesai!!! dan kalian buka BLOG Kalian.

Selamat Mencoba

Wassalamualaikum!!!
0 comments

Mengganti Replay Comment Dengan Icon Pada Blog

Kalian semua pasti udah tahu dengan yang namanya Reply Comment kan? biasanya itu untuk mrngulang Comment jika ada kesalahan mengetik dan bla bla bla, oke... kalau biasanya hanya Relpy Commentnya sederhana?! tapi yang ini bisa diganti dengan Icon Icon lho!!! naaah! yang pasti aku gak make :D Kepenuhan! hahah. oke mau gak? oke langsung aja (Ikuti Step)

1. Buka Blogger.

2. Dashboard > Design > Edit HTML > Tick kotak "Expand Widget Templates".

3. Cari kode ini.


<b:include data='comment' name='commentDeleteIcon'/>

4. Jika sudah ketemu, Taruh Code ini di bawah <b:include data='comment' name='commentDeleteIcon'/> tadi. Tapi beri jarak satu garis.



<span class='comment-reply'><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=ID BLOG KALIAN&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=400,height=450&quot;); return false;'><img alt='Reply To This Comment' src='URL BUTTON REPLY KALIAN/></a></span> 

Klik disini untuk melihat gambar lainnya


5. Ganti tulisan ID BLOG KALIAN Dengan ID BLOG Kalian! hahah. mmmm cara melihatnya itu kalian harus pergi ke Tata Letak BLOG Kalian! nanti ada ID BLOG Kalian!.

6. Ganti tulisan URL BUTTON REPLY KALIAN dengan URL BUTTON REPLY yang kalian mau, bisa dilpilih di bawah ini. pilih salah satu ya...
0 comments

Cara Pasang Script Anti Copas di Blog

Hai semuanya, balik lagi dengan tutorial baru nih! hehehe, mmm kali ini adalah cara menambahkan Anti Copast Pada Blog, Copast itu adalah Copy Paste (Salin Tempel), kebanyakan orang Copast tanpa izin itu disebut maling, hahaha atau Plagiat, mmm kalau sebelumnya ada Anti Klik Kanan.... sekarang Anti Copast, tahu perbedannya gak? perbedaannya.... Anti Klik Kanan itu masih bisa di Copast dengan cara Tekan CTRL + C, tapi kalau Anti Copast ini.... gak bisa sama skali di Copast... hahaha! cara ini untuk menghindari copast tanpa izin dan tidak ditulis asal sumbernya, aku sih enggak aku pasang, ntar kesian kalian smua :D Gak bisa Copast! hahah (Ge-eR). OK Langsung aja yokkk... (Ikuti Step)


1. Buka Blogger.

2. Klik Tata Letak.

3. Tambah Gadget.

4. Cari HTML/Java Script.

5. Copast Code Ini.


<script language=JavaScript>
<!--
//Disable right click script III- By Renigade (renigade@mediaone.net)
//For full source code, visit http://www.dauspozi.com
var message="";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
document.oncontextmenu=new Function("return false")
// -->
</script>



Ini Langsung aja ya.... tidak ada perubahan sedikitpun.

6. Setelah di Copast, Simpan Perubahan.

Selesai...... Selamat Mencoba!!! ^^


0 comments

Memasang Iklan Di Bawah Postingan

Cara Memasang Iklan Di Bawah Postingan - Sudah tidak asing postingan ini, sudah banyak dishare di mana mana, di blog blog lain juga sudah ada, saya posting ini untuk penambah wawasan saja yang belum tau, dan juga mengingatkan saya nantinya ketika saya lupa dengan cara ini.

Langusung saja menuju ke tkp.

1. Masuk akun blog sobat
2. Menuju Template
3. Edit Html

Cari kode : <data:post.body/> Gunakan F3 atau Ctrl+F untuk lebih cepatnya.

Dalam blog saya jumlahnya ada 4, jadi gunakan kode <data:post.body/> yang ke 3.

Kamudian Copy Dan paste kode iklan sobat dibawah kode<data:post.body/>, dan kemudian simpan.

Simple dan mudah kan sobat, nah jia sobat pengguna Google Adsense, Parse dulu kode Htmlnya, Untuk Parse Html Bisa Klik Disini.
0 comments

Memasang Iklan Disamping Posting

Memasang Iklan disamping posting tentunya lebih meningkatkan penghasilan ya, ya karena tempatnya strategis dan kebanyakan dbaca oleh pengunjung, ke tkp langsung aja ya sobat.

1. Login akun blog sobat.
2. Menuju Ke Template
3. Edit HTML
4. Centang Expand Template Widget
5. Cari Kode <data:posts.body/> jika ada dua pilih yang ke dua, dalam blog saya ada 4, jadi jika ada 4 kode seperti itu pilih yang ke tiga sobat.
6.Letakkan kode di bawah ini sebelum kode <data:post.body/> yang kedua (jika ada 2 kode) / yang ke tiga (jika ada 4 kode)

Kode untuk iklan tampil di sisi kiri postingan :

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='float:left;width:300px;height:250px;padding:10px;'>
Kode Iklan Sobat </div></b:if>

Contoh :



Kode untuk iklan tampil di sisi kanan postingan :


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='float:right;width:300px;height:250px;padding:10px;'>
Kode Iklan Sobat </div></b:if>


Contoh :


Catatan :
Sobat harus memparse dulu kode iklan sobat jika ingin menempatkannya di samping postingan.
Untuk Parse Kode sobat bisa KLIK DISINI.


Sekian semoga bermanfaat :)
1 comments

Cara Menampilkan Tab Penghasilan/Monetize di Blogger

Cara Menampilkan Tab Penghasilan 

Cara Menampilkan Tab Penghasilan -- Nah biasanya para blogger tidak tahu Langkah menampilkan TabPenghasilan atau Tab Monetize pada blognya. Padahal cara memunculkannya pun amat mudah gampang dan cepat. Banyak yang bertanya mengapa di blog-blognya tidak muncul Tab penghasilan ataupun Tab monitize. Alasanya karena di blog yang masih berbahasa indonesia itu tidak ditampilkan Tab Penghasilan dari pihak blogger yang masih belum dapat menampilkan Tap penghasilan tersebut, Entah apa penyebabnya. Tapi kebiasaan memang tidak ada atau tidak munculnya Tab Monetize pada blog yang bahasanya Indonesia. Nah biasanya para blogger itu kebingungan saat, para blogger itu ingin mengikuti atau mendaftarkan blognya ke Google Adsense yang mengharuskan para blogger untuk mendaftarkannya lewat blognya masing-masing. Namun berbeda dengan para blogger yang sudah mempunyai blog berdomain, pasti tidak ada kendala, tapi bagaimana buat blog yang masih dibawah asuhan .blogspot.com, nanti pasti akan kembali lagi ke blognya sendiri. Nah buat para blogger yang bingung, sekarang saya sampaikan cara untuk menampakan, menampilkan dan memunculkan kembali Tab Penghasilan.


Kita mulai cara untuk menampilkan Tab penghasilan dengan membaca bismillah. Sesudah itu silahkan lakukan cara atau langkah-langkah untuk memunculkan Tab Monetizenya dibawah ini. Berikut caraya :
  1. Masuk kedalam Dashboard Blogger Anda. Jika sudah lakukan langkah berikut ini.
  2. Masuk kedalam setelan untuk tampilan blogger yang baru. contohna ada diatas itu.
  3. Terus pilih pada Tab " Bahasa Dan Pemograman ". Jika sudah, siap untuk langkah terakhir yaitu....
  4. Ubahlah Bahasanya menjadi " Inggris ( Amerika Serikat ).
0 comments

Cara Membuat privacy Policy, Disclaimer dan Term Of Service

Sebuah website atau blog disarankan untuk menggunakan kebijakan dan aturan-aturan pengguna situs. Kebijakan ini biasanya dituangkan ke dalam halaman Privacy Policy, Disclaimer, Term of Use dan yang lainnya. Anda bisa membuatnya secara online dengan menggunakan generator yang gratis dalam banyak situs di internet. Infodari akan memberikan informasi tentang Membuat Disclaimer dan Privacy Online Generator untuk Blog atau Website yang gratis. Namun sebelum Infodari akan berikan penjelasan singkat tentang kebijakan-kebijakan tersebut.

  • Privacy Policy
adalah pernyataan atau dokumen hukum (hukum privasi) yang mengungkapkan beberapa atau semua cara mengumpulkan, menggunakan, mengungkapkan dan mengelola pelanggan atau data klien. Informasi pribadi bisa apa saja yang dapat digunakan untuk mengidentifikasi individu, tidak terbatas termasuk, nama, alamat, tanggal lahir, status perkawinan, informasi kontak, masalah ID dan tanggal kadaluwarsa, catatan keuangan, informasi kredit, riwayat kesehatan, kemana mana Anda berkunjung, dan niat untuk memperoleh barang dan jasa. Dalam kasus bisnis itu sering merupakan pernyataan yang menyatakan kebijakan partai pada bagaimana mengumpulkan, menyimpan, dan memberikan informasi pribadi yang dikumpulkan. Ini memberitahu klien informasi spesifik apa saja yang dikumpulkan, dan apakah itu dirahasiakan, kepada para mitra, atau dijual kepada perusahaan lain atau perusahaan. (Sumber: translate dari http://en.wikipedia.org/wiki/Privacy_policy)

Privacy policy juga sering dipasang di blog. Bahkan sudah ada plugin WordPress untuk membuat privacy policy secara otomatis. Tetapi menurut saya sih untuk blog pribadi, privacy policy tidak terlalu diperlukan. Beda halnya jika anda membuat situs semacam jejaring sosial atau semacam forum, privacy policy ini sangat diperlukan. berikut penjelasan yang disadur dari infodari.com :

  • Disclaimer 
adalah semacam peringatan yg diberikan oleh auditor. Disclaimer atau pernyataan penyangkalan diberikan dengan tujuan perlindungan bagi pemilik website atau situs sebagai pemberi informasi. Pembaca suatu situs dianggap secara otomatis menerima syarat dan ketentuan yang berlaku pada situs tersebut, termasuk klausul disclaimer.

  • Terms of service 
(biasa disingkat TOS) dan juga dikenal sebagai Ketentuan Penggunaan, Syarat & Kondisi) aturan mana yang harus disetujui untuk mematuhi untuk menggunakan layanan. Ketentuan Layanan juga dapat disebut sebagai Syarat Penggunaan atau kadang-kadang hanya sangkalan, terutama mengenai penggunaan website. (Sumber: http://en.wikipedia.org/wiki/Terms_of_service)

Banyak situs yang menyediakan pembuatan privacy policy atau disclaimer atau term of service, baik yang berbayar maupun yang gratis. Jika anda ingin membuat privacy policy atau disclaimer atau term of service untuk website atau blog anda secara instan, anda bisa menggunakan beberapa diantaranya situs yang disebutkan di bawah ini.

Beberapa situs Disclaimer dan Privacy Online Generator Gratis:
1. serprank.com

2. privacypolicyonline.com

3. seqlegal.com

4. PriorityDigital.com

5. freeprivacypolicy.com
0 comments

Membuat Daftar isi Otomatis Berdasarkan Kategori

membuat daftar isi artikel blog selain berfungsi untuk memudahkan pengunjung melihat seluruh artikel dapat juga membantu semua isi blog terindeks ke dalam search engine. Berikut ini tutorialnya:


1. Masuk ke Blogger --> Pages --> New Page --> Blank Page.

2. Masukan judul, kemudian pilih opsi HTML bukan Compose.

3. Tuliskan kode berikut ini:

<script src="http://daftar-isi-kategori.googlecode.com/files/inwepo-label.js"></script><script src="http://saudara-buyung.blogspot.com/feeds/posts/default?max-results=999&amp;alt=json-in-script&amp;callback=loadtoc"></script>

Ganti link yang berwarna merah dengan alamat kamu, kemudian publish.

Bila ingin menambahkan fungsi scroll dikarenakan postingan terlalu banyak tinggal menambahkan kode berwarna biru berikut ini:


<div style="background-color: none; border: 1px solid #000000; height: 500px; margin: auto; overflow: auto; padding: 3px; text-align: left; width: 100%;">
<script src="http://daftar-isi-kategori.googlecode.com/files/inwepo-kategori.js"></script><script src="http://saudara-buyung.blogspot.com/feeds/posts/default?max-results=999&amp;alt=json-in-script&amp;callback=loadtoc"></script></div>

Hasilnya akan seperti ini http://saudara-buyung.blogspot.com/p/blog-page.html
0 comments

Cara Membuat Visitor Counter Pada Blogspot

Hai Teman-taman kali ini saya akan membahas mengenai Cara Membuat Visitor Counter (penghitung Pengunjung), Oh ia Walaupun Pada Pembahasn Sebelumnya Mengenai Download Harvest Moon Back To Nature Ps1 dan Cara paling mudah merubah tampilan facebook
agak berbeda tapi tidak jauh qok dari pembahasan ini yaitu Cara Membuat Visitor Counter (penghitung Pengunjung), Okey langsung saja deh ke intinya.

Oh ia Membuat penghitung pengunjung merupakan hal biasa yang di tampilkan di banyak website, dan sebenarnya caranya sangatlah mudah karena banyak layanan gratisan yang menyediakan fasilitas itu.
Apa itu Web Counter atau automatic visitor counter?
Web counter adalah Aplikasi tambahan pada web atau blog yang berfungsi sebagai penghitung pengunjung yang mengunjungi blog kita.cara kerja counter ini bermacam-macam, mulai dari menghitung page View sampai unique Visitor.
Nah jika kamu sudah tau maksud saya dan berminat untuk membuatnya di blog atau

Website kamu silahkan ikuti langkah-langkah dibawah ini:

Buka website www.wowcounters.net
Kemudian Klik Link ** Click Here to Sign Up for your Free Counter ** yang ada di Website tersebut
Kemudian Isi Form sesuai data diri anda dan pilih sebuah Style kemudian Sign Up
Kemudian Copy Code HTMLnya Dan taruh di Blog kamu, dengan cara ke menu Layout --> Page elements kemudian Add a page elements terus pilih HTML/Java Script

Cukup mudah bukan? jika anda ingin mencoba menggunakan web lainya karena www.wowcounters.net dirasa kurang menarik dalam hal grafis tampilan penghitung otomatis, silahkan kunjungi beberapa alamat web dibawah ini:

Situs yang menyediakan Counter dan Statistik Blog:
  1. http://www.easycounter.com/
  2. http://sitemeter.com/
  3. http://blogaja.com/
  4. http://hitstats.com/
  5. http://oggix.com/
0 comments

Mengetahui Optimasi SEO berlebihan

Jika Anda berada di blog tentang SEO maka hal-hal ini muncul beberapa hari terakhir, maka Anda akan tahu tentang apa semua itu ini adalah berhubungan dengan update Google. Google cukup aktif akhir-akhir ini, apa lagi dengan Penguin dan Panda dan 50 update kecil lainnya. Intinya, google akan berusaha keras untuk kembali menghasilkan hasil pencarian yang berkualitas baik untuk penggunanya. Google menurun, dan terus menurun karena "spam" website yang melakukan optimasi SEO yang berlebihan. Anda pastinya pernah mendengar tentang hal ini "over-optimization". Jadi apa sebenarnya optimasi SEO yang berlebihan? Dan bagaimana mengetahui situs anda, atau beberapa situs lainnya yang melakukan optimasi yang berlebihan?


Sekarang optimasi SEO yang berlebihan bukan hal yang baik. Jika menggunakan cara seperti itu, maka segera berhenti! Saya tahu beberapa situs telah menemukan celah dalam algoritma Google, dan mengeksploitasi mereka dengan melakukan optimasi yang berlebihan, tapi itu tidak berarti harus melakukan hal yang sama. Siapa yang tahu kapan akan terkena pada website kita? Optimalisasi Search Engine yang berlebih mungkin memenangkan pertarungan dan pertempuran, tapi diperang mereka tidak bisa menang.

Kepala Tim web-spam Google, Matt Cutts, mengatakan pada Maret bahwa Google telah bekerja menghukum situs yang terlalu dioptimalkan untuk beberapa bulan terakhir. Dia menjelaskan dengan ini, bahwa Google berencana untuk lebih memerangi hal seperti itu sehingga tidak ada yang mendapat keuntungan, dan peringkat atas ditentukan oleh kekuatan kasar, yaitu konten yang baik, bukan trik licik (black hat SEO). Dengan cara ini, situs dengan SEO sedikit tetapi konten yang baik akan muncul, sementara situs dengan SEO tambahan tapi miskin isi akan turun. Jadi mari kita sekarang berbicara tentang over-optimasi, dan bagaimana Anda bisa mendeteksi atau menghindarinya.

Apa hukuman yang didapat pada optimasi yang berlebihan?

Meskipun pernyataan yang jelas dari Google seperti "tindakan tegas terhadap Blach Hat SEO ", ide apa sebenarnya menimbulkan ketidaksenangan Google masih samar-samar. Google tidak membiarkan orang berada pada hal yang bersifat rahasia. Seperti kata mereka;

While we can’t divulge specific signals because we don’t want to give people a way to game our search results and worsen the experience for users, our advice for webmasters is to focus on creating high quality sites that create a good user experience and employ white hat SEO methods instead of engaging in aggressive webspam tactics

Dari penjelasan dari pesan dan pemberitahuan Google kita bisa mendapatkan ide umum mengenai apa hal yang harus kita hindari. Berikut adalah beberapa praktek optimasi yang berlebihan yang perlu untuk ditinggalkan jauh-jauh.
  • Bad inbound link
Baru-baru ini, Google mulai memberikan banyak pesan peringatan kepada webmaster melalui Webmaster Tools, menginformasikan mereka tentang struktur link yang buruk dengan situs mereka. Sebaiknya jangan membeli backlink. Ini adalah hal yang tidak baik bagi blog. Jadi lihat seperti apa link yang Anda miliki. Mulai gunakan Google Webmaster Tool untuk mendapat notifikasi.

Praktek lain yang cukup umum adalah dengan membuat inbound link dari situs-situs lain yang sebernarnya dimiliki orang yang sama. Biasanya, orang membuat beberapa situs untuk melengkapi situs utama mereka. Situs-situs tersebut, tentu saja adalah kualitas rendah. Beberapa orang bahkan mungkin menggunakan mekanisme otomatis untuk membuat sisi-website terlihat asli. Jadi jika Anda memiliki link yang datang ke website Anda dari situs lain Anda sendiri, maka praktek ini termasuk dalam kategori over-optimasi (optimasi yang berlebihan).

Link Anchor teks juga sangat penting. Anchor teks adalah teks yang menampilkan bukan link yang sebenarnya. Sebagai contoh, Google adalah teks jangkar untuk www.google.com link. Sekarang jika banyak inbound link Anda memiliki anchor teks yang sama, maka itu mengisyaratkan otomatisasi. Hal ini biasanya terjadi saat Anda membeli backlink, itu mengapa Anda tidak harus melakukan itu.
  • Cloaking dan teks tersembunyi
Sekarang Anda mungkin tidak menyadari tentang backlink, tetapi anda harus tahu apa yang Anda lakukan ketika Anda menyembunyikan atau cloak beberapa konten. Ini adalah black hat SEO teknik. Cloaking berarti menyembunyikan beberapa konten dari mesin pencari, atau menampilkan versi teks untuk mesin pencari yang berbeda dengan yang disajikan kepada pengguna. Hal ini biasanya digunakan di over-promosi, phishing, dll.

Hidden text adalah teks yang dibuat tidak terlihat oleh pembaca sehingga mereka tidak dapat melihat apa yang mereka mengklik. Trik ini dapat dicapai dengan bermain-main dengan warna. Sebagai contoh, teks putih tidak akan muncul dengan latar belakang putih. Teknik-teknik ini tidak etis, dan curang. Dan Anda tidak harus menggunakannya.
  • Tinggi kepadatan kata kunci (density keyword)
Menggunakan terlalu banyak kata kunci pada judul, meta deskripsi, paragraf intro dll dianggap sebagai over-optimasi, karena memasang kata kunci yang lebih adalah upaya untuk memperoleh perhatian mesin pencari. Google telah mulai menghukum situs yang memiliki kepadatan kata kunci tinggi. Biasanya, jika kepadatan 2-3% maka dianggap tinggi.
  • Interlinking berlebihan
Interlinking konten dalam situs Anda adalah praktek SEO yang baik. Kami selalu menyarankan orang untuk interlink lebih sering. Dalam hal optimasi yang berlebih, beberapa webmaster melakukan interlink terlalu banyak, lebih dari beberapa link di setiap posting yang akan menunju pada halaman yang sama. Dan untuk membuat keadaan menjadi lebih buruk, mereka bahkan membuat link berulang kali ke halaman home mereka. Nah itu dapat menjadi sebuah bencana.
  • Penggunaan Heading yang tidak benar
Tag H1 jauh lebih menarik bagi mesin pencari dari tag lain. Sehingga beberapa orang menggunakan tag h1 untuk mendapatkan beberapa perhatian. Nah itu salah sama sekali. Selalu gunakan satu, dan hanya satu tag h1 per halaman. Gunakan tag h2 dan h3 untuk judul dan subjudul.
  • Terlalu banyak redirect
Sekarang jika Anda mengubah nama untuk halaman, dan mengalihkannya maka baik-baik saja. Tapi mengarahkan hanya demi memperoleh pendapatan iklan atau mengarahkan ke halaman afiliasi sangat tidak baik. Terlalu banyak redirect, dan Google akan menangkapnya sebagai spamming.
  • Duplikat konten
Sering terjadi bagi mereka yang tidak mampu menulis konten berkualitas, dan menggunakan taktik optimasi yang berlebih lebih. Dan karena mereka tidak memiliki banyak konten untuk ditulis, mereka kembali menggunakan konten mereka yang banyak. Sementara tanda kutip dan hal-hal yang bisa saja, tapi menyalin paragraf dari posting lama dan mengulang adalah salah.
  • Pop-up
Kau tahu orang tidak suku ketika melihat iklan pop-up di situs Web yang mereka. Sementara pop-up sendiri buruk, beberapa webmaster membuatnya bahkan lebih buruk. Ada yang menipu pengunjung dengan merancang 'tanda silang' tombol keluar di mana biasanya berada. Dan ketika seseorang ingin menutup iklan tersebut, mereka mengklik tombol ini, yang sebenarnya adalah sebuah link ke sebuah iklan atau sesuatu. Sementara itu memastikan klik per tayang tinggi, sangat tidak etis, dan tidak pernah harus digunakan.
0 comments

Cara Mematikan Fungsi Drag Artikel Blog

Cara Mematikan Fungsi Drag Artikel Blog Guna mengantisipasipara pencuri konten banyak sekali setiap blog atau website menanggulangi hal ini dengan berbagai cara contoh denganmematikan fungsi drag pada artikel blog.
Pada kesempatan kali ini aku ingin berbagi Tips tentang bagaimana caranya mematikan fungsi drag tanpa javascript. sudah tentu dengan tidak menambahkan javascript tak akan mempengaruhi loading blog. untuk caranya cukup simple dan sangat mudah, berikut ini tipsnya :




1. silahkan login dulu ke blog kalian.
2. langsung saja menuju edit tamplate.
3. silahkan cari kode <body> pakai Control+F biar cepat
4. kalau sudah kalian temukan kodenya silahkan kalian ganti dengan kode dibawah ini.
    <body ondragstart='return false' onselectstart='return false' style='-moz-user-select: none; cursor: default;'>
5. kalau sudah kalian taruh kodenya silahkan kalian simpan. dan coba drag artikel kalian.

Namun tips ini tidak mematikan fungsi klik kanan, selamat mencoba semoga Tips kali ini bermanfaat buat kalian semoga sukses dan happy blogging.
0 comments

Cara Membuat Efek Getar Pada Gambar Di Postingan Blog

Cara Membuat Efek Getar Pada Gambar Di Postingan Blog, Kali Ini Blog Belajar Blog ingin berbagi tutorial tentang blog sesuai dengan judul blog membuat efek getar pada gambar postingan blog Tutorial ini merupakan lanjutan dari Membuat Efek Zoom Pada Gambar Postingan Blog apabila tips blog sebelumnya gambar akan menampilkan zoom pada saat cursor di arahkan dan pada tips blog ini Efek gambar Bergetar bila di mouseover,

1. Login ke akun blogger anda
2. Klik Template » Edit HTML » Lanjutkan » Klik Expand Template Widget
3. Tambahkan kode CSS berikut ini diatas ]]></b:skin>
.gambargetar {
position: relative;
}



Kemudian Save.

Kemudian Add Element -- Add Widget -- Html/Javascript. Copy paste script berikut :

<script src="http://tips-goooogle.googlecode.com/files/gambargetar%20Xtteme.js?attachauth=ANoY7crTQ4Lxnhf7dmkwVCDEuTh7tAEnUb24VQITeydgTn0GgWS6i13WBvtATMNH-03ZLeomrsDAaJdTYlyazR9wt1cIcZXm2h5BMS3bFaRzpwe3BVjMe-I_pzEALIgg97q3b1EWvttUKoUP8X3qebNDdmwO20x_okkWFa3AV68yosoYqixie957Grgnn8lIWESG-jcKGZG78t4wvT6zh2Svz3cpYleeSYekUxbpT2LfB9Qj1Q6pHvA%3D&amp;attredirects=0" type="text/javascript">

Jika sudah ini kode untuk memanggil gambarnya :

<img style="left: 0pt; top: 0pt;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTBt_nNIkb09Fbx2QyRzF1t0HLOvjZI_BWzPJ9FkPmfE3NtpBMJ_O-cVipwwvEYm57R1j5tnW3qhtVeIduLrQ_OmLVR1vMRZSkpojoDZc8fcalxBHGnASguPOLZ9u50hy483WdilVKAQ/s640/nenek+gaul.jpg" onmouseover="init(this);rattleimage()" onmouseout="stoprattle(this);top.focus()" onclick="top.focus()" class="gambargetar">

ganti yang berwarna merah dengan Url gambar anda yak,

yak sekian dulu Cara Membuat Efek Getar Pada Gambar Di Postingan Blog semoga bermanfaat.
1 comments

Cara Membuat Related Post Dengan Gambar

Untuk Postingan ini merupakan postingan lanjutan dari Cara Membuat Related Post Dengan Gambar Mini Di Blogtidak berbeda jauh tampilan dari tutorial sebelumnya. tutorial ini merupakan jawaban dari request teman blogger yang sudah menyempatkan berkomentar yang menginginkan related post dengan gambar pada blog saya ini


Sekilas Tentang Related Post adalah satu Teknik Blog dimana Related Post Akan Menampilkan Article-Article Yang Saling Berhubungan. Berhubungan disini Yang bermaksud adalah Setiap Artikel Yang Memiliki Kesamaan Label,Keyword Maka dengan Otomatis Artikel-artikel yang merupakan tautan yang terhubung atas kesamaan label atau keyword tersebut akan dimunculkan pada halaman di mana anda menempatkan related Post ini.

Tutorial Blog ini cukup simple dan ringan. Jadi tidak perlu takut jika blog kamu loading nya lambat, berikut dibawah ini merupakan tampilan dari related post ( Postingan Terkait) Pada Blog Ini :


Tujuan dari Related Post ini Adalah salah satu teknik yang menguntungkan bagi pembaca atau yang sedang mencari-cari sesuatu artikel, maka setiap artikel yang saling berhubungan akan terlihat oleh sipembaca dan akan kembali membuka tautan yang berada pada Related post tersebut, dengan secara otomatis trafik atau view halaman pada Blog kita akan semakin banyak karena setiap halaman artikel memiliki tautan yang akan selalu dibuka oleh pembaca, pembaca akan berlama-lama di blog kita karena tautan akan menghubungkan artikel yang satu dengan artikel lainya yang dihubungkan oleh label.
Berikut ini Cara Membuat Related Post dengan Gambar :



1. Login ke Blogger
2. Buka menu Template > Edit HTML > Centang "Expand Template Widget.
3. Cari kode </head>, lalu masukkan kode berikut diatasnya.


<style type='text/css'>
/*RelatedPost Mas Oktri*/
#related_posts h4 {color: rgb(230, 230, 230);font-size: 11px;font-weight: bold;margin: 0px;padding: 2px 5px 1px 5px;text-shadow: 1px 1px rgb(0, 0, 0);text-transform: uppercase;border-bottom: 1px solid rgb(70, 0, 0);box-shadow: 0px 1px 0px rgb(150, 0, 0);}
#related_posts{font-size:12px;}
#relpost_img_sum {margin: 0;padding: 4px;line-height: 16px;}
#relpost_img_sum:hover {background: none;}
#relpost_img_sum ul {list-style-type: none;margin: 0;padding: 0;}
#relpost_img_sum li {margin: 0px;padding: 5px;height: 35px;list-style: none outside none;border-bottom: 1px solid rgb(20, 20, 20);box-shadow: 0px 1px 0px rgb(51, 51, 51);-webkit-transition: all .2s linear;-moz-transition: all .2s linear;-o-transition: all .2s linear;transition: all .2s linear;}
#relpost_img_sum li:hover {background-color: rgb(51, 51, 51);}
#relpost_img_sum a, #relpost_img_sum a:visited{color:rgb(230, 230, 230);text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);-webkit-transition: all .2s linear;-moz-transition: all .2s linear;-o-transition: all .2s linear;transition: all .2s linear;}
#relpost_img_sum a:hover{color:#ff0000;text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);}
#relpost_img_sum .news-title {display: block;font-family:&quot;Segoe UI&quot;,Calibri,&quot;Myriad Pro&quot;,Myriad,&quot;Trebuchet MS&quot;,Helvetica,Arial,sans-serif;margin-bottom: 2px;}
#relpost_img_sum .news-text {display: block;text-align: justify;font-weight: normal;text-transform: none;font-size:10px;}
#relpost_img_sum img {float: left;margin-right:5px;margin-top:0px;padding:0px!important;width: 30px;height: 30px;}</style>
4. Lalu cari kode <data:post.body/> atau <div class='post-footer-line post-footer-line-3'>
<!-- Untuk kode artikel terkait -->
</div>.


5. Ganti kode <!-- Untuk kode artikel terkait --> dengan kode dibawah ini.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related_posts'>
<h4>Related Posts - <data:blog.pageName/></h4>
<b:loop values='data:post.labels' var='label'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=relpostimgcuplik&amp;max-results=50&quot;' type='text/javascript'/>
</b:loop>
<a href='http://tutorialbelajarblogger.blogspot.com/' style='display:none;'>Related Posts with thumbnails and summary post for blogger</a>
<ul id='relpost_img_sum'>
<script type='text/javascript'>artikelterkait();</script>
</ul>
</div>
</b:if>

6. Jika kamu menggunakan kode <data:post.body/>, taruh kode no. 5 dibawahnya.

7. Simpan dan lihat hasilnya. (Ingat sebelum mengutak-atik template, backup template untuk menghindari kesalahan)

Sekian dari saya tentang Cara Membuat Related Post Dengan Gambar, semoga dapat bermanfaat. TERIMAKASIH
0 comments

Membuat Efek Zoom Pada Gambar Postingan Blog


Kembali lagi aku ingin berbagi kepada sobat blogger bagaimana Cara Membuat Efek Zoom Pada Gambar Postingan blog . memang cara ini sudah begitu lama di terapkan oleh sobat blogger namun tak ada salahnya kalau aku mengulas lagi artikel Membuat Efek Zoom Pada Gambar Postingan agar sobat blogger yang masi pemula akan tahu seperti owner blogger ini pemula.


sebenarnya cara ini mudah sekali dan tak merepotkan kalian dengan tambahan kode sedikit maka efek zoom untuk gambar postingan kalian akan berubah total. dan ini menjadi kebanggaan yang unik bagi sobat blogger yang baru. nah kalian bisa lihat efek zoom di postingan bawah ini atau juga bisa lihat di blog


Bisa di lihat Contoh gambar di atas apabila sudah mencoba mengarah kan mouse arah gamabar , gambar akan memberikan efek zoom kalau kalian sudah melihat gambar diatas silahkan kita mulai tutorial membuat efek zoom pada gambar postingan:

1. silahkan langsung saja kalian login ke blogger.
2. silahkan menuju edit tamplate . jangan lupa untuk centang expant widget.
3. cari kode ]]</b;skin>
4. kalau sudah ketemu silahkan copy kede dibawah ini dan paste diatasnya.

.post img:hover {
-moz-trnasform: scale(1.3) ;
-webkit-transform: scale(1.3);
-o-transform: scale(1.3) ;
-ms-transform: scale(1.2) ;
transform: scale(1.3) ;}

NB : kalau dalam template kalian ada kode .post img:hover sebelum kode yang kalian taruh alangkah baiknya kalau kalian hapus dulu.

aku harap postingan ini bermanfaat buat sobat blogger. semoga blog kalian akan semakin maju dari pada blog ini. semoga sukses danhappy blogging.
0 comments

aweu aweu

 
Support : Copyright © 2011. Saudaranya Buyung - All Rights Reserved
Template Created by Creating Website Published by
Proudly powered by Blogger