Andienzz | Blog Bisnis Online | Tutorial Komputer | Seo | Adsense

Home / Tutorial Blog

Showing posts with label Tutorial Blog. Show all posts

Wednesday, August 23, 2017

Cara Upload File Verifikasi Webmaster ke Wordpress Self Hosted

Cara upload file verifikasi webmaster ke Wordpress Self Hosted,- Bagi pemilik blog menverifikasi blog ke Webmaster Tools yakni cara pertama yang harus dilakukan, pasalnya webmaster tools merupakan fitur yang khusus disediakan oleh google untuk pemilik blog semoga blog mereka bisa dengan mudah dipantau. Lalu apa manfaat dari Webmaster Tools ini? Untuk manfaatnya banyak sekali, beberapa diantaranya bisa mempercepat terindeknya blog maupun postingan di mesin pencarian khususnya Google, dapat mengetahui apa postingan yang sudah terindek, dapat mengetahui kesalahan server maupun error yang terjadi pada blog, dan masih banyak lagi.

Pokoknya jikalau Anda mempunyai sebuah blog, mendaftar dan verifikasi blog ke webmaster yakni hal yang wajib, alasannya yakni kita bisa mengetahui apa saja yang terjadi pada blog kita di Webmaster ini. Terlebih lagi terindeknya postingan akan lebih mudah, jikalau kita sudah mendaftarkan blog ke webmaster, alasannya yakni memang blog yang sudah didaftarkan ke webmaster akan lebih mudah dirayapi oleh mesin pencarian ketimbang yang belum didaftarkan. Nah dengan beberapa manfaat tersebut, jikalau Anda belum mendaftarkan blog ke Webmaster Tools, silahkan didaftarkan.

Untuk mendaftarkan blog ke Webmaster sedikit berbeda untuk beberapa platform. Khusus untuk blogger verifikasi webmaster bisa dilakukan melalui edit html, sedangkan untuk wordpress bisa melalui editor theme ataupun upload file. Untuk wordpress menverifikasi blog ke webmaster sangat disarankan melalui upload file ke cPanel, alasannya yakni verifikasi eksklusif menuju ke sentra hosting. Nah untuk tutorial verifikasi webmaster dengan metode upload ke cPanel Saya sarankan menggunakan aplikasi "FileZilla", alasannya yakni memang Filezila dikhususkan untuk mengungah file ke cPanel. Berikut tuorialnya.

Cara Upload Verifikasi Webmaster ke cPanel dengan FileZilla

1. Pertama silahkan unduh aplikasi Cara Mendaftarkan Blog ke Google Webmaster Tools Terbaru.

2. Kemudian buka Filezila, lalu masukkan beberapa pengaturan menyerupai pada kolom "Host" isi dengan domain, isi username dan password dengan akun cPanel dan untuk portnya "21". Jika sudah klik Quickconnect sampai terdapat goresan pena successfull, dan jikalau ada peringatan klik saja Ok.

3. Setelah itu cari "public_html" lalu klik dua kali, alasannya yakni untuk verifikasi webmaster pada wordpress harus masuk ke public_html.

4. Kemudian cari file verifikasi webmaster yang sudah di unduh dibagian "Local site" lalu klik kanan pada file tersebut dan upload.

5. Tunggu sampai terdapat goresan pena succes dibagian atas, jikalau berhasil masuk ke webmaster tools dan klik verifikasi. Jika semuanya sudah simpulan silahkan disconnect filezilla.

Nah dengan begitu Anda berhasil menverifikasi webmaster di wordpress self hosted melalui cPanel, demikian artikel mengenai tutorial blog dan seoga bermanfaat,

Sunday, August 20, 2017

Cara Mengganti Ukuran Heading, Subheading, dan Minor di Blog

Tutorial Blog

11:37 AM Add Comment

Cara Mengganti Ukuran Tag Heading, Subheading, dan Minor Heading - Bagi pemilik blog, mengurus sebuah blog ialah hal yang cukup menyenangkan bagi sebagian orang. Karena dengan mengurus sebuah blog dengan baik, serta mendapat respon yang baik pula dari pengunjung pastinya akan sangat menyenangkan. Mengurus sebuah blog mampu dilakukan dengan beberapa cara ibarat meningkatkan kualitas SEO, memperbagus tampilan blog, sampai menyempurnakan artikel postingan. Namun, tahukan mana yang paling penting? Anggap saja semuanya penting, dan kalau mampu disempurnakan semuanya.

Salah satu hal yang meliputi beberapa hal penting diatas ibarat SEO, Tampilan blog dan tampilan postingan ialah Tag Heading. Apakah Anda tahu apa itu Tag Heading? Jika Anda sering membuat postingan di blog pastinyaa sangat paham akan hal ini, atau jangan-jangan Anda belum tahu namanya walaupun sering sekali menggunakan Tag Heading ini! Tag Heading ialah sebuah fitur yang ada pada laman edit postingan yang biasanya berupa pilihan ukuran karakter bold dengan ukuran tertentu, Tag Heading terdapat 6 jenis yakni H1 sampai H6, untuk lebih mudah mengetahui Tag Heading mampu dilihat pada menu edit atau buat postingan, disana akan terlihat beberapa pilihan tag Heading ibarat Heading, Subheading, dan Minor Heading.

Dalam Artikel yang SEO penggunaan Tag Heading sangat diperlukan, sebab mesin pencarian khususnya Google lebih menyukai postingan yang menggunakan Tag Heading dibandingkan yang tidak. Secara default template blog khususnya Blogger sudah menyediakan Tag Heading dengan banyak sekali ukuran, mulai dari H1 yang memiliki ukuran yang paling besar sampai H6 yang mempunyai ukuran paling kecil. Namun kebanyakan template memiliki struktur HTML yang memungkinkan untuk mengubah ukuran Tah Heading, nah kalau Anda ingin mengganti ukuran Tag Heading menjadi lebih besar ata lebih kecil mampu diikuti tutorial dibawah ini.

Cara Mengubah Ukuran Tag Heading di Blog

1. Pertama silahkan masuk ke blogger - tema - Edit Html.
2. Kemudian cari instruksi Tag Heading, untuk kodenya lumayan mencolok yakni cari saja instruksi yang memiliki urutan instruksi heading h1,h2,h3,h4,h5,h6. Biasanya instruksi tersebut diikuti dengan ukuran Font baik dengan instruksi persenan atau pixel.

3. Jika sudah ketemu tinggal ganti ukuran angka tersebut dengan ukuran yang dikehendaki, untuk penjelasan mengenai ukuran Tag Heading yang terkait dengan ukuran fitur Tag Heading di Postingan mampu dilihat dibawah ini.

Heading: h2
Subheading: h3
Minor Heading: h4

4. Jika pada template blog tidak terdapat instruksi tag heading ibarat di nomor dua eksklusif saja gunakan tag heading dibawah ini, untuk pemasanggannya mampu dipasti diatas kode ]]></b:skin>.

/* heading */
h1,h2,h3,h4,h5,h6{font-weight:bold;line-height:normal;margin:0 0 0.6em;
}
h1{font-size:200%}
h2{font-size:180%}
h3{font-size:160%}
h4{font-size:140%}
h5{font-size:120%}
h6{font-size:100%}

5. Jika sudah simpan dan lihat hasilnya.

Nah itulah cara mudah mengganti atau mengubah ukuran Tag Heading, Subheading, dan Minor di Blog, demikian artikel yang dapat saya bagikan dan biar bermanfaat.

Sunday, July 9, 2017

Cara Membuat Share Media Sosial Fast Loading di Blog

CSS Tutorial Blog

11:37 AM Add Comment

Membuat Share Media Sosial Fast Loading di Blog - Setelah sekian lama tidak memposting mengenai tutorial blog, maka pada kesempatan kali ini saya akan membagikan tutorial blog mengenai cara membuat share media umum di blog (blogger) responsive dan fast loading. Walaupun dulu saya juga pernah membagikan tutorial cara memasang tombol share media umum di blog, tapi kali ini berbeda alasannya share media umum dijamin responsive dan fast loading. Untuk demonya secara eksklusif mampu dilihat di blog ini.

Tombol atau fitur share media umum yang biasanya dijumpai di web ataupun Blog yaitu fitur dimana pengujung dapat membagikan artikel ke publik lewat akun media umum mereka. Dimana, memasang fitur share media umum ini mampu bermanfaat baik untuk pemilik blog ataupun pengunjung, pasalnya pengunjung mampu membagikan info yang bermanfaat ke sobat atau orang lain, sedangkan untuk pemilik blog mampu menambah jumlah visitor.

Nah, buat Anda yang memiliki sebuah blog memasang share media umum yaitu cara terbaik untuk meningkatkan visitor, alasannya biasanya jikalau artikel bermanfaat akan selalu dibagikan oleh pengunjung. Dalam tema atau template blogger, secara default sudah terdapat fitur share media sosial. Tapi kebanyakan share media umum tersebut bersifat memberatkan loading. Nah untuk itu disini saya sedikit menunjukkan tutorial mengenai cara membuat dan memasang share media umum di blog yang cukup responsive dan fast loading. Berikut cara pemasangannya.

Cara Memasang Share Media Sosial di Blog

Sebelum memasang share media umum ini, saya sarankan menghapus share media umum yang lama, alasannya jikalau tidak ditakutkan akan terjadi duplicat.

1. Pertama silahkan masuk ke Blogger - Tema - Edit HTML.
2. Kemudian cari isyarat </style> (Gunakan Ctrl+F semoga lebih cepat), jikalau sudah ketemu copy isyarat CSS berikut ini lalu paste diatas isyarat </style> tersebut.

/* share this */
#share-this h2{position:relative;overflow:hidden;color:#666;padding:0;margin:10px 0 0;letter-spacing:1px;font-size:120%;font-weight:700;padding:4px 8px;text-align:center;text-transform:uppercase;transition:all 0.5s ease-out}#share-this h2:before,#share-this h2:after{position:absolute;top:51%;overflow:hidden;width:50%;height:1px;content:'\a0';background-color:#ddd}#share-this h2:before{margin-left:-50%;text-align:right;}#share-this h2 span{position:relative;display:inline-block;padding:4px 10px 5px;margin:0 auto;}
#share-this{overflow:hidden;margin:10px auto;padding:0;text-align:center;line-height:1.4em}#share-this a{display:inline-block;color:#fff;padding:10px 14px;text-align:center;margin:0 3px 3px;font-size:12px}#share-this a.this-fb{background:#395796;}#share-this a.this-tw{background:#4cb0ea;}#share-this a.this-gp{background:#de3425}#share-this a.this-fb:hover,#share-this a.this-tw:hover,#share-this a.this-gp:hover {opacity:.9}#share-this i {margin-right:12px}
.this-fb i,.this-tw i,.this-gp i{background: url('data:image/png;base64,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'); no-repeat;width:22px; height:18px; display:inline-block;vertical-align:text-top;margin-top:-6px;text-align:center}.gp-del{display:none}
.this-fb i{background-position:0 -100px;margin-top:-4px}.this-tw i{background-position:0 -150px}.this-gp i{background-position:0 -200px}.notpay {font-size:13px;line-height: 22px;border:2px #df3f2a solid;padding:3px 15px;text-align:center;margin:0 0 25px;}.pay {font-size:13px;line-height: 22px;border:2px #5973b0 solid;padding:3px 15px;text-align:center;margin:0 0 25px;}

3. Selanjutnya copy lagi isyarat dibawah ini lalu paste diatas isyarat related post, alasannya memang biasanya tombol share media umum letaknya diatas related post. Contoh isyarat related post-nya menyerupai ini <div id='related-posts'>

<b:if cond='data:blog.pageType == "item"'>
<div id='share-this'>
<h2><span>Share this</span></h2> <div class='clear'/>
<a class='this-fb' expr:href='"http://www.facebook.com/sharer.php?u=" + data:blog.url' onclick='window.open(this.href,"popupwindow","status=0,height=500,width=500,resizable=0,top=50,left=100");return false;' rel='nofollow' target='_blank' title='Facebook'><i class='fb-1'/>Share on Facebook</a><a class='this-tw' expr:href='"http://www.blogger.com/share-post.g?blogID=" + data:blog.blogId + "&amp;postID="+ data:post.id + "&amp;target=twitter"' onclick='window.open(this.href,"popupwindow","status=0,height=500,width=500,resizable=0,top=50,left=100");return false;' rel='nofollow' target='_blank' title='Twitter'><i class='tw-2'/>Tweet on Twitter</a><a class='this-gp' expr:href='"https://plus.google.com/share?url=" + data:blog.url' onclick='window.open(this.href,"popupwindow","status=0,height=500,width=500,resizable=0,top=50,left=100");return false;' rel='nofollow' target='_blank' title='Google+'><i class='gp-2'/>Plus on Google+</a></div>
</b:if>

4. Jika sudah tinggal simpan tema dan lihat hasilnya. Karena memang share media umum ini tidak selalu cocok dengan beberapa template, jadi biasanya berantakan.agak berantakan.

Nah jikalau share media umum diatas cocok dengan template Anda, saya ucapkan "Selamat", tapi jikalau kesudahannya awut-awutan dan tidak sesuai dengan demo silahkan diperbaiki sendiri. Demikian artikel mengenai tutorial blog yang dapat saa bagikan dan terima kasih.

Monday, July 3, 2017

Cara Membuat Sticky WIdget (Melayang) di Sidebar Blog

CSS Tutorial Blog

11:37 AM Add Comment

Cara mudah membuat sticky widget di blog - Bagi Anda pemilik Blog atau Web, tahukah Anda yang dimaksud dengan sticky widget? Sticky widget yakni Widget blog yang dimodifikasi dengan aksesori script yang membuat widget tersebut melayang walaupun discroll ke bawah. Biasanya widget sticky letknya di sidebar blog, dan bila halaman di scroll ke bawah widget tersebut masih melayang.

Baca: Cara Membuat Menu Navigasi Tetap Walaupun di Scroll

Manfaat dari widget yang dibuat sticky yakni supaya pengunjung dapat dengan terperinci melihat apa yang ditaruh di widget tersebut, alasannya yakni biasanya pengunjung cenderung lebih fokus ke artikel dan tidak memerhatikan widget di sedebar. Makara apa yang kita taruh di widget sidebar menyerupai artikel terbaru, popular post ataupun banner iklan kurang diperhatikan oleh pengunjung. Tapi bila kita membuatnya menjadi sticky mampu dipastikan akan menarik perhatian penjung alasannya yakni selalu terlihat walaupun discroll.

Untuk membuat widget di sedebar menjadi sticky gotong royong tidak terlalu sulit, alasannya yakni kita hanya sedikit menambah instruksi script dan CSS lalu memasukkan instruksi HTML widget yang bersangkutan dan widgetpun akan menjadi sticky. Nah, buat Anda yang ingin mengakibatkan salah satu widget menjadi sticky mampu diikuti tutorial yang akan aku berikan kali ini. Namun, perlu diperhatikan bahwa tutorial ini hanya mampu untuk satu widget saja, berikut tutorialnya.

Cara Membuat Sticky Widget di Blog

1. Pertama silahkan masuk ke Blogger.
2. Kemudian masuk ke menu Tema - Edit HTML.
3. Selanjutnya cari kode ]]></b:skin> lalu copy instruksi CSS dibawah ini dan paste sempurna diatas instruksi tersebut.

.sticky {
position:fixed;
top:10px;
z-index: 100;
}

4. Selanjutnya copy lagi instruksi script dibawah ini lalu paste sempurna diatas instruksi </body> (Letaknya dibawah sendiri)

<script type='text/javascript'>
$(document).ready(function() {
var stickyWidgetTop = $('#HTML11').offset().top;
var stickyWidget = function(){
var scrollTop = $(window).scrollTop();
if (scrollTop > stickyWidgetTop) {
$('#HTML11').addClass('sticky');
} else {
$('#HTML11').removeClass('sticky');
}
};
stickyWidget();
$(window).scroll(function() {
stickyWidget();
});
});
</script>

Note: Silahkan ganti instruksi widget (HTML11) bewarna merah dengan instruksi widget blog Anda yang ingin di buat sticky.

5. Untuk cara melihat instruksi HTML widget mampu masuk ke menu Tata Letak lalu "Edit" pada widget yang ingin dibuat sticky. Lalu lihat instruksi widget yang letaknya dibagian tamat URL.

Nah bila sudah simpan tema dan lihat hasilnya, cara tersebut sudah terbukti berhasil alasannya yakni aku juga menggunakan instruksi tersebut untuk membuat sticky widget. Demikian artikel mengenai tutorial blog yang dapat aku begikan dan semoga bermanfaat.