DROIDBREAK: 2018

Archive for 2018

Cara Pasang TWRP Xiaomi Redmi S2

Admin

Kali ini Info Terkudet akan membagikan sebuah tutorial Cara Pasang TWRP Xiaomi Redmi S2. Di artikel ini saya akan memberikan 2 cara untuk pasang TWRP pada Xiaomi Redmi S2, yaitu cara pasang TWRP dengan cara biasa dan kedua cara pasang TWRP khusus untuk Xiaomi Redmi S2 kalian yang sudah terkena fitur ARP (Anti Rollback Protection).

Syarat Pasang TWRP Xiaomi Redmi S2 :
- Xiaomi Redmi S2 kalian sudah di UBL (Unlock Bootloader).
- Mempunyai laptop atau komputer. Jika kalian tidak punya, kalian bisa melakukannya di Warnet.
- Laptop atau komputer sudah terinstal Driver Qualcomm.

#1. Cara Pasang TWRP Xiaomi Redmi S2 :
1. Download ADB dan TWRP Redmi S2.
2. Aktifkan USB Debugging, dengan cara klik Setelan > Setelan tambahan > Opsi Developer > Aktifkan USB Debugging.
3. Sambungkan Redmi S2 kalian ke laptop atau komputer dengan kabel USB asli atau bawaan.
4. Ekstrak file atau berkas yang sudah di download tadi.
5. Buka folder tersebut, lalu tekan Shift + klik Kanan secara bersamaan > klik Open Command Window Here.
6. Lalu ketik adb devices. jika muncul beberapa digit angka dan huruf, berarti smartphone kalian terdeteksi pada laptop atau komputer (Contoh : 2f32xxx devices , atau semacamnya).
7. Ketik adb reboot bootloader, dan smartphone kalian akan masuk mode Fastboot.
8. Ketik fastboot flash recovery twrp.img , untuk memasang TWRP.
9. Jika ada keterangan writing 'recovery' ... OKAY [x.xxx s] finished, tandanya memasang TWRP berhasil.
10. Untuk lebih memastikannya lagi, tekan tombol Vol Down + Power secara bersamaan dan di tahan sedikit agak lama, jika sudah muncul dan masuk mode TWRP, tandanya benar - benar berhasil.
11. Selesai.

Jika saat anda ingin pasang TWRP namun gagal dan mendapatkan keterangan FAILED (remote : Anti-rollback check failed), kalian bisa menggunakan cara ke dua dibawah ini, cara ke dua dibawah ini tidak berbeda jauh dengan cara pertama tadi.

#2. Cara Pasang TWRP Xiaomi Redmi S2 (Anti Rollback Protection) :

1. Download ADB dan TWRP Redmi S2.
2. Aktifkan USB Debugging, dengan cara klik Setelan > Setelan tambahan > Opsi Developer > Aktifkan USB Debugging.
3. Sambungkan Redmi S2 kalian ke laptop atau komputer dengan kabel USB asli atau bawaan.
4. Ekstrak file atau berkas yang sudah di download tadi.
5. Buka folder tersebut, lalu tekan Shift + klik Kanan secara bersamaan > klik Open Command Window Here.
6. Lalu ketik adb devices. jika muncul beberapa digit angka dan huruf, berarti smartphone kalian terdeteksi pada laptop atau komputer (Contoh : 2f32xxx devices , atau semacamnya).
7. Ketik adb reboot bootloader, dan smartphone kalian akan masuk mode Fastboot.
8. Ketik fastboot flash antirbpass dummy.img , untuk bypass Anti Rollback Protection saat memasang TWRP Redmi S2.
9. Jika ada keterangan writing 'antirbpass' .... OKAY [x.xxx s] finished , tandanya bisa melanjutkan pemasangan TWRP.
10. Ketik fastboot flash recovery twrp.img , untuk memasang TWRP.
11. Jika ada keterangan writing 'recovery' ... OKAY [x.xxx s] finished, tandanya memasang TWRP berhasil.
12. Untuk lebih memastikannya lagi, tekan tombol Vol Down + Power secara bersamaan dan di tahan sedikit agak lama, jika sudah muncul dan masuk mode TWRP, tandanya benar - benar berhasil.
13. Selesai.

Bahan - bahan :

ABD + TWRP

MiPC Suite

Driver Qualcomm

Cara Unbrick atau Mengatasi Redmi Note 5 Pro (Whyred) Mati Total 100% Berhasil

Admin 10:22 PM Add Comment

Admin

Halo kali ini Info Terkudet akan membagikan sebuah tutorial Cara Unbrick Redmi Note 5 Pro (Whyred). Bagi Redmi Note 5 Pro (Whyred) kalian yang mengalami brick atau mati total karena kalian memaksakan untuk melakukan Downgrade versi MIUI pada Redmi Note 5 Pro (Whyred) kalian yang sudah terjebak atau terkunci oleh fitur Anti Rollback Protection (ARP), gagal flash Rom, gagal pasang TWRP, gagal Root pada Redmi Note 5 Pro (Whyred), kalian bisa mencoba tutorial ini.

Jika kalian sudah yakin dan siap menerima apapun yang akan terjadi pada smartphone kalian, silahkan simak baik - baik dan ikuti langkah - langkah dibawah ini.

Syarat sebelum melakukan Unbrick Redmi Note 5 Pro (Whyred) :
- Membuat Akun yang di authorized (disetujui) oleh MIUI Forum Rusia, harus Request sampai dapat pesan persetujuan DI SINI , login akun dan komentar yang isinya Nomor ID Mi anda, contoh “32532xxxxxxx” lalu klik komen dan tunggu pesan balasan persetujuannya.

Cara Unbrick Redmi Note 5 Pro (Whyred) :
1). Siapkan komputer atau laptop kalian, ataupun anda bisa melakukannya di Warnet.
2). Siapkan kabel data USB Original Redmi Note 5 Pro kalian.
3). Download bahan - bahan yang diperlukan.
4). Berdoalah sebelum melakukan cara ini, agar berhasil dan Redmi Note 5 kalian kembali normal.
5). Install MiFlash dan Qualqomm Driver yang sudah kalian download tadi.
6). Ekstrak Rom berformat .tar yang sudah kalian download tadi, ekstrak sampai akan jadi file (tanpa ekstensi), lalu rename ditambahkan di ujungnya .zip , dan ekstrak kembali.
7). Buka MiFlash ,
8). Install Driver saat ada popup (notif)
9). Lalu klik Select dam pilih folder hasil ekstrakkan di Desktop tadi.
10). Colokan Redmi Note 5 kalian ke laptop atau komputer menggunakan kabel USB Original Redmi Note 5, sambil menekan tombol Power + Vol Down.
11). Klik Refresh.
12). Setelah Terdeteksi COMxxx di sebelah kiri, lalu klik Flash (Vol Down yang ditekan dilepas).
13). Jika ada Error, ulangi terus sampai ada notif login akun.
14). Masukkan akun yang disetujui MIUI Rusia tadi.
15). Tunggu sampai ada tulisan “Login Successful”, dibawahnya ada keterangan “This computer is bound to your account, you can start now”. Jika keterangannya Failed, ulangi proses dari langkah nomor 5, jika “Unauthorized xiaomi account” berarti akun kalian belum di setujui oleh pihak MIUI Rusia.
16. Lalu klik Flash pada MiFlash, dan tunggu selama 5-15 menit, jika di result ada keterangan “Success”, bertanda proses berhasil.
17. Jika Redmi Note 5 Pro kalian tidak terjadi Reboot Otomatis, kalian bisa melakukannya secara manual dengan cara menekan tombol Power.
18. Tunggu hingga proses Rebooting selesai dan masuk ke tampilan Home awal.
19. Jika sudah masuk ke tampilan home awal, bertanda Redmi Note 5 kalian sudah kembali normal dan bisa digunakan kembali.
20. Selesai.

Bahan - bahan :

Rom Fastboot Redmi Note 5 Pro (Whyred)

Qualqomm driver 9008

MiFlash v2018.5.28.0

Cara Root Xiaomi Redmi Note 5 Pro (Whyred) Tanpa PC 100% Berhasil

Admin 10:23 AM Add Comment

Admin

Di kesempatan ini Info Terkudet akan membagikan sebuah artikel tentang Cara Root Xiaomi Redmi Note 5 Pro (Whyred) Tanpa PC atau Komputer, di artikelnya saya sudah membuat atau membahas artikel tentang Cara Pasang TWRP untuk Xiaomi Redmi Note 5 Pro (Whyred), yang bisa kalian baca terlebih dahulu.

Di artikel Cara Root Redmi Note 5 Pro (Whyred) ini kalian bisa mengikuti langkah - langkahnya.

Sebelumnya saya akan menanyakan kepada kalian, apakah kalian yakin ingin Root Redmi Note 5 Pro kalian ? apakah kalian bersedia menanggung semua resiko pada Redmi Note 5 Pro kalian ? Karena apapun yang akan terjadi pada smartphone kalian, saya tidak akan bertanggung jawab jika Redmi Note 5 Pro kalian terjadi Hard brick , Bootloop, ataupun Mati Total !

Jika kalian sudah yakin dan siap menerima apapun yang akan terjadi pada smartphone kalian, silahkan simak baik - baik dan ikuti langkah - langkah dibawah ini.

Cara Root Xiaomi Redmi Note 5 Pro (Whyred) Tanpa PC 100% Berhasil

Syarat sebelum Root di Redmi Note 5 Pro (Whyred) :

1. Redmi Note 5 Pro kalian sudah UBL (Unlock Bootloader)

2. Redmi Note 5 Pro kalian sudah di pasang atau flash TWRP.

Cara Root Xiaomi Redmi Note 5 Pro (Whyred) Tanpa PC :

1. Download Bahan - bahannya terlebih dahulu.

2. Copy dan paste file di memory telepon atau kartu memori (simpan di luar berkas atau folder).

3. Masuk ke Mode TWRP dengan cara Matikan smartphone,

4. Jika smartphone sudah kondisi mati, tekan tombol Vol Up + Power sampai muncul logo "MI".

5. Jika sudah muncul logo "MI" lepaskan tombol Power, namun tetap tahan tekan tombol Vol Up sampai masuk mode TWRP.

6. Sudah masuk mode TWRP, kalian klik Install.

7. Pilih Magisk-v16.3.zip atau UPDATE-SuperSU-v2.82-20170528234214.zip , yang telah kalian download tadi.

8. Lalu Swipe to confirm to Flash, jangan dulu di Reboot.

9. Klik kembali.

10. Lalu pilih file no-verity-opt-encrypt-6.0.zip , yang telah kalian download tadi, ini berguna untuk agar Redmi Note 5 Pro kalian tidak bootloop.

11. Lalu Swipe to confirm to Flash.

12. Klik Reboot System dan tunggu hingga proses selesai.

13. Download dan install Root Checker di Playstore.

14. Buka Root Checker.

15. Klik Verifikasi Root > klik Oke atau Izinkan

16. Jika berwarna hijau dan keterangannya "Congratulations! Root access is properly installed on devices" berarti Redmi Note 5 Pro kalian berhasil di Root, dan jika berwarna merah tandanya root gagal dan harus mengulang lagi proses Root dari langkah nomor 3 sampai langkah nomor 15.

17. Selesai.

Bahan - bahan :

SuperSU.zip | Magisk.zip (pilih salah satu)

file no-verity-opt-encrypt-6.0.zip (Wajib di download)

Cara Memasang TWRP untuk Xiaomi Redmi Note 5 Pro (Whyred)

Admin 3:43 AM Add Comment

Admin

Hai sobat Info Terkudet, kali ini saya akan membagikan sebuah artikel tentang Cara Pasang TWRP untuk Xiaomi Redmi Note 5 Pro (Whyred). Sebelumnya, saya akan memberikan dua tutorial atau Cara untuk Pasang TWRP di Redmi Note 5 Pro (Whyred) ini, yaitu : Cara Pasang TWRP Redmi Note 5 Pro dengan Flasher ToolKit Redmi Note 5 Pro dan cara kedua yaitu memasang TWRP dengan ADB (khusus Redmi Note 5 Pro kalian yang terkena fitur Anti RollBack Protection).

Cara Memasang TWRP untuk Xiaomi Redmi Note 5 Pro (Whyred)

Syarat memasang TWRP di Redmi Note 5 Pro {Whyred):
- Redmi Note 5 Pro (Whyred) sudah di UBL / Unlock Bootloader.
- Punya laptop atau komputer (kalian juga bisa melakukannya di Warnet jika tidak punya laptop / komputer).
- Laptop atau komputer sudah terinstal Driver Qualcomm.

#1. Cara Pasang TWRP dengan Flasher Toolkit TWRP Redmi Note 5 Pro (Whyred) :

1. Download Toolkit TWRP.
2. Aktifkan USB Debugging, dengan cara klik Setelan > Setelan tambahan > Opsi Developer > Aktifkan USB Debugging.
3. Sambungkan Redmi Note 5 Pro kalian ke laptop atau komputer dengan kabel USB asli atau bawaan.
4. Ekstrak Flasher Toolkit TWRP yang sudah di download tadi.
5. Klik 2x file bernama "Klik 2X Toolkit Ini".
6. Pilih TWRP yang anda inginkan (sesuaikan dengan versi android anda, 7.1 (Nougat) atau 8.1(Oreo), atau bisa pilih TWRP yang anda inginkan),
7. Masukan nomor atau angka sesuai pilihan anda, lalu tekan Enter.
8. Tunggu hingga proses selesai.
9. Selesai.

Di cara kedua ini, khusus Redmi Note 5 Pro kalian yang terkena fitur Anti Rollback Protection dengan status FAILED (remote : Anti-rollback check failed) di saat pasang TWRP via ADB.

Tetapi kalian jangan khawatir, ikuti saja langkah dibawah ini untuk mengatasi Anti Rollback Protection (ARP) saat memasang TWRP Redmi Note 5 Pro via ADB, dijamin sukses dan berhasil 100%.

#2. Cara Pasang TWRP Redmi Note 5 Pro (Whyred) untuk Anti Rollback Protection (ARP) via ADB :
1. Download ADB & TWRP Redmi Note 5 Pro (Whyred).
2. Aktifkan USB Debugging, dengan cara klik Setelan > Setelan tambahan > Opsi Developer > Aktifkan USB Debugging.
3. Sambungkan Redmi Note 5 Pro kalian ke laptop atau komputer dengan kabel USB asli atau bawaan.
4. Ekstrak file atau berkas yang sudah di download tadi.
5. buka folder tersebut, lalu tekan Shift + klik Kanan secara bersamaan > klik Open Command Window Here.
6. Lalu ketik adb devices. jika muncul beberapa digit angka dan huruf, berarti smartphone kalian terdeteksi pada laptop atau komputer (Contoh : 2f32xxx devices , atau semacamnya).
7. Ketik adb reboot bootloader, dan smartphone kalian akan masuk mode Fastboot.
8. Ketik fastboot flash antirbpass dummy.img , untuk bypass Anti Rollback Protection saat memasang TWRP Redmi Note 5 Pro.
9. Jika ada keterangan writing 'antirbpass' .... OKAY [x.xxx s] finished , tandanya bisa melanjutkan pemasangan TWRP.
10. Ketik fastboot flash recovery twrp.img , untuk memasang TWRP.
11. Jika ada keterangan writing 'recovery' ... OKAY [x.xxx s] finished, tandanya memasang TWRP berhasil.
12. Untuk lebih memastikannya lagi, tekan tombol Vol Up + Power secara bersamaan dan di tahan sedikit agak lama, jika sudah muncul dan masuk mode TWRP, tandanya benar - benar berhasil.
13. Selesai.

Bahan - bahan :

Flasher Toolkit TWRP | ADB + TWRP (pilih salah satu saja)

MiPC Suite (wajib)
Dummy.img (wajib)

6 Cara Mendapatkan Backlink yang Berkualitas

Admin 6:44 AM Add Comment

Admin

Cara Mendapatakan Backlink Berkualitas di Blog - Sekarang ini banyak sekali perkembangan dan perubahan Seo Google. Sperti tidak andanya update Toolbar yang dilakukan oleh Google dalam 2 tahun terakhir dan sekarang sudah di tutup sepenuhnya oleh google.

Tetapi dalam hal ini bukan berarti tidak ada Pagerank, namun hanya saja tidak dibuka/diperlihatkan oleh pengguna secara umum. Hal ini menjadikan para pelaku SEO beralih dari Pagerank ke Page Authority dan Domain Authority, atau biasa di sebut PA dan DA.

Terus apa itu Backlink? Backlink merupakan link website, dalam hal ini website anda yang di letakkan pada web orang lain, yang bertujuan untuk mendapatkan kunjungan ketika link tersebut di klik orang yang sedang membaca di website lain. Backlink merupakan hal yang harus dilakukan dalam hal untuk meningkatkan trafik dari mesin pencari dari Bing, Yahoo, Google.

Tetapi yang perlau anda perhatikan adalah bahwa google sekarang mementingkan kualitas bukan kuantitas dari baclink tersebut, jadi pilahan anda sekarang yang menjadi prioritas utama yaitu mencari atau menanam backlink pada halaman yang sesuai dengan topik web anda, atau halamn yang relevan serta mempunyai otoritas yang tinggi.

Cara Mendapatakan Backlink yang Berkualitas

Mendapatkan sebuah backlink secara garis beser bisa di dapatkan dengan Off page Seo serta Webspam.

Dengan menjadikan web anda menjadi lebih terkenal dan mempunyai reputasi tinggi merupakan teknik off page seo yang bertujuan untuk mendaptakan backlink yang berkualitas. Untuk itu anda bisa melakukaknya dengan promosi web anda di berbagai media bisa juga dengan promosi ke sosial media seperti twitter, facebook, google plus, dll... yang berguna untuk membuat web anda lebih banyak di kenal orang. Atau bisa juga membuat konten video untuk memancing efek viral dalam web anda, postingan yang heboh saat ini yang menjadi trend. Bersponsor pada media sosial, Rajin bermain di group dan forum sesuai tema atau niche dari web anda sehingga anda dapat menjawab pertanyaan pertanyaan dari member sehingga anda dapat memasang link website anda. Tetapi jangan melakukan spam yang berlebihan karena ini tidak baik untuk perkembangan website anda.

Tetapi dengan melakukan hal ini belum tentu anda kan mendapatkan backlink, akan tetapi dengan berjalannya waktu kemungkinan besar akan ada web orang lain yang akan menanamkan link web anda pada halamannya.

Website tertentu memang sulit dalam mendapatkan backlink misal sebuah web yang niche nya menjual mobil misalnya. Web tersebut sulit untuk mendapatkan backlink lantas sulit untuk menjadikan halaman yang heboh atau viral. Kecuali kalau website tersebut membuat sebuah undian gratis mobil misal, mungkin ini akan banyak pengunjung yang datang. Inilah yang menjadikan untuk mendatangkan backlink itu tidak mudah.

Kriteria backlink yang mempunyai kualitas yang baik.

Dofollow.

Poin penuh dari backling yang di berikan berupa poin kata kunci, poin relevansi, serta poin halaman. Doffolow lah yang dapat meningkatkan pagerank google. Sementara backlink nofollow tidak dapat memberikan anda poin, akan tetapi para pelaku seo biasa melakukan ini supaya terlihat lebih natural.

Beragam Teks Jangkar.

Banyak sekali web yang terkena sanbox google, ini disebabkan karena mereka memasang terlalu pendek dalam kata kunci dengan jumlah yang banyak, karena ini merupakan teknik backlink yang kurang baik dan aman, cobalah memasang teks jangkar jangan lebih dari 15% presentase.

Domain Berasal dari banyak sumber.

Backlink yang alami merupakan backlink yang didapatkan dari berbagai macam domain. Hindari backlink dengan hanya dari satu sumber yang sama karena ini akan menjadikan web anda rawan terkena pinalty google penguin.

Top Level Domain atau TLD.

Keberagaman domain ini juga bisa menambah backlink secara alami. Tetapi ini hanya sebagai peningkat kealamian saja, dan tidak ada pembeda antara domain satu dengan yang lainnya.

Relevan.

Relevan dalam backlink merupakan poin yang maksimal. Jadi ketika anda mendapatkan backlink yang sama pembahasannya dalam website anda maka ini adalah poin penuh dari backlink itu sendiri.

Mempunyai Page Authority (PA) yang tunggi.

Satu arah dalam melakukan backlink bukan timbal balik, karena ini akan rawan terkena algoritma google.

Menonaktifkan / Disable Klik Kanan pada Blog

Admin 7:13 PM Add Comment

Admin

Cara Menonaktifkan / Disable Klik Kanan pada Blogger - Hallo ! Di kesempatan ini Info Terkudet akan membahas tentang tutorial Disable Klik Kanan pada Blog. Menonaktifkan klik kanan pada blog adalah cara antisipasi agar blog kita tidak di Copy Paste (Copas), Inspect Element, dan melakukan pencurian kode / skript dengan cara CTRL + U oleh orang-orang yang tak bertanggung jawab.

Sebelumnya saya sudah membahas tentang Cara Agar Blog Tidak Bisa di Copy Paste. Tanpa basa-basi lagi langsung saja kita menuju langkah-langkah cara menonaktifkan klik kanan pada blog. Caranya cukup mudah, anda cukup mengikuti seperti langkah-langkah dibawah ini :

#1 Cara Disable Klik Kanan pada Blog

1. Buka dan masuk ke blogger.
2. Pada dashboard blogger, anda klik Tata Letak > Tambah Gadget > HTML/Javascript.
3. Lalu Copy Paste kode dibawah ini :

<script language=JavaScript>
var message="Function Disabled!";

///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}

function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}

if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}

document.oncontextmenu=new Function("alert(message);return false")
</script>

4. Klik Simpan
Dan lihatlah hasilnya.

#2 Cara Disable Klik Kanan pada Blog

1. Buka dan masuk ke blogger.
2. Pada dashboard blogger, anda klik Tata Letak > Tambah Gadget > HTML/Javascript.
3. Lalu Copy Paste kode dibawah ini :


<script type='text/javascript'>
//<![CDATA[
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>

4. Klik Simpan.
Dan lihatlah hasilnya.

Demikianlah artikel pada kesempatan ini, yaitu Menonaktifkan / Disable Klik Kanan pada Blog. Semoga dapat bermanfaat untuk kita semua.😄

Cara Membuat Contact Form di Blog Lengkap

Admin 10:38 PM Add Comment

Admin

Membuat Contact Form di Blogger - Di artikel pertama ini Info Terkudet akan membahas cara membuat contact form di blog. Memasang contact form ini sangat penting untuk blogger, bukan hanya itu saja, anda jika ingin mendaftarkan Google Adsense non-hosted ataupun hosted blogger wajib membuat atau memasang widget Contact Form.

Contact Form di Blog memiliki manfaat banyak untuk blog / web, selain fitur pendukung untuk daftar Google Adsense, contact form juga bisa untuk memudahkan para pengunjung blog (pembaca) anda mengirimkan pesan, kritikan, laporan, dan pertanyaan secara pribadi tanpa orang lain mengetahuinya, Contact Form juga bermanfaat untuk web / blog bisnis (online shop) seperti : anda menjual template blogger hasil karya anda sendiri, berjualan pakaian, makanan, dan kebutuhan lainnya, ini dapat memudahkan anda dan calon pembeli untuk bertanya-tanya, bernegoisasi harga, dan lain-lainnya.

Contact Form ini saya dapatkan dari beberapa sumber, dan saya bagikan lagi kepada kalian yang sedang mencari atau membutuhkanya. Berikut adalah beberapa Tutorial Membuat Contact Form di Blog dan versi gaya contact form tersebut :

Cara Membuat Contact Form di Blog Lengkap

#1 Contact Form dengan Material Design

1. Buka dan masuk ke Blogger.
2. Pada Dashboard Blogger, klik Laman > Laman Baru.
3. Pada Navbar kalian pilih mode HTML.
4. Copy Paste kode dibawah ini :

<style scoped="scoped">
.blanterinput{float:none;position:relative;margin-bottom:45px;margin-right:10px}.blanterinput input,.blanterinput textarea{font-size:15px;padding:15px 0;display:block;width:100%;border:none;border-bottom:1px solid #ddd}.blanterinput input:focus,.blanterinput textarea:focus{outline:none}.blanterinput label{color:#999;font-size:15px;font-weight:400;position:absolute;pointer-events:none;left:0;top:10px;transition:.2s ease all}.blanterinput input:focus ~ label,.blanterinput input:valid ~ label,.blanterinput textarea:focus ~ label,.blanterinput textarea:valid ~ label{top:-20px;font-size:14px;color:#07ACEC}.bar{position:relative;display:block;width:100%}.bar:before,.bar:after{content:'';height:2px;width:0;bottom:1px;position:absolute;background:#07ACEC;transition:.2s ease all}.bar:before{left:50%}.bar:after{right:50%}.blanterinput input:focus ~ .bar:before,.blanterinput input:focus ~ .bar:after,.blanterinput textarea:focus ~ .bar:before,.blanterinput textarea:focus ~ .bar:after{width:50%}.highlight{position:absolute;height:50%;width:100px;top:25%;left:0;pointer-events:none;opacity:.5}.blanterinput input:focus ~ .highlight,.blanterinput textarea:focus ~ .highlight{animation:inputHighlighter .3s ease}.blanterinput input:focus ~ label,.blanterinput input:valid ~ label,.blanterinput textarea:focus ~ label,.blanterinput textarea:valid ~ label{top:-20px;font-size:13px;color:#07ACEC}
input#ContactForm1_contact-form-email-message{height:150px}
input#ContactForm1_contact-form-submit{color:#fff!important;background:#07ACEC;padding:15px 25px;border-radius:4px;border:none;outline:none;box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);cursor:pointer;transition:all .4s ease-in-out;text-transform:uppercase;float:left;margin-top:15px}
input#ContactForm1_contact-form-submit:hover{box-shadow:0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
#ContactForm1_contact-form-error-message{float:right;background:#D32F2F;color:#fff;font-size:13px;font-weight:700;border-radius:3px}#ContactForm1_contact-form-success-message{float:right;background:#4CAF50;color:#fff;font-size:13px;font-weight:700;border-radius:3px}
</style>
<form name="contact-form">
<div class="blanterinput">
<input class="validate" id="ContactForm1_contact-form-name" name="name" required="" type="text" value="" />
<span class="highlight"></span>
<span class="bar"></span>
<label>Name</label>
</div>
<div class="blanterinput">
<input class="validate" id="ContactForm1_contact-form-email" name="email" required="" type="email" value="" />
<span class="highlight"></span>
<span class="bar"></span>
<label>Email</label>
</div>
<div class="blanterinput">
<textarea class="validate" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" required="" rows="5"></textarea>
<span class="highlight"></span>
<span class="bar"></span>
<label>Message</label>
</div>
<input id="ContactForm1_contact-form-submit" type="button" value="Send" />
<div id="ContactForm1_contact-form-error-message">
</div>
<div id="ContactForm1_contact-form-success-message">
</div>
</form>
<script src="https://www.blogger.com/static/v1/widgets/2271878333-widgets.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
if (typeof(BLOG_attachCsiOnload) != 'undefined' && BLOG_attachCsiOnload != null) { window['blogger_templates_experiment_id'] = "templatesV1";window['blogger_blog_id'] = '2208597454477011364';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//www.blogger.com/rearrange?blogIDx2208597454477011364','//sangkudet.blogspot.com/','2208597454477011364');
_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'footer1', null, document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': '<span style="padding:5px 10px">Sending...</span>', 'contactFormMessageSentMsg': '<span style="padding:5px 10px">Your message has been sent.</span>', 'contactFormMessageNotSentMsg': '<span style="padding:5px 10px">Message could not be sent. Please try again later.</span>', 'contactFormInvalidEmailMsg': '<span style="padding:5px 10px">A valid email address is required.</span>', 'contactFormEmptyMessageMsg': '<span style="padding:5px 10px">Message field cannot be empty.</span>', 'title': 'Contact Form', 'blogId': '8866800899420715293', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));
//]]>
</script>

5. Klik Publikasikan.

- Ganti sangkudet.blogspot.com dengan Url / domain blog anda.
- Ganti kode warna #07ACEC dengan kode warna yang anda sukai.
- Ganti 2208597454477011364 dengan ID Blog anda.

#2 Contact Form dengan Flat UI

1. Buka dan masuk ke Blogger.
2. Pada Dashboard Blogger, klik Laman > Laman Baru.
3. Pada Navbar kalian pilih mode HTML.
4. Copy Paste kode dibawah ini :

<form id="kontak-arlina" name="contact-form">

<input id="ContactForm1_contact-form-name" name="name" placeholder="Name *" size="30" type="text" value="" />

<input id="ContactForm1_contact-form-email" name="email" placeholder="Email *" size="30" type="text" value="" />

<textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" placeholder="Message *" rows="5"></textarea> 
<input id="ContactForm1_contact-form-submit" type="button" value="Send Message" />  
<div style="max-width: 222px; text-align: center; width: 100%;">
<div id="ContactForm1_contact-form-error-message">
</div>
<div id="ContactForm1_contact-form-success-message">
</div>
</div>
</form>
<style scoped="" type="text/css">
#comments,.post_meta,#blog-pager{display:none}
form{color:#666}
#kontak-arlina{margin:auto;max-width:640px}
#ContactForm1_contact-form-name,#ContactForm1_contact-form-email{height:auto;margin:5px auto;padding:15px 12px;background:#fff;color:#444;border:1px solid rgba(0,0,0,.14);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);border-radius:3px;width:100%;min-width:100%;transition:all 0.5s ease-out}
#ContactForm1_contact-form-email-message{width:100%;height:175px;margin:5px 0;padding:15px 12px;background:#fff;color:#444;border:1px solid rgba(0,0,0,.14);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);border-radius:3px;resize:none;transition:all 0.5s ease-out}
#ContactForm1_contact-form-name:focus,#ContactForm1_contact-form-email:focus,#ContactForm1_contact-form-email-message:focus{outline:none;background:#fff;color:#444;border-color:#66afe9;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,0.6)}
#ContactForm1_contact-form-submit{float:left;background:#34495e;margin:auto;vertical-align:middle;cursor:pointer;padding:12px 20px;font-size:14px;text-align:center;letter-spacing:.5px;border:0;width:100%;max-width:140px;border-radius:3px;color:#fff;font-weight:500;transition:all .8s ease}
#ContactForm1_contact-form-submit:hover{background:#3498db;color:#fff;}
#ContactForm1_contact-form-error-message,#ContactForm1_contact-form-success-message{width:100%;margin-top:35px}
.contact-form-error-message-with-border{background:#f6f6f6;border:none;box-shadow:none;color:#444;padding:5px 0}
.contact-form-success-message{background:#4fc3f7;border:none;box-shadow:none;color:#fff}
img.contact-form-cross{line-height:40px;margin-left:5px}
.post-body input{width:initial}
@media only screen and (max-width:640px){
#ContactForm1_contact-form-name, #ContactForm1_contact-form-email,#ContactForm1_contact-form-submit{width:100%;}}
</style>

5. Klik Publikasikan.

#3 Contact Form dengan Show Hide

1. Buka dan masuk ke Blogger.
2. Pada Dashboard Blogger, klik Template > Edit HTML.
3. Cari kode </style> atau ]]></b:skin>.
4. Copy Paste kode dibawah ini dan simpan diatas kode </style> atau ]]></b:skin> :

/* CSS Contact Form */
#chslidingbox{background:#fff;width:100%;max-width:355px;width:100%;position:fixed;overflow:hidden;border:none;right:0;z-index:99;text-align:left;transition:all .4s ease-out}
.chslidingbox-title{background:#5996C1;color:#fff;display:block;height:45px;line-height:45px;width:100%;font-size:14px;text-transform:capitalize;font-weight:700;letter-spacing:.5px}
.chslidingbox-title span a{font-family:initial;float:right;height:40px;margin:0 0 0 15px;text-align:center;color:#fff;font-size:20px}
a#chslidingbox-close,a#chslidingbox-close{margin-right:15px}
.chslidingbox-title >span >h2{font-size:20px!important;font-weight:normal!important}
.chslidingbox-container{border:1px solid #ddd;float:left;width:100%;height:auto;padding:10px}
.chslidingbox-container >div{border:none;margin:3px 0;padding:10px 0}
.chslidingbox-container >div >span{font-size:14px}
#ContactForm1{display:none;}
#ContactForm1_contact-form-name, #ContactForm1_contact-form-email{
width:300px;height:auto;margin:5px auto;padding:5px;background:#fff;color:#666;border:1px solid #ddd;transition:all 0.5s ease-in-out;box-shadow:none;}
#ContactForm1_contact-form-email-message{width:300px;height:120px;margin:5px 0;padding:5px;background:#fff;color:#666;font-family:'Droid Sans',sans-serif;border:1px solid #ddd;transition:all 0.5s ease-in-out;box-shadow:none;}
#ContactForm1_contact-form-name:focus, #ContactForm1_contact-form-email:focus, #ContactForm1_contact-form-email-message:focus{outline:none; border-color:#444;color:#444;background:#fff;}
#ContactForm1_contact-form-submit {background:#5996C1;color:#fff;border:1px solid #5996C1;width:100px;height:40px;line-height:30px;cursor:pointer;font-weight:700;font-size:13px;text-align:center;text-transform:uppercase;letter-spacing:0.5px;transition:all 0.4s ease-out;}
#ContactForm1_contact-form-submit:hover{background:#fff;color:#5996C1}
#ContactForm1_contact-form-error-message, #ContactForm1_contact-form-success-message{
width:300px;margin-top:35px;}
.show{bottom:-375px}
.hide{bottom:0}

5. Cari kode </body>.
6. Copy Paste kode dibawah ini dan simpan diatas kode </body> :

<script type='text/javascript'>
//<![CDATA[
// Contact Us
$(document).ready(function(){var i=$("#chslidingbox"),s=$("#chslidingbox-close"),o=$("#chslidingbox-maximize"),l=$("#chslidingbox-minimize");l.hide(),s.click(function(){i.css({right:"-350px"}),i.fadeOut("slow")}),o.click(function(){i.toggleClass("hide"),$(this).hide(),l.show()}),l.click(function(){i.toggleClass("hide"),$(this).hide(),o.show()})});
//]]>
</script>

7. Cari kode <body>.
8. Copy Paste kode dibawah ini dan simpan sesudah kode <body> :


<div class='show' id='chslidingbox'>
<div class='chslidingbox-title chslidingbox-www'>
<span style='float:left;margin:0 15px;'>Contact Us</span>
<span><a href='javascript:void(0);' id='chslidingbox-close' title='close'>&#215;</a></span>
<span><a href='javascript:void(0);' id='chslidingbox-maximize' title='maximize'>+</a></span>
<span><a href='javascript:void(0);' id='chslidingbox-minimize' title='minimize'>&#8722;</a></span>
</div><div class='chslidingbox-container'>
<form name='contact-form'>
Nama<br/>
<input id='ContactForm1_contact-form-name' name='name' size='30' type='text' value=''/>
<br/>Email Address*
<br/><input id='ContactForm1_contact-form-email' name='email' size='30' type='text' value=''/>
<br/>Pesan*<br/>
<textarea cols='25' id='ContactForm1_contact-form-email-message' name='email-message' rows='5'></textarea>
<br/><input id='ContactForm1_contact-form-submit' type='button' value='Send'/>
<br/><div style='max-width:222px;text-align:center;width:100%;'>
<div id='ContactForm1_contact-form-error-message'>
</div><div id='ContactForm1_contact-form-success-message'>
</div></div></form></div></div>

9. Simpan.

Demikianlah artikel pertama yang saya buat di blog saya ini, yaitu Cara Membuat Contact Form di Blog . Semoga dapat bermanfaat untuk anda.

Membuat Widget Author Box Mirip KompiAjaib di Blog

Admin 7:39 PM Add Comment

Admin

Membuat Author Box Untuk Sidebar Blog Ala G+ Badge - Pada dikesempatan ini Sang kudet akan membahas tentang tutorial membuat widget Author Box Untuk Sidebar Blog Ala G+ Badge kompi ajaib di blog. Widget Author Box ini memiliki tampilan yang sangat simple dan enak dilihat oleh pengunjung / pembaca.

Widget Author Box ini saya dapatkan saat saya berkunjung ke blog Kompi Ajaib, saat saya mencobanya di blog saya, blog saya tidak terasa berat / menjadi lambat loadingnya, keren dan simple. Saya berniat untuk me-share ulang tutorial Membuat Widget Author Box Mirip Kompi Ajaib di blog saya ini.

Bagi kalian yang berminat dengan widget Author Box ini, silahkan anda simak langkah-langkahnya.

Widget Author Box Mirip KompiAjaib di Blog :

1. Buka dan masuk ke blogger.
2. Pastikan anda sudah memasangkan / menerapkan FontAwesome terdahulu di blog anda.
3. Pada dashboard blogger, anda klik Template > Edit HTML.
4. Cari kode </head>.
5. Lalu Copy Paste kode dibawah ini, dan letakkan kode sebelum </head>.

<!-- Widget Profil start-->
<style type='text/css'>
.sosmed-author,a.authorname,h2.author-title,a.authorname-url{display:block;text-align:center}
.authorbox{width:300px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8YLLGY5tZiWiG-ZZ7mxADOh4d7MNvFQPGqywuUl4-l64jDHldtoXl1E7oe9Qa9JSjOsoGBTdjc2fexlUdZ9kIVkCjjsXIJYdOpji-nw56aPMwxmOEhcedkZlAplKr20lAr3ApYbJVj2Q/s300-fcrop64=1/,00001ad4fffff235) top center no-repeat #fff;border:1px solid #dedede;border-radius:3px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding:16px 0 0;margin:0 auto;}
h2.author-title{font-weight:bold;text-decoration:none;margin:0 auto 10px;font-size:22px;color:#fff!important}
.authorbox img{margin:55px auto 0;border-radius:100%;display:block}
a.authorname{margin:10px auto;font-weight:400;font-size:20px!important;text-decoration:none;}
a.authorname-url{margin:0 auto 10px;font-weight:400;font-size:16px!important;text-decoration:none;}
.sosmed-author li,.sosmed-author ul{list-style:none}
.sosmed-author ul{margin:0!important;padding:0!important}
.sosmed-author{margin:0 auto!important;padding:10px 0;background:#dfdfdf;border-top:1px solid #dedede}
.sosmed-author li{display:inline-block;margin-right:10px}
.sosmed-author li:last-child{margin-right:0}
.sosmed-author li a,a.authorname,a.authorname-url{color:#555!important;transition:all .4s ease-out}
.sosmed-author li a:hover,a.authorname:hover,a.authorname-url:hover{color:#111!important}
a.button-author{display:block;background:#4d90fe;border:1px solid #3079ed;color:#fff!important;font-weight:bold;font-size:16px!important;margin:10px 10px 0;padding:5px;text-align:center;border-radius:3px;transition:all .4s ease-out;text-decoration:none}
a.button-author:hover{background:#357ae8;border:1px solid #2f5bb7}
</style>
<!-- Widget Profil end -->

6. Klik Simpan.
7. Kemudian cari kode </body>.
8. Lalu Copy Paste kode dibawah ini, dan letakkan kode sebelum </body>.

<!-- Widget Profil start -->
<script>
//<![CDATA[
var imgDefer = document.getElementsByTagName("img");
for (var i = 0; i < imgDefer.length; i++) {
    if (imgDefer[i].getAttribute("data-src")) {
        imgDefer[i].setAttribute("src", imgDefer[i].getAttribute("data-src"));
    }
}
//]]>
</script>
<!-- Widget Profil end -->

9. Klik Simpan.
10. Kembali ke dashboard blogger.
11. Pada dashboard blogger, anda klik Tata Letak > Tambah Gadget > HTML/Javascript.
12. Lalu Copy Paste kode dibawah ini :

<div class="authorbox">
  <h2 class="author-title">
Author
</h2>
  <img alt="author" src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgbpRiYzJ72u8YHxRiOUAlf90xFnowsLStNAUs6KX1aYslVQ3vGus4lyDUBry7vVEheFIqSvmaVJany2fhxckKbHGRDrbGhbA1scGddw66RLKvhx2vgmQmDukL_is2_2gVtV4GOvM1LaM/w1366-h768-rw-no/" width="120" height="120" />
  <a class="authorname" href="https://plus.google.com/+AksanPangestu" rel="author" target="_blank" title="Aksan Pangestu">Aksan</a>
  <a class="authorname-url" href="https://plus.google.com/+AksanPangestu" rel="author" target="_blank" title="google.com/+AksanPangestu">google.com/+AksanPangestu</a>
  <div class="sosmed-author">
    <ul>
          <li><a href="https://www.facebook.com/Aksan.Bobotohbox" target="_blank" title="Facebook" rel="nofollow"><i class="fa fa-facebook-square fa-2x" aria-hidden="true"></i></a></li>
          <li><a href="https://twitter.com/Aksanp21_" target="_blank" title="Twitter" rel="nofollow"><i class="fa fa-twitter-square fa-2x" aria-hidden="true"></i></a></li>
          <li><a href="https://www.google.com/+AksanPangestu" target="_blank" title="Google+" rel="nofollow"><i class="fa fa-google-plus-square fa-2x" aria-hidden="true"></i></a></li>
      <li><a href="//www.youtube.com/c/UCuo-ZXHczWuIDqODodhkXTg" target="_blank" title="Youtube" rel="nofollow"><i class="fa fa-youtube-square fa-2x" aria-hidden="true"></i></a></li>
      <li><a href="https://www.linkedin.com/in/Username" target="_blank" title="LinkedIn" rel="nofollow"><i class="fa fa-linkedin-square fa-2x" aria-hidden="true"></i></a></li>
      <li><a href="https://www.instagram.com/Aksanpangestu/" target="_blank" title="Instagram" rel="nofollow"><i class="fa fa-instagram fa-2x" aria-hidden="true"></i></a></li>
    </ul>
    <div class="clear"></div>

<a class="button-author" href="//www.blogger.com/follow.g?view=FOLLOW&blogID=6355813876215224659" target="_blank" title="Follow This Blog">Follow This Blog</a>

<a class="button-author" href="URL FEEDBURNER BLOG ANDA" rel="nofollow" target="_blank" title="Subscribe This Blog">Subscribe This Blog <i aria-hidden="true" class="fa fa-paper-plane"></i></a>

  </div>
</div>

13. Klik Simpan.
Dan lihatlah hasilnya.

- Ganti https://plus.google.com/+AksanPangestu dengan url / link Google+ anda.
- Ganti https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgbpRiYzJ72u8YHxRiOUAlf90xFnowsLStNAUs6KX1aYslVQ3vGus4lyDUBry7vVEheFIqSvmaVJany2fhxckKbHGRDrbGhbA1scGddw66RLKvhx2vgmQmDukL_is2_2gVtV4GOvM1LaM/w1366-h768-rw-no/ dengan url / link gambar (foto profil) anda.
- Ganti https://www.facebook.com/Aksan.Bobotohbox dengan url / link Facebook anda.
- Ganti https://twitter.com/Aksanp21_ dengan url / link Twitter anda.
- Ganti //www.youtube.com/c/UCuo-ZXHczWuIDqODodhkXTg dengan url / link channel Youtube anda.
- Ganti https://www.linkedin.com/in/Username dengan url / link Linkendin anda.
- Ganti https://www.instagram.com/Aksanpangestu/ dengan url / link Instagram anda.
- Ganti 6355813876215224659 dengan BlogID anda.
- Ganti URL FEEDBURNER BLOG ANDA dengan url / link FeedBurner blog anda.

Demikianlah artikel pada kesempatan malam ini, yaitu Membuat Widget Author Box Mirip KompiAjaib di Blog. Semoga dapat bermanfaat untuk kita semua.

Membuat Prism Syntax Highlighter di Blogger

Admin 2:00 PM Add Comment

Admin

Cara Membuat Prism Syntax Highlighter di Blogger - Di artikel ini Info Terkudet akan membahas tentang tutorial memasang / membuat Prism Syntax Highlighter di blog. Awal pertama kali saya melihat dan tahu prism syntax highlighter ini ketika saya berkunjung ke blog Arlina Design. Saat saya pertama melihat, saya langsung penasaran dan lalu saya mencari tutorial cara membuat prism syntax highlighter tersebut, dan saya menemukan tutorial tersebut di blog Arlina Design juga. Saat itu juga saya terapkan / praktek kan ke blog Info Terkudet ini.

Tanpa basa-basi lagi, kita langsung saja ke Tutorial Membuat Prism Syntax Highlighter di Blog, caranya cukup mudah, anda cukup mengikuti langkah-langkah dibawah ini :

Membuat Prism Syntax Highlighter

1. Buka dan masuk ke blogger anda.
2. Pada dashboard blogger, anda klik Template > Edit HTML.
3. Cari kode </head> atau </body>.
4. Lalu Copy Paste kode dibawah ini, dan taruh sebelum kode </head> atau </body> :

<script src='https://arlina-design.googlecode.com/svn/prism.js' type='text/javascript'/>

<script>
$('pre').attr('class', 'line-numbers');
Prism.hooks.add("after-highlight",function(e){var t=e.element.parentNode;if(!t||!/pre/i.test(t.nodeName)||t.className.indexOf("line-numbers")===-1){return}var n=1+e.code.split("n").length;var r;lines=new Array(n);lines=lines.join("<span></span>");r=document.createElement("span");r.className="line-numbers-rows";r.innerHTML=lines;if(t.hasAttribute("data-start")){t.style.counterReset="linenumber "+(parseInt(t.getAttribute("data-start"),10)-1)}e.element.appendChild(r)})
</script>

<script type='text/javascript'>
var pres = document.getElementsByTagName(&quot;pre&quot;);
for (var i = 0; i &lt; pres.length; i++) {
  pres[i].addEventListener(&quot;dblclick&quot;, function () {
    var selection = getSelection();
    var range = document.createRange();
    range.selectNodeContents(this);
    selection.removeAllRanges();
    selection.addRange(range);
  }, false);
}
</script>

5. Cari kode </style>.
6. Lalu Lalu Copy Paste kode dibawah ini, dan taruh sebelum kode </style> :

/* CSS Prism Syntax Highlighter */
pre {
    padding: 50px 10px 10px 10px;
    margin: .5em 0;
    white-space: pre;
    word-wrap: break-word;
    overflow: auto;
    background-color: #2c323c;
    position: relative;
    border-radius: 4px;
    max-height: 500px;
}

pre::before {
    font-size: 16px;
    content: attr(title);
    position: absolute;
    top: 0;
    background-color: #eee;
    padding: 10px;
    left: 0;
    right: 0;
    color: #fff;
    text-transform: uppercase;
    display: block;
    margin: 0 0 15px 0;
    font-weight: bold;
}

pre::after {
    content: 'Double click to selection';
    padding: 2px 10px;
    width: auto;
    height: auto;
    position: absolute;
    right: 8px;
    top: 8px;
    color: #fff;
    line-height: 20px;
    transition: all 0.3s ease-in-out;
}

pre:hover::after {
    opacity: 0;
    top: -8px;
    visibility: visible;
}

code {
    font-family: Consolas,Monaco,'
    Andale Mono','Courier New',Courier,Monospace;
    line-height: 16px;
    color: #88a9ad;
    background-color: transparent;
    padding: 1px 2px;
    font-size: 12px;
}

pre code {
    display: block;
    background: none;
    border: none;
    color: #e9e9e9;
    direction: ltr;
    text-align: left;
    word-spacing: normal;
    padding: 0 0;
    font-weight: bold;
}

code .token.punctuation {
    color: #ccc;
}

pre code .token.punctuation {
    color: #fafafa;
}

code .token.comment,code .token.prolog,code .token.doctype,code .token.cdata {
    color: #777;
}

code .namespace {
    opacity: .8;
}

code .token.property,code .token.tag,code .token.boolean,code .token.number {
    color: #e5dc56;
}

code .token.selector,code .token.attr-name,code .token.string {
    color: #88a9ad;
}

pre code .token.selector,pre code .token.attr-name {
    color: #fafafa;
}

pre code .token.string {
    color: #40ee46;
}

code .token.entity,code .token.url,pre .language-css .token.string,pre .style .token.string {
    color: #ccc;
}

code .token.operator {
    color: #1887dd;
}

code .token.atrule,code .token.attr-value {
    color: #009999;
}

pre code .token.atrule,pre code .token.attr-value {
    color: #1baeb0;
}

code .token.keyword {
    color: #e13200;
    font-style: italic;
}

code .token.comment {
    font-style: italic;
}

code .token.regex {
    color: #ccc;
}

code .token.important {
    font-weight: bold;
}

code .token.entity {
    cursor: help;
}

pre mark {
    background-color: #ea4f4e!important;
    color: #fff!important;
    padding: 2px;
    border-radius: 2px;
}

code mark {
    background-color: #ea4f4e!important;
    color: #fff!important;
    padding: 2px;
    border-radius: 2px;
}

pre code mark {
    background-color: #ea4f4e!important;
    color: #fff!important;
    padding: 2px;
    border-radius: 2px;
}

.comments pre {
    padding: 10px 10px 15px 10px;
    background: #2c323c;
}

.comments pre::before {
    content: 'Code';
    font-size: 13px;
    position: relative;
    top: 0;
    background-color: #f56954;
    padding: 3px 10px;
    left: 0;
    right: 0;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    margin: 0 0 10px 0;
    font-weight: bold;
    border-radius: 4px;
    border: none;
}

.comments pre::after {
    font-size: 11px;
}

.comments pre code {
    color: #eee;
}

.comments pre.line-numbers {
    padding-left: 10px;
}

pre.line-numbers {
    position: relative;
    padding-left: 3.0em;
    counter-reset: linenumber;
}

pre.line-numbers > code {
    position: relative;
}

.line-numbers .line-numbers-rows {
    height: 100%;
    position: absolute;
    pointer-events: none;
    top: 0;
    font-size: 100%;
    left: -3.5em;
    width: 3em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    padding: 0;
}

.line-numbers-rows > span {
    pointer-events: none;
    display: block;
    counter-increment: linenumber;
}

.line-numbers-rows > span:before {
    content: counter(linenumber);
    color: #999;
    display: block;
    padding-right: 0.8em;
    text-align: right;
    transition: 350ms;
}

pre[data-codetype='CSSku']:before {
    background-color: #00a1d6;
}

pre[data-codetype='HTMLku']:before {
    background-color: #3cc888;
}

pre[data-codetype='JavaScriptku']:before {
    background-color: #75d6d0;
}

pre[data-codetype='JQueryku']:before {
    background-color: #e5b460;
}

7. Klik Simpan.

Menerapkan Prism Syntax Highlighter di Postingan Blogger

1. Buka dan masuk ke blogger anda.
2. Pada dashboard blogger, anda klik Entri Baru.
3. Pada Navbar kalian pilih mode HTML.
4. Masukan kode / script masing-masing seperti HTML, CSS, Javascript, dan JQuery.

/* HTML */

<pre title="HTML" data-codetype ="HTMLku"><code class="language-markup"> 
... letakkan kode HTML (yang sudah di`escape` atau di parse) di sini ... 
</code></pre>

/* CSS */

<pre title="CSS" data-codetype ="CSSku"><code class="language-css"> 
... letakkan kode CSS di sini ... 
</code></pre>

/* Javascript */

<pre title="Javascript" data-codetype ="JavaScriptku"><code class="language-javascript"> 
... letakkan kode JavaScript di sini ... 
</code></pre>

/* JQuery */

<pre title="jQuery" data-codetype ="JQueryku"><code class="language-javascript"> 
... letakkan kode jQuery di sini ... 
</code></pre>

- Sebelum anda meletakan script / kode tersebut, anda harus mem"parse"kan kode tersebut di http://www.blogcrowds.com/resources/parse_html.php.

Contoh hasil script / kode yang sudah di parse :

<pre title="Javascript" data-codetype ="JavaScriptku"><code class="language-javascript">
<script type='text/javascript'>
//<![CDATA[
// Contact Us
$(document).ready(function(){var i=$("#chslidingbox"),s=$("#chslidingbox-close"),o=$("#chslidingbox-maximize"),l=$("#chslidingbox-minimize");l.hide(),s.click(function(){i.css({right:"-350px"}),i.fadeOut("slow")}),o.click(function(){i.toggleClass("hide"),$(this).hide(),l.show()}),l.click(function(){i.toggleClass("hide"),$(this).hide(),o.show()})});
//]]>
</script>
</code></pre>

5. Klik Publikasikan.
Dan lihatlah hasilnya.

Demikianlah artikel pada kesempatan ini, yaitu Membuat Prism Syntax Highlighter di Blogger. Semoga dapat bermanfaat untuk kita semua.

sumber : www.arlinadzgn.com

Cara Melihat Blog Disukai oleh Pengunjung atau Tidak

Admin 6:53 AM Add Comment

Admin

Cara Melihat Blog / Websit Disukai Kita oleh Visitor apa Tidak - Semua pemilik sebuah website tentu saja ingin websitenya di sukai oleh banyak orang. Bagaimana tidak, ketika kita mempunyai sebuah website atau blog yang telah di sukai oleh banyak orang tentu saja website / blog kita akan kebanjiran trafik dan tujuan kita untuk mendapatkan keuntungan dalam ngeblog semakin dekat. Masalahnya adalah bagimana kita tahu bahwa website kita di sukai atau tidak disukai oleh banyak orang? Nah kali ini saya akan menjelaskan apakah website / blog anda disukai banyak orang atau tidak.

1. Adanya Bounce Rate dan Avg. Session Duration.

Dengan adanya Adanya Bounace Rate dan Avg. Session Duration pada website anda ini menunjukkan bahwa website anda telah disukai oleh pengunjung.

Bounce Rate - Merupakan presentasi jumlah visitor yang cuma mengunjungi web anda pada satu halaman saja, kemudian pergi meninggalkan website anda.

Avg. Session Duration - Merupakan lamanya hitungan waktu kunjungan sebuah website. Jadi ketika ada pengunjung yang datang pada website anda maka akan dihitung per sesi kunjungan laman, yang umumnya hitungannya per 30 menit

Jadi anda dapat melihat pada website anda bagai mena presentase Bounce Rate dan Avg. Session Duration. Diman ketika Bounce Rate rendah maka website anda bisa dikatakan baik dan sebaliknya, kemudian jika Avg. Session Duration tinggi maka website anda disukai visitor dan sebaliknya.

2. Adanya Return Visitor.

Return visitor merupakan visitor atau pengunjung pada website anda yang kembali untuk mengunjungi website anda terus menerus. Nah ciri dari website yang disukai banyak orang karena adanya return visitor tersebut. Turus bagai mana kita dapat melihat atau mengetahui adanya return visitor tersebut? Anda dapat menggunakan tools google dengan cara instal Google Analytics pada sebuah website anda, kemudian didalam Google Analitics buka bagian Audience Overview.

3. Adanya Komentar Dari Visitor.

Tidak bisa di pungkiri bahwa ada banyanya visitor suatu website itu menunjukkan website tersebut disukai oleh visitor. Tetapi dalam hal ini komentar yang benar-benar relevan pada postingan website, sebab komentar yang relevan dengan topik postingan menunjukkan bahwa visitor memang benar-benar sudah membaca dan memahami artikel anda, bukan komentar yang sifatnya spam yang tidak jelas.

4. Banyaknya Subscriber atau Followers.

Ciri dari website yang disukai oleh banyak visitor adalah banyaknya pengikut dari sebuah website. Jadi tidak mungkin website yang tidak disukai oleh visitor akan banyak pengikut, kucuali pengikut yang tidak real atau robot. Subcribe merupakan orang yang mendaftarkan email mereka pada website anda dengan tujuan mereka ingin mengikuti update artikel dari website anda, jadi ketika anda sedang update artikel mereka akan mendapatkan kiriman email artikel anda. Jadi bisa dibilang sebagai pelanggan setia website anda.

5. Telah di Share atau di Masukkan Back link Oleh Visitor

Adanya share artikel pada postingan website anda menunjukkan bahwa visitor telah menyukai artikel yang anda tulis. Bukan hanya share bahkan artikel yang di sukai oleh visitor bukan tidak mungkin akan di tanamkan Backlink pada websitenya yang merujuk pada website anda. Jadi baiknya bikinlah postingan atau artikel pada website anda yang bermanfaat dan menarik oleh pengunjung atau visitor agar website anda semakin di sukai oleh visitor.

Kurasa itu saja yang dapat saya bagikan, kalu anda merasa ada yang kurang dari itu anda dapat terapkan sendiri pada website anda, mungkin hal yang terpenting setelah anda memahami penjelasan diatas adalah :

Cobalah bikin artikel yang bagus, yang dapat bermanfaat oleh pengunjung atau visitor,
Yang pembahasannya komplit atau membahas sampai selesai topik yang anda buat kalau memang anda bisa jangan setengah-setengah,
Yang dapat menarik orang untuk membaca artikel anda,
Artikel yang anda sajikan benar-benar bisa memuaskan pengunjung yang telah membaca artikel anda,
Memakai bahasa yang benar usahakan sesuai EYD dalam bahasa indonesia, jangan memakai bahasa yang tidak jelas dan amburadul karena ini penting untuk memudahkan visitor untuk membacanya dan penting untuk penilaiaan dimata Google.

Itulah yang bisa saya berikan untuk anda. Semoga artikel Cara Melihat Blog Disukai oleh Pengunjung atau Tidak ini bermanfaat.

SEO dan Cara Kerjanya

Admin 1:00 PM Add Comment

Admin

Seo dan Cara Kerjanya - Seo yaitu sebuah singkatan Search Engine Optimization. Hal ini merupakan sekumpulan sesuatu kegiatan yang dikerjakan dalam memenuhi standart kualitas dari sebuah mesin pencari, yang bertujuan untuk meraih ranking dari mesin pencari, dalam hal ini berartu mengalahkan semua para pesaing dalam kata kunci tertentu.

Kemudian apa itu kata kunci ? Seo Blog, penjelasan sederhana mengenai kata kunci yaitu hal-hal yang di tulis atau di ketikkan orang pada saat memakai google atau yang lain, kemudian google akan melakukan pencarikan hal yang berhubungan dengan apa yang anda cari tersebut lalu memunculkannya kepada anda. Para pelaku seo ini berusaha untuk mendapatkan trafik dengan cara supaya kata kuncinya itu dapat berada pada posisi yang tinggi, dengan hal ini mereka berharap untuk meningkatkan trafi website mereka yang telah dioptimasikan.

Tetapi hal ini bukanlah suatu yang mudah, karena banyaknya pesaing dari jutaan bahkan ribuan dari pesaing yang menggunakan kata kunci yang sama. Apalagi Seo Google hanya menampilakan sekitar 10 halaman saja dalam suatu pencarian dalam halaman depan. Maka dari itu dengan anda membuat sebuah web saja tidak akan mudah untuk mendatangkan trafik yang sesuai dengan keinginan.

Terus kenapa dalam membahas Search Engine Optimization kita hanya membicarakan google terus? yang perlu anda ketahui bahwa sampai sekarang sekitar 68% dari pencarian global semua ditangani oleh google. Maka dari itu google lah yang mempunyai algoritma yang paling berkembang diantara yang lain untuk saat ini selain hal itu algoritma google juaga memberikan suatu hasil yang relevan dan terbaru atau fresh.

Mengapa para pelaku Seo lebih memilih google dari pada yang lain sebab Search Engine yang lain masih menerapkan faktor usia dari sebuah halaman, sehingga hal ini menyulitkan bagi pendatang baru atau halaman baru dari sebuah website untuk mendapatkan ranking dalam mesin pencari meraka. Itulah salah satu hal yang disukai oleh pelaku Seo.

Tahapan yang dilakukan oleh mesin pencari seperti google, bing dll

Melakukan Penyerapan
Melakukan Pengindeksan
Penyajian dari hasil pencarian

Dalam hal ini, pada tahapan penyerapan dan pengindeksan google dan yang lain melakukannya dengan menggunakan robot, kemudian pada masalah penyajiannya merka (google,bing,yahoodll) menggunakan algoritma.

Kemudian apa itu yang di maksud Robot Search Engine?

Program yang di bikin yang berguna untuk membuka suatu halaman web, mengabil suatu data, merayapi isi dari halaman, membuka semua link yang berada pada web, kemudian mengulangi proses ini pada halaman yang dibuka dengan link tadi. Dalam proses ini google menggunakan sebuah Googlebot yang mempunyai kecepatan yang sangat tinggi.

Perayapan yang dilakukan googlebot mempunyai tujuan untuk mengumpulkan data dalam index kemudian data-data inilah yang akan di sajikan pada saat kita melakukan pencarian.

Data semua halaman index google akan disimpan di sebuah server. Untuk itu agar web kita masuk dalam mesin pencari, halaman web kita harus ada pada server index google, jadi web anda pastikan bisa dirayapi oleh google agar bisa masuk ke data index google tersebut.

Untuk mendapatkan web yang bisa diresapi oleh index google, cara terbaik yang anda bisa lakukan yaitu memperbanyak link dari halaman web, dalam hal ini halaman web yang sudah terindex oleh google. Dalam hal ini bisa disebut dengan Backlink yang merupakan siatu link yang berada pada web orang lain yang ketika di klik akan merujuk pada web anda.

Kemudian untuk anda yang menginginkan sebuah backlink dari webseite orang lain, maka yang perlu anda pastikan bahwa website yang anda tanam itu harus bisa dirayapi oleh google , dengan kata lain semua akan percuma bila anda menanam sebuah backlink pada website yang tidak dapat dirayapi oleh googlebot. Anda dapat melakukannya dengan mengunakan Google Webmaster Tools pada Fech As Google.

Dalam blogspot sudah otomatis bisa terhubung dengan webmaster jadi anda tidak perlu repot lagi untuk melaporkan, tetapi beda dengan website yang diluar produk dari google yang mesti melakukan pelaporan atau bisa juga mendaftarkannya. Dalam melakukan ini anda bisa cari sendiri bagai mana cara memasukkan optimasi di webmaster.

Memblokir Robot Search Engine

Anda mungkin berfikir kenapa kok malah memblokir robot, yang tadinya berusaha untuk mendapatkan perayapannya?. Memblokir sebuah robot search engine bertujuan untuk halamn-halaman web kita yang tidak di inginkan untuk dapat di rayapi google. Sebab, pada halaman versi yang lain dari html seperti printable version, pdf version dll, akan dapat merusak kualitas web jika hal ini bisa terindek oleh google.Anda bisa melakukannya dengan mengunakan robot.txt dari webmaster tools. Anda bisa mencari informasi dalam hal ini di google.

Demikianlah artikel Seo Blog / Web dan Cara Kerjanya pada artikel kali ini. semoga artikelnya dapat bermanfaat untuk kita semua.

Membuat Widget Facebook Like Box dengan Popup

Admin 5:12 PM Add Comment

Admin

Cara Membuat Widget Facebook Like Box dengan Popup - Hallo ! Di artikel kali ini saya akan membahas tentang tutorial membuat Widget Facebook Like Box Popup di Blogger. Sebelumnya saya mohon maaf, akhir-akhir ini saya sangat sibuk di dunia nyata sehingga saya jarang membuat artikel / postingan di blog ini, tetapi saya akan usahakan tetap membuat artikel walaupun jarangan karena kesibukan saya.

Kembali ke topik pembicaraan kita, Widget Facebook Like Box Popup ini saya dapatkan dari blog Kompi Ajaib saat saya sedang mencari refernsi atau tutorial seputar blogger yang dapat saya bagikan (share) kembali kepada kalian.

Jika kalian penasaran, silahkan kalian coba dan praktekan saja langsung. Caranya cukup mudah, kalian hanya cukup ikuti saja langkah-langkah dibawah ini :

Membuat Widget Facebook Like Box Popup di Blog

1. Buka dan masuk ke Blogger.
2. Pada dashboard blogger, anda klik Template > Edit HTML.
3. Cari kode </body>.
4. Lalu Copy Paste kode dibawah ini, dan taruh sebelum kode </body>.

<script>
//<![CDATA[
  var appended = false,
  bookmark = document.createElement("div");
  bookmark.id = "fbOnscroll";
  bookmark.innerHTML = '<div class="fbbox-wrapper zoomInUp">
  <iframe name="f13bea94f064144" width="1000px" height="1000px" frameborder="0" allowtransparency="true" allowfullscreen="true" scrolling="no" title="fb:page Facebook Social Plugin" src="https://www.facebook.com/v2.7/plugins/page.php?adapt_container_width=true&amp;app_id=113869198637480&amp;channel=https%3A%2F%2Fstaticxx.facebook.com%2Fconnect%2Fxd_arbiter%2Fr%2FuN4_cXtJDGb.js%3Fversion%3D42%23cb%3Df19b772d4d20444%26domain%3Ddevelopers.facebook.com%26origin%3Dhttps%253A%252F%252Fdevelopers.facebook.com%252Ff1ba7fe51c4d354%26relation%3Dparent.parent&amp;container_width=613&amp;hide_cover=false&amp;href=https%3A%2F%2Fwww.facebook.com%2FKangKudet&amp;locale=en_US&amp;sdk=joey&amp;show_facepile=true&amp;small_header=false" style="border: none; visibility: visible; width: 340px; height: 214px;" class=""></iframe>
<div class="close-fbcookie" onclick="hidesubscribebox()"><span>&#215;</span> Don't Show Again</div>
<div class="close-fbbox" onclick="hidesubscribe()">&#215;</div>
              </div>
              <div class="layer fadeIn"></div>
';
function hidesubscribe(){document.getElementById("fbOnscroll").style.display="none"}function hidesubscribebox(){document.getElementById("fbOnscroll").style.display="none",createCookie("hideDialog","hide",7000)}function createCookie(e,o,n){if(n){var t=new Date;t.setTime(t.getTime()+24*n*60*60*1e3);var i="; expires="+t.toGMTString()}else var i="";document.cookie=e+"="+o+i+"; path=/"}function readCookie(e){for(var o=e+"=",n=document.cookie.split(";"),t=0;t<n.length;t++){for(var i=n[t];" "==i.charAt(0);)i=i.substring(1,i.length);if(0==i.indexOf(o))return i.substring(o.length,i.length)}return null}function eraseCookie(e){createCookie(e,"",-1)}onscroll=function(){var e=document.documentElement.scrollTop||document.body.scrollTop;e>800&&(appended||(document.body.appendChild(bookmark),appended=!0),readCookie("hideDialog")&&(document.getElementById("fbOnscroll").style.display="none"))};
//]]>
</script>

5. Cari kembali kode </head>.
6. Lalu Copy Paste kode dibawah ini, dan taruh sebelum kode </head>.

<style>
/*<![CDATA[*/
.close-fbbox,.close-fbcookie{background:#fff;transition:all .4s ease-in-out;color:#555;cursor:pointer}
.fbbox-wrapper{width:360px;position:fixed;left:50%;margin-left:-180px;top:50%;margin-top:-131px;height:auto;background-color:#fff;-webkit-box-shadow:0 10px 50px 0 rgba(0,0,0,.25);-moz-box-shadow:0 10px 50px 0 rgba(0,0,0,.25);box-shadow:0 10px 50px 0 rgba(0,0,0,.25);padding:10px;border:1px solid #dedede;border-radius:5px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:1000000}
.close-fbbox{position:absolute;top:-15px;right:-15px;font-family:Arial;font-size:24px;font-weight:700;width:25px;height:25px;line-height:25px;text-align:center;border:1px solid #dedede;border-radius:100%}
.close-fbcookie{padding:1px 5px;border:1px solid #dedede;border-radius:2px;font:11px Arial;display:inline;float:left;line-height:1}
.close-fbcookie span{font-size:18px;font-weight:700;vertical-align:middle}
.close-fbbox:hover,.close-fbcookie:hover{background:#ddd;border:1px solid #ccc}
#fbOnscroll .layer{position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,.7);z-index:999999}
.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes fadeIn{0%{opacity:0}
100%{opacity:1}
}
@keyframes fadeIn{0%{opacity:0}
100%{opacity:1}
}
/*]]>*/
</style>

7. Klik Simpan.
8. Selesai.

- Ganti KangKudet dengan username atau ID Facebook kalian.
- Ganti 340px dengan ukuran lebar yang kalian inginkan.
- Ganti 214px dengan ukuran tinggi yang kalian inginkan.

Demikianlah artikel pada kesempatan ini, yaitu Membuat Widget Facebook Like Box dengan Popup. Semoga dapat bermanfaat untuk kita semua.
sumber : www.kompiajaib.com

Pilihan Dalam Memilih Satu Niche atau Banyak pada Sebuah Website / Blog

Admin 12:30 AM Add Comment

Admin

Pilihan dalam memilih niche dalam website - Seseorang yang belajar SEO pada umumnya memiliki ambisi komersil sebagai pacuan untuk mendapatkan uang atau keuntungan dari website yang di kelolanya. Tetapi dalam hal ini tidak sedikit pula ketidak mampuan seseorang dalam menakar kemampuannya, sementara itu dia mengabil sesuatu yang tidak dapat ia kerjakan. Oleh sebab itu para pengelola website atau blogger tidak dapat mendapatkan hasil yang maksimal dan seperti yang dia harapkan, selain itu juga mereka hanya membuang-buang waktu saja akibatnya semuanya sia-sia.

Pengalaman dari cerita yang saya pernah baca, waktu itu ada orang yang mempunyai keinginan yang kuat atau bisa jadi ambisi yang besar untuk mengerjakan sebuah web dengan niche portal berita, seperti yang kalian tahu pada niche berita ini berisi tentang berbagai informasi yang banyak. Ambisi dari orang tersebut yaitu ingin menjadikan websitenya untuk menjaring trafik yang begitu besar kemudian website tersebut dimonetasi supaya pendapatan yang didapatnya besar. Banyak kategori yang dia pasang pada websitenya bahkan sampai 30 kategori selain itu di dalam setiap kategori merupakan sebuah niche yang berbeda dari satu sama lain.

Yang menjadi pertanyaan adalah dimana letak kesalahan orang itu dengan website yang dibuatnya ?

Mungkin orang itu tidak menyadari bahwa sebuah portal berita yang sudah terkenal itu adalah website yang dikerjakan oleh banyak orang atau tim, bahkan hingga puluhan sampai ratusan orang dalam mengelola sebuah website portal berita. Mungkin juga dia belum tahu bahwa, membuat sebuah website dengan 30 kategori atau niche yang berbeda satu dengan yang lain ibarat seperti membuat 30 website sekaligus, walaupun memang masih dalam satu domain yang sama.

Terus kenapa kok bisa begitu? kok bisa seperti membuat 30 website ?

Sebab dalam hal ini google akan menghitung seberapa besar signifikan kata kunci yang berada pada website kita, misalnya: jika sebuah website mendapat ranking 1 mempunyai 1000 pengulangan dalam kata kunci di seluruh halaman websitenya, maka untuk menyaingi atau mengalahkan itu, kita harus lebih dari itu untuk merebut ranking, dengan kata lain misal website kita mempunyai halaman 10 kata kunci yang berulang, maka kita harus membuat sebanyak 50 artikel yang mempunyai sebuah kata kunci itu di setiap niche. Pada kasus orang tersebut mempunyai 30 niche berarti dia harus membuat kurang lebih 3000 artikel untuk mendapatkan trafik yang banyak dan dapat menyaingi web dengan ranking 1 itu.

Terus apa mungkin orang tersebut mampu membuat artikel sebanyak itu ?

Mungkin jawabnya tidak, karena itulah arti dari mengambil sesuatu tapi tanpa menakar apakah kita dapat membawa atau tidaknya. Intinya berfikir dan pertimbangkan dulu sebelum memulai atau melangkah.

Munkin saran yang bisa saya bagikan ketika anda baru memulai atau bisa juga disebut sebagai bloger pemula, mungkin lebih baik bagi anda untuk membuat sebuah website dengan satu niche, tetapi kelelolalah dengan baik dan rajinlah bikin artikel dan berusahalah mendapatkan backlink pada web anda. Munkin dalam waktu yang dekat web anda akan dikenal banyak orang dan trafik pun akan meningkat dengan sendirinya serta bisa jadi akan mendapatkan keuntungan bagi anda kedepannya.

Setelah mendapatkan trafik yang cukup dan web sudah lumayan terkenal, anda dapat menambahkan niche dalam website anda atau bisa juga dengan sub domain. Jadi permulaan website anda dengan niche baru tersebut mungkin jauh lebih mudah sebab sekarang domain anda sudah terkenal oleh banyak orang dan mempunyai domain authority serta trafik yang menjanjikan.

Bisa ditarik kesimpulan dari penjelasan itu, bikinlah satu niche dalam sebuah website pemula selanjudnya berkembang ke banyak niche, bukan langsung menjadi banyak niche.

Kebanyak blogger diluar sana yang sudah terkenal websitenya menanamkan sistem seperti itu, yaitu satu niche kebanyak niche supaya lebih gampang nak maksimal dalam mengelolanya, tidak langsung rakus langsung menanam banyak noche dalam sebuah website.

Demikan penjelasan yang saya berikan untuk anda yang mau memulai bikin sebuah website, semoga bermanfaat untuk anda.