Saturday, July 27, 2013

Download Crash Bandicoot 3 Warped PS1 For PC

Crash Bandicoot 3 Warped PS1 For PC
Ingat game PS1 yaitu Crash Bandicoot? Game yang seru dan lucu ini tak akan terlupakan menurut saya, hehe. Sebenarnya Crash Bandicoot ini ada 3 versi, yaitu Crash Bandicoot 1, Crash Bandicoot 2, dan Crash Bandicoot 3 yang paling saya gemari dan akan saya bagikan pada posting kali ini.
Game ini adalah game petualangan dengan Crash si musang sebagai peran utamanya. Crash harus menyelesaikan banyak misi dalam 6 area. Crash akan menyelesaikan 5 area terlebih dahulu lalu akan ada satu area tambahan. Setiap area terdapat 5 rute perjalanan dan harus mendapatkan cristal di setiap rute perjalanan tersebut. Dan Crash harus melawan raja yang menjadi penjaga dalam suatu area. Begitulah bla bla bla tentang game ini.

ScreenShot
Crash Bandicoot 3 Warped PS1 For PC

Crash Bandicoot 3 Warped PS1 For PC

Crash Bandicoot 3 Warped PS1 For PC

Gimana? Ada yang masih mau game ini. Jika mau Downlaod, Link Download-nya ada di bawah sob.
Untuk cara membukanya berbeda dengan software-software pada umumnya. Kita perlu emulator ePSXe atau PSX untuk membukanya. Jika sobat belum punya emulatornya, silakan download ePSXe untuk tampilan sederhana atau download PSX untuk tampilan mirip dengan PS1 asli.

Download Crash Bandicoot 3 Warped PS1 For PC

Friday, July 26, 2013

Membuat Widget Blog Hanya Tampil Pada Halaman Tertentu

Membuat Widget Blog Hanya Tampil Pada Halaman Tertentu
Membuat Widget Blog Hanya Tampil Pada Halaman Tertentu ini memiliki alasan tertentu. Seperti ketika sebuah widget sekiranya tidak perlu ditampilkan di halaman konten, agar pengunjung fokus dalam membaca artikel blog sobat. Atau karena memang widget perlu ditampilkan pada halaman tertentu untuk kebutuhan pengunjung blog, dan dihilangkan karena pada halama lain terlalu banyak memuat widget. Atau apalah alasanya masih banyak lagi.
Tidak seperti artikel kemarin yang bisa dibilang memiliki fungsi menampilkan kolom widget atau sederetan widget hanya tampil pada halaman tertentu. Untuk yang akan saya bahas kali ini hanya melibatkan satu buah widget saja.
OK, kita mulai pada langkah-langkahnya.
1. Login ke akun Blogger sobat.
2. Pastikan sobat telah memasang widget yang akan sobat tampilkan pada halaman tertentu saja.
3. Ketahuilah widget id-nya, dengan cara masuk Tata Letak>> Sentuhkan cursor di tulisan Edit pada widget terkait>> perhatikan tulisan di sudut kiri bawah layar monitor, terdapat nama widget id.

Membuat Widget Blog Hanya Tampil Pada Halaman Tertentu

Disini saya mencontohkan pada widget terjemahan. Perhatikan gambar diatas, telah diketahui nama widget id-nya adalah Translate1.
4. Setelah widget id diketahui, selanjutnya sobat masuk ke bagian Templte>> Edit Template.
5. Template perlu di-expand. Karena telah tidak ada opsi "expand template widget", maka beginilah cara meng-expand-nya. Cari widget-id terkait dengan tombol ctrl+F, lalu perhatikan terdapat kode <widget>...</widget>. Klik pada bagian "titik-titik" diantar kode tersebut. Lalu akan terdapat kode <b:includable>...</b:includable>, klik juga pada bagian "titik-titik" diantar kode tersebut.

Membuat Widget Blog Hanya Tampil Pada Halaman Tertentu

6. Pilihlah letak halaman yang sobat inginkan, simak kode-kode berikut.

Menampilkan widget hanya pada HomePage.
<b:if cond='data:blog.url == data:blog.homepageUrl'>
...
.............................................................................................................................................</b:if>

Menampilkan widget di semua halaman kecuali homepage.
<b:if cond='data:blog.url != data:blog.homepageUrl'>
................................................................................................................................................</b:if>

Menampilkan widget hanya pada halaman Archive.
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
................................................................................................................................................</b:if>

Menampilkan widget di semua halaman kecuali halaman archive.
<b:if cond='data:blog.pageType != &quot;archive&quot;'> 
................................................................................................................................................</b:if>

Menampilkan widget hanya di halaman posting.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
................................................................................................................................................</b:if>

Menampilkan widget di semua halaman, kecuali halaman posting.
<b:if cond='data:blog.pageType != &quot;item&quot;'> 
................................................................................................................................................</b:if>

Menampilkan widget hanya di halaman tertentu.
<b:if cond='data:blog.pageType == &quot;alamat-postingan&quot;'>
................................................................................................................................................</b:if>
kode berwarna biru ubah dengan url halaman

Menampilkan widget di semua halaman kecuali halaman tertentu.
<b:if cond='data:blog.pageType != &quot;alamat-postingan&quot;'>
................................................................................................................................................</b:if>
kode berwarna biru ubah dengan url halaman

7. Terapkan salah satu kode diatas sesuai dengan letak halaman yang sobat inginkan.
Saya akan mencontohkan penerapan kode yang pertama, pada widget terjemahan yang sebelumnya telah diketahui widget id-nya dan di-expand template widget-nya.
Letakan kode <b:if cond='data:blog.url == data:blog.homepageUrl'> diatas kode <b:includable id='main'>, dan kode </b:if> dibawah kode </b:includable>. Sehingga kurang lebih hasilnya akan seperti berikut.

          <b:widget id='Translate1' locked='false' title='Translate' type='Translate'>
            <b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div id='google_translate_element'/>
  <script>
    function googleTranslateElementInit() {
      new google.translate.TranslateElement({
        pageLanguage: &#39;<data:pageLanguage/>&#39;,
        autoDisplay: &#39;true&#39;,
        layout: google.translate.TranslateElement.InlineLayout.<data:layout/>
      }, &#39;google_translate_element&#39;);
    }
  </script>
  <script src='//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit'/>
  <b:include name='quickedit'/>
</b:if>
</b:includable>
          </b:widget>

8. Jika telah selesai menerapkan kode-kodenya, silakan klik Simpan Template.

Maka hasilnya akan seperti berikut.
Pada HomePage widget terjemahan ditampilkan.

Membuat Widget Blog Hanya Tampil Pada Halaman Tertentu

Sedangakan pada halaman lain widget terjemahan tidak ditampilkan.

Membuat Widget Blog Hanya Tampil Pada Halaman Tertentu

Sunday, July 21, 2013

Membuat Tampilan Kolom Widget Blog Berbeda pada Halaman Tertentu

Membuat Tampilan Kolom Widget Blog Berbeda pada Halaman Tertentu
Rasanya saya sudah jarang membuat posting baru pada blog tercinta ini. Hari ini saya mengunjungi Blog teman dan melihat kolom widget yang berubah tampilan ketika beralih dari satu halaman ke halaman lain. Saya pun tertarik untuk mengetahui cara membuatnya, coba diterapkan pada Blog saya, dan membuat posting tentang hal tersebut.
Ternyata agak sulit dalam membuat perubahan kolom widget yang memuat sederetan widget ini, tidak semudah pada satu buah widget. Namun akhirnya akan mengerti dan mudah menerapkanya jika sobat teliti dalam menyimak tutorialnya. Perubahan widget yang saya maksud ini sering disebut tampilan template dinamis, bisa dikatakan perubahan tampilan dan jumlah kolom widget. Namun pengertian tadi tentunya sebagian sobat Blogger masih belum memahaminya dengan jelas.
OK, saya contohkan sebuah kasus.
Mungkin sobat pernah melihat sebuah Blog, pada homepage blog tersebut menampilkan 3 kolom widget yaitu kolom posts, sidebar kanan, dan sidebar kiri. Namun ketika sobat beralih pada salah satu halaman posting, sidebar kiri menghilang. Sehingga hanya terdapat kolom posts dan sidebar kanan. Bagusnya lagi kolom posts bertambah lebar hingga tidak ada ruang kosong di sebelah kiri.

Membuat Tampilan Kolom Widget Blog Berbeda pada Halaman Tertentu

OK, sangat berguna ya jika ada sederetan widget yang tidak perlu ditampilkan ketika pengunjung membaca artikel di Blog sobat. Sebenarnya mudah untuk menerapkan hal ini, sobat hanya perlu menambahkan kode yang tidak terlalu banyak pada template blog yang bisa dikatakan berfungsi sebagai sebuah perintah.

Langsung saja kita menuju ke langkah-langkah penerapnya:
1. Login ke akun Blogger sobat.
2. Masuk ke bagian Template dan klik Edit Template.
3. Dengan tombol ctrl+F, cari kode ]]></b:skin> dan perhatikan kode-kode diatasnya yang cukup banyak. Default-nya (sebelum sobat menambah kode CC tambahan) tepat diatas kode ]]></b:skin> terdapat kode-kode CSS kolom widget, kurang lebih seperti berikut.
/* -- Main -- */
#main-wrapper{float:left;width:650px;margin:0;padding:0}
/* -- End Main -- */

/* -- Sidebar -- */
#sidebar-kiri {float:left;width:230px;display:inline;margin:0;}
#sidebar-wrapper{float:right;width:320px;display:inline;margin:0;}
/* -- End Sidebar -- */
Sobat harus memahami elemen-elemen kolom widget seperti yang saya beri tanda berwarna merah diatas, dan mengetahui elemen-elemen kolom widget pada template Blog sobat. Karena kode-kode elemen pada setiap template biasanya memiliki  penulisan yang berbeda-beda.

Sekarang kita belajar membuat sebuah kode untuk perintah membuat kolom widget berbeda.
  • Perintah letak perubahan.
Perintah untuk merubah halaman homepage saja.
<b:if cond='data:blog.url == data:blog.homepageUrl'>

Perintah untuk merubah semua halaman kecuali homepage.
<b:if cond='data:blog.url != data:blog.homepageUrl'>

Perintah untuk merubah halaman posting saja
<b:if cond='data:blog.pageType == &quot;item&quot;'>

Perintah untuk merubah semua halaman kecuali halaman posting.
<b:if cond='data:blog.pageType != &quot;item&quot;'>

Perintah untuk merubah sebuah halaman tertentu saja
<b:if cond='data:blog.pageType == &quot;url-halaman&quot;'>

Perintah untuk merubah semua halaman kecuali sebuah halaman tertentu.
<b:if cond='data:blog.pageType != &quot;url-halaman&quot;'>

#Pilihlah perintah mana yang sobat perlukan.

Selanjtnya sobat membuat kode dengan urutan: keterangan penambahan CSS, perintah letak perubahanelemen yang akan diedit dan kode perubahan tampilan, akhiri dengan </b:if> dan </style>. 
Untuk elemen yang akan diedit dan kode perubahan tampilan khususnya jika sobat akan merubah tampilan kolom posts, agar lebih kompleks copy paste dahulu dari kode tampilan elemen asalnya. Karena kolom tidak hanya memuat posting saja, juga memuat comments dan lain-lain. Jika ini tidak dilakukan, maka kemungkinan sobat hanya merubah tampilan posting sedangkan tampilan comments tidak, sehingga hasilnya akan berantakan.


Perhatikan contoh pembuatan kode-nya.
<style type='text/css'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
a img{border-width:0}
.post-body img{border:1px solid #ccc;margin:5px}
#main-wrapper a:hover{color:#c13a10;text-decoration:underline}
a:link,a:visited,#main .post-body a:link,#main .post-body a:visited{color:#346ba4;text-decoration:none}
a:hover,#main .post-body a:hover{color:#999;}
#main-wrapper a:link,#main-wrapper a:visited{text-decoration:none}
#main-wrapper{float:left;width:420px;margin:0;padding:0}
.post h3 a:hover{color:#A91B33;text-decoration:none}
.post-body{line-height:1.6em;margin:0;text-align: justify;}
.post img{padding:5px}
.post h2, .post h2 a {color: #444;font-family: Arial;font-weight: 400;margin: 0 0 5px;padding: 10px 0 0;}
.post blockquote{border-left:3px solid #DDD;margin:5px 0 5px 10px;padding:0 10px;color:#888;text-align:left;}
.post blockquote p{margin:0;padding:0 0 15px}
.post,.comments{background:#FFF top no-repeat;float:left;border-bottom:1px solid #DDD;width: 400px;margin:0 0 10px;padding-left:10px;padding-right:10px;padding-bottom:10px;border: 1px solid #ccc;}
.post h3,.post h3 a {color:#444;font-size:17px;font-family:Georgia, Tiles New Roman;font-weight:400;margin:0 0 5px;padding:10px 0 0}
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
#Sidebar-kiri { display:none;}
</b:if>
</style>
Keterangan:
warna biru, keterangan penambahan CSS
warna hitam, perintah letak perubahan
warna merah, elemen yang akan diedit dan kode perubahan tampilan

Kode diatas jika diartikan sederhananya seperti ini.

<style type='text/css'> --- Saya menambahkan perintah baru
<b:if cond='data:blog.url == data:blog.homepageUrl'> --- Pada halaman homepage
a img{border-width:0}
.post-body img{border:1px solid #ccc;margin:5px}
#main-wrapper a:hover{color:#c13a10;text-decoration:underline}
a:link,a:visited,#main .post-body a:link,#main .post-body a:visited{color:#346ba4;text-decoration:none}
a:hover,#main .post-body a:hover{color:#999;}
#main-wrapper a:link,#main-wrapper a:visited{text-decoration:none}
#main-wrapper{float:left;width:420px;margin:0;padding:0} --- Lebar konten menjadi 420px
.post h3 a:hover{color:#A91B33;text-decoration:none}
.post-body{line-height:1.6em;margin:0;text-align: justify;}
.post img{padding:5px}
.post h2, .post h2 a {color: #444;font-family: Arial;font-weight: 400;margin: 0 0 5px;padding: 10px 0 0;}
.post blockquote{border-left:3px solid #DDD;margin:5px 0 5px 10px;padding:0 10px;color:#888;text-align:left;}
.post blockquote p{margin:0;padding:0 0 15px}
.post,.comments{background:#FFF top no-repeat;float:left;border-bottom:1px solid #DDD;width: 400px;margin:0 0 10px;padding-left:10px;padding-right:10px;padding-bottom:10px;border: 1px solid #ccc;} --- Lebar comments menjadi 400px
.post h3,.post h3 a {color:#444;font-size:17px;font-family:Georgia, Tiles New Roman;font-weight:400;margin:0 0 5px;padding:10px 0 0}
</b:if>
<b:if cond='data:blog.url != data:blog.homepageUrl'> --- pada semua halaman kecuali homepage
#sidebar-kiri {display:none;} --- sidebari-kiri jangan ditampilkan
</b:if>
</style> ---
selesai

OK, silakan sobat memulai pembuatan kode perintah perubahan tampilan kolom widget sesuai dengan yang sobat butuhkan, tentunya dengan cara yang telah saya jelaskan diatas.
Untuk kode perubahan tampilan, saya hanya bisa mencontohkan sedikit saja. Sobat bisa membuat perubahan tampilan yang lebih bagus lagi. Selain menghilangkan dan merubah ukuran widget, juga bisa merubah warna-warna, jenis font, gaya border dan lain-lain. Silakan sobat cari tau lagi lebih banyak tentang kode tersebut.

4. Selanjutnya, letakan kode yang baru sobat buat tepat di bawah kode ]]></b:skin>.
5. Jika kode telah dibuat dan diletakan pada template sobat, silakan klik Simpan Template.


Selesai, pembahasan saya kali ini mungkin agak berbelit-belit. Saya hanya berdoa semoga sobat mengerti dan sukses diterapkan pada Blog sobat.

Contoh/screenshot hasil dari Membuat Tampilan Kolom Widget Blog Berbeda pada Halaman Tertentu dengan cara diatas.

Homepage, terdapat tiga kolom widget termasuk sidebar kiri.


Namun pada halaman posting, sidebar kiri menghilang dan kolom posts bertambah lebar.

Tuesday, July 16, 2013

Cara Mengatahui Web/Blog yang Nofollow atau Dofollow

Cara Mengatahui Web/Blog yang Nofollow atau Dofollow
Sobat tau apa itu rel nofollow dan dofollow? Pada web/Blog sobat, sobat menerapkan yang mana diantara yang dua tersebut? Bahkan sobat tidak mengetahuinya, ok saya akan membahas Cara Mengatahui Web/Blog yang Nofollow atau Dofollow.
Pengertian intinya, rel nofollow adalah istilah pada web/blog yang jika kita berkomentar pada web/blog yang diterapkan rel nofollow tersebut maka Google tidak menghitung backlink pada komentar yang kita buat. Sedangkan dofollow adalah istilah pada web/blog yang jika kita berkomentar pada web/blog yang diterapkan rel dofollow maka Google menghitung backlink pada komentar yang kita buat.
Biasanya, web/blog akan memiliki rel nofollow pada saat pertama dibuat, namun bisa diubah menjadi dofollow jika memang sobat menghendakinya. Silakan sobat terapkan rel mana saja yang sobat sukai. Namun kali ini saya tidak akan membahas cara mengubah rel pada suatu web/blog, melainkan Cara Mengatahui Web/Blog yang Nofollow atau Dofollow.
OK, tanpa basa-basi kita mulai saja pembahasan kali ini.

  • Untuk pengguna Mozila Firefox.
Salah satu caranya adalah dengan menambahkan pengaya pada Mozila Firefox.
1. Silakan masuk ke halaman Add On NoDoFollow for Firefox.
2. Klik Continue to Download.

Cara Mengatahui Web/Blog yang Nofollow atau Dofollow

3. Klik Add to Firefox.

Cara Mengatahui Web/Blog yang Nofollow atau Dofollow

4. Silakan tunggu NoDoFollow sedang diunduh.

Cara Mengatahui Web/Blog yang Nofollow atau Dofollow

5. Akan muncul jendela baru, klik pasang sekarang.

Cara Mengatahui Web/Blog yang Nofollow atau Dofollow

6. Setelah Add On berhasil terpasang, silakan klik Mulai Ulang Firefox.

Cara Mengatahui Web/Blog yang Nofollow atau Dofollow

7. OK, sekarang Add On NoDoFollow telah terpasang dan dapat digunakan. Untuk cara penggunannya, silakan sobat kunjungi web/blog yang ingin sobat ketahui rel yang digunakanya. Lalu klik kanan pada halaman web/blog tersebut dan centang opsi NoDoFolow. Maka rel yang digunkan web/blog tersebut dapat diketahui. Untuk link yang berlatar merah maka rel nofollow, sedangkan link yang berlatar biru maka rel dofollow.

Cara Mengatahui Web/Blog yang Nofollow atau Dofollow

  • Untuk pengguna Google Chrome.
Yang saya tau tidak perlu memakai pengaya tambahan pada Google Chrome ini. Caranya pun lebih singkat dan mudah, silakan simak.
1. Masuk ke halaman web/blog yang ingin sobat ketahui rel yang digunakanya.
2. Lalu klik kanan pada link di halaman web/blog tersebut dan klik opsi Inspect Element.
3. Akan muncul sebuah kotak di bagian bawah yang berisi kode sumber link yang dipilih. Nah dengan ini, rel yang digunakan pada suatu web/blog pun dapat diketahui.

Jika memakai rel nofollow, maka akan ada kode rel="nofollow" pada kotak tersebut.

Cara Mengatahui Web/Blog yang Nofollow atau Dofollow

Sedangkan, jika memakai rel dofollow, maka tidak akan ada kode rel="nofollow" pada kotak tersebut.

Cara Mengatahui Web/Blog yang Nofollow atau Dofollow

OK, demikian saja pembahan saya. Semoga bermanfaat bagi sobat yang membaca.

Thursday, July 11, 2013

Download Bloody Roar 2 PS1 for PC

Download Bloody Roar 2 PS1 for PC
Ada yang tau dan mau game satu ini? Bloody Roar 2 yang pernah menjadi game favorit sobat di kala populernya PS1. Nah, pada kesempatan kali ini saya akan menulis artikel pendek tentang Download Bloody Roar 2 PS1 for PC sebagai media untuk dapat membagikan game ini kepada sobat.
Singkatnya, game ini adalah game fighting antara dua karakter. Sobat bisa memilih berbagai karakter seperti Long, Bakuryu, Shina dan lain lain. Mereka adalah manusia luar biasa yang bisa merubah wujud tubuhnya menjadi beast yang kebanyakan menyerupai binatang. Dengan berubahnya wujud mereka menjadi beast, maka kekuatan mereka pun semakin luar biasa.

Download Bloody Roar 2 PS1 for PC

Download Bloody Roar 2 PS1 for PC

Memang ini adalah game PS1 yang harus dibuka dengan sebuah Emulator, dan biasanya saya sertakan Emulator ePSXe dan PSX agar sobat dapat memainkan game ini. Namun kali ini, game yang saya bagikan sudah satu paket. Maksudnya antara ISO game dan Emulator sudah digabungkan menjadi satu file. Jadi sobat tidak perlu memilik Emulator lagi untuk membukanya.

Dalam mengatur tombol-tombol untuk memainkan game, sobat klik menu "Archivo" dan pilih "configuracion".

Download Bloody Roar 2 PS1 for PC

Lalu pilih menu "controles" dan mulai mengatur tombol kontrol. Caranya, klik pada kotak fungsi tombol yang akan sobat atur>>Tekan tombol yang akan sobat tetapkan sesuai fungsi disampingnya>>klik Apply dan OK.


OK, bagi sobat yang mau game ini, silakan Download Bloody Roar 2 PS1 for PC (21 Mb) pada link di bawah ini.

DOWNLOAD

Wednesday, July 10, 2013

Download Castlevania and Contra Nintendo for PC

Saya punya sebuah game yang benar-benar klasik. Banyak digemari (katanya) pada saat populer Nintendo yaitu Castlevania dan Contra. Kedua game ini jelas berbeda, namun kali ini kedua game tersebut telah digabungkan menjadi satu paket. Jika sobat ingin game ini atau sekedar ingin mencobanya silakan dapatkan disini pada artikel Download Castlevania and Contra Nintendo for PC dengan ukuran file yang super kecil dan ringan untuk PC sobat yaitu kurang lebih 3,5 Mb.
Dulu Nintendo sangat digemari, begitu pun game ini. Namun waktu itu saya masih kecil dan belum tau Nintendo ini, jadi terkesan saya ini sok tau ya, hehe. Pokoknya bagi sobat yang pernah mengalami kecintaan terhadap nintendo dan ingin melepas rindu pada salah satu gamenya, silakan cobat download dan mainkan game yang satu ini. Untuk cara memainkanya tidak akan saya jelaskan. Jangan khawatir, didalam file Rar yang akan sobat download nantinya, terdapat file Pdf yang berisi panduan penggunaan game ini secara lengkap.

Download Castlevania and Contra Nintendo for PC

Bagusnya lagi, game yang saya bagikan ini adalah game paket yang berisi 5 game dari Castlevania dan Contra. Seru deh, lumayan untuk menemani sobat disaay sedang bosan, yap. Berikut Screenshotnya:

Download Castlevania and Contra Nintendo for PC

Download Castlevania and Contra Nintendo for PC

Download Castlevania and Contra Nintendo for PC

OK, bagi sobat yang ingin memiliki game ini, silakan download pada link di bawah ini.

DOWNLOAD

Tuesday, July 9, 2013

Cara Mengoptimasi Sitemap Blog di Bing

Cara Mengoptimasi Sitemap Blog di Bing
Salah satu keperluan SEO pada Blog adalah optimasi sitemap. Selain pada Google sitemap perlu dioptimasi, pada Bing juga perlu dilakukan pengoptimalan sitemap. Sitemap jika diartikan pada bahasa Indonesia yaitu Peta Situs. Jadi mungkin menurut saya Sitemap adalah sebuah URL yang perlu dioptimalkan untuk membantu Search Engine dalam mengenali konten-konten pada Situs/Blog. Kali ini saya akan bahas optimasi sitemap di Bing saja, silakan baca terus untuk mengetahui Cara Mengoptimasi Sitemap Blog di Bing.
Jadi dengan dikirim dan dioptimalkanya sitemap pada Blog sobat, dapat mempermudah search engine untuk mengindex konten-konten pada Blog sobat. Kini apakah sobat tertarik untuk meningkatkan nilai SEO pada Blog sobat dengan mengoptimalkan sitemap khususnya di Search Engine Bing? Silakan simak langkah-langkahnya berikut ini:

1. Masuk serta lakukan sign in ke Bing Webmaster Tools.
2. Jika sobat memiliki beberapa situs/Blog, pilih Blog yang akan dilakukan pengoptimasian sitemap.
3. Setelah masuk di halaman dashboard, perhatikan menu-menu di sebelah kiri halaman. Klik menu dropdown Configure My Site dan pilih Sitemap.

Cara Mengoptimasi Sitemap Blog di Bing

4. Selanjutnya sobat masukan xml sitemap pada kotak yang telah disediakan dan klik Submit.

Cara Mengoptimasi Sitemap Blog di Bing

Saya akan berikan 4 contoh sitemap xml yang bisa sobat gunakan salah satu atau pun semuanya:
  • http://regibrader-free.blogspot.com/feeds/posts/full 
  • http://regibrader-free.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=500 
  • http://regibrader-free.blogspot.com/feeds/posts/default
  • http://regibrader-free.blogspot.com/feeds/posts/default?max-results=9999&amp;amp;alt=json-in-script&amp;amp;callback=loadtoc
Ubah url berwarna merah dengan URL Blog sobat.

Selesai, biasanya sitemap yang sobat kirimkan tidak akan langsung direspon oleh Bing dan akan ada keterangan "pending".

Cara Mengoptimasi Sitemap Blog di Bing

Jadi sobat harus sabar menunggu hingga akhirnya sitemap yang sobat kirimkan sukses dikirim dan akan muncul jumlah url yang berhasil dioptimasi. Setiap sitemap xml yang saya berikan diatas memiliki kemampuan untuk mengoptimasi url dengan jumlah yang berbeda-beda.

Cara Mengoptimasi Sitemap Blog di Bing

Sunday, July 7, 2013

Cara Membuat Tombol Back To Top di Blog

Cara Membuat Tombol Back To Top di Blog
Tombol Back To Top ini akan bermanfaat bagi pengunjung ketika ia ingin kembali ke bagian paling atas pada halaman web setelah membaca artikel pada Blog sobat yang panjang. Ok, jika sobat ingin membuat Tombol Back To Top ini, silakan simak artikel kali ini tentang Cara Membuat Tombol Back To Top di Blog.
Tombol Back To Top ini akan berada di sudut kanan bawah pada halaman web.

Berikut langkah-langkah dalam Membuat Tombol Back To Top di Blog.

1. Login ke akun Blogger sobat.
2. Masuk pada bagian Tata Letak.
3. Klik tambahkan gadget di posisi mana saja, hasilnya akan tetap berada di sudut kanan bawah.
4. Pilih mode HTML/Javascript.
5. Masukan kode html berikut.

<!--Back to top script-->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" >

var scrolltotop={
    setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 200]},
    controlHTML: '<img src="http://2.bp.blogspot.com/-5xtKo3sslHs/UPbpgD8LY2I/AAAAAAAACBc/gIQGZ9ZBzDg/s1600/back+to+top13.png" />',
    controlattrs: {offsetx:5, offsety:5},
    anchorkeyword: '#top',
    state: {isvisible:false, shouldvisible:false},
    scrollup:function(){
        if (!this.cssfixedsupport)
            this.$control.css({opacity:0})
        var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
        if (typeof dest=="string" && jQuery('#'+dest).length==1)
            dest=jQuery('#'+dest).offset().top
        else
            dest=0
        this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
    },
    keepfixed:function(){
        var $window=jQuery(window)
        var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
        var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
        this.$control.css({left:controlx+'px', top:controly+'px'})
    },
    togglecontrol:function(){
        var scrolltop=jQuery(window).scrollTop()
        if (!this.cssfixedsupport)
            this.keepfixed()
        this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
        if (this.state.shouldvisible && !this.state.isvisible){
            this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
            this.state.isvisible=true
        }
        else if (this.state.shouldvisible==false && this.state.isvisible){
            this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
            this.state.isvisible=false
        }
    },
 
    init:function(){
        jQuery(document).ready(function($){
            var mainobj=scrolltotop
            var iebrws=document.all
            mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
            mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
            mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
                .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
                .attr({title:'Scroll Back to Top'})
                .click(function(){mainobj.scrollup(); return false})
                .appendTo('body')
            if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //khusus versi IE6 ke bawah untuk loose check, juga untuk melihat apakah control mengandung teks
                mainobj.$control.css({width:mainobj.$control.width()}) //IE6- perlu diset witdh yang jelas agar kontainer text terbentuk dengan rapi
            mainobj.togglecontrol()
            $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
                mainobj.scrollup()
                return false
            })
            $(window).bind('scroll resize', function(e){
                mainobj.togglecontrol()
            })
        })
    }
}
scrolltotop.init()

<!--Back to top script end--></script>

Catatan:
  • Jika telah terdapat script berwarna biru pada Template yang sobat miliki, maka hapuslah kode tersebut agar tidak terjadi bentrok antar Javascript.
  • Kode-kode berwarna hijau bisa sobat ubah:
- Starline: Ukuran tinggi dalam pixel setelah halaman digulir kebawah dimana Tombol Back To Top akan muncul.
- Scrollto: Posisi tujuan tombol back to top, dihitung dari paling atas. 0 artinya 0 pixel dari atas halaman.
- Scrollduration: Kecepatan atau durasi scroll, semakin ditambah nilainya maka semakin lambat.
- Fadeduration: Kecepatan atau durasi fade, fade adalah gerakan muncul. Yang pertama nilai fade in, dan yang kedua nilai fade out.
- Offsetx: Posisi tombol back to top, semakin ditambah maka akan semakin merapat ke dalam.
- Scroll Back To Top: title pada tombol
  • Kode berwarna merah bisa sobat ubah dengan gambar Tombol Back To Top yang sobat inginkan. Namun jika tidak diubah maka hasilnya akan seperti berikut.
Tombol Back To Top 
Ada beberapa pilihan gambar untuk tampilan tombol Back To Top:

Tombol Back To Top

Tombol Back To Top

Tombol Back To Top

Tombol Back To Top

Tombol Back To Top

Tombol Back To Top

Tombol Back To Top

Tombol Back To Top

6. Setelah selesai, maka klik Simpan.

Friday, July 5, 2013

Cara Verifikasi Website/Blog di Bing

Cara Verifikasi Website/Blog di Bing
Bing merupakan search engine selain dari Google. Bing juga telah banyak digunakan oleh pengguna internet di seluruh dunia. Oleh sebab itu, sobat yang memiliki Website/Blog harus verifikasi Blog sobat di Bing. Verifikasi ini dilakukan agar Situs sobat memiliki kepemilikan yang sah pada suatu e-mail yang sobat gunakan dimata search engine khususnya Bing. Silakan bagi sobat yang memerlukan hal ini, simak artikel saya tentang Cara Verifikasi Website/Blog di Bing.
Apa manfaat dari verifikasi di Bing ini? Manfaatnya adalah jika sebuah situs memiliki kepemilikan yang sah di mata Bing, maka Bing tidak akan mengabaikan konten-konten pada Blog sobat dan akan mengindex konten-konten pada Blog sobat. Setelah terindex maka konten Blog sobat akan tampil pada hasil pencarian.


Blog tampil pada hasil pencarian Bing
Yah meskipun tidak paling atas, yang penting berada dihalaman utama, hehe.

Silakan simak, berikut adalah Cara Verifikasi Website/Blog di Bing.
1. Masuk pada halaman Bing Webmaster Tools.
2. Lakukan Sign in atau klik sign up jika belum mempunya akun Bing/Microsoft.

Cara Verifikasi Website/Blog di Bing
 
3. Setelah masuk halaman webmaster, klik Add Site pada pilihan di tab sebelah kanan.

Cara Verifikasi Website/Blog di Bing

4. Lalu masukan URL blog sobat yang baru/yang akan sobat verifikasi, masukan sitemap, dan klik Add. Salah satu contoh sitemap-nya seperti ini. http://regibrader-free.blogspot.com/feeds/posts/full (Selengkapnya mengenai sitemap xml). Tulisan berwarna merah ubah dengan url Blog sobat.


Cara Verifikasi Website/Blog di Bing

5. Bing akan memberikan kode verifikasi. Silakan copy kode seperti yang saya beri garis bawah berwarna merah.

Cara Verifikasi Website/Blog di Bing

6. Sekarang masuk ke akun Blogger sobat, pilih bagian Template dan klik Edit Template.
7. Cari kode <head> dengan tombol ctrl+F. Letakan kode yang diberikan Bing dibawah kode <head>, lalu klik Simpan Template.
8. Kembali ke halaman dimana sobat mendapatkan kode verifikasi dari Bing. Gulir sedikit ke bagian bawah dan klik VERIFY.

Cara Verifikasi Website/Blog di Bing

Selamat, Website/Blog sobat telah terverifikasi di Bing. Sekarang sobat tingaal menggunakan fasilitas-fasilitas pada Bing Webmaster Tools (tidak akan saya bahas untuk kali ini) untuk mendapatkan informasi dan mengoptimalkan SEO Blog sobat di Bing.

Cara Verifikasi Website/Blog di Bing