Tutorial Social Network

Informasi Seputar Media Sosial

Tutorial Computer

Informasi Seputar Komputer

Tutorial Youtube

Informasi Seputar Youtube

Tutorial Blogger

Informasi Seputar Blogger

Tutorial Wordpress

Informasi Seputar Wordpress

Tutorial Website

Informasi Seputar Pemrograman Website

Tutorial Windows

Informasi Seputar Sistem Operasi Windows

Tutorial Linux

Informasi Seputar Sistem Operasi Linux

Tutorial Android

Informasi Seputar Android

Tuesday 20 October 2020

Cara Memberi TAG ALT & Title pada Logo Blog di Header

Menambahkan Tag ALT & Title pada logo blog sangatlah penting dan wajib jika ingin SEO Score bertambah. Jika tidak menambahkan alt maupun title pada suatu gambar maka secara otomatis search engine pun tidak dapat mengindex & mengenali gambar tersebut. Nah, pada artikel kali ini saya akan menjelaskan bagaimana cara termudah untuk memberi tag alt & title pada logo blog yang terletak di header yang berguna agar logo blog tidak missing descriptions & missing titles saat melakukan test seo analyzer menggunakan CHKME maupun GTmatrix.

Berikut adalah tutorial singkatnya,
Agar logo blog tidak error saat cek seo, langkah pertama adalah tentukan deskripsi & judul blog
Setelah itu Buka Blogger > Template > Edit HTML

Kemudian cari 

<img expr:alt=’data:title;
Dengan menekan CTRL + F

Cari Kode Seperti di bawah ini

<img expr:alt=’data:title;‘ expr:height=’data:height’ expr:id=’data:widget.instanceId + &quot;_headerimg&quot;’ expr:src=’data:sourceUrl’ expr:width=’data:width’ style=’display: block’ title=’TITLE BLOG ANDA‘/>

Ganti teks yang berwarna merah dengan deskripsi blog anda & Tambahkan juga Kode berwarna biru dan ganti TITLE BLOG ANDA dengan teks yang anda inginkan.

<img expr:alt=‘septian riyadus solihin,ilmu,teknologi,download aplikasi,game,lagu,tema,logo,apk,windows 7 8 8.1,10,android,tips,trik,terbaru,terupdate,tutorial;‘ expr:height=’data:height’ expr:id=’data:widget.instanceId + &quot;_headerimg&quot;’ expr:src=’data:sourceUrl’ expr:width=’data:width’ style=’display: block’ title=’Logo Septian Blog’/>

Setelah itu, Save Template dan silahkan cek kembali SEO anda, Masalah header logo yang missing description & titles pun kini sudah teratasi.

Sumber:

Apa Itu Backlink? Bagaimana Tips Cara Mencari Backlink Gratis Berkualitas?

Backlink merupakan salah satu aspek penting yang bisa menentukan posisi website di penelusuran mesin pencari. Alhasil, pertanyaan tentang apa itu backlink dan bagaimana cara mendapatkan backlink gratis kerap kali melintas di kepala sebagian besar blogger maupun web developer.
Mempelajari dan memahami konsep backlink memang tidak gampang. Pasalnya, selalu saja ada aturan dari Google yang membatasi setiap gerak-gerik yang dinilai bisa merugikan banyak orang. Salah satunya yakni kehadiran algoritma Google Penguin yang diplot untuk menurunkan peringkat situs dengan jumlah backlink spam yang tidak relevan.

Apa Itu Backlink?
Backlink adalah sebutan untuk menamai sebuah tautan/link yang mengarah ke website kita. Backlink bisa dimanfaatkan sebagai rujukan untuk memudahkan pengguna atau sekadar untuk keperluan optimasi agar website kita lebih populer di mata mesin pencari.

Dari segi manfaat, backlink dibedakan menjadi dua jenis, yakni dofollow dan nofollow. Kedua jenis backlink di atas sebenarnya tidak berbeda sama sekali jika dilihat secara kasat mata. Namun, jenis backlink dofiollow lebih banyak disukai karena memiliki nilai tinggi di mata mesin pencari, sementara jenis nofollow relatif kurang diminati karena tidak memberikan efek berarti untuk website.

Dewasa ini, kebutuhan backlink semakin berkembang pesat seiring maraknya kampanye berbasis SEO sebagai salah satu strategi untuk menarik calon pembeli. Lantas, kira-kira adakah tips atau cara ampuh untuk mencari backlink berkualitas tinggi?

Tips Cara Mencari Backlink Berkualitas
Ada beragam cara untuk bisa mendapatkan backlink berkualitas, baik secara gratis maupun berbayar. Untuk cara gratisan, Anda bisa memanfatkan metode peletakan backlink profile, sosial bokmarking, atau guestpost. Sedangkan untuk cara mendapatkan backlink berkualitas yang berbayar bisa melalui kerjasama content placement atau sponsored post.

Berikut merupakan tips cara mencari backlink berkualitas untuk memenuhi kebutuhan website Anda.
1. Membuat Konten yang Unik dan Menarik
Sudah bukan rahasia lagi jika konten yang baik akan menarik banyak orang untuk membaca sekaligus mereferensikannnya. Jadi, fokuslah untuk mencari ide baru sebagai bahan tulisan. Siapa tahu artikel Anda bisa menjadi rujukan situs authrity seperti Wikipedia yang memang terkenal sering memberikan backlink berkualitas.

2. Aktif Membangun Relasi Pertemanan
Jika Anda merupakan seorang blogger, jangan sampai terlewat untuk ikut bergabung dalam sebuah komunitas. Di Jogja misanya, ada KBJ (Komunitas Blogger Jogja) yang menjadi wahana efektif untuk saling bertukar pikiran maupun menambah jejaring pertemanan.
Kalau Anda beruntung, bisa jadi ada satu atau dua orang yang tertarik dengan website Anda dan bersedia untuk diajak saling bertukar link.

3. Tulis Informasi yang Sedang Banyak Dicari
Untuk bisa menghadirkan konten berkualitas ada berbagai macam jalan yang bisa ditempuh, salah satunya yakni dengan menemukan topik bahasan yang sedang banyak dibutuhkan.

4. Melakukan Blogwalking ke Website yang Memiliki Topik Sama
Aktivitas blogwalking memang sudah mulai ditinggalkan karena dianggap cukup merepotkan dan kurang powerfull untuk mendongkrak posisi website di hasil pencarian. Namun, bagaimana jika blogwalking dilakukan pada blog/website dengan topik bahasan yang sama? Silahkan Anda coba dan buktikan sendiri efeknya.

5. Gunakan Tools
Agar proses pencarian backlink Anda semakin mudah, gunakan juga tools seperti Ahrefs, MOZ, atau Majestic yang bisa menampilkan data backlink dari website kompetitor. Dari data tersebut, kemudian bisa Anda pilah untuk dijadikan target membuat link building yang lebih optimal. Sayangnya, tools ini menerapkan sistem berlangganan sehingga Anda harus mengeluarkan investasi uang yang angkanya cukup lumayan.

Kumpulan Website Sumber Backlink Gratis
Agar semakin melengkapi pengetahuan Anda tentang apa itu backlink, dibawah ini sudah kami rangkum sejumlah website yang bisa dijadikan sebagai sumber mencari backlink berkualitas untuk website Anda.
Perlu diketahui, proses mencari backlink melalui beberapa situs ini cukup memakan waktu dan melelahkan, jadi jangan lupa siapkan kopi serta camilan agar tetap fokus dan mendapatkan hasil maksimal.

About Me
Domain Authority (DA): 93

Tipe backlink: Profile
Cara mendapatkan backlink: Membuat akun kemudian menambahkan URL website target di halaman about atau profil tautan website.

Medium.com
Domain Authority (DA): 95
Tipe backlink: Contextual

Cara mendapatkan backlink: Medium tak ubahnya seperti blogspot atau wordpress.com yang menawarkan platform blogging dengan kebebasan menulis yang tidak dibatasi. Jadi, Anda bisa memanfaatkn layanan ini sebagai sarana latihan menulis sekaligus menyisipkan backlink contextual yang mengarah ke website Anda.

YouTube.com
Domain Authority (DA): 99
Tipe backlink: Profile / contextual

Cara mendapatkan backlink: Sebagai salah satu produk hasil besutan Google, YouTube tentu bisa menjadi salah satu website powerfull untuk mencari backlink berkualitas. Ada dua cara mendapatkan backlink dari YouTube, pertama Anda bisa memasang URL homepage website di halaman profil about me, lalu yang kedua YouTube backlink berupa URL homepage maupun artikel yang bisa disematkan di dalam kolom deskripsi.

Scribd
Domain Authority (DA): 94
Tipe backlink: Contextual

Cara mendapatkan backlink: Apakah Anda punya file-file tugas kuliah yang menumpuk di harddisk komputer? Jangan sia-siakan kerja keras Anda tersebut, edit dan tambahkan hyperlink di bagian dokumen yang menurut Anda relevan, kemudian unggah ke website dokumen sharing Scribd untuk mendapatkan potensi backlink dari situs DA besar.

Kaskus.co.id
Domain Authority (DA): 80
Tipe backlink: Contextul

Cara mendapatkan backlink: Untuk bisa mendapatkan backlink berkualitas dari Kaskus Anda harus bisa membuat sebuah thread menarik yang tidak repost dan bermanfaat bagi banyak orang. Di bawah thread Anda bisa memberikan tautan referensi atau sumberyang benar-benar sesuai dengan tpik bahasan terkait.

Itulah pembahasan terkait apa itu backlink lengkap dengan tutorial cara mendapatkan backlink gratis yang bisa dijadikan sebagai alternatif pilihan. Kita semua tentu sepakat jika salah satu langkah optimasi website adalah dengan cara menambahkan kualitas maupun kuantitas backlink senatural mungkin dan jangan lupa untuk selalu cek backlink.

Namun, hal tersebut rasanya bakal sia-sia saja jika website Anda belum ditopang dengan performa layanan hosting optimal, sehingga berpotensi menyebabkan website sering down atau mengalami server error.

Maka dari itu, sebelum memulai tahapan pemberian backlink sebaiknya Anda terlebih dahulu harus mempertimbangkan untuk menggunakan provider web hosting Indonesia terbaik dengan berbagai teknologi canggih untuk menjaga kinerja website Anda.

Sumber:

Monday 19 October 2020

Cara Membuat Kotak Subscribe Keren di Blog

Kotak langgaran artikel atau subscribe bagi blogger memiliki banyak fungsi. Apalagi bagi blogger yang jumlah pengunjungnya cukup tinggi. Kotak langganan ini bisa membantu sekaligus meningkatkan jumlah pembaca.

Postingan kali ini, kita akan membahas cara pembuatan kotak langganan dengan bentuk yang keren. Sebelumnya, kita pernah juga membuat kotak langganan serupa namun bentuk yang sederhana.

Kotak Subscribe yang akan kita buat kali ini modelnya seperti berikut:


Selain bentuknya lebih menonjol di blog, karena berwarna cerah dan punya gambar gif, kotak Subscribe ini juga sekaligus menyertakan tombol RSS, Twitter dan Google Plus. Dengan begitu pengunjung akan lebih dimudahkan berinteraksi dengan kita melalui media sosial.

Baiklah, untuk memasang kotak subscribe keren ini di blog Anda, ikuti langkah berikut:
Login ke akun blogspot Anda dan masuk ke halaman layout/tata letak. 
Klik Add a Gadget/Tambahkan Gadget
Klik HTML/JavaScript


Lalu copy paste script berikut dan save. 

<style>
#dgenera-blog {
border: 0;
margin-bottom: 10px;
margin: 0 auto;
width:300px;
}

#email-news-subscribe .email-box{
padding: 5px 5px;
font-family: "Arial","Helvetica",sans-serif;
height:38px;}
#email-news-subscribe .email-box input.email{
background:#FFFFFF;
border: 1px solid #dedede;
color: #999;
padding: 7px 10px 8px 10px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
border-image: initial;
font-family: "Arial","Helvetica",sans-serif;}
#email-news-subscribe .email-box input.email:focus{color:#333}

#email-news-subscribe .email-box input.subscribe{
background: -moz-linear-gradient(center top,#666 0,#333 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#666),color-stop(1,#333));

font-family: "Arial","Helvetica",sans-serif;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border:1px solid #333;
color:white;

padding:7px 14px;
margin-left:3px;
font-weight:bold;
font-size:12px;
cursor:pointer;
border-image: initial;}

#email-news-subscribe .email-box input.subscribe:hover{

background-image:-moz-linear-gradient(top,#333,#666);
background-image:-webkit-gradient(linear,left top,left bottom,from(#333),to(#666));
filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff,endColorStr=#ebebeb);
outline:0;-moz-box-shadow:0 0 3px #999;
-webkit-box-shadow:0 0 3px #999;
box-shadow:0 0 3px #999

-pie-background:linear-gradient(270deg,#ffda4d,#ff9b00);
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border:1px solid #333;
color:#FFFFFF;
}

#other-social-bar {
padding: 0px;
overflow: hidden;
height:37px;
margin-top:-8px;
}
#other-social-bar ul {list-style: none outside none; padding-left: 4px;}

#other-social-bar .other-follow {
float: left;
overflow: hidden;
padding:5px;
width: 270px;}
#other-social-bar .other-follow ul {
list-style: none outside none;
padding-left: 4px;}
#other-social-bar .other-follow li {

display:inline;
border:0;
}

#other-social-bar .other-follow li a {
font-size: 12px;
color:#666;
font-weight: bold; font-family:arial;
display:inline;
}
#other-social-bar .other-follow li.my-rss {
line-height: 1;
padding: 0px 3px 1px 20px;
width: 60px;
margin-bottom:0px;
margin-left:5px;}

#other-social-bar .other-follow li.my-rss a, #other-social-bar .other-follow li.my-twitter a, #other-social-bar .other-follow li.my-gplus a{
text-decoration:none;
}
#other-social-bar .other-follow li.my-rss a:hover, #other-social-bar .other-follow li.my-twitter a:hover, #other-social-bar .other-follow li.my-gplus a:hover{
text-decoration:underline;
}
#other-social-bar .other-follow li.my-twitter {
line-height: 1;
padding: 0px 3px 1px 20px;
width: 60px;
margin-bottom:0px;}
#other-social-bar .other-follow li.my-gplus {
line-height: 1;
width: 60px;
padding: 0px 3px 1px 20px;
margin-bottom:0px;}

.emailicon {
padding: 0px 20px 0px 95px;
min-height:100px;
margin: 0px;
width: 183px;
line-height: 20px;
vertical-align: middle;
font-size: 14px;
color: rgb(51, 51, 51);
}

.emailicon p {
color:#FF8604;
font-size: 20px;
font-weight: normal;
font-family: impact;
padding:40 0px 10px 0px;
margin:0;
padding-top: 20px;
line-height: 25px;
text-shadow: 0px 1px 0px #fff, 0px 2px 0px #C6C6C6;
}
</style>
<!--[if IE]>
<style>
#email-news-subscribe .email-box input.subscribe{
background: #333;
}
</style>
<![endif]-->

<div id="Blogoooblok-blog" >

<div class="emailicon"><p>Dapatkan Update Artikel Gratis! </p></div>
<div id="email-news-subscribe">
<div class="email-box"> <form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.openundefined'http://feedburner.google.com/fb/a/mailverify?uri=Blogoooblok', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input gtbfieldid="10" class="email" type="text" style="width: 160px; font-size: 12px;" id="email" name="email"value="Enter Email Anda Disini..." onblur="if (this.value == &#39;&#39;) {this.value = &#39;Enter your email here...&#39;;}" onfocus="if (this.value == &#39;Enter your email here...&#39;) {this.value = &#39;&#39;;}" type="text" />

<input type="hidden" value="Blogoooblok" name="uri" /> <input type="hidden" name="loc" value="en_US" /> <input class="subscribe" name="commit" type="submit" value="Subscribe" /> </form> </div> </div>
<div id="other-social-bar">
<ul class="other-follow">
<li class="my-rss"> <a rel="nofollow" title="RSS" href="http://feeds.feedburner.com/Blogoooblok" target="_blank">RSS Feed</a> </li>
<li class="my-twitter"> <a rel="nofollow" title="twitter" rel="author" href="https://twitter.com/blogoooblok" target="_blank">Twitter</a> </li>
<li class="my-gplus"> <a rel="nofollow" title="Google Plus" rel="author" href=https://plus.google.com/u/0/+wisarahardi1/posts target="_blank">Google Plus</a> </li>
</ul>
</div>
</div>
  • Pada script diatas, perhatikan yang ditandai warna merah. Ganti dengan alamat FeedBurner Anda.
  • Tulisan yang ditandai Kuning ganti dengan alamat Twitter dan Google Plus Anda.
  • Tulisan yang dicetak tebal bisa Anda ganti dengan kata-kata Anda sendiri.
Jika telah di simpan maka, hasilnya akan nampak seperti gambar diatas.

Sumber:

Mengenal dan Cara Membuat Layanan Subscribe

Jika Anda sering menonton video di Youtube, kata-kata Subscribe pasti sering Anda lihat disana. Subscribe sendiri artinya adalah langganan. Yang berarti pula, setiap Anda mengklik Subscribe di Youtube, pemilik video akan selalu mengabari Anda jika mereka punya video baru.
Di dunia blog, Subscribe juga bukan hal yang baru. Sudah sejak dulu, layanan ini hadir. Pengertiannya sama dengan Subscribe yang disediakan oleh Youtube. Bedanya hanya satu, Subscribe di Youtube sudah ada sejak pertama kita buat kanal disana, sedangkan di blog, Subscribe harus dibuat sendiri.

Kotak disebelah kanan atas pada sidebar adalah layanan Subscribe atau layanan berlangganan artikel melalui email. Tujuannya agar setiap artikel dari blog ini akan langsung terkirim ke email Anda secara utuh, tanpa harus mengunjungi blog ini setiap saat.

Cara Membuat Layanan Subscribe/Langganan Artikel
Untuk membuat layanan Subscribe di blog kita diberi banyak pilihan layanan. Namun yang paling terkenal dan paling disarankan oleh blogspot adalah layanan dari FeedBurner. Mengapa demikian, karena FeedBurner juga milik Google yang artinya telah terkoneksi dengan seluruh layanan Google.

Jadi langkah pertama yang harus Anda lakukan untuk membuat Subscribe adalah mengaktifkan akun FeedBurner Anda.

Jika telah memiliki akun FeedBurner, selanjutnya login. Pilih blog yang telah Anda daftarkan dan pilih Publicize lalu Email Subscriptions. 


Pada halaman Email Subscriptions, klik Activate. 


Kini Anda telah disediakan script HTML. Script ini bisa langsung Anda copy ke blog Anda dan letakkan dimana saja Anda inginkan. Namun saya sarankan untuk tidak mengcopy dulu. Kita akan melakukan pengaturan agar layanan Subscribe Anda terlihat profesional. 


Pilihlah Communication Preferences. Pada pengaturan ini Anda bisa merubah alamat email pengirim (selain dari email yang Anda daftarkan), Kata-kata untuk email aktivasi pada pelanggan Anda, serta isi pesan yang akan muncul saat pertama kali pelanggan Anda meminta berlangganan. Bahasanya berbahasa Inggris, olehnya itu rubahlah kedalam bahasa Indonesia dengan kata-kata Anda sendiri. Setelah itu klik Save. 


Selanjutnya adalah Email Branding. Pada pengaturan ini, aturlah judul setiap email Subscribe Anda sesuai keinginan, misal jika Anda belangganan artikel di blog ini, judul email yang akan terkirim bertuliskan blog. Pada laman ini Anda juga bisa merubah tampilan feed Anda, silahkan diutak-atik sesuai kebutuhan, lalu klik Save. 


Terakhir adalah Delivery Options. Pada laman ini, Anda diberi kuasa mengatur jadwal pengiriman artikel kepada pelanggan Anda. Jika menyasar pembaca dari Indonesia, aturlah Timezone-nya Jakarta, dan jadwal pengiriman sesuai keinginan Anda, bisa dikirim dipagi hari atau malam hari. 


Barulah setelah selesai, kembali ke Subscription Management lalu mengcopy script yang diberikan ke blog Anda. Ada dua cara yang bisa dilakukan, mengcopy script langsung ke blog atau mengaktifkan widget dari FeedBurner. Saran saya lebih baik mengcopy script saja agar Anda bisa melakukan modifikasi, seperti layanan Subscribe pada blog ini sudah diperbaharui agar sesuai keinginan. 


Anda pun bisa melakukan perubahan script jika mengetahui dasar-dasar HTML. Bisa Anda pelajari dengan membaca beberapa postingan di blog ini

Sumber:

Cara Membuat Halaman Statis di Blogspot

Halaman statis adalah halaman tetap. Jika Anda lihat homepage blog ini, halaman utamanya tidak pernah berubah, itulah yang saya maksud dengan halaman statis. Kita memasangnya di sana walau postingan tetap berjalan.

Blogspot akan menampilkan halaman utama dengan postingan terakhir. Ini memang wajar, karena blog pada pasarnya akan selalu menampilkan postingan terbaru diurut terbalik hingga yang terlama.

Walau blogspot telah mematenkan hal ini, namun kita sebagai pengguna masih diberi kesempatan mengubahnya dengan menetapkan halaman statis di homepage. Inilah hebatnya blogspot dengan platform lain.

Buat Laman
Yang pertama dan utama, tentu Anda harus login dulu ke akun blogspot Anda. Saya anggap kini Anda telah menyediakan artikel khusus untuk ditampilkan dihalaman statis. Setelah login, pilihlah tab Laman disebelah kiri lalu pilih Laman Baru. Anda juga bisa memilih Laman lain yang telah Anda buat sebelumnya. 


Setelah membuka laman, isikan artikel yang Anda ingin tampilkan dihalaman utama. Isi sesuai dengan selera, Anda bisa memasukkan gambar atau video. Intinya, laman ini sama seperti Anda membuat postingan seperti biasa. Pada tutorial ini, laman statis yang akan kita buat saya beri nama Hello. Setelah selesai, klik Publish/terbitkan. 


Pengaturan
Setelah laman yang akan kita jadikan halaman statis diterbitkan, langkah selanjutnya adalah pengaturan. Masih di dhasbor blogspot Anda, selanjunya pilihlah tab Setelan/Setting lalu Preferensi Penelurusan lalu klik Edit di Pengalihan Khusus. Lihat gambar dibawah ini. 


Ada dua pilihan dalam kolom ini, Pada kolom pertama Dari (URL blog Anda) kolomnya isikan saja dengan simbol "/" (tanpa tanda kutip). Dan dikolom kedua Kepada (URL blog Anda) isikan URL halaman statis yang anda buat tadi. Misal dalam hal ini alamat URL statis yang buat adalah http://blogoooblok.blogspot.com/p/hello_17.html. Copy saja kata-kata terakhir yakni "/p/hello_17.html" (tanpa tanda kutip). Setelah diisi klik Simpan dan Simpan Perubahan. 



Sembunyikan Laman
Sekarang halaman home Anda telah berubah menjadi halaman statis. Namun pada menu tab akan tampil dua halaman yang sama, yakni Home dan Hello (Sesuai nama lamana Anda). 



Untuk menghilangkan halaman Hello pada menu tab, selanjutnya masuk ke tab Tata Letak lalu pilih Edit pada Laman. 



Pada jendela pengaturan hilangkan tanda centang pada laman Hello. Setelah itu klik Simpan.


Kini menu tab Anda tidak tersedia lagi menu pilihan Hello, dan postingan terbaru Anda pun tak tampil dihalaman utama atau home page Anda. 
Untuk melihat postingan terbaru Anda, tambahkan saja /index.html dibelakang URL Anda. Namun alangkah lebih baiknya jika Anda membuat navigasi yang baik bagi setiap pengunjung agar saat berkunjung mereka tidak kebingungan.

Awalnya blogspot menyediakan pengaturan laman dengan opsi Alamat Web, dimana kita bisa memasukkan /index.html dan membuatnya menjadi tab baru. Namun kini telah dihilangkan, entah apa alasannya.

Sumber: