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!

Cara Membuat dan Memasang Widget Fanspage Facebook Like Box di Blog

July 11, 2017
Cara membuat dan memasang widget fanspage atau halaman facebook di blog sangatlah mudah karena hanya membutuhkan beberapa langkah saja. Sebelumnya fanspage facebook adalah halaman khusus yang dinaungi oleh facebook sendiri dengan fungsi dan tujuan untuk penyajian informasi sesuai dengan keinginan sipengelola halaman tersebut seperti misalnya bisnis lokal, perusahaan, organisasi, merek atau produk, tokoh masyarakat, artis, hiburan ataupun komunitas. 
halaman facebook
Facebook Fanspage

Manfaat membuat atau memiliki fanspage facebook sangatlah banyak apalagi jika anda adalah orang pebisnis ataupun memilki usaha karena dimana anda dapat menjadikan fan page sebagai platform untuk mengumpulkan fans dengan tujuan agar penjualan atau trafik bisnis dapat meningkat.

Semakin banyak like box atau fans yang anda dapat  dari halaman yang dibuat atau anda kelola maka kesempatan untuk berpenghasilan tinggi kian terarah. Namun jika anda bertanya apa manfaatnya bagi saya yang bukan tokoh masyarakat, artis ataupun pebisnis?
Manfaatnya adalah untuk anda jadikan sebagai media komunikasi, berbagi pengalaman, mempublish impormasi ataupun untuk keperluan pribadi lainnya seperti untuk di pasang di website atau blog pribadi.

Cara Membuat Fanspage atau Halaman Facebook

      Maka anda akan diarahkan kehalaman seperti gambar di bawah ini:
cara membuat fanspage facebook like box
create  fanspage

2. Silahkan pilih salah satu jenis halaman yang hendak anda bikin, setelah itu pilih kategori dan ketikkan sesuai dengan yang anda sukai kemudian tekan "memulai"

cara membuat fanspage pacebook
Pilih Kategori Fanspage

3. Setelah proses tekan memulai selesai berarti fanspage facebook anda telah jadi dan sekarang anda hanya tinggal mengganti profil dan sampulnya ataupun menambahkan informasi mengenai halaman anda. Mudah bukan?

Langkah selanjutnya adalah cara memasang halaman atau fanspage facebook like box di website atau blog. 

Jika anda adalah seorang yang baru terjun di dunia blogging dan ingin memasang mempercantik tampilan blog seperti memasang fanspage facebook. tapi selain dari pada itu memberikan atau mengaitkan halaman facebook dengan website atau blog juga adalah salah satu untuk cara untuk optimasi promosi dan mengoptimalkan jumlah visitor atau pengunjung blog.




Cara Memasang Halaman atau Fanspage Facebook Like Box di Blog


2. Setelah anda masuk silahkan isikan URL halaman facebook dengan URL halaman yang anda buat tadi

Contoh URL : https://www.facebook.com/muhammadakbarnomba/            Ganti tulisan warna biru dengan alamat halaman facebook anda
cara memasang fanspage facebook di website atau blog
URL Halaman Facebook
Silahkan anda mengatur lebar, tinggi dan penyesuaian lainnya sesuai keinginan dan untuk menampilkan postingan halaman anda tinggal mengisi tab dengan "timeline"

3. Klik dapatkan kode dan akan muncul pop-up yang berisikan script code seperti gambar di bawah ini
cara memasang fanspage facebook di blog
Script Code Fanspage Facebook

4. Silahkan anda copy kedua code tersebut dan pastekan di bagian tata letak website atau blog anda.
cara memasang facebook like box di website atau blog
Copy paste code ke tata letak

5. Klik simpan dan simpan setelah yang berada di pojok kanan atas blog.

6. halaman atau fanspage facebook like box anda telah terpasang. Silahkan buka website atau blog anda untuk melihat hasilnya.

Sekian ulasan untuk Cara Membuat dan Memasang Widget Fanspage Facebook Like Box di Blog. Semoga artikel ini membantu!

Cara Memasang Google Map di Web Blog atau Situs Website

July 10, 2017
Cara Memasang Google Map di Web Blog atau Situs Website - Diera yang modernisasi ini fasilitas kian hari kian merambah dengan pesat dengan berbagai bentuk dan tujuan. Contohnya dalam dunia internet, seperti yang kita ketahui google adalah sarana atau induk perusahaan ternama dan terbesar di dunia yang selalu memberikan dan menerbitkan layanan fasilitas untuk penggunanya. 
cara memasang google map di web blog atau situs website
Google Maps
Salah satu fitur dan fasilitas yang disediakan google adalah Google Maps. Google maps sendiri ditujukan sebagai fungsi untuk melihat dan menemukan tempat atau lokasi dengan cepat karena dengan tampilan yang lebih fleksibel sehingga memudahkan kita untuk melihat dan menampilkan alamat sesuai kata kunci alamat penelusuran yang anda ingin lihat lokasinya.

Nah, bagi anda yang ingin tahu cara memasang Google Maps di dalam web blog atau situs website baik itu bersifat personal ataupun perusahaan untuk tujuan agar orang-orang lebih mudah untuk menemukan keberadaan kantor dan tempat tinggal pengelola website sebaiknya anda ikuti tutorial atau cara berikut ini.

1. Silahkan buka situs https://www.google.co.id/maps
    Sehingga akan muncul seperti gambar berikut
Pencarian google maps
Search Google Area

2. Tentukan Area atau tempat, kantor atau pengelola website di laman pencarian.
    Disini saya ambil contoh kota makassar
cara memasang google maps di web blog atau situs website
Google Maps Search

 3. Klik alamat yang muncul di laman pencarian tersebut maka anda akan otomatis dibawa dan diarahkan sesuai dengan yang anda pilih.
cara memasang google maps di blog
Kota Makassar Maps

 4. Klik share lalu pilih Embed Map. Untuk ukuran silahkan anda sesuaikan sendiri.
    
cara memasang google map di web blog atau situs website
Google Maps Share

5. Selanjutnya copy script code frame seperti gambar poin 4 yang telah saya berikan kotak merah.
Contoh Code : <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d127160.81825223453!2d119.39105703412224!3d-5.1397986613958!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2dbee329d96c4671%3A0x3030bfbcaf770b0!2sMakassar%2C+Makassar+City%2C+South+Sulawesi!5e0!3m2!1sen!2sid!4v1499691792792" width="400" height="300" frameborder="0" style="border:0" allowfullscreen></iframe>

6. Pastekan code tersebut kedalam laman web blog atau website yang anda inginkan atau bisa langsung mengedit HTML dan menerapkannya di antara code <body>.....</body> jika ingin menampilkan dilaman hasil pencarian google.

Nb: Sebaiknya anda simpan juga dilaman contact

 7. Save HTML atau code dan hasilnya akan seperti di bawah ini


Sekarang orang-orang sudah dapat melihat dan menemukan tempat atau lokasi kantor website anda. Selain dari pada itu memasang Google maps di website membuktikan dan meyakinkan visitor bahwa website tersebut bukan website abal-abal.

Sekian untuk Cara Memasang Google Map di Web Blog atau Situs Website. Semoga bermanfaat!

Tutorial Membuat Web Blog Dengan Mudah dan Mengenal Fungsi Kegunaan Menu-Menu Pada Halaman Blog

June 02, 2017
Tutorial atau cara membuat blog, website, web blog atau sejenisnya mungkin saat ini sedang anda cari atau butuhkan. Entah itu untuk keperluan tugas sekolah atau kuliah, diary privacy ataupun untuk menuangkan kisah hidup dan atau bakat menulis anda melalui blog dengan tujuan agar dapat dibaca oleh publik ataukah anda termotivasi oleh seseorang yang dapat meraut pundi-pundi dollar melalui blog.

tutorial cara membuat blog di blogspot
blogger(blogspot logo)
Sebenarnya cara membuat blog memilki layanan atau platform yang banyak bertebaran di internet namun yang paling dominan dipakai adalah Blogger.com atau Blogspot, WordPress.com dan WordPress.org.

Dari ketiga platform yang disebutkan diatas memberikan pelayanan gratis tanpa harus bayar sepeserpun untuk penggunanya kecuali WordPress.org yang memilki layanan premium atau berbayar karena kelebihan self hosted dan hosting langsung dari dalam software. Tapi pada dasarnya WordPress.com dan Wordpress.org adalah satu rumpung keluarga.

Oya sebelum lanjut ke intisari pembahasan mungkin anda memiliki pertanyaan-pertanyaan seperti:

Kenapa menggunakan blogger.com/blogspot.com? dan kenapa tidak memberikan tutorial untuk wordpress?

Karena blogger.com jauh lebih simple dan mudah untuk dipahami bagi pemula selain itu saya juga tidak berani memberikan atau menyarankan sesuatu yang belum saya terapkan sendiri.
apa perbedaan dan keunggulan masing-masing serta kekurang dari kedua layanan tersebut?
Dalam segi perbedaan keunggulan serta kekurangan blogger.com dan WordPress.com tentunya memiliki keunggulan masing-masing serta kekurangan. Untuk itu silahkan cek sendiri di google dengan mengetikkan kata kunci tersebut dilaman pencarian karena saya tidak cukup pintar membahas perbedaan kedua platfrom tersebut.

Jika anda sudah mencari dan mengetahui semua perbedaan diantara keduanya baik dari segi keunggulan serta kekurangan. Itu kembali lagi pada pribadi masing-masing, apakah ingin membuat blog menggunakan platform blogger.com atau wordpress.com.. 

Tapi jika anda mengambil langkah atau memutuskan membuat blog menggunakan layanan blogger.com atau blogspot.com silahkan lanjutkan bacaan anda karena di bawah ini saya memberikan tutorial membuat web blog atau blog dengan mudah disertai dengan gambar panduan yang dapat membuat anda lebih mudah mengerti dan memahami step by step.

Sebelum memulai cara membuat blog sangat penting bagi anda untuk mengetahui bahwa semua data dan dokumen ataupun foto yang anda simpan dan posting nantinya akan tersimpan dalam dokumen google atau biasa disebut pisaca google. Oleh karenanya harap hati-hati dan gunakanlah layanan ini dengan sebaik mungkin serta tidak melanggar ketentuan kebijakan yang ada.

Baca: Ketentuan Kebijakan Konten Blogger

Tutorial Membuat Web Blog atau Blog Dengan Mudah Menggunakan Layanan Blogger.com


Sebelum memulai dasar utama pastikan anda telah memilki alamat email yang dapat digunakan atau masih aktif. Namun jika belum memilki email silahkan mendaftar dan membuatnya terlebih dahulu di sini: Membuat Akun Gmail 

1. Masuk Menggunakan Email

Setelah selesai membuat email dan email tersebut sudah aktif dan dapat digunakan maka langkah pertama yang harus anda lakukan adalah login ke www.blogger.com. Setelah login atau masuk anda akan dihadapkan seperti gambar dibawah ini: 




Silahkan isi email yang anda daftarkan tadi seperti pada gambar nomor satu lalu tekan atau klik "berikutnya" dan anda akan dilempar kelaman baru untuk diminta mengisi password atau kata sandi email seperti pada gambar nomor dua. Silahkan diisi lalu tekan masuk.

2. Buat Blog Baru/Create New Blog


cara membuat blog baru
Tahap ini adalah untuk membuat blog. Jadi tugas anda disini hanya tinggal menakan atau klik Buat blog baru/Create new blog. Setelah itu anda akan beralih kehalaman seperti dibawah gambar ini.

cara membuat blog baru, memilih tempalte blog baru

Keterangan Gambar:

1. Title :
  • isi dengan dengan nama anda atau nama yang anda sukai.

2. Address :
  • Isi dengan alamat blog anda. ini yang akan muncul nantinya di halaman homepage blog anda nantinya.
Icon Ceklis menandakan alamat address yang anda inginkan masih tersedia dan begitupun sebaliknya!

3. Thema :
  • silahkan pilih salah satu thema atau template sesuai atau yang anda sukai

4. Create blog :
  • Jika anda sudah memastikan Title, address dan theme yang anda pilih selanjutnya tekan create blog/ blog baru.
Setelah sampai tahap ini maka blog anda dengan platform blogspot.com sudah jadi atau sudah bisa digunakan seperti memposting artikel. Selamat!

Tugas anda sekarang hanyalah perlu mengatur tampilan blog agar terlihat lebih keren, seperti menambahkan daftar menu, mengubah warna kesukaan, memasang Widget fanspage facebook, mengganti header dan memasang related post serta masih banyak yang lainnya.

3. Mengenal Fungsi dan Kegunaan Menu Dashboard Blog

Jika anda telah selesai dalam tahap kedua tadi pasti anda masih merasa asing dengan tampilan halaman atau dashboard blog anda dan masih belum mengerti fungsi dan kegunaan masing-masing menu. Nah dibawah ini saya sudah sediakan gambar disertai dengan keterangan yang saya harap dapat anda mengerti dan pahami.


Keterangan Gambar:

Icon Panah ⇨ Menuju ruang penulisan postingan artikel

Kotak A.⇩
➔ Daftar Tag label pada postingan artikel
Kotak B. ⇩
➔ Digunakan untuk mempublikasikan artikel yang tersave di draf
Kotak C. ⇩
➔ Digunakan untuk mengembalikan postingan artikel kemenu draf. ini biasanya digunakan untuk pengeditan ulang artikel
Kotak D. ⇩
➔ Digunakan untuk menghapus artikel.
Sebelum menggunakan kotak B,C dan D harap centang terlebih dahulu artikel yang hendak dipilih. 

Kotak 1. ⇩
➔ Untuk melihat tampilan blog
Kotak 2. ⇩
➔ Untuk melihat semua daftar artikel baik itu yang sudah dipublikasikan ataupun yang anda save di Draf
Kotak 3. ⇩
➔ Menampilkan data pengunjung blog, mulai dari sekarang, hari ini, bulan ini, bulan lalu dan tahun lalu. anda juga dapat melihat pengunjung blog anda menurut negara melalui kotak 3. (Statistik) selain itu terdapat pula operasi sistem yang digunakan oleh pengunjung blog misal linux, windows, android dan lain sebaginya. laman ini cukup akurat dalam analisis analistik
Kotak 4. ⇩
➔ Melihat daftar komentar orang lain terhadap artikel atau blog. Anda juga dapat mengatur komentar mana yang ingin anda terbitkan serta dapat menyeretnya kedalam kotak komentar spam.
Kotak 5. ⇩
➔ Untuk mendaftar jasa periklanan AdSense dan melihat data penghasilan langsung dari blog.
Kotak 6. ⇩
➔ Berfungsi untuk mempromosikan blog anda ke Google AdWords. (berbayar)
 Kotak 7. ⇩
➔ Untuk menulis artikel, namun artikel yang anda tulis dilaman tidak akan tampil di homepage blog. kecual ada link yang mengarah langsung kelaman yang anda tulis.
Kotak 8. ⇩
➔ Mengatur, menghapus, menambah widget pada tampilan blog
Kotak 9. ⇩
➔ Digunakan untuk mengganti thme/template blog, selain itu anda juga dapat mengatur tampilan blog dengan masuk ke edit HTML dengan menambah dan mengurangi kode yang anda ingin. Untuk mengubah background dan warna tampilan blog tekan Sesuaikan.
Kotak 10. ⇩
➔ Hampir semua pengaturan yang anda butuhkan ada dalam setelan, seperti mengatur deskripsi, memasang kode pelacakan, menghapus blog, profil pengguna yang ingin digunakan, bahasa dan performatan dan masih banyak lagi. Next... ➔⇩

4. Mengenal Fungsi Entri Pada Ruang Postingan

Tak hanya halaman depan saja yang perlu anda pahami, karena pada dasaranya mengenal jenis, kegunaan serta fungsi entri ruang postingan pada blog juga sangatlah penting. Maka dari itu saya juga telah menyedikan gambar panduan disertai dengan keterangan yang semoga saja dapat anda mengerti dan pahami dengan jelas. berikut fungsi entri pada menu ruang postingan blog:

mengenal fungsi dan kegunaan ruang entri pada menu postingan blog

Geterangan Gambar :
Kotak 1. ⇩
➔ Adalah judul artikel atau postinganyang hendak anda tulis
Kotak 2. ⇩
Comporse: untuk penulisan biasa seperti yang sering anda lakukan ketika menulis dalam software microsoftword/excel.

HTML (Hyper Text Markup Language) : untuk penulisan artikel, gambar dan dokumen dalam bentuk kode HTML.

Undo: Untuk membatalkan perubahan atau kembali ketulisan awal/sebelumnya

Redo: Mengembalikan tulisan yang telah anda undo sebelumnya

Font: Memilih dan mengubah jenis huruf/font yang akan digunakan dalam penulisan artikel

Size: Mengatur besar kecil jenis huruf pada artikel
mengatur size besar kecil huruf pada postingan blog
Normal: Mengatur Heading huruf postingan
  • Heading adalah <h2> 
  • Sub heading adalah <h3> 
  • Minor heading adalh <h4>

Bold: Untuk mempertebal hurus yang diinginkan dalam artikel

Italic: Untuk mencetak miring jenis huruf yang digunakan 

Underline: Untuk memberikan garis bawah pada huruf yang diinginkan

ABC atau Stiketthough: untuk memberikan garis tengah/coret pada kata 

Textcolor: Berfungsi untuk mengubah jenis warna pada huruf/kata/paragraf dalam artikel

Background Color: Berfungsi untuk memberikan warna pada latarbelakang kata/huruf dalam artikel

Add or Remove Link: untuk menautkan artikel lainnya dengan memberikan link URL tautan

Contoh➟ Link URL tautan

Insert Image: Untuk menambahkan atau mengupload foto/gambar kedalam postingan artikel

Insert a Video: Untuk menambahkan atau mengupload video kedalam postingan artikel

Insert Special Character: Untuk memasukkan karakter image/icon symbol kedalam postingan artikel

Insert Jump Break: berfungsi memotong paragraf yang ingin dijadikan readmore/baca selanjutnya

Alignment: untuk mengatur rata kanan, kiri tulisan artikel

Numbered List: berfungsi untuk memberikan angka/nomor disetiap kata atau paragraf yang diinginkan

Bullet List: Sama dengan numbered list yang membedakan hanyalah tanda/icon bulat pada bullet list

Quote: Berfungsi untuk memberikan tanda kutip (") pada paragram yang diinginkan

Remove Formatting: Untuk menghapus format postingan artikel

Check Spelling: Berfungsi untuk memeriksa atau mengecek ejaan pada artikel

Kotak 3. ⇩
Publikasikan: Untuk menerbitkan atau mempublikasikan artikel yang telah selesai anda tulis

Simpan: Berfungsi untuk menyimpan artikel kedalam draf(artikel yang telah dipublikasikan otomatis akan hilang dalam daftar draf)

Pratinjau:  untuk melihat bentuk artikel postingan sebelum menerbitkan atau mempublikasikan

Tutup: Untuk menutup ruang entri postingan artikel

Kotak 4. ⇩
Setelan entri...➴
Label: berfungsi memberikan tag label pada artikel agar otomatis masuk kedalam menu yang ada pada blog

Jadwal : Berfungsi untuk mengatur waktu postingan sesuai keinginan

Tautan Permanent: Melihat dan dapat mengubah link url artikel

Lokasi: Memberikan lokasi postingan artikel (jika tidak ingin memberikan lokasi silahkan abaikan)

Deskripsi Penelusuran: penjelasan,kesimpulan atau intisari artikel yang akan dipublikasikan

Pilihan: Mode tulis artikel yang diinginkan

Sekian Tutorial Membuat Web Blog Dengan Mudah dan Mengenal Fungsi Kegunaan Menu-Menu Pada Halaman Entri Blog semoga dapat dengan mudah anda pahami dan terapkan, Namun jika masih ada yang belum dimengerti dari penjelasan diatas silakan tinggalkan pertanyaan dan tanggapan anda dalam kolom komentar. semoga bermanfaat
Subscribe to: Posts (Atom)