Cara Mengatasi Masalah SEO Iframe Youtube

Cara Mengatasi Masalah SEO Iframe Youtube. Syalom semuanya, pada kesempatan ini, NALHACKER akan share mengenai Cara Mengatasi Masalah SEO Iframe Youtube. Seperti yang kita ketahui bersama bahwa memasukan video YouTube pada postingan blog tentunya menarik namun sangat berdampak buruk bagi SEO suatu website karena halaman yang mengandung Iframe pada umumnya tidak terindex oleh Search Engine terutama Google.

Nah, oleh karena itu kali NALHACKER akan mengajari anda bagaimana caranya memasukan video youtube di blog tapi tetap SEO berdasarkan pengalaman NALHACKER sendiri. Sebenarnya caranya sangat sederhana, yakni dengan mengubah beberapa script embed dari youtube sehingga tidak lagi dianggap sebagai sebuah iframe di blog anda. Caranya adalah   :

1. Mengubah tag Iframe (<iframe) dengan Object (<object)

2. Mengubah tag Source (src) dengan Data (data)

3. Menghilangkan tag Border Frame (frameborder)

4. Mengubah Penutup tag Iframe (</iframe) dengan Object (</object)

Sebagai contoh, lihat scipt embedd Iframe YouTube berikut   :

<iframe width="560" height="315" src="https://www.youtube.com/embed/yqpfHeXqbQ8" frameborder="0" allowfullscreen></iframe>

Script diatas merupakan Script Embedded Video dari YouTube yang menggunakan Iframe dan berdampak buruk bagi SEO. Sedangkan Script berikut ini adalah Script Embedded Video dari YouTube yang telah dimodifikasi sehingga tidak lagi berpengaruh terhadap SEO yang NALHACKER pakai untuk menampilkan Trailer film terbaik versi NALHACKER yaitu Tracers (2015).

<object width="560" height="315" data="https://www.youtube.com/embed/yqpfHeXqbQ8" allowfullscreen></object>

Itulah Cara Mengatasi Masalah SEO Karena Penggunaan Iframe Youtube berdasarkan pengalaman NALHACKER. Nah, semoga artikel NALHACKER mengenai Cara Mengatasi Masalah SEO Iframe Youtube diatas dapat bermafaat bagi anda.

Selengkapnya ...

Cara Memasang Widget Alexa Di Blog (Terbaru !)

Syalom semuanya, pada kesempatan kali ini NALHACKER ingin share mengenai Cara Memasang Widget Alexa Di Blog. Alexa Rank merupakan sebuah sistem pemberian ranking terhadap situs berdasarkan banyaknya traffic dan jumlah pengunjung pada suatu situs. Dengan penilaian yang ketat dan terorganisir menjadikan Alexa memiliki reputasi yang tinggi sejak dulu. Salah satu produk dari Alexa yang dapat dimafaatkan para blogger atau pemilik situs adalah Alexa Rank Widget.

Dengan begitu pengunjung akan tahu reputasi yang dimiliki blog/website yang dikunjunginya tersebut. Sejak perubahan tampilan situs Alexa tahun 2014 lalu, banyak orang yang menjadi kebingungan untuk memasang Widget Alexa di Blog. Oleh karena itu, pada kesempatan kali ini NALHACKER akan mengajarkan Cara Memasang Widget Alexa Di Blog.

Langsung saja, Cara Memasang Widget Alexa Di Blog yaitu   :

1. Login ke Blogger
2. Masuk ke Tata Letak
3. Pilih Tambahkan Gadget
4. Pilih HTML/Javascript
5. Lalu copy salah satu dari Kode Widget Alexa berikut ini   :

1. Alexa Mini Widget

Kode Widget   :

<a href="http://www.alexa.com/siteinfo/http://www.nalhacker.com"><script type="text/javascript" src="http://xslt.alexa.com/site_stats/js/t/a?url=http://www.nalhacker.com"></script></a>

2. Alexa Medium Widget

Kode Widget   :

<a href="http://www.alexa.com/siteinfo/http://www.nalhacker.com"><script src="http://xslt.alexa.com/site_stats/js/s/a?url=http://www.nalhacker.com" type="text/javascript"></script></a>

3. Alexa Horizontal Widget

Kode Widget   :

<a href="http://www.alexa.com/siteinfo/http://www.nalhacker.com"><script src="http://xslt.alexa.com/site_stats/js/s/c?url=http://www.nalhacker.com" type="text/javascript"></script></a>

4. Alexa Vertical Widget

Kode Widget   :

<a href="http://www.alexa.com/siteinfo/http://www.nalhacker.com"><script src="http://xslt.alexa.com/site_stats/js/s/b?url=http://www.nalhacker.com" type="text/javascript"></script></a>

Nah, itulah Cara Memasang Widget Alexa Di Blog. Semoga Cara Memasang Widget Alexa Di Blog diatas dapat membantu anda.

Selengkapnya ...

3 Cara Pembayaran Google Adsense Di Indonesia

3 Cara Pembayaran Adsense Di Indonesia. Syalom semuanya, sesuai dengan judul diatas, pada kesempatan kali ini NALHACKER ingin share mengenai 3 Cara Pembayaran Adsense Di Indonesia. Seperti yang kita tahu bersama, Google Adsense merupakan layanan periklanan terbesar di Dunia saat ini dan merupakan salah satu penyedia layanan iklan yang paling disukai para Blogger termasuk saya salah satunya. Nah, untuk mengetahui bagaimana cara menerima pembayaran dari Google Adsense, silahkan anda simak penjelesannya berikut ini.

3 Cara Pembayaran Google Adsense Di Indonesia

Pembayaran dari Google Adsense baru dapat dilakukan jika penghasilan dalam akun Google Adsense anda telah mencapai $100 atau melebihi $100. Penghasilan Adsense hanya dapat anda cairkan pada setiap akhir bulan jika pendapatan anda sudah memenuhi kriteria seperti yang saya sebutkan diatas yaitu telah mencapai payment threshold untuk menerima pembayaran yaitu $100.

Pembayaran Google Adsense di Indonesia tersedia dalam tiga pilihan, yaitu   :

1. Melalui Western Union

Pembayaran Google Adsense Melalui Western Union

Metode pembayaran Adsense yang paling umum digunakan khususnya di Indonesia yaitu dengan menggunakan Western Union. Jika penghasilan dalam akun Adsense Anda sudah mencapai $100 atau lebih, maka pada akhir bulan nantinya akan muncul informasi pembayaran Adsense yang dapat dicairkan di Western Union, contohnya seperti gambar berikut ini   : 

Informasi Pembayaran Adsense Melalui Western Union

Untuk mencairkan komisi Adsense ini Anda harus membawa informasi diatas yaitu informasi mengenai Nomor MTCN (Money Transfer Control Number), jumlah dolar penghasilan Adsense yang akan dicairkan, alamat pengirim yaitu Google Inc. serta KTP asli Anda dan fotocopy-nya.

2. Melalui Rekening Bank Lokal

Sejak tahun 2014, Google telah mendukung pembayaran melalui rekening bank yang anda miliki. Cara pembayaran ini merupakan cara menerima pembayaran yang paling umum digunakan oleh hampir semua Blogger di Indonesia karena memang sangat mudah sehingga disukai oleh para Blogger termasuk saya diantaranya.

3. Melalui Cek

Pembayaran Google Adsense Melalui Cek

Cek Standard (Standard Check)

Cara yang ketiga yaitu menggunakan cek standar. Jika Anda memilih ini nantinya kalau penghasilan Adsense dalam akun Anda sudah mencapai payment threshold maka Google akan mengirim sebuah cek ke alamat rumah Anda. Kemudian cek tersebut bisa dicairkan di Bank tempat Anda menabung.

Cek Express (Check Via Secured Express Delivery)

Cara yang berikutnya yaitu pembayaran Adsense melalui Cek Ekspres. Kelebihan cek ekspres dibandingkan dengan cek standar yaitu bisa sampai ke alamat Anda lebih cepat dan lebih aman. Akan tetapi ada biaya tambahan yang harus Anda bayar yaitu sebesar $25.

Selain 3 cara diatas, cara lainnya untuk menerima Pembayaran dari Google Adsense adalah melalui EFT (Electronic Funds Transfer). EFT merupakan cara pembayaran Adsense paling cepat dan paling aman. Akan tetapi cara pembayaran ini belum tersedia di Indonesia dan hanya tersedia di beberapa negara maju saja. Dengan metoda pembayaran melalui EFT ini penghasilan Adsense akan dikirim langsung ke rekening Bank si pemilik akun.

Pembayaran Adsense Melalui Cek

Nah, itulah 3 Cara Pembayaran Google Adsense Di Indonesia. Semoga artikel NALHACKER  kali ini mengenai 3 Cara Pembayaran Google Adsense Di Indonesia ini dapat membantu anda yang belum memahami Cara Pembayaran Adsense dan semoga berhasil bagi anda yang baru bergabung.

Lihat Referensi

Selengkapnya ...

Cara Mengganti Tulisan Older Post, Newer Post Dan Home Pada Blog

Syalom semuanya, sesuai dengan judul diatas, pada kesempatan kali ini NALHACKER akan share mengenai Cara Mengganti Tulisan Newer Post, Home, Dan Older Post Di Blog. Pada umunya template Blogger menyediakan navigasi dibawah postingan artikel seperti Newer Post, Home, Dan Older Post yang berfungsi untuk mengarahkan pembaca ke postingan terbaru, postingan lama dan halaman utama sehingga lebih memudahkan pembaca.

Akan tetapi, saat ini banyak kita jumpai pada blog-blog tertentu, navigasi Newer Post, Home, Dan Older Post yang telah dimodifikasi menggunakan gambar sehingga terkesan lebih menarik, bahkan sebagian menggunakan penomoran untuk mengganti Navigasi agar terkesan lebih kompleks. Oleh karena itu, langsung saja untuk Cara Mengganti Tulisan Newer Post, Home, Dan Older Post Di Blog, berikut langkah-langkahnya   :

Cara Mengganti Tulisan Older Post, Newer Post Dan Home Pada Blog Dengan Tulisan / Gambar

1. Mengganti Tulisan Older Post

Silahkan masuk ke Template > Edit HTML dan temukan kode berikut ini.

expr:title='data:olderPageTitle'><data:olderPageTitle/></a>

Ganti <data:olderPageTitle/> dengan  SEBELUMNYA sehingga menjadi   :

expr:title='data:olderPageTitle'>SEBELUMNYA</a>

Sedangkan untuk mengganti dengan gambar, silahkan ganti <data:olderPageTitle/> dengan url gambar anda. Sebagai contoh   :

expr:title='data:olderPageTitle'>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUTsTHQ2zI7S6wmS56bR2xqjouhKQ8w3jdP76LTskVFGpgieMbAZKvVIuEcrWdyU6O6jmtmJVnskWiVy8_RBItrd1OnZE4fVWGXvsR1SOZ2b78MPJhgJN-F5lnUFko-x7z3MfP5lmakbOa/s1600/Previous+Black.png</a>

2. Mengganti Tulisan Newer Post

Silahkan masuk ke Template > Edit HTML dan temukan kode berikut ini.

expr:title='data:newerPageTitle'><data:newerPageTitle/></a>

Ganti <data:newerPageTitle/> dengan  SELANJUTNYA sehingga menjadi   :

expr:title='data:newerPageTitle'>SELANJUTNYA</a>

Sedangkan untuk mengganti dengan gambar, silahkan ganti <data:newerPageTitle/> dengan url gambar anda. Sebagai contoh   :

expr:title='data:newerPageTitle'>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLtw2HXgtAOmE0ARvYkpSGp4GVFLL4Brzu9INn-hEeCqdO028deh7R813BlR_X5Q0S7cJQ5WDOMXbmLFmb3JYwY6ZTmUB7vG1xlgy2j1SWoxPi2q7LeuZGNvI1pUXwbTCWpBWXgzeTnkrO/s1600/Next+Black.png</a>

3. Mengganti Tulisan Home

Silahkan masuk ke Template > Edit HTML dan temukan kode berikut ini.

<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>

Ganti <data:homeMsg/> dengan  HALAMAN UTAMA sehingga menjadi   :

<a class='home-link' expr:href='data:blog.homepageUrl'>HALAMAN UTAMA</a>

Sedangkan untuk mengganti dengan gambar, silahkan ganti <data:homeMsg/> dengan url gambar anda. Sebagai contoh   :

<a class='home-link' expr:href='data:blog.homepageUrl'>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkQlz8eRabfbED6uXKZzVgwJ9K29Xhyphenhyphen6fzCNzXO9Jo1EcTGKJBZq2iopNrwEhTOEBDEDfpQSqthUfpAV51Lp-DM_zHjj7D8kFEgD1sY1bl3BELf0xjBCqlM63F0uXEuPXtU528tTuWrfmc/s1600/Home+Black.png</a>

Cara Mengganti Tulisan Older Post Newer Post Dan Home Pada Blog, Cara Mengganti Navigasi Tulisan Older Post Pada Blog, Cara Mengganti Navigasi Tulisan Newer Post Pada Blog, Cara Mengganti Navigasi Tulisan Home Pada Blog, Cara Mengganti Tulisan Older Post Pada Blog, Cara Mengganti Tulisan Newer Post Pada Blog, Cara Mengganti Tulisan Home Pada Blog, Cara Mengganti Navigasi Older Post Newer Post Dan Home Pada Blog, Navigasi, Older Post, Newer Post, Home

Selengkapnya ...

Cara Membuat Pesan Notifikasi Keren Di Blog Dengan CSS3

Notifikasi merupakan pemberitahuan yang biasanya ditempatkan di sebuah situs/blog. Umumnya notifikasi dibuat menggunakan JavaScript dengan tampilan yang cukup sederhana. Dampak dari penggunaan JavaScript untuk sebuah blog adalah pada Page Loading, oleh karena itu menggunakan CSS lebih disarankan daripada menggunakan JavaScript. Selain keren, lebih praktis dan mudah.

Oleh karena itu pada kesempatan kali ini NALHACKER ingin share mengenai Cara Membuat Pesan Notifikasi Keren Di Blog Dengan CSS3. Langsung saja ikuti langkah-langkahnya   :

• Login ke Dashboard blog anda
• Pilih Template > Edit HTML

Kode CSS (Letakan diatas kode "]]></b:skin>")

#NotifikasiNP {
right: 10px; /* posisi di paling kanan */
top: 10px; /* posisi di paling atas */
width: 320px; /* lebar notif */
height: auto; /* tinggi notif otomatis */
overflow: hidden;
background: rgba(255,255,255,0.9); /* warna background */
border-radius: 5px; /* nilai sudut bundar */
border: 1px solid #ddd; /* garis batas luar */
z-index: 999999;
position: fixed; /* posisi melayang */
-webkit-animation: fadeOutnotif 10s linear forwards; /* notif 10 detik */
-moz-animation: fadeOutnotif 10s linear forwards;
-o-animation: fadeOutnotif 10s linear forwards;
-ms-animation: fadeOutnotif 10s linear forwards;
animation: fadeOutnotif 10s linear forwards;
}
#NotifikasiNP a {
display:block;
text-decoration:none;}
#NotifikasiNP span {
display: block;
padding: 15px 15px;
pointer-events: none;
text-align: left;
float: left;
}
#NotifikasiNP span h2 {
font-size: 12px; /* Ukuran text */
line-height: 21px;
color: #222; /* Warna text */
font-weight: normal;
letter-spacing: 0px;
}
@-webkit-keyframes fadeOutnotif {
0% { opacity: 1;}
10% { opacity: 1;}
90% { opacity: 1; -webkit-transform: translateY(0px);}
99% { opacity: 0; -webkit-transform: translateY(-30px);}
100% { opacity: 0;}
}
@-moz-keyframes fadeOutnotif {
0% { opacity: 1;}
10% { opacity: 1;}
90% { opacity: 1; -moz-transform: translateY(0px);}
99% { opacity: 0; -moz-transform: translateY(-30px);}
100% { opacity: 0;}
}
@-o-keyframes fadeOutnotif {
0% { opacity: 1;}
10% { opacity: 1;}
90% { opacity: 1; -moz-transform: translateY(0px);}
99% { opacity: 0; -moz-transform: translateY(-30px);}
100% { opacity: 0;}
}
@-ms-keyframes fadeOutnotif {
0% { opacity: 1;}
10% { opacity: 1;}
90% { opacity: 1; -moz-transform: translateY(0px);}
99% { opacity: 0; -moz-transform: translateY(-30px);}
100% { opacity: 0;}
}
@keyframes fadeOutnotif {
0% { opacity: 1;}
10% { opacity: 1;}
90% { opacity: 1; -moz-transform: translateY(0px);}
99% { opacity: 0; -moz-transform: translateY(-30px);}
100% { opacity: 0;}
}

Kode HTML (Letakan dibawah kode "<body>")

<div id='NotifikasiNP'>
<span>
<h2>
<b>Hai, Terima Kasih atas kunjungannya !</b>
<b>NEGERI TIHULALE - www.tihulale.com</b>
</h2>
</span>
</div>

Preview

Demo

KLIK DISINI

Sekarang simpan template anda dan buka halaman blog anda untuk melihat hasilnya. Semoga Cara Membuat Pesan Notifikasi Keren Di Blog Dengan CSS3 saya ini dapat bermanfaat bagi anda.

Selengkapnya ...

Cara Memasang Widget Recent Post Di Blog

Widget Recent Post adalah widget yang berfungsi untuk menampilkan postingan terbaru yang anda tulis di blog anda. Sehingga widget ini sangat membantu pengunjung untuk dapat melihat artikel terbaru yang anda tulis pada blog anda. Hampir setiap blog memiliki widget yang satu ini. Pada umumnya fitur widget ini hanya disediakan di CMS Wordpress dan tidak disediakan di CMS Blogger sehingga perlu tambahan kode HTML atau JavaScript secara manual. Nah, pada kesempatan kali ini saya akan mengajari anda untuk memasang Widget Recent Post di blog anda.

Untuk memasang Widget Recent Post Di Blog, berikut caranya   :

1. Login ke Dashboard Blog anda.
2. Pilih Layout.
3. Tentukan posisi mana yang anda inginkan lalu klik Add A Gadget.
4. Pilih HTML/JavaScript.
5. Ketikan Recent Post atau Artikel Terbaru pada kolom judul.
6. Kemudian pada kolom kode, silahkan anda tambahkan HTML/Java Script berikut   :

<ul id="recent-posts"></ul>

<script>

//<![CDATA[

var homePage = "http://www.nalhacker.com",

numPosts = 5;

function recentPosts(a){if(document.getElementById("recent-posts")){var e=a.feed.entry,title,link,content="",ct=document.getElementById("recent-posts");for(var i=0;i<numPosts;i++){for(var j=0;j<numPosts;j++){if(e[i].link[j].rel=="alternate"){link=e[i].link[j].href;break}}var title=e[i].title.$t;content+='<li class="recent-posts"><strong><a href="'+link+'" title="'+title+'" target="_blank">'+title+'</a></strong></li>'}ct.innerHTML=content}}var rcp=document.createElement('script');rcp.src=homePage+'/feeds/posts/summary?alt=json-in-script&orderby=published&max-results='+numPosts+'&callback=recentPosts';document.getElementsByTagName('head')[0].appendChild(rcp);

//]]>

</script>

Silahkan anda ganti tulisan yang berwarna hijau diatas dengan alamat url blog anda. Kemudian, untuk mengganti jumlah artikel yang ditampilkan pada Widget Recent Post, silahkan ganti angka 5 dengan jumlah artikel yang ingin anda tampilkan. Jika sudah, sekarang silahkan anda buka blog anda untuk melihat hasilnya. Semoga artikel  Cara Memasang Widget Recent Post Di Blog ini dapat berguna bagi anda.

Selengkapnya ...

Cara Mempercepat Loading Blog Hingga 100x Lipat

Performa Blog merupakan salah satu hal yang perlu diperhatikan, mengingat Google juga mempertimbangkan hal ini sebagai unsur SEO. Salah satunya adalah dengan menggunakan banyak Widget, hal ini akan memperlambat akses blog sebab umumnya pada setiap widget terdapat Javascript. Selain Javascript, ada juga Jquery maupun AJAX. Nah, untuk mempercepat performa Blog dengan tetap mepertahankan widget, kali ini NALHACKER Portal akan mengajari anda Cara Mempercepat Loading Blog Hingga 100x Lipat yaitu dengan Mengompress Blog.

Cara Mempercepat Loading Blog Hingga 100x Lipat yang NALHACKER ajarkan disini tidak akan merusak Blog anda, seperti script maupun yang lainnya karena tetap aman 100% tanpa mengganggu tampilan atau kinerja Blog. Karena cara ini NALHACKER terapkan sendiri di Blog NALHACKER. Berikut Cara Mempercepat Loading Blog Hingga 100x Lipat    :

• Login ke Dashboard Blogger anda.
• PIlih Template.
• Klik Edit HTML.
• Pilih semua kode HTML yang ada lalu Cut atau tekan Ctrl + X.
• Masuk ke situs HTML Compressor.
• Disebelah kanan pada bagian Code Type, pilih Blogger.
• Paste semua kode HTML tersebut lalu klik Compress.
• Setelah selesai, akan muncul kode yang sudah terkompres.
• Silahkan pilih semua kode tersebut lalu kembali ke halaman Edit HTML dan Paste.
• Simpan Blog anda.

Dengan demikian blog anda akan menjadi jauh lebih cepat serta aman, anda dapat melihat rasio kompresi terhadap Blog anda, sebagai contoh pada gambar diatas, rasio kompresi saya 75%, luar biasa bukan. Semoga Cara Mempercepat Loading Blog Hingga 100x Lipat diatas dapat bermanfaat bagi anda. 

Regards

Kata Kunci Relatif   :

Cara Kompres Blog, Cara Compress Blog, Cara Kompres Blog Agar Lebih Ringan 100%, Cara Compress Blog Agar Lebih Ringan 100% , Cara Kompres Blog Agar Lebih Ringan 100% Aman (Terbukti), Cara Compress Blog Agar Lebih Ringan 100% Aman (Terbukti), Cara Kompres Blog Agar Menjadi Lebih Ringan 100% Aman (Terbukti), Cara Compress Blog Agar Menjadi Lebih Ringan 100% Aman (Terbukti), Cara Mempercepat Loading Blog Hingga 100%, Cara Mempercepat Loading Blog Hingga 100%, Cara Mempercepat Loading Blog Hingga 100x Lipat.

Selengkapnya ...

Cara Menampilkan Judul Blog Di Belakang Judul Postingan

Pada umumnya, postingan yang kita buat di Blog tidak menampilkan Judul Blog kita pada halaman pencarian Search Engine Google, hal ini tentu akan berdampak buruk untuk perkembangan SEO kita. Karena untuk mengoptimalkan blog kita pada halaman pencarian atau yang lebih dikenal dengan SEO atau lebih memudahkan untuk terindeks serta mudah ditemukan oleh pengunjung maka sebaiknya kita merubah letak dari judul postingan tersebut. Yaitu dengan menampilkan judul postingan kita sebelum judul blog. Seperti berikut ini   :

Screenshot ' Judul Blog Di Belakang Judul Postingan '

Nah, Langsung saja, untuk Cara Menampilkan Judul Blog Di Belakang Judul Postingan yaitu   :

1. Login ke Blogger
2. Masuk ke Template
3. Pilih Edit HTML

Temukan kode berikut   :

<title><data:blog.pageTitle/></ title>

Lalu Ganti dengan kode berikut   :

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/> - <data:blog.title/></title>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<title><data:blog.pageName/> - <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title></b:if></b:if>

Sebagai catatan, Diantara  "<title><data:blog.pageName/>" dan "<data:blog.title/></title>" terdapat karakter "-". Silahkan ganti dengan "|" atau karakter lainnya sesuka anda, ini untuk memisahkan (separasi) judul postingan dengan judul blog agar terlihat menarik.

Jika sudah, sekarang Simpan Template anda dan silahkan cari salah satu artikel pada blog anda di halaman pencarian Google untuk melihat hasilnya. Semoga artikel Cara Menampilkan Judul Blog Di Belakang Judul Postingan diatas dapat bermanfaat bagi anda.

Regard's

Selengkapnya ...