BLOG
Showing posts with label BLOG. Show all posts
Showing posts with label BLOG. Show all posts

Cara Memasang Kode Verifikasi Yandex di Website

July 23, 2017
Mengetahui cara memasang kode verifikasi yandex untuk dipasang di website blog memang selalu direkomendasikan untuk mendaftarkan artikel atau blog dalam mesin pencari [search engine]. Sama dengan mensin pencari google dan yahoo atau bing, yandex juga memilki plat form webmasters ditujukan agar untuk mempercepat proses index suatu postingan artikel.

cara memasang kode verifikasi yandex di website blog

Mesin pencari yandex sendiri berasal dari Rusia dimana yandex juga masuk dalam kategori seach engine terbesar yang paling banyak digunakan oleh blogger ataupun pengelola suatu website untuk mendaftarkan nama situs dan mensubmit url sebuah artikel agar plat form tersebut dapat membaca dan mempublikasikan [menyebarluaskan] artikel yang disubmit dan selain itu juga sangat berpengaruh terhadapt SOE blog yang anda kelola.

Untuk cara mendaftarkan dan memasang kode verifikasi yandex didalam blog sama dengan cara kerja webmasters bing ataupun google.


Cara Daftar di Yandex 

1. Kunjungi situs Yandex di https://webmaster.yandex.com

2. Tambahkan situs anda dan daftar/sign up

3. Isilah semua kotak pendaftaran sesuai permintaan

4. Untuk nomer HP sesuai code negara (+62 untuk indonesia)

5. Konfirmasi code yang dikirimkan melalui sms

6. Jangan lupa ceklis privacy lalu klik Register
"Caramemasang dan mendaftarkan website ke mesin pencari yandex"
cara register dan daftarkan website blog ke yandex

7. Di Site Address silahkan memasukkan URL home page website atau blog anda
cara registrasi, memasang dan code verifikasi yandex di website blog


8. Dalam menu akses Right. Pilih Meta tag
cara mendaftar dan memasang code verivikasi yandex di website


9. Masukkan code verifikasi kedalam website atau blog anda tepat di bawah code <head> dan terakhir klik Check

10.  Selanjutnya kita beralih ke menu Indexing dan pilih Sitemap files

11. Masukkan file Sitemap website atau blog anda. Contoh http://Namablog.com/sitemap.xml dan terakhir klik add.


Jika langkah ke 11 sudah selesai berarti website atau blog anda tinggal menunggu proses index dari pihak Yandex dan situs andapun sudah terdaftar dalam laman pencarian atau di search engine yandex.

Sekian untuk tips dan cara BLOG kali ini. Semoga bermanfaat #happy Blogging

Cara Membuat Gallery Foto di Blogspot

July 23, 2017 0
Cara membuat Gallery foto di Blogspot - kerap kali anda ingin mengupload foto atau gambar secara berdampingan dalam suatu postingan artikel atau berbentuk menyerupai galeri foto pada umumnya namun tidak bisa dikarenakan mengupload foto secara langsung melalui plat form blogger hanya akan menyisipkan satu foto per paragraf dengan tata letak kanan, kiri dan tengah saja.

cara membuat gallery foto di website atau blogspot
Illustrasi tampilan gallery foto di blog

Membuat gallery foto di website atau blog juga banyak digunakan oleh personal blog atau penjualan produk secara online terutama dibidang clothing.

Berikut cara membuat gallery foto dalam postingan ataupun dilaman blog:

1. Masuk keblog dan pilih entri baru dilaman postingan
2. Berikan judul terlebih dahulu
3. Copy dan Pastekan code berikut dengan mode HTML

<div class="snap_preview">
<style type="text/css">.gallery{margin:auto;}.gallery-item{float:left; width:33%;} .gallery-caption { margin-left: 0; }</style>
<div class="gallery snap_nopreview">
<dl class="gallery-item">
<dt class="gallery-icon"><a href="http:www.buginese.id/" target="_blank">
<img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVSBqjXYVO3sI_AUzlqhIUJZwOPgGyXlGebI22WtTETSzpdolRaVnIGLAv1LS1Snzn0q0kwjEdPTZwgXyfhclU8Hi4ZhN-sJbE5ryABNHXFrIhGoyp9AT5wIIsBGs810am4SqebIRRBblE/s1600/logoakbarnomba.png" width="200" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon"><a href="http:www.buginese.id/" target="_blank">
<img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVSBqjXYVO3sI_AUzlqhIUJZwOPgGyXlGebI22WtTETSzpdolRaVnIGLAv1LS1Snzn0q0kwjEdPTZwgXyfhclU8Hi4ZhN-sJbE5ryABNHXFrIhGoyp9AT5wIIsBGs810am4SqebIRRBblE/s1600/logoakbarnomba.png" width="200" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon"><a href="http:www.buginese.id/" target="_blank">
<img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVSBqjXYVO3sI_AUzlqhIUJZwOPgGyXlGebI22WtTETSzpdolRaVnIGLAv1LS1Snzn0q0kwjEdPTZwgXyfhclU8Hi4ZhN-sJbE5ryABNHXFrIhGoyp9AT5wIIsBGs810am4SqebIRRBblE/s1600/logoakbarnomba.png" width="200" /></a>
</dt>
</dl><dl class="gallery-item">
<dt class="gallery-icon"><a href="http:www.buginese.id/" target="_blank">
<img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVSBqjXYVO3sI_AUzlqhIUJZwOPgGyXlGebI22WtTETSzpdolRaVnIGLAv1LS1Snzn0q0kwjEdPTZwgXyfhclU8Hi4ZhN-sJbE5ryABNHXFrIhGoyp9AT5wIIsBGs810am4SqebIRRBblE/s1600/logoakbarnomba.png" width="200" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon"><a href="http:www.buginese.id/" target="_blank">
<img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVSBqjXYVO3sI_AUzlqhIUJZwOPgGyXlGebI22WtTETSzpdolRaVnIGLAv1LS1Snzn0q0kwjEdPTZwgXyfhclU8Hi4ZhN-sJbE5ryABNHXFrIhGoyp9AT5wIIsBGs810am4SqebIRRBblE/s1600/logoakbarnomba.png" width="200" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon"><a href="http:www.buginese.id/" target="_blank">
<img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVSBqjXYVO3sI_AUzlqhIUJZwOPgGyXlGebI22WtTETSzpdolRaVnIGLAv1LS1Snzn0q0kwjEdPTZwgXyfhclU8Hi4ZhN-sJbE5ryABNHXFrIhGoyp9AT5wIIsBGs810am4SqebIRRBblE/s1600/logoakbarnomba.png" width="200" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon"><a href="http:www.buginese.id/" target="_blank">
<img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVSBqjXYVO3sI_AUzlqhIUJZwOPgGyXlGebI22WtTETSzpdolRaVnIGLAv1LS1Snzn0q0kwjEdPTZwgXyfhclU8Hi4ZhN-sJbE5ryABNHXFrIhGoyp9AT5wIIsBGs810am4SqebIRRBblE/s1600/logoakbarnomba.png" width="200" /></a>
</dt>
</dl>
</div>
</div>


Keterangan script code:

 Warna Merah           : Ganti dengan link tujuan[jika tidak ada cukup masukkan url gambar]
Warna Orange         : Ganti dengan URL gambar yang akan di pasang di galeri
Tulisan Miring[italic] :Silahkan sesuaikan sendiri dengan lebar dan tinggi gambar yang diinginkan

4. Jika sudah selesai silahkan dipublish dan lihat hasilnya.

 Atau anda dapat melihat dilaman galeri blog saya ini di http://muhammadakbarnomba.blogspot.co.id/p/my-galery.html


Sekian ulasan artikel tentang cara membuat galeri foto di blogspot. Semoga bermanfaat.

Cara Memasang Kolom Komentar Disqus di Website Blogger

July 19, 2017
Dengan banyaknya plat form kolom komentar yang bertebaran di internet untuk di pasangkan di website atau blog seperti facebook, google plus dan disqus. Hal tersebut membuat para blogger untuk menghapus atau menyembunyikan kolom komentar bawaan blogger guna menggantinya dengan flat form kolom komentar lain.
Cara Memasang Kolom Komentar Disqus di Website Blogger
Disqus for Blog
Diulasan kali ini saya akan membahas tentang cara mendaftar dan memasang kolom atau kotak komentar disqus di website blogger. Dengan memasang kolom komentar disqus di blog akan membuat tampilannya lebih elegan dan menarik dan yang pastinya kita bisa mendapatkan backlink yang baik untuk seo dan perkembangan blog yang kita kelola.

Cara Memasang Kolom Komentar Disqus di Website Blogger

1. Kunjungi situs Disqus atau klik 

 2. Pilih 

 3. Masukkan data yang sesuai disetiap kolom atau untuk lebuh gampangnya pilih saja facebook, twitter atau akun google+ plus

 4. Setelah masuk silahkan pilih menu setting yang ada dipojok kanan atas terus Add Disqus To Site [lihat Gambar]
Cara Memasang Kolom atau kotak Komentar Disqus di Website Blogger


 5. Setelah anda Add selanjutnya muncul laman baru, Klik Start

 6. Isi setiap kolom dengan data yang sesuai selanjutnya klik finish

 7. Klik logo blogger jika anda menggunakan layanan blogspot, Untuk anda pengguna wordpress pilh logo wordpress
Cara Memasang Kolom Komentar Disqus di Website Blog
8. Selanjutnya Import Comments For Blogger dan pilih salah satu blog anda dan Add widget 

 9. Akan muncul laman baru yang menuju kesitus anda dan tinggal klik simpan perubahan.

 Sampai disini blog anda sudah terhubung dengan disqus dan kolom komentar disqus. Untuk memastikannya silahkan buka salah satu artikel yang ada dalam blog anda maka hasilnya akan seperti gambar ini [kecuali nama]
Cara Memasang Kolom Komentar Disqus di Website Blogger dan wordpress

 Sekian untuk tutorial Cara Memasang Kolom Komentar Disqus di Website Blogger . Silahkan membalas komentar blog anda dengan tampilan baru. 

Cara Membuat Tombol Klik Back To Top [Kembali Keatas] di Blog

July 14, 2017
Untuk memudahkan kita kembali kelaman atas setelah membaca artikel tanpa harus repot-repot scroll panjang pastinya kita membutuhkan tombol back to top atau kembali keatas... Dengan mengklik tombol icon back to top maka otomatis anda akan di diarahkan kembali kelaman judul artikel.

cara membuat tombol back to top atau kembali keatas di blog
Back To Top
Banyak template blog belum menerapkan atau memberikan tombol go to top dengan begitu kita harus membuatnya sendiri dengan cara menambahkan kode kedalam html. 

Cara pemasangan tombol back to top di blog:

1. Masuk keblog
2. Dari dashboard blog pilih tema/template
3. Klik edit HTML
4. Cari code </head> [Ctrl+F]
5. Copy dan paste code di bawah di tepat diatas code </head>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js'/>
                     Atau :
<script src='https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js'/>
<script type='text/javascript'>

6. jika sudah silahkan cari lagi code </body>
7. Copas code dibawah itu tepat diatasnya

<script type='text/javascript'>
jQuery(document).ready(function(e){var t=e(&quot;#BackToTop&quot;);e(window).scroll(function(){e(this).scrollTop()&gt;=200?t.show(10).animate({bottom:&quot;25px&quot;},10):t.animate({bottom:&quot;-60px&quot;},10)});t.click(function(t){t.preventDefault();e(&quot;html,body&quot;).animate({scrollTop:0},400)})})
</script>
<a href='#' id='BackToTop'><i class='fa fa-hand-o-up'/> Back to Top</a>
Ket: #              = biarkan begitu [abaikan]
       hand-o-up = ganti dengan code font awesome dengan yang anda sukai

 Tapi sebelumnya pastikan kode awesome sudah terpasang dalam template, jika belum silahkan pasang terlebih dahulu.

 Baca: Cara Memasang Code Font Awesome di Website Blog

 8.  Masih dalam mode edit HTML dan tambahkan code CSS berikut dalam deretan code CSS Web blog anda


/* CSS Back To Top */
#BackToTop {overflow:hidden;position:fixed;z-index:90;right:30px;bottom:31px;display:none;width:44px;height:44px;color:#fff;text-align:center;background-color:#363b40;font-size:22px;line-height:42px;cursor:pointer;-webkit-transform:translateZ(0);border-radius:2px;transition:all 0.5s;}
#BackToTop:hover {background-color:#263238;color:#fff;}

9. Simpan template dan lihat hasilnya..
Jika code-code diatas telah anda terapkan sesuai apa yang saya jelaskan namun tombol klik back to top atau kembali ke atas tidak muncul silahkan hubungi saya dengan cara meninggalkan pesan komentar anda di laman ini. Terima kasih, semoga bermanfaat!

Cara Memasang Code Font Awesome di Website Blog

July 14, 2017
cara memasang code font awesome di website atau blog
Font Awesome
Font awesome banyak digunakan guna untuk mendandan atau mempercantik tampilan website blog. Font awesome hanya akan muncul dalam laman tampilan blog jika kita memasang kode pemanggil fontnya seperti dalam gambar diatas dimana code "fa fa-smile" akan diolah menjadi icon smile atau senyum.

Jadi kita tak perlu repot lagi dalam mencari gambar vector ataupun image yang dengan file .png karena font awesome juga dapat kita sesuaikan warna dan ukuran sebagaimana yang kita suka dan ingin pasangkan diwebsite dan tentunya lebih terlihat prefesional dan efektif dimata pengunjung.


Selain dari pada itu, font awesome yang akan muncul nantinya jauh lebih baik dibanding menggunakan gambar vektor atau file image .png karena awesome mempunyai resolusi yang sangat tinggi dan itu beda jika kalau menggunakan gambar yang kadang hasilnya tidak sesuai yang diinginkan.

Daftar icons font awesome dapat anda lihat di http://fontawesome.io/icons/

Cara memasang code icon font awesome di website blog
1. Dari dashboard masuk ke tema/template
2. Edit HTML
3. Cari code dan letakkan code dibawah ini diatasnya

<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet" />

4. Save atau simpan template

 Code font awesome sudah terpasang di website blog anda dan untuk mengaplikasikannya silahkan simak cara-cara dibawah ini:

 Cara Menggunakan Font Awesome 
Seperti dalam gambar yang saya jelaskan sebelumnya dimana "fa fa-smile" akan menghasilkan icon senyum. Untuk contoh saya akan gunakan icon camera, lihat code berikut


<i class="fa fa-camera-retro fa-lg"></i>
Dari code di atas kita melihat adanya tag pembuka <i dan </i> sebagai penutup. Itu adalah kode pemanggil fa-camera-retro yang akan diurai menjadi icon camera seperti ini dibawah ini:


Jika merasa font awesome tersebut terlalu kecil, anda tak perlu khawatir karena anda tinggal mengganti fa-1g ke fa-2x Sebagai contoh lihat code dibawah ini:

<i class="fa fa-camera-retro fa-lg"></i>
<i class="fa fa-camera-retro fa-2x"></i>
<i class="fa fa-camera-retro fa-3x"></i>
<i class="fa fa-camera-retro fa-4x"></i>
<i class="fa fa-camera-retro fa-5x"></i>
Yang membedakan code-code diatas adalah "fa-2x, fa-23x" dan seterusnya dan untuk hasilnya seperti dibawah ini:

fa-1g
fa-2x
fa-3x
fa-4x
fa-5x

Anda juga dapat memberikan efek berputar [spin] font awesome tersebut seperti dalam menu coming soon di blog ini. Sebagai contoh lihat code dibawah ini:

<i class="fa fa-cog fa-spin fa-3x"></i>
Dari code diatas menunnjukkan fa-cog adalah code gir dan fa-spin adalah code yang memberikan efek purtaran pada gir sedangkan fa-3x adalah ukuran atau zise font awesome gir. Untuk hasilnya seperti dibawah ini:
Selanjutnya adalah cara pemasang code awesome di menu atau link.


<a class="fa fa-globe fa-3x" href="http://www.buginese.id/"> buginese blogger </a>

Hasilnya akan seperti dibawah ini:
buginese blogger
Ket. code:  ganti fa-globe sesuai keinginan anda
                 ganti http://www.buginese.id/ dengan url link yang ingin dikaitkan
                 ganti buginese blogger dengan judul anda


Terakhir adalah cara mengubah warna font awesome. Untuk cara ini kita hanya perlu menambahkan inline code css dibelakang code awesome. untuk contoh perhatikan dibawah ini


<i class="fa fa-refresh fa-spin fa-2x" style="color: #c32cc1;"></i>
Ket: ganti #c32cc1 dengan code warna yang anda inginkan
Hasilnya akan seperti dibawah ini:


 Untuk lebih jelasnya silahkan kunjungi link berikut http://fontawesome.io/examples/
Sekian untuk ulasan artikel Cara Memasang Code Font Awesome di Website Blog. Semoga bermanfaat!

Cara Menyembunyikan Kotak Komentar Bawaan Blogger

July 13, 2017
Ada beberapa hal yang menyebabkan blogger ingin menghilangkan ataupun menyembunyikan kolom komentar bawaan blog yang dikelolanya. Salah satunya karena ingin mengganti dengan plat form kotak komentar lain ataupun memang sengaja ingin di sembunyikan karena blognya tidak ingin dikomentari oleh orang lain atau pengguna jejaring sosial contohnya seperti website BUGINESE SIPAKAINGE

 Ataupun web blog yang anda kunjungi sekarang ini yang sudah saya ganti dengan kolom komentar disqus. 
cara menghapus dan menyembunyikan kolom komentar di blogger

Dipenjelasan kali ini dengan Cara Menyembunyikan/menghapus Kotak Komentar Bawaan Blogger yang akan saya berikan ada 3 cara.

  • Dengan Menghapus Scipt Code Kolom Komentar
  • Menyembunyikan kolom komentar web blog
  • Sembunyikan kotak komentar pada postingan pilihan
Berikut penjelasan 3 cara tersebut mulai dari poin pertama:

Cara Menghapus kolom komentar bawaan web blog  blogspot

1. Buka dashboar blog 
2. Pilih tema/tempalate
3. Klik edit HTML
4. Cari script code komentar berikut [Ctrl + F] jika sudah ketemu silahkan hapus
<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>
5. Save artikel dan lihat hasilnya.
Perlu diingat dengan menghapus script code komentar tersebut berarti anda menghapus kolom komentar blog anda secara permanent.

Cara Menyembunyikan kolom komentar web blog 

1. Buka dashboard blog
2. Pilih setelan --> Postingan, post dan berbagi
3. Di menu komentar pilih lokasi komentar selanjutnya atur "sembunyikan"
cara menyembunyikan kolom komentar bawaaan web blog blogspot
4. Simpan setelan

Cara Menyembunyikan kolom komentar pada halaman postingan artikel pilihan di Blogger

1. buka entri atau buat artikel atau jika anda memilih artikel yang sudah diposting klik saja edit
2. Jika anda sudah masuk dilaman entri klik pilihan [pojok kanan bawah]
3. Komentar pembaca--> jangan bolehkan
cara menyembunyikan kolom komentar blog
4. Terakhir klik selesai

Cara ini paling banyak digunakan saat menulis artikel dibagian lama seperti about, contact, privacy policy, disclaimer dll.

Pada cara pertama tadi "cara menghapus kolom komentar bawaan web blog blogspot" sebaiknya anda simpan dulu kodenya dikomputer atau laptop anda menggunakan notepad supaya jika anda ingin mengembalikan ke mode bawaan blogspot atau seperti semula tidak lagi pusing.

Untuk cara kedua dan ketiga anda tinggal mengulangi langka-langkahnya saja untuk mengembalikan kepengaturan semula bawaan blogger.

Demikian untuk ulasan kali ini, jika anda masih bingung dan masih belum mengerti dari penjelasan diatas ataukah ada pertanyaan mengenai cara menghapus kolom komentar di blog silahkan tanyakan via komentar di bawah ini. Secepatnya saya akan respon. Semoga bermanfaat!
Subscribe to: Posts (Atom)