Tampilkan postingan dengan label Tutorial. Tampilkan semua postingan
Tampilkan postingan dengan label Tutorial. Tampilkan semua postingan

Kamis, 18 Mei 2017

Cara Mengganti Logo Favicon pada Blog

Cara Mengganti Logo Favicon pada Blog - Bagi yang belum tau apa itu Favicon, Favicon adalah logo kecil yang berada disamping judul suatu blog. Fungsi dari Favicon itu sendiri saya juga belum tau jelas. Namun saya yakin ini di juga dinilai penting karena jika Anda perhatikan setiap Anda menggunakan template baru ,lihat setelah kode </head> dan sebelum kode <b:skin><![CDATA[/* Anda akan menemukan kode seperti ini.
<link href='YOUR-FAVICON-URL' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
Kalau saya perhatikan hampir disetiap template baru ada kode seperti di atas,jadi kesimpulan saya mungkin ini ada pentingnya buat website kita, namun jika tidak memang penting, tidak ada salahnya jika mencoba. Tapi sepertinya fungsi dari Favicon yang paling jelas adalah mempercantik Blog. Blogger sudah memberikan Favicon default namun mungkin kurang menarik jika digunakan. Contoh Faviconnya silahkan lihat gambar dibawah ini :
Contoh 2
Sedangkan dibawah ini adalah contoh Favicon buatan saya sendiri :
Contoh 1
Menurut saya lebih menarik yang buatan sendiri kenapa ? karena itu bisa menjadi ciri khas suatu blog dan itu bisa membuat pembeda dengan blog lainnya atau bisa disebut unik. Jika Anda tertarik untuk mengganti Favicon. Silahkan ikuti tutorial dibawah ini :

Berikut langkah-langkah Mengganti Logo Favicon pada Blog :

  • Cara Pertama

1. Login akun blogger Anda.
2. Pilih Tema --> Edit HTML.
3. Cari kode </head> kemudian letakkan kode dibawah ini diatas kode </head>
<link href='LINK GAMBAR' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
Keterangan:
Ganti LINK GAMBAR dengan link gambar/logo yang akan dijadikan favicon blog.
4. Setelah selesai, klik Simpan tema.

  • Cara Kedua

1. Masuk ke menu Tata Letak
2. Klik 'Edit' pada bagian Favicon.
Cara Mengganti Logo Favicon pada Blog 1
3. Kemudian klik Choose File
Cara Mengganti Logo Favicon pada Blog 2
4. Jika telah terupload, klik Simpan.

Demikian artikel Cara Mengganti Logo Favicon pada Blog. Jika ada yang kurang jelas silahkan tanyakan melalui komentar. Semoga bermanfaat dan Terima Kasih.


Simak Video Cara Mengganti Logo Favicon pada Blog
 

Rabu, 17 Mei 2017

Cara Mengganti Alamat URL Blog

Cara Mengganti Alamat URL Blog - Alamat URL blog adalah hal yang sangat penting, usahakan membuat URL blog yang simple, mudah dibaca dan diingat oleh pengunjung. Kenapa harus begitu ? karena tidak ada yang tau jika suatu saat nanti pengunjung akan datang kembali, tapi bagaimana jika URL blog tersebut susah diingat ? tentunya kita akan kehilangan pengunjung.

Jika Anda sudah terlanjur menggunakan URL yang menurut Anda itu kurang bagus, Anda dapat menggantinya dengan URL baru. Namun perlu diingat mengganti URL akan sangat berdampak pada blog itu sendiri, mulai dari penurunan pengunjung dan Search Engine tidak dapat menemukan blog Anda dengan URL baru. Bisa dikatakan bahwa mengganti URL blog sama dengan memulai blog dari awal, hanya saja artikel akan tetap ada.

Jika ingin mengganti alamat URL blog Anda. Silahkan ikuti tutorial dibawah ini.

Berikut langkah-langkah Mengganti Alamat URL Blog :

1. Login akun blogger Anda.
2. Pilih menu Setelan, kemudian klik Dasar.
Cara Mengganti Alamat URL Blog

3. Pada bagian Alamat Blog klik Edit lalu ganti dengan URL yang Anda inginkan.
4. Setelah selesai, klik Simpan.

Demikian artikel tentang Cara Mengganti Alamat URL Blog. Jika ada yang kurang jelas silahkan tanyakan melalui komentar. Semoga bermanfaat dan Terima Kasih.

Simak Video Cara Mengganti Alamat URL Blog
 

Selasa, 16 Mei 2017

Cara Menambahkan Admin dan Penulis Baru pada Blog

Cara Menambahkan Admin dan Penulis Baru pada Blog - Ada beberapa blogger yang ngeblog dengan berkerja sama dengan blogger lain. Mereka memilih untuk bekerja sama mungkin karena mereka terlalu sibuk dengan pekerjaan lain, sehingga blog menjadi terlantar. Oleh karena itu solusi yang paling tepat adalah bekerja sama dengan blogger lain.

Anda dapat menambahkan Admin maupun Penulis di blog. Pekerjaan Admin lebih luas dari Penulis. Admin adalah orang yang dapat mengakses secara keseluruhan suatu blog, sedangkan Penulis hanya dapat menulis dan mempublikasikan artikel saja. Dibawah ini adalah gambar perbedaan hak akses antara Admin dan Penulis :

Cara Menambahkan Admin dan Penulis Baru pada Blog

Jika Anda tertarik untuk menambahkan Admin atau Penulis kedalam blog Anda silahkan ikuti tutorial dibawah ini.

Berikut langkah-langkah Menambahkan Admin dan Penulis Baru pada Blog :


1. Login akun blogger Anda.

2. Pilih menu Setelan, kemudian klik Dasar. 
3. Pada bagian Penulis Blog, klik Tambahkan penulis.
Cara Menambahkan Admin dan Penulis Baru pada Blog 1
4. Masukkan alamat email yang ingin Anda tambahkan, klik Undang penulis.
5. Selanjutnya konfirmasi email yang Anda daftarkan tadi.

Setelah dikonfirmasi maka email tersebut dapat mengakses blog Anda namun hanya sebatas Penulis, selanjutnya untuk menjadikannya Admin silahkan ikuti tutorial dibawah ini.


Berikut langkah-langkah yang dilakukan agar Penulis menjadi Admin :

1. Kembali ke halaman Setelan, klik Dasar.

2. Klik pada bagian Pengarang email yang akan dijadikan Admin.
Cara Menambahkan Admin dan Penulis Baru pada Blog 2
3. Silahkan pilih Admin
4. Selesai

Saran : Jangan terburu-buru menjadikan Admin jika Anda belum dapat mempercayainya karena dapat berakibat fatal. Ingat Admin bisa melakukan apa saja diblog tersebut. Jika hanya sekedar membantu membuat artikel sebaiknya Anda jadikan Penulis saja.

Demikian artikel tentang Cara Menambahkan Admin dan Penulis Baru pada Blog. Jika ada yang kurang jelas silahkan tanyakan melalui komentar. Semoga bermanfaat dan Terima Kasih.

Simak Video Cara Menambahkan Admin dan Penulis Baru pada Blog
 

Senin, 15 Mei 2017

Cara Menghapus Blog di Blogger

Cara Menghapus Blog di Blogger
Cara Menghapus Blog di Blogger - Mungkin pernah terpikir dibenak Anda untuk menghapus blog karena beberapa alasan yang mengharuskan Anda menghapus blog. Jadi pada artikel kali ini saya akan memberikan Cara Menghapus Blog di Blogger.

Berikut langkah-langkah Menghapus Blog di Blogger :

1. Login akun blogger Anda.
2. Pilih menu Setelan, kemudian klik Lainnya.
Cara Menghapus Blog di Blogger 1
3. Lalu klik Hapus blog
4. Terakhir tinggal klik Hapus Blog ini
Cara Menghapus Blog di Blogger 2
Keterangan :
- Blog yang dihapus tadi dapat dipulihkan dalam jangka waktu 90 hari sebelum dihapus selamanya.
- Semua konten di blog akan dihapus, kecuali foto ataupun gambar yang telah Anda unggah ke blog. Foto tersebut akan tetap ada di album Picasa dan dapat Anda akses picasaweb.google.com.


Saya sarankan untuk untuk mendownload blog nya terlebih dahulu, agar jika blog sudah terhapus selamanya dan  Anda berubah pikiran Anda dapat mengimpor blognya ke blog yang baru. Demikian artikel Cara Menghapus Blog di Blogger. Jika ada yang kurang jelas silahkan tanyakan melalui komentar. Semoga bermanfaat dan Terima Kasih.

Simak Video Cara Menghapus Blog di Blogger

Minggu, 14 Mei 2017

Cara Mengganti Judul dan Deskripsi Blog

Cara Mengganti Judul dan Deskripsi Blog
Cara Mengganti Judul dan Deskripsi Blog - Pemilihan judul dan deskripsi blog tidak bisa sembarangan karena judul dan deskripsi pada blog merupakan gambaran dari sebagian maupun keseluruhan isi dari blog itu sendiri. 

Misalnya terdapat blog yang berjudul "Tutorial SEO" sudah pasti isi dari blog itu berkaitan dengan SEO, jika melenceng dari itu misalnya isinya adalah tentang cara perawatan wajah kan jadi tidak bagus. Oleh karena itu judul maupun deskripsi itu penting.

Judul merupakan hal yang paling utama di dalam blog dan deskripsi blog berfungsi untuk merinci judul tersebut. Misalnya terdapat blog berjudul "Cara Ngeblog" kemungkinan besar deskripsinya meliputi tentang SEO, Adsense dan Tutorial Blog.

Jadi jangan sampai salah memlilih judul dan deskripsi blog ya, tapi bagaimana jika sudah terlanjur memilih ? tenang karena saya akan memberikan cara untuk menggantinya.

Berikut langkah Cara Mengganti Judul dan Deskripsi Blog :

1. Login akun blogger Anda.
2. Pilih menu tab Setelan, kemudian klik Dasar.
Cara Mengganti Judul dan Deskripsi Blog 1
(Lihat Gambar Untuk Memperjelas)
3. Disamping tulisan Judul dan Deskripsi, klik Edit.
4. Kemudian ubah Judul dan Deskripsi sesuai keinginan Anda.
5. Terakhir Simpan perubahan.

Demikian artikel Cara Mengganti Judul dan Deskripsi Blog. Jika ada yang kurang jelas silahkan tanyakan melalui komentar. Semoga bermanfaat dan Terima Kasih.

Simak Video Cara Mengganti Judul dan Deskripsi Blog
 

Jumat, 30 Desember 2016

Cara Memasang Artikel Terbaru Berdasarkan Label dengan Thumbnail

Artikel Terbaru Berdasarkan Label dengan Thumbnail
Cara Memasang Artikel Terbaru Berdasarkan Label dengan Thumbnail - Halo, kali ini saya memberikan tutorial yang hampir sama dengan postingan yang lalu, yaitu membuat artikel terbaru atau recent post, bedanya yang artikel sebelumnya artikel terbarunya tidak terdapat thumbnail alias gambar namun kali ini sudah terdapat gambarnya. Perbedaannya memang tidak terlalu mencolok namun recent post kali ini sudah pasti lebih dapat menarik pengunjung karena gambar merupakan faktor besar untuk dapat memikat pengunjung agar membaca artikel tersebut.

Widget seperti ini biasanya digunakan pada template magazine untuk menampilkan artikel-artikel terbarunya pada post homepage berdasarkan label yang digunakan, atau bisa juga digunakan pada sidebar untuk menampilkan recent post dengan label tertentu. Bahkan bisa juga untuk digunakan untuk menampilkan daftar posting terrakhir yang di publikasikan seperti recent post biasa. Semua tergantung pada pengaturannya dan kebutuhan pada blog itu sendiri. Mungkin sudah cukup untuk penjelasan tersebut, sekarang  langsung saja ke tutorialnya :

Cara Memasang Artikel Terbaru Berdasarkan Label dengan Thumbnail

1. Copy kode dibawah ini lalu pastekan diatas kode </head>
<script type='text/javascript'>//<![CDATA[function removeHtmlTag(strx,chop){if(strx.indexOf("<")!=-1){var s=strx.split("<");for(var i=0;i<s.length;i++){if(s[i].indexOf(">")!=-1){s[i]=s[i].substring(s[i].indexOf(">")+1,s[i].length)}}strx=s.join("")}chop=(chop<strx.length-1)?chop:strx.length-2;while(strx.charAt(chop-1)!=' '&&strx.indexOf(' ',chop)!=-1)chop++;strx=strx.substring(0,chop-1);return strx+'...'}function createSummaryAndThumb(pID){var div=document.getElementById(pID);var imgtag="";var img=div.getElementsByTagName("img");var summ=summary_noimg;if(img.length>=1){imgtag='<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';summ=summary_img}var summary=imgtag+'<div>'+removeHtmlTag(div.innerHTML,summ)+'</div>';div.innerHTML=summary}function labelthumbs(json){document.write('<ul class="taglabel">');for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href}if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}var thumburl;try{thumburl=entry.media$thumbnail.url}catch(error){s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){thumburl=d}else thumburl='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUHEnSBrHKiKFQn5Br1XstKfxquOOXgr3bhFdWAXz2IKPdWhDzwCNUDmW48uW88H30n1RDAXxa-YOWAtGylthqpDntSoDJ10FTkQqOxBcqYaYysZlyijggfKZsy3bQhDlh-6CpE8bhUktJ/'}var postdate=entry.published.$t;var cdyear=postdate.substring(0,4);var cdmonth=postdate.substring(5,7);var cdday=postdate.substring(8,10);var monthnames=new Array();monthnames[1]="Jan";monthnames[2]="Feb";monthnames[3]="Mar";monthnames[4]="Apr";monthnames[5]="May";monthnames[6]="Jun";monthnames[7]="Jul";monthnames[8]="Aug";monthnames[9]="Sep";monthnames[10]="Oct";monthnames[11]="Nov";monthnames[12]="Dec";document.write('<li class="clearfix">');if(showpostthumbnails==true)document.write('<a href="'+posturl+'"><img alt="'+posttitle+'" title="'+posttitle+'" class="label_thumb" src="'+thumburl+'"/></a>');document.write('<a href="'+posturl+'" title="'+posttitle+'">'+posttitle+'</a><br>');if("content"in entry){var postcontent=entry.content.$t}else if("summary"in entry){var postcontent=entry.summary.$t}else var postcontent="";var re=/<\S[^>]*>/g;postcontent=postcontent.replace(re,"");if(showpostsummary==true){if(postcontent.length<numchars){document.write('');document.write(postcontent);document.write('')}else{document.write('');postcontent=postcontent.substring(0,numchars);var quoteEnd=postcontent.lastIndexOf(" ");postcontent=postcontent.substring(0,quoteEnd);document.write(postcontent+'...');document.write('')}}var towrite='';var flag=0;document.write('<br>');if(showpostdate==true){towrite=towrite+cdday+'-'+monthnames[parseInt(cdmonth,10)]+'-'+cdyear;flag=1}if(showcommentnum==true){if(flag==1){towrite=towrite+' | '}if(commenttext=='1 Comments')commenttext='1 Comment';if(commenttext=='0 Comments')commenttext='No Comments';commenttext=''+commenttext+'';towrite=towrite+commenttext;flag=1}if(displaymore==true){if(flag==1)towrite=towrite+' | ';towrite=towrite+'<a href="'+posturl+'" class="url" title="'+posttitle+'">More »</a>';flag=1}document.write(towrite);document.write('</li>');if(displayseparator==true)if(i!=(numposts-1))document.write('')}document.write('</ul>')}//]]></script>
2. Lalu copy kode dibawah ini dan pastekan diatas kode ]]></b:skin>
img.label_thumb{float:left;border:1px solid #aaa;margin-right:5px;height:55px;width:55px;padding:5px}.taglabel{float:left;width:100%;padding:0;margin:0}ul.taglabel li{padding:5px 0;min-height:73px}
3. Masuk ke menu Tata Letak → Tambahkan Gadget
4. Pilih HTML/JavaScript
5. Copy kode dibawah ini dan pastekan di dalam widget tersebut.
<script type='text/javascript'>    var numposts = 5; // Jumlah Post yang di tampilkan    var showpostthumbnails = true; // Ganti "false" untuk tidak menampilkan [Thumbnail]    var displaymore = false; // Ganti "true" untuk menampilkan link [More]    var displayseparator = false;    var showcommentnum = false; // Ganti "true" untuk menampilkan [Komentar]    var showpostdate = false; // Ganti "true" untuk menampilkan [Tanggal]    var showpostsummary = true; // Ganti "false" untuk tidak menampilkan [Deskripsi Post]    var numchars = 60; // Character Deskripsi yang di tampilkan</script><script type="text/javascript" src="/feeds/posts/default/-/NAMA_LABEL?orderby=updated&amp;alt=json-in-script&amp;callback=labelthumbs"></script>
Perhatikan kode dibawah ini :
<script type="text/javascript" src="/feeds/posts/default/-/NAMA_LABEL?orderby=updated&amp;alt=json-in-script&amp;callback=labelthumbs"></script>
Silahkan ganti kode "NAMA_LABEL" sesuai dengan nama label kalian.

Jika ingin membuat recent post biasa (tanpa berdasarkan label), ganti baris kode diatas dengan kode dibawah ini :
<script type="text/javascript" src="/feeds/posts/default?orderby=updated&amp;alt=json-in-script&amp;callback=labelthumbs"></script>
 6. Selesai

Mungkin itu saja untuk Cara Memasang Artikel Terbaru Berdasarkan Label dengan Thumbnail. Jika ada yang kurang jelas silahkan tanyakan melalui komentar. Semoga artikel ini bermanfaat dan terima kasih.

Simak Video Cara Memasang Artikel Terbaru Berdasarkan Label dengan Thumbnail
 

Minggu, 25 Desember 2016

Cara Memasang Artikel Terbaru Berdasarkan Label

Cara Memasang Artikel Terbaru Berdasarkan Label
Cara Memasang Artikel Terbaru Berdasarkan Label - Halo selamat pagi, kali ini kita akan membahas tentang artikel terbaru yang berdasarkan label untuk Blogger. Fungsi ini hampir sama dengan widget artikel terbaru yang biasa, akan tetapi didalam widget ini, kita bisa menentukan artikel dengan label tertentu yang dapat tampil.

Silahkan lihat contoh dibawah ini untuk lebih jelasnya. Gambar dibawah ini merupakan artikel terbaru yang hanya menampilkan artikel yang berlabel MOBILE saja :
Cara Memasang Artikel Terbaru Berdasarkan Label
Nah, jika kalian ingin artikel terbaru berdasarkan label pada blog kalian, silahkan ikuti tutorial berikut :

1. Masuk ke dashboard kalian
2. Pilih menu Tata Letak → Tambahkan Gadget
3. Pilih HTML/JavaScript
4. Copy kode dibawah ini dan pastekan di dalam widget tersebut.
<script style="text/javascript">var numposts = 9;var standardstyling = true;</script><script type='text/javascript'>function showrecentposts(json) {for (var i = 0; i < numposts; i++) {var entry = json.feed.entry[i];var posttitle = entry.title.$t;var posturl;if (i == json.feed.entry.length) break;for (var k = 0; k < entry.link.length; k++) {if (entry.link[k].rel == 'alternate') {posturl = entry.link[k].href;break;}}posttitle = posttitle.link(posturl);if (standardstyling) document.write('<li>');document.write(posttitle);}if (standardstyling) document.write('</li>');}</script><script src="http://www.mastahbloging.com/feeds/posts/default/-/Blogging?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=500"></script>
*Ganti kode 9 sesuai dengan keinginan kalian.(jumlah artikel yang akan ditampilkan).
*Ganti kode http://www.mastahbloging.com/ dengan URL blog kalian.
*Ganti kode Blogging dengan nama label kalian.
5. Simpan

Mungkin itu saja untuk Cara Memasang Artikel Terbaru Berdasarkan Label. Jika ada yang kurang jelas silahkan tanyakan melalui komentar. Semoga artikel ini bermanfaat dant terima kasih.

Simak Video Cara Memasang Artikel Terbaru Berdasarkan Label
 

Sabtu, 24 Desember 2016

Cara Membuat Kotak Pencarian di Blog dengan Mudah

Cara Membuat Kotak Pencarian di Blog dengan Mudah

Cara Membuat Kotak Pencarian di Blog dengan Mudah - Halo selamat pagi, rasanya sudah lama saya tidak membuat artikel baru lagi di blog ini. Kali ini saya akan membuat artikel yang akan membahas tentang Cara Membuat Kotak Pencarian di Blog dengan Mudah. Kotak Pencarian atau bisa disebut juga Search Box merupakan Gatget yang wajib dipasang oleh para blogger, pasalnya fungsi dari kotak pencarian ini sangatlah bagus yaitu untuk memudahkan pengunjung mencari informasi yang mereka butuhkan di blog kita. Fungsi lain dari kotak pencarian adalah untuk membuat blog kita lebih User Friendly.

Disini saya akan menunjukan tiga pilhan kotak pencarian dengan desain yang berbeda-beda, namun tetap keren pastinya. Pertama saya jelaskan terlebih dahulu cara memasangnya.

Cara Membuat Kotak Pencarian di Blog dengan Mudah

1. Masuk ke Dashboard kalian
2. Pilih menu Tata Letak → Tambahkan Gadget
3. Pilih HTML/JavaScript
4. Copy dan Pastekan kode kotak pencarian
5. Simpan

1. Kode Kotak Pencarian Desain Pertama
Kode Kotak Pencarian Pertama
<style>
#search-box {
position: relative;
width: 100%;
margin: 0;
}
#search-form
{
height: 40px;
border: 1px solid #999;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: #fff;
overflow: hidden;
}
#search-text
{
font-size: 14px;
color: #ddd;
border-width: 0;
background: transparent;
}
#search-box input[type="text"]
{
width: 90%;
padding: 11px 0 12px 1em;
color: #333;
outline: none;
}
#search-button {
position: absolute;
top: 0;
right: 0;
height: 42px;
width: 80px;
font-size: 14px;
color: #fff;
text-align: center;
line-height: 42px;
border-width: 0;
background-color: #4d90fe;
-webkit-border-radius: 0px 5px 5px 0px;
-moz-border-radius: 0px 5px 5px 0px;
border-radius: 0px 5px 5px 0px;
cursor: pointer;
}
</style>
<div id='search-box'>
<form action='/search' id='search-form' method='get' target='_top'>
<input id='search-text' name='q' placeholder='Search Here' type='text'/>
<button id='search-button' type='submit'><span>Search</span></button>
</form>
</div>

2. Kode Kotak Pencarian Desain Kedua
Kode Kotak Pencarian Kedua
<style>.serching{margin:0;width:100%;}.serching form{border:1px solid #ddd;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:14px}.serching form input{display:block!important;margin:0;border:0;padding:5px 0;outline:0;height:20px;line-height:20px;font-size:13px;border-radius:0!important}.serch{float:left;width:85%!important;text-indent:10px}.serchg{float:right;width:15%!important;height:30px!important;padding:0!important;background:gray;color:#fff;border:0!important;font-size:12px!important}</style><div class='serching'><form action='/search?q='><input class='serch' name='q' placeholder='Cari...' title='Cari Tulisan di Sini' type='text'/><button class='serchg' type='submit'> GO </button><span style='clear: both;display:block'/></span></form></div>

3. Kode Kotak Pencarian Desain Ketiga
Kode Kotak Pencarian Ketiga
<style type="text/css">
form#_bcd_141013_search_form {
    position: relative;
    display: block;
    clear: both;
    float: none;
    border: 1px solid #dddddd;
    padding: 5px;
    font-size: 12px;
 background-color: #ffffff;
}
input#_bcd_141013_search_text {
    width: auto;
    border: none;
    margin: 0;
    padding: 0 0 0 4px;
    line-height: 2em;
    height: 2em;
    outline: none;
    background: transparent;
    color: #000000;
}
button#_bcd_141013_search_submit:hover {
    opacity: 0.8;
}
button#_bcd_141013_search_submit {
    width: auto;
 padding: 0 5px;
    margin: 0;
    position: absolute;
    right: 5px;
    top: 5px;
    line-height: 2em;
    height: 2em;
    text-align: center;
    cursor: pointer;
 border: none;
 min-width: 2em;
 color: #000000;
    background: #ffffff;
}
html[dir="rtl"] button#_bcd_141013_search_submit {
 right: auto;
 left: 5px;
}
</style>
<form action='/search' id='_bcd_141013_search_form' method='get'>
 <input id='_bcd_141013_search_text' name='q' value="Search..." onfocus="if (this.value == 'Search...') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Search...';}" type='text'/>
 <button type="submit" id="_bcd_141013_search_submit"><i class="fa fa-search"></i></button>
</form>

Mungkin itu saja untuk Cara Membuat Kotak Pencarian di Blog dengan Mudah. Jika ada yang kurang jelas silahkan ditanyakan melalui komentar. Semoga artikel ini bermanfaat dan terima kasih.

 Simak Video Cara Membuat Kotak Pencarian di Blog
  

Jumat, 16 Desember 2016

Cara Memasang Fanspage pada Blog dengan Mudah

Cara Memasang Fanspage pada Blog dengan Mudah
Cara Memasang Fanspage pada Blog dengan Mudah - Halo selamat pagi, sudah sangat lama rasanya saya tidak membuat artikel baru. Kali ini saya akan memberikan tutorial Cara Memasang Fanspage pada Blog dengan Mudah. Dengan memasang fanspage pada blog, kita akan lebih mudah mempromosikan fanspage kita, selain itu juga berguna agar pengunjung blog dapat membaca artikel blog kita melalui fanspage kita.

Dijaman yang sudah maju ini. Media sosial sudah sangat banyak digunakan oleh masyarakat karena media sosial itu mudah digunakan oleh siapapun dan yang pasti tidak mengenal umur. Oke, kembali ke topik pembahasan. Fanspage yang kita gunakan kali ini adalah fanspage facebook. Jika kalian belum memiliki fanspage, silahkan buat terlebih dahulu.


Cara Memang Fanspage pada Blog dengan Mudah


  • Mendapatkan Kode Fanspage
1.  Silahkan kalian buka https://developers.facebook.com/docs/plugins. Tampilannya nanti akan seperti gambar dibawah ini, lalu klik Plugin Halaman.
Cara Pasang Fanspage 1
2. Tampilan selanjutnya akan seperti dibawah ini. Silahkan atur sesuai keinginan kalian
Cara Pasang Fanspage 2

3. Setelah selesai mengatur, silahkan scroll ke bawah sampai pada tombol Dapatkan Kode lalu klik tombol tersebut nanti akan muncul 2 pilihan menu
Cara Pasang Fanspage 3
4. Silahkan pilih menu IFrame lalu copy kode tersebut
  • Memasang Kode Fanspage
Untuk memasang kodenya, silahkan pilih tempat memang kode tersebut, bisa di Header(atas) , Sidebar(samping) , ataupun Footer(bawah).

1. Silahkan masuk ke blog kalian
2. Pilih menu Tata Letak → HTML/JavaScript
3. Pastekan kode tersebut, jika mau silahkan beri judul untuk widget tersebut setelah itu klik Simpan

Mungkin itu saja untuk Cara Memasang Fanspage pada Blog dengan Mudah. Jika ada yang kurang jelas silahkan tanyakan melalui komentar. Semoga artikel ini bermanfaat dan terima kasih.

Simak Video Cara Memasang Fanspage pada Blog
 

Jumat, 09 Desember 2016

Cara Mengatasi Error 404 Not Found pada Webmaster

Cara Mengatasi Error 404 Not Found pada Webmaster
Cara Mengatasi Error 404 Not Found pada Webmaster - Halo selamat siang. Sudah lama saya tidak membuat artikel karena saya sedang melaksanakan UAS dan hari ini baru selesai. Oke, kali ini saya akan membahas tentang Cara Mengatasi Error 404 Not Found pada Webmaster. Pesan error ini dikirimkan oleh webmaster setiap hari dan cara memperbaikinya cukup mudah, namun membutuhkan kesabaran jika terdapat banyak page 404 not found karena kita harus mengatasinya secara manual dan satu per satu.

Penyebab Error 404 Not Found pada Webmaster

Biasanya penyebab terjadinya Error 404 Not Found adalah karena tedapat link yang mengarah ke halaman yang telah dihapus atau rusak. Hal ini terjadi bisa karena salah pengetikan URL blog, dan bisa juga karena halaman tersebut telah dihapus, atau karena link tersebut memang sudah mati.

Cara Mengatasi Error 404 Not Found pada Webmaster

1. Masuk ke webmaster tools kalian
2. Pilih menu Crawl Crawl Error
3. Centang kotak yang ada disamping Priority lalu klik download, pilih format Google Docs
Cara Mengatasi Error 404 Not Found pada Webmaster 1
4. Setelah itu akan terbuka tab baru dan terlihat seperti gambar dibawah ini
Cara Mengatasi Error 404 Not Found pada Webmaster 2
5. Silahkan copy semua link tersebut dan taruh pada Notepad
6. Setelah itu, buka menu Google Index Remove URL
Cara Mengatasi Error 404 Not Found pada Webmaster 3
7. Klik Temporarily lalu masukan link yang ingin error didalam kotak yang telah disediakan lalu klik Continue.
Cara Mengatasi Error 404 Not Found pada Webmaster 4
8. Lalu akan akan muncul beberapa pilihan, silahkan pilih yang kalian inginkan lalu klik Submit Request.
Keterangan :
  • The site owner has removed the page or blocked it from search engines : Dihapus dari halaman dan search engine
  • Remove page from cache only : Hanya dihapus dari Cache
  • Temporarily hide directory : Disembunyikan sementara di direktori

Cara Mengatasi Error 404 Not Found pada Webmaster 5

9. Jika sukses akan muncul pesan seperti ini, statusnya masih Pending karena masih baru mengirim permintaan menghapusan link, tunggu saja nanti statusnya akan otomatis ganti Removed.
Cara Mengatasi Error 404 Not Found pada Webmaster 6


Mungkin itu saja untuk Cara Mengatasi Error 404 Not Found pada Webmaster. Jika ada yang kurang jelas silahkan tanyakan melalui komentar. Semoga artikel ini bermanfaat dan terima kasih.

Sabtu, 26 November 2016

Cara Mengoptimasi Konten Blog dengan SEO On Page

Cara Mengoptimasi Konten Blog dengan SEO On Page
Cara Mengoptimasi Konten Blog dengan SEO On Page - Halo selamat siang. Setelah kemarin kita mengoptimasi dengan SEO Off Page, sekarang kita akan menggunakan SEO On Page. Optimasi SEO On Page dilakukan pada dalam blog alias pada blog itu sendiri. Untuk pengertian SEO On Page silahkan baca ini untuk lebih lengkapnya

Dulu tingkatan SEO On Page dan SEO Off Page lebih unggul SEO Off Page, namun sekarang lebih unggul SEO On Page karena google telah mengganti algoritmanya. Dulu backlink sangat diperhatikan, namun untuk sekarang kualitas Konten yang lebih banyak mendapat perhatian. Karena sekarang backlink tidak dapat mempengaruhi page one, namun untuk SEO On Page sangatlah berperan penting dalam page one.

Dengan mengoptimasi SEO On Page maka blog kalian akan dapat masuk page one, jika kalian ingin menerapkannya silahkan ikuti tutorial berikut ini :

1. Menggunakan Permalink
Untuk yang belum tau permalink itu apa, Permalink adalah URL permanen untuk posting blog pribadi Anda, serta kategori dan halaman lain dari posting blog anda. Jika kalian akan menggunakan permalink buatlah URL yang mudah dan pendek. Dan ingat URL harus permanen dan jangan sampai dirubah. Jadi pikir-pikir dulu untuk menentukan URLnya.

2. Mulai Artikel dengan Judul
Sepertinya cara ini sudah banyak diterapkan oleh para blogger, dan hasilnya tidak terlalu mengecewakan juga. Karena judul merupakan salah satu faktor yang dapat membuat blog kita bertahan di SERP, cara ini mudah untuk diterapkan,maka usahakan untuk menerapkannya juga.

3. Modifikasi Judul Konten Kalian
Pada beberapa kasus, ada yang blognya dapat memasuki page one, namun tidak memiliki trafik tinggi ? mengapa ? itu karena judul yang mereka gunakan biasa-biasa saja. Usahakan membuat judul yang dapat menarik pengunjung agar datang ke blog kita. Judul merupakan hal yang paling mempengaruhi Search Engine jadi perhatikanlah judul kalian.

4. Atur Headings Konten
Gunakanlah heading yang baik. Heading ada 5 jenis yaitu 1 diatur didalam template dan 4 dapat diatur ketika sedang membuat konten.

H1 adalah Judul halaman
H2 adalah Heading
H3 adalah Subheading
H4 adalah Minor heading
H5 adalah Normal

Susunan yang benar ketika berada di homepage adalah tag heading 1 adalah nama blog dan judul konten menggunakan heading 2. Lalu ketika telah memasuki postingan, heading 1 akan menjadi judul konten dan heading 2 bisa kalian isi dengan judul blog atau dengan nama widget-widget. Di H1 sampai H5 yang paling penting adalah H1nya.

5. Gunakan Gambar atau Video dalam Konten
Hal ini bertujuan untuk melengkapi konten kalian dan juga agar pengunjung tidak mudah bosan melihat konten kita. Coba kalian bayangkan membaca buku cerita tanpa gambar sedikitpun ? pasti akan segera bosan kecuali memang hobi membaca. Gunakan paling tidak 1 gambar atau video agar dapat membuat pengunjung diam lebih lama di blog kita.

6. Letakkan Kata Kunci di 100-150 Kata Pertama
Dengan meletakan kata kunci pada kata pertama maka google akan membantu kita memasuki page one, namun banyak blogger malah salah dalam menempatkan kata kunci mereka. Mereka malah menempatkannya jauh dibawah.

7. Gunakan Template Responsive
Template merupakan salah satu senjata rahasia para blogger untuk mendekatkan diri ke search engine. Dengan tempate yang responsive, search engine akan ramah terhadap blog kita. Jadi jika kalian masih menggunakan template yang tidak resposive. saya sarankan untuk segera menggantinya.

8. Gunakan Teknik Outbound Links
Outbound Links adalah link keluar dari blog kita ke blog orang lain yang dapat menjelaskan konten yang tidak ada di blog kita. Mungkin banyak yang takut karena hal ini bisa mengakibatkan blog kita ditinggalkan oleh para pengunjung, padahal al itu tidak akan menjadi masalah selama outbound link tersebut masih relevan dengan konten yang sedang kita jelaskan, malah hal ini bisa membuat pengunjung kita puas karena mereka mendapatkan informasi secara lengkap.

9. Maksimalkan Internal Link

Internal link adalah sebuah link dari satu halaman website menuju halaman lain di dalam website yang sama, dimana isinya masih berhubungan. Gunakan internal link 2 sampai 3 disetiap postingan. Contoh penggunaan internal link yang bagus adalah Wikipedia, ia menambahkan internal link disetiap kata kunci yang ada untuk setiap entrinya. Wikipedia dapat menambahkan lebih dari 50 internal link per halaman. Namun untuk kalian, saya sarankan menggunakan 2 sampai 5 saja disetiap postingan yang mengarah ke artikel lama.

10. Percepat Blog
Semakin cepat sebuah blog, maka semakin banyak yang menyukainya karena faktor kecepatan adalah salah satu penyebab pengunjung pergi. Para pengunjung menginginkan mendapatkan informasi secepat mungkin, jika blog yang mereka kungjungi itu loeadingnya lama sekali atau bahkan loading terus menerus, terpaksa mereka harus meninggalkan blog tersebut. Biasanya yang membuat loading lama adalah templatenya. Gunakan template yang fast loading. Jika tetap, mungkin ada widget atau iklan yang membuat blog kalian berat, jadi segera hapus hal yang membuat berat tersebut. Jika kalian ingin mengecek seberapa cepat blog kalian, silahkan gunakan Page Insight.

11. Gunakan LSI dari Google
LSI adalah susunan kata yang merupakan sinonim dari kata kunci. LSI ini disarankan oleh Google.
LSI google

Diatas merupakan contoh LSI dari google dengan keyword "cara mendapatkan uang" lalu dibagian bawah sendiri dari hasil pencarian akan muncul keyword yang hampir sama dengan keyword yang kita gunakan.

12. Optimasi Multimedia di Konten
Agar tidak memberatkan blog, kompres terlebih dahulu multimedia sebelum di upload. Dan beri tag title dan alt-nya agar robot crawler dapat mengetahuinya karena robot crawler tidak dapat melihat objek seperti gambar.

13. Pasang Widget Sharing
Walaupun widget sharing tidak mempengaruhi SEO, namun dengan widget sharing dapat mendatangkan trafik baru untuk blog kalian, karena dengan share ke media sosial, penyebaran artikel akan semakin cepat dan pengunjungpun akan mudah didapat.

14. Buat Artikel Yang Lengkap
Pekerjaan yang dilakukan setengah-setengah itu tidak baik bukan ? begitu juga dengan blogging. Jika kalian membuat artikel dengan informasi yang tidak lengkap, maka bisa jadi pengunjung akan meninggalkan blog kalian. Artikel tidak harus panjang, namun kebanyakan artikel dengan informasi yang lengkap adalah artikel yang panjang. Blog yang menduduki page one juga kebanyakan menggunakan artikel yang panjang.

Jadi kesimpulannya adalah dengan mengoptimasi blog dari dalam, trafik akan datang dengan sendirinya karena artikel page one dan dibantu share. Mungkin itu saja untuk Cara Mengoptimasi Konten Blog dengan SEO On Page. Jika kalian memiliki saran lain silahkan berikan melalui komentar. Semoga artikel ini bermanfaat dan terima kasih.