Showing posts with label BLOGSPOT. Show all posts
Showing posts with label BLOGSPOT. Show all posts

Tutorial Blogger Lengkap Untuk Pemula A Sampai Z Terbaru

           ,      No comments   
Pada Kesempatan ini saya akan berbagi tutorial blogger lengkap untuk yang baru mau memulai ngeblog, dari mulai cara membuat blog, membuat label/kategori, cara posting dan lain-lain.

Flatform blog yang paling cocok untuk pemula menurut saya pribadi adalah blogger.com, selain semua layanannya gratis sudah banyak juga tutorial blogger.com yang sudah di postingkan oleh ribuan lebih blogger indonesia. Untuk itu disini saya akan memberikan panduan lengkap ngeblog di blogger.com untuk pemula.

Cara Membuat Blog Di Blogger.com

Sebelum mendaftar pastikan anda sudah mempunyai akun gmail.
1. Buka dan kunjungi https://www.blogger.com.
2. Silahkan klik sign in dan login menggunakan akun gmail/google anda.


3. Klik pada buat blog baru.


4. Judul isi dengan nama blog anda dan alamat isi dengan url blog anda (yang akan di buat), klik buat blog.



Selamat blog anda sudah berhasil di buat, sekarang kita menuju ke tutorial paling dasar ngeblog, yaitu memposting sebuah artikel.

Cara Posting Artikel di Blogger.com

Setelah berhasil membuat blog tentu saja anda ingin memposting sebuah artikel, caranya memang sangat mudah, yang perlu anda lakukan sebelum mulai posting siapkan terlebih dahulu materi yang ingin di tulis.

Jika materi atau bahan postingan sudah siap, kita langsung masuk ke cara posting artikel di blogger.

1. Pertama-tama silahkan anda login ke blogger.com menggunakan akun gmail/blog yang telah anda buat.

2. Setelah login, pada bagian pos klik entri baru.


3. Setelah itu anda akan di bawa ke halaman posting , sebelum ngepos artikel anda harus mengenal terlebih dahulu menu-menu yang ada di dalamnya.


Keterangan Tambahan:

No 1 : Adalah judul artikel.
No 2 : Isi artikel.
No 3 : Menu-menu tambahan untuk ganti font, upload poto dan lain-lain.
No 4 : Format postingan compose untuk menulis artikel biasa, html untuk posting dan menyisipkan kode, untuk pemula saya sarankan untuk menggunakan compose saja.
No 5 : Pengaturan tambahan yang bisa anda pilih, tidak usah di apa-apakan juga tidak apa-apa.
No 6 : Untuk menambahkan keterangan lokasi.
No 7 : Untuk mengedit tautan permanen atau permalink.
No 8 : Untuk menjadwalkan posting.
No 9 : Untuk menambahkan kategori atau label, sehingga anda dapat mengelompokan artikel.
No 10 : Untuk mempublikasikan postingan anda.
No 11 : Untuk menyimpan artikel sebagai konsep atau sebagai draft.
No 12 : Untuk melihat terlebih dahulu tampilan artikel sebelum di tampilkan.

4. Jika artikel sudah berhasil di tulis langsung saja klik publikasikan, selamat artikel pertama anda berhasil di terbitkan.


Sekarang anda sudah berhasil membuat blog dan sudah bisa memposting artikel.

Cara Melihat Statistik Blog

Setelah berhasil posting tentu saja, anda perlu melihat statistik blog apakah sudah ada pengunjungnya atau belum sehingga anda bisa mengetahui perkembangan blog anda. cara melihat statistik blog harian, bulanan, dan sepanjang waktu sangatlah mudah, tinggal klik saja pada menu statistik.


Cara Memasang Widget Blog

Kita bisa menambahkan widget tambahan di blog, contohnya menambahkan widget artikel populer, menampilkan gambar, menampilkan profil penulis dan lain-lain.

Cara memasang widget di blog sangat mudah.

1. Pertama-tama silahkan login ke blogger.com pada bagian dashboard silahkan pilih tata letak, klik pada tambahkan gadget.



2. Pilih widget yang ingin anda pasang kemudian klik simpan.


3. Setelah memilih widget, widget akan tampil di blog anda, contohnya seperti pada gambar di bawah ini.

Sampai disini anda sudah belajar bagaimana cara membuat blog, memposting artikel, melihat statistik dan menambahkan widget.

Mengenal menu-menu di blogger.com

Untuk melengkapinya anda perlu mengenal dan memahami menu-menu yang ada di blogger.com, menu yang saya maksud adalah menu dashboard seperti pada gambar di bawah ini.


Akan saya jelaskan satu persatu secara singkat menu-menu di atas.

1. Pos/ entri baru = Untuk posting artikel baru.
2. Semua = Untuk melihat semua artikel yang sudah di terbitkan ataupun yang masih tersimpan di draf.
3. Draf = konsep artikel/artikel yang belum kita terbitkan.
4. Diterbitkan = Untuk melihat seluruh artikel yang sudah kita terbitkan.
5. Statistik = Untuk melihat statistik blog.
6. komentar = Melihat, menerima, menghapus komentar yang ada pada blog anda.
7. Kampanye = Untuk mempromosikan blog.
8. Laman = Untuk membuat laman/page mandiri, biasanya tentang, kebijakan privasi dan sejenisnya di tulis di laman.
9. Tata letak = Untuk menambahkan widget, pengaturan tampilan pos dan widget.
10. Template = Untuk mengedit ataupun mengganti template blog.
11. Setelan = Berisi menu-menu pengaturan blog, disini anda bisa mengganti nama blog, deskripsi, pengaturan moderasi komentar, pengalihan url dan lain-lain.

Artikel pilihan untuk anda
1. Update perkembangan algoritma google.
2. Tips jadi blogger profesional.

Itu semua adalah tutorial blogger lengkap yang bisa anda pelajari, namun semua itu hanyalah tutorial dasar saja, anda bisa melihat tutorial blogger yang lainnya di sini silahkan klik Tutorial Blogger Lengkap dari Kizeh.com.

Jika penjelasan saya masih ada yang kurang jelas silahkan tanyakan melalui kolom komentar.

Jangan lupa subcribe kizeh melalui email dan blog agar anda bisa mendapatkan pembaharuan artikel tutorial blog dari kizeh.

Demikianlah Tutorial Blogger Lengkap Untuk Pemula A Sampai Z Terbaru , ayo kita buat blog yang orginal dan berkualitas, salam sukses blogger Indonesia. Semoga bermanfaat.

Cara Memasang Bismillah dan Alhamdulillah Otomatis Di Blog

           ,      No comments   
Cara Pasang Bismillah dan Alhamdulillah Otomatis Di Postingan Blog
Bagi anda yang ingin mengawali semua kegiatan dengan Bismillah dan mengakhiri dengan Alhamdulillah tentu saja anda harus memasangnya, agar selain di ucapkan anda juga tidak perlu menulisnya di setiap posting artikel secara manual lagi, kita hanya perlu membaca dalam hati dengan tulus.

Untuk memasangnya kita hanya perlu menyisipkan sedikit kode ke dalam template blog.

Dengan cara seperti itu maka bismillah dan alhamdulillah akan muncul secara otomatis di postingan artikel. contoh penampakannya seperti pada gambar di bawah ini.


Bismillah

Contoh Alhamdulillah


Untuk memasangnya sangat mudah, tapi sebelumnya silahkan anda back up template anda buat jaga-jaga jika terjadi error dalam proses pengeditan.

Jika sudah di back up silahkan masuk di blogger.com kemudian silahkan pilih template dan edit html
Cari Kode <data:post.body/> jika kode tersebut terdapat dua di dalam template maka anda letakan kode bismillah di bawah ini tepat di atas kode <data:post.body/>
<div style='text-align: center;'><span style='font-size: medium;'><span class='messageBody' data-ft='{&quot;type&quot;:3}'><span dir='rtl'>ب&#1616;س&#1618;ــــــــــــــــم&#1616; اﷲ&#1616;الر&#1614;&#1617;ح&#1618;م&#1614;ن&#1616; الر&#1614;&#1617;ح&#1616;يم</span></span></span></div><br/> - See more at: http://arsip-fank.blogspot.co.id/2013/05/tulisan-bismillah-alhamdulillah.html#.Vw-X6jGc10s
<div style='text-align: center;'><span style='font-size: medium;'><span class='messageBody' data-ft='{&quot;type&quot;:3}'><span dir='rtl'>ب&#1616;س&#1618;ــــــــــــــــم&#1616; اﷲ&#1616;الر&#1614;&#1617;ح&#1618;م&#1614;ن&#1616; الر&#1614;&#1617;ح&#1616;يم</span></span></span></div><br/>
Setelah memasang kode bismillah di atas selanjutnya anda pasang kode alhamdulillah otomatis, letakan kode di bawah ini tepat di bawah kode <data:post.body/>
 <b:if cond='data:blog.pageType == &quot;index&quot;'><b:else/>
<div align='center'><br/><br/><span style='font-size: medium;'>ٱل&#1618;ح&#1614;م&#1618;د&#1615; ل&#1616;ل&#1614;&#1617;ه&#1616; ر&#1614;ب&#1616;&#1617;
ٱل&#1618;ع&#1614;&#1648;ل&#1614;م&#1616;ين</span></div></b:if>
Catatan: <br/> adalah spasi silahkan anda atur saja spasinya sesuai keinginan.

Baca juga: Cara Membuat Semua Link di Blog terbuka Otomatis di Tab Baru

Demikianlah cara mudah memasang bismillah dan Alhamdulillah secara otomatis di postingan, semoga bermanfaat.

<data:post.body/>
<data:post.body/>

Cara Membuat Semua Link di Blog terbuka Otomatis di Tab Baru

           ,      No comments   
Cara Membuat Semua Link di Blog terbuka Otomatis di Tab Baru : dengan Membuat link pada saat di klik terbuka secara otomatis di Tab baru maka secara tidak langsung pengunjung blog akan membaca lebih dari satu artikel tidak hanya link artikel saja bahkan link banner iklan yang di klik pasti akan terbuka di tab baru sehingga pengunjung tidak benar-benar meninggalkan blog anda.
Untuk Membuat Link Terbuka Otomatis di tab baru silahkan ikuti langkah-langkah di bawah ini :
1. login di blogger[.com] 
2. pilih template dan klik edit html
3. Cari Kode <head> , untuk mempercepat pencarian silahkan klik ctrl+f dan masukan kode yang di cari
4. silahkan masukan kode <base target=’_blank’/> tepat di bawah kode <head> sehingga menjadi seperti ini :
<head>
<base target=’_blank’/>
5. klik simpan template

Sekarang silahkan anda tes dengan cara mengklik link artikel yang di homepage blog anda dan pasti artikel tersebut akan terbuka di tab baru.

Demikianlah Cara Membuat Semua Link di Blog terbuka Otomatis di Tab Baru , sampai jumpa di tutorial blogger lainnya.

Cara Membuat Favicon Bergerak di Blogspot

           ,      No comments   

Membuat Favicon Bergerak di Blogger

Favicon bawaan blogspot sangatlah standar dan tentunya membosankan bahkan pasaran karena banyak para blogger lain yang menggunakannya.


Logo B seperti gambar di atas adalah favicon bawaan blogspot dan tentunya itu sangat membosankan dan hal itu membuat blog anda terlihat kurang profesiaonal.

Akan jauh terlihat menarik favicon bawaan terdebut di ganti dengan icon yang lebih menggambarkan deskripsi blog anda.

Nah kali ini saya akan memberikan tutorial cara memasang favicon bergerak alias gif tentunya favicon ini lebih keren karena favicon yang akan kita pasang bisa bergerak.

Untuk memasangnya silahkan ikuti petunjuk berikut ini :
1. Login di blogger.com
2. template
3. centang pada "Expand Template Widge"
4. cari kode ini <b:skin><![CDATA[ atau kode yang mirip dengan kode tersebut , jika sudah di temukan silahkan pastekan kode di bawah ini tepat di atas kode tersebut.
<link href='http://i857.photobucket.com/albums/ab139/wiwidhw/Indonesia-120-animated-flag-gifs.gif' rel='shortcut icon' type='image/x-icon'/>

keterangan : ganti kode ini http://i857.photobucket.com/albums/ab139/wiwidhw/Indonesia-120-animated-flag-gifs.gif dengan kode gambar bergerak yang sudah anda siapkan.

Contoh pemasangan kodenya seperti ini :
<b:skin><![CDATA[
<link href='http://i857.photobucket.com/albums/ab139/wiwidhw/Indonesia-120-animated-flag-gifs.gif' rel='shortcut icon' type='image/x-icon'/>

5. klik simpan template.

Sekian tutorial cara memasang favicon bergerak yang dapat saya berikan semoga bisa bermanfaat.

Cara Membuat Kotak Feedburner Lebih Keren Dengan Menu twitter dan Facebook

           ,      No comments   
Memasang Feedburner di blog sangatlah penting karena dengan memasang feedburner akan memudahkan visitor blog untuk berlangganan artikel Melalui e-mail.
contoh tampilan kotak feedburner standard seperti gambar di bawah ini.

Baca juga: Cara Membuat iklan Melayang di Sisi Kanan Blog



Dengan tampilan seperti itu tentunya kurang menarik karena hanya ada menu berlangganan via e-mail saja, disini saya akan memberikan tutorial cara memasang kotak feedburner yang lebih menarik dengan tambahan menu facebook dan twitter, contohnya seperti gambar di bawah ini.


dengan tampilan seperti gambar di atas tentunya kotak feedburner anda akan lebih menarik jika di bandingkan dengan tampilan yang standard, cara memasangnya cukup mudah anda hanya perlu mengcopy kode dalam teks area di bawah ini.

keterangan : 
- Ganti cafeilmu-yangyang dengan Url/kode Feedburner anda
- Ganti perdianto dengan Username Twitter anda
- Ganti yangyang.perdianto dengan ID facebook anda

Cara Pemasangannya :
1. login di blogger[dot]com
2. tata letak
3. tambah gadget
4. pilih HTML/javascript
5. pastekan kodenya dan klik simpan

Baca juga: Cara Membuat Efek Petir Di Blogspot

Sekian Tutorial Memasang Kotak berlangganan E-mail Feedburner menjadi lebih keren yang dapat saya berikan semoga bisa bermanfaat.

Cara Membuat Efek Petir di Blogspot

           ,      No comments   
Cara Membuat Efek Petir di Blogspot - Terkadang kita merasa bosan dengan tampilan blog yang itu-itu aja, atau bosan dengan template bertipe formal, dan untuk mengatasi rasa bosan tersebut kita bisa memberikan efek-efek menarik pada blog, salah satunya adalah memberi efek petir.

Efek petir ini sangat cocok di terapkan di blog personal biasa dan bukan di blog SEO apalagi jika blog anda memiliki template berwarna gelap/hitam.

Biasanya para pecinta anime sering menggunakan efek-efek tertentu pada blognya dan jika anda ingin menambahkan efek petir di blog anda caranya cukup mudah.
Silahkan copy kode di bawah ini
<style type="text/css">body {
background-image:
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMZEPvSm6eSZY1_P6fW2mFeMe1PLq4Q-SWmGJhEMUeHYwxa2PqixZPQGiyue2Rhrsat2sTuP-tUEVc0fA2v6xsgzG9_Zj-fco0L1-vpEyYmNuTilYqfi29CSJGdSMA4-2zQnVRrXCd2ni7/s1600/efek_petir_carazain.gif);
background-color:transparent; }</style>
Kemudian ikuti langkah-langkah berikut.
1. login di blogger.com
2. kemudian masuk ke tata letak
3. tambah gadget
4. pilih HTML/javascript dan pastekan kodenya.
5. terakhir klik simpan dan lihat hasilnya.
Jika berhasil maka di home page blog anda akan muncul efek petir, contohnya bisa di lihat pada gambar di bawah ini.




Demikianlah postingan cara menambahkan efek petir di blogger dan sampai jumpa lagi di postingan selanjutnya.

Cara Mengatasi Widget Sidebar sebelah kanan pindah kebawah postingan, hanya di homepage saja

           ,      No comments   
Ini nih salah satu probem yang pernah saya alami di blog, tiba-tiba sidebar sebelah kanan yang berisi widget dan kategori pindah ke bagian sbawah, hal ini cukup aneh karena widget pindah ke bawah hanya di homepage aja atau di halaman utama blog, saya coba klik salah satu artikel dan hasilnya widget normal-normal saja.
Masalah tersebut benar-benar bikin saya pusing karena sebelumnya saya belum pernah menghadapi kasus yang seperti ini,mau ganti template udah terlajur suka sama templatenya, akhirnya saya coba cari-cari artikel di google tentang cara mengatasinya ternyata masih sedikit para blogger yang memposting tentang cara mengatasinya, tapi akhirnya saya menemukan salah satu artikel.

Sidebar yang pindah ke bawah ini ada beberapa faktor penyebabnya :
1. ada kode yang salah/error pada widget di sidebar
2. gambar di sidebar atau di dalam postingan melebihi lebar dari sidebar
3. artikel yang di ketik dari microsoft word dan kemudian di pastekan ke dalam postingan blog atau artikel hasil copas dari orang lain yang tidak cocok dengan blog kita, sehingga tag html/kode yang ada di postingan tidak tertutup dengan benar.

Setelah saya teliti ternyata masalah yang ada di blog saya ini di sebabkan oleh postingan terbaru saya, yang artinya saya terkena masalah tipe no 3 seperti yang disebutkan di atas, saya baru ingat sebelum ada postingan itu blog saya baik-baik saja tetapi setelah saya postkan tiba-tiba widget sidebar saya pindah kebawah.

Untuk mengatasinya cukup mudah, anda hanya perlu mengedit artikel yang menjadi sumber masalah tersebut atau bisa juga dengan menghapusnya, saya sendiri memilih untuk mengeditnya dengan cara menghapus isi artikelnya dan saya ketik ulang lagi kemudian saya publish ulang, dan hasilnya blog saya pun kembali normal.

Bagi anda yang mengalami masalah yang sama bisa coba cara diatas dan semoga blog anda bisa kembali normal tanpa harus ganti template.

Cara Membuat AutoHide Fans Page Facebook di Samping Kanan Blog

           ,      No comments   
Cara Membuat AutoHide Fans Page Facebook di Samping Kanan Blog - Tujuan dipasangnya fans page facebook di blog biasanya agar banyak mendapatkan penggemar/like oleh pengunjung blog yang mempunyai akun facebook sehingga mereka dapat berlangganan update artikel terbaru melalui facebook.

 Ada banyak cara memasang fans page di blog salah satunya dengan membuat fans page melayang di tengah-tengah blog atau hanya memasang widgetnya saja di navigasi blog.

Pada kesempatan kali ini saya akan berbagi tutorial cara membuat auto hide fans page facebook di samping kanan blog, untuk lebih jelasnya lihat contoh gambar di bawah ini.

Baca juga: Cara Memberi Pesan Peringatan Saat Blog di klik kanan


dengan memasang fanspage Hide facebook di samping blog itu akan membuat blog anda semakin keren, cara kerjanya cukup simpel ketika pengunjung mengarahkan mouse/kursor ke arah logo facebook yang menempel di side bar sebelah kanan maka secara otomatis fans page facebook anda akan tampil.

Cara memasangnya cukup Mudah :
1. copy kode di bawah ini
<script type="text/javascript">
/*<![CDATA[*/
jQuery(document).ready(function() {jQuery(".likebox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);});
/*]]>*/
</script>
<style type="text/css">
.likebox{background: url("http://3.bp.blogspot.com/-KdSAuv-K7HM/To_WXoWHzJI/AAAAAAAAGvg/5UvL10LUe_k/facebook.png") no-repeat scroll left top transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:44%;}
.likebox div{border:none;position:relative;display:block;}
.likebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 7px;text-align: right;z-index: 99999;}
.likebox span a{color: gray;text-decoration:none;}
.likebox span a:hover{text-decoration:underline;}
</style>
<div class="likebox" style="">
<div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/komunitasbloggerIndonesiaa&width=245&colorscheme=light&show_faces=true&connections=9&stream=false&header=false&height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe><span><b><a target="_blank" href="http://otowebsite.blogspot.com/2012/04/cara-membuat-facebook-like-auto-hide-di.html">Get this widget</a></b></span>
</div>
</div>
keterangan : ganti yang berwarna merah dalam kode di atas dengan Url fans page facebook anda
2. login di blogger[dot]com
3. tambah gadget
4. pilih HTML/javascript dan pastekan kode yang anda copy tadi kemudian klik simpan

Sekian Cara Membuat AutoHide Fans Page Facebook di Samping Kanan Blog yang dapat saya berikan pada kesempatan ini semoga bermanfaat dan sampai ketemu lagi di postingan selanjutnya.

Cara Membuat Buku Tamu/Guestbook Auto Hide di sisi kanan Blog

           ,      No comments   
Cara Membuat Buku Tamu/Guestbook Auto Hide di sisi kanan Blog - Jika sebelumnya saya sudah posting artikel tentang "Cara Memasang Buku Tamu di Blog Blogger Blogspot" maka pada kesempatan ini saya akan berbagi cara atau tutorial memasang buku tamu tersebut tersembunyi atau auto hide di sisi kanan blog, dan buku tamu tersebut hanya akan muncul apabila di sorot menggunakan kursor.

Tanpa harus membuang waktu lebih lama lagi silahkan anda ikuti petunjuk berikut ini.

Langkah Cara Membuat Buku Tamu/Guestbook Auto Hide di sisi kanan Blog

pertama anda copy kode di bawah ini.
<style type="text/css">
#gb{
position:fixed;
top:20px;
z-index:+1000;
}* html #gb{position:relative;}

.gbtab{
height:150px;
width:50px;
float:left;
background:url('http://i1290.photobucket.com/albums/b537/Khaeruddin/Buku-Tamu_zpsa8c2a265.gif') no-repeat;
}

.gbcontent {
float:left;
border:1px solid #000000;
-moz-border-radius-bottomleft:5px;
-webkit-border-radius-bottomleft:5px;
-o-border-radius-bottomleft:5px;
-khtml-border-radius-bottomleft:5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-topleft: 5px;
background: #F2F2F2; url() no-repeat bottom;
padding:10px;
}

</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 51-w) : moveGB(30-w, 0);
gb.opened = !gb.opened;
}function moveGB(x0, xf){

var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 25 ? 25 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 5);}
}</script>

<div id="gb">
<div class="gbtab" onmouseover="showHideGB()"> </div>

<div class="gbcontent">
<center>
<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="200" height="305" src="http://www7.cbox.ws/box/?boxid=777572&amp;boxtag=9hece6&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain7-777572" style="border:#000000 1px solid;" id="cboxmain7-777572"></iframe></div>
<div><iframe frameborder="0" width="200" height="75" src="http://www7.cbox.ws/box/?boxid=777572&amp;boxtag=9hece6&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform7-777572" style="border:#000000 1px solid;border-top:0px" id="cboxform7-777572"></iframe></div>
</div>
<!-- END CBOX --><br />
<div style="text-align:center">
<span style="float:right; color:#000000;">Get this <a target="_blank" href="http://cafeilmu-yangyang.blogspot.com/2013/03/cara-membuat-buku-tamu-guestbook-auto.html"> widget! </a></span>
</div>
</center></div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (50-gb.offsetWidth).toString() + "px";
</script>
</div>

Keterangan :
- Ganti Kode yang saya Berikan Warna Merah dengan Kode buku tamu atau guestbook kalian.
- Kode yang saya berikan warna biru bisa di ganti dengan url gambar buku tamu yang kalian suka.

2. login di blogger[dot]com
3. tata letak
4. tambah gadget
5. pilih HTML/javascript
6. pastekan kodenya dan klik simpan.

Jika berhasil maka tampilannya akan seperti gambar di bawah ini


dan apabila buku tamu tersebut di sorot kursor maka akan terbuka seperti gambar di bawah ini


Sekian Tutorial Cara Membuat Buku Tamu/Guestbook Auto Hide di sisi kanan Blog Yang Dapat saya berikan Semoga Bisa Bermanfaat.

Dokumentasi: Pribadi.

Cara Menambah Bismillah Otomatis di Setiap Awal Postingan

           ,      No comments   
Cara Menambah Bismillah Otomatis di Setiap Awal Postingan - Kali ini saya akan berbagi tutorial blogger/blogspot tentang cara memasang bismilah secara otomatis di setiap awal postingan.

Sebagai seorang muslim alangkah baiknya jika setiap akan melukakan aktivitas apapun di awali dengan bismillah, dengan cara yang akan saya jelaskan ini maka anda tidak perlu repot-repot menambahkan kata bismillah di awal postingan secara manual, karena dengan cara ini akan secara otomatis kata bismillah akan ada di di awal postingan blog anda.

Bahkan artikel yang sudah lama di postingkan pun akan secara otomatis memiliki kata bismilah di setiap awal artikelnya, contohnya seperti pada gambar di bawah ini.



Bismillah yang saya maksud seperti gambar di atas, jika anda ingin memasangnya silahkan ikuti langkah-langkah berikut ini.

Sebelum mulai mengedit silahkan backup dulu template blog anda buat jaga-jaga bila terjadi error pada saat proses pengeditan, pertama silahkan menuju ke dasboard blog anda kemudian pilih Template dan klik Edit html.

Kemudian silahkan cara kode ini <data:post.body/> jika sudah ketemu silahkan pasang kode di bawah ini tepat di atas kode <data:post.body/> klik simpan template dan silahkan lihat hasilnya.

kode bismillah :
<div style='text-align: center;'><span style='font-size: large;'><span style='font-family: Traditional Arabic;'>ب&#1616;س&#1618;م&#1616; الله&#1616; الر&#1617;&#1614;ح&#1618;من&#1616; الر&#1617;&#1614;ح&#1616;يم&#1616;</span></span> </div><br/>

Catatan jika gagal :
Jika setelah mengikuti cara yang saya berikan tersebut kata bismillah belum juga muncul itu di sebabkan karena biasanya kode <data:post.body/> terdapat lebih dari satu dan bisa terdapat banyak hal tersebut karena setiap template itu strukturnya berbeda-beda, maka dari itu silahkan coba tempatkan kode bismilahnya dengan mencoba satu-persatu sampai berhasil.


Baca Juga: Cara Memasang Meta msvalidate.01 atau Bing Webmasters di Blog

Sekian Cara Menambah Bismillah Otomatis di Setiap Awal Postingan yang bisa saya berikan kali ini semoga bermanfaat.

Cara Memasang Buku Tamu di Blog

           ,      No comments   
Cara Memasang Buku Tamu di Blog - Buku Tamu atau Guestbook biasanya di gunakan sebagai sarana berkomunikasi antara admin blog dengan pengunjung, pengunjung dengan pengunjung atau juga hanya sekedar meninggalkan jejak dan bersosialisasi antar sesama blogger saja.
 
Pada umumnya buku tamu di pasang auto hide di samping blog sehingga buku tamu tersebut cuma akan keluar apabila di sorot menggunakan mouse/kursor, tapi pada kesempatan kali ini saya hanya akan berbagi tutorial memasang buku tamu di sidebar,footer atau di bagian mainpage blog saja.
untuk selengkapnya silahkan ikuti tutorial di bawah ini.

Langkah-langkah Cara Memasang Buku Tamu di Blog

1. kunjungi www.cbox.ws kemudian klik "sign Up"



2. kemudian isi semua form data yang tersedia dan "klik Create My Cbox"


3. Selamat akun cbox/buku tamu anda sudah selesai di buat, sekarang silahkan login.


4. Masukan password dan Confirm Password kemudian klik "Apply"




5. klik "publish"

6. untuk memasang buku tamu tersebut di blog maka silahkan copy kode  yang muncul seperti pada gambar di bawah ini.



Setelah anda meng-copy semua kode tersebut langkah selanjutnya ialah memasangnya di blog, silahkan ikuti petunjuk di bawah ini.


1. login di blogger[dot]com
2. tata letak
3. tambah gadget
4. pilih HTML/javascript
5. pastekan kodenya dan klik simpan

Jika Berhasil maka tampilan buku tamu/Guestbook nya seperti gambar di bawah ini.




 Baca juga: Cara Membuat Gambar Di Blog Menjadi Seo Otomatis

Sekian Tutorial Cara Memasang Buku Tamu di Blog  yang dapat saya berikan pada kesempatan kali ini, semoga bisa bermanfaat.

Dokumentasi Gambar: Milik Pribadi.

Cara Membuat Gambar di Blog jadi SEO Otomatis

           ,      No comments   
Cara Membuat Gambar di Blog jadi SEO Otomatis - Sangat penting bagi anda untuk melakukan optimasi seo pada gambar yang tampil di blog kita, karena semakin seo blog kita maka akan semakin baik di mata mesin pencari google, oleh karena itu menurut saya membuat gambar jadi seo memiliki nama dan deskripsi akan sangat membantu menaikan kualitas blog anda di search engine google.



Manfaat atau Keuntungan Optimalisasi Gambar di Blog

Ada berbagai keuntungan atau manfaat bagi blog jika setiap gambar memiliki deskripsi dan judul salah satunya yaitu bisa lebih mudah tampil di mesin pencarian gambar google dan oleh karena itu sebelum upload gambar ke blog sesuaikan dulu nama sama gambarnya supaya pas, misal kita mau upload gambar buah anggur maka sebelum upload ke blog kasih nama dulu gambarnya buah anggur.

 Baca juga: Apa Itu Blogwalking ? Ini Penjelasanya
 
Bisa anda bayangkan jika anda harus menambahkan deskripsi dan nama setiap kali upload gambar di blog/postingan secara manual bisa bikin malas juga kalau saya, jsebagai solusi kita bisa mengakalinya dengan script khusus agar setiap gambar bisa memberikan nama dan deskripsi secara otomatis sehingga kita gaperlu terlalu repot lagi.

Caranya anda tinggal menyisipkan script atau kode tambahan ke dalam template blogger, tapi sebelum anda melakukanya harap lakukan back up terlebih dahulu terhadap template yang anda gunakan, hal itu dilakukan untuk berjaga-jaga apabila terjadi error dalam proses pengeditan jadi nantinya anda masih bisa restore template ke sebelum melakukan pengeditan.

Langkah-langkah Cara Membuat Gambar di Blog jadi SEO Otomatis

Jika anda sudah melakukan back up langsung saja menuju dashboard blog, pilih template --> edit Html kemudian silahkan anda cari kode </body> silahkan anda copy kode di bawah ini dan pastekan tepat di atas kode </body>, jika sudah anda tambahkan kodenya silahkan klik save template.
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
$('img').each(function(){
var $img = $(this);
var filename = $img.attr('src')
$img.attr('alt', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
});
});
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
$('img').each(function(){
var $img = $(this);
var filename = $img.attr('src')
$img.attr('title', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
});
});
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
var scrollTimer = null;
$(window).scroll(function() {
   var viewportHeight = $(this).height(),
       scrollbarHeight = viewportHeight / $(document).height() * viewportHeight,
       progress = $(this).scrollTop() / ($(document).height() - viewportHeight),
       distance = progress * (viewportHeight - scrollbarHeight) + scrollbarHeight / 2 - $('#scroll').height() / 2;
    $('#scroll')
        .css('top', distance)
        .text(' (' + Math.round(progress * 100) + '%)')
        .fadeIn(100);
    if (scrollTimer !== null) {
        clearTimeout(scrollTimer);
    }
    scrollTimer = setTimeout(function() {
        $('#scroll').fadeOut();
    }, 1500);
});
//]]>
</script>
Credits Script: www.arlinadzgn.com
Baca juga: Cara Memasang Author Box Di Bagian Akhir Postingan Blog
 
Demikian Cara Membuat Gambar di Blog jadi SEO Otomatis, semoga bisa membantu anda dalam meningkatkan kualitas SEO blog anda, terimakasih telan membaca artikel ini untuk kritik dan saran silahkan hubungi kontak Admin.

Cara Memasang Author Box di bagian Akhir Postingan Blog

           ,      No comments   
Cara Memasang Author Box di bagian Akhir Postingan Blog - Author Box ini selain berfungsi untuk mengenalkan siapa pemilik blog atau penulis artikel, juga dapat membuat blog terlihat lebih profesional karena menampilkan sedikit profil dari penulis itu sendiri.

Sekarang ini sudah banyak sekali para pemilik blog yang memasang kotak penulis di akhir postingan alias author box dan untuk memasang author box sebenarnya mudah saja, silahkan anda ikuti tutorial berikut ini.

Baca juga: Cara Membuat Artikel Jadi Anti Copas Kecuali Pada Blockquote

Langkah-Langkah Cara Memasang Author Box di bagian Akhir Postingan Blog

1.Pertama-tama silahkan login ke akun blogger anda kemudian masuk ke menu Template >> Edit Html 
2. Cari kode ]]></b:skin> den letakan kode di bawah ini tepat di atas kode ]]></b:skin>
/* kotak author tempat blogging */
.admin-tulisan{display:block;width:auto;background:#CFE2E0;border:2px solid #fff;box-shadow:0 1px 3px #000;-moz-box-shadow:0 1px 3px #000;-webkit-box-shadow:0 1px 3px #000;padding:0;margin:30px 0 10px 0;font:normal 12px Arial, Sans-Serif;color:#222;}
.admin-tulisan .kontainer{padding:5px;}
.admin-tulisan h4{background:#f60521;border:none;border-bottom:1px solid #699019;color:#fff;text-transform:normal;text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);font:bold 12px Arial,Sans-Serif;padding:5px 10px;margin:0 0 0 0;display:block;}
.admin-tulisan h4 a{color:#FEEA83;}
.admin-tulisan img{width:70px;height:70px;margin:0 10px 0 0;float:left;border:1px solid #954B02;padding:2px;background:#C36702;
box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;margin: 0px;border: 5px solid #eee;-webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);-moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);box-shadow: 4px 4px 4px rgba(0,0,0,0.2);-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-webkit-transform: rotate(-7deg);-moz-transform: rotate(-7deg);-o-transform: rotate(-7deg);}
/* kotak author tempat blogging */

Catatan : #CFE2E0 adalah warna background teks dan #f60521 adalah warna background pada tulisan creatif by.

3. Kemudian cari kode ini <data:post.body/> jika sudah ketemu silahkan pasang kode di bawah ini tepat di Bawah kode <data:post.body/> 
<!-- Kotak Admin Tempat Blogging -->
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div class='admin-tulisan'>
    <h4>Creatif By : <a expr:href='data:blog.homepageUrl'><data:post.author/></a> | Cafe Ilmu</h4>
    <div class='kontainer'>
    <img src='https://fbcdn-sphotos-f-a.akamaihd.net/hphotos-ak-ash3/t1/17611_317598061676498_376119275_n.jpg'/>
    Terimah Kasih telah membaca artikel --> <a expr:href='data:post.url'><data:post.title/></a>. Yang ditulis oleh  <data:post.author/> .Pada hari  --> <data:post.dateHeader/>. Jika anda ingin sebarluaskan artikel ini, mohon sertakan <strong>sumber link asli.</strong> Kritik dan saran dapat anda sampaikan melalui kotak komentar. Trimakasih
    <p>
<textarea cols='75' id='bloglinking' name='bloglinking' onclick='this.focus();this.select()' onfocus='this.select()' onmouseover='this.focus()' readonly='readonly' rows='2'>&lt;a href=&quot;<data:post.url/>&quot; target=&quot;_blank&quot;&gt;<data:blog.pageName/>&lt;/a&gt;</textarea></p>
    <div style='clear:both;'/>
    </div>
    </div>
    </b:if>
    <!-- Kotak Admin Tempat Blogging -->
Catatan :  yang berwarna merah ganti dengan Nama Blog Anda dan Yang berwarna biru ganti dengan Url link Gambar anda, jika authorbox nya tidak muncul itu di sebabkan karena biasanya kode <data:post.body/> terdapat lebih dari satu dan bisa terdapat banyak hal tersebut karena setiap template itu strukturnya berbeda-beda, maka dari itu silahkan coba tempatkan kode diatas dengan mencoba satu-persatu sampai berhasil.

Baca juga: Cara Menghapus Label atau Kategori Di Blogger Sekaligus

Demikianlah Cara Memasang Author Box di bagian Akhir Postingan Blog , selamat mencoba dan salam blogger Indonesia.

Cara Membuat Artikel Jadi Anti Copas Kecuali Pada Blockquote

           ,      No comments   
Cara Membuat Artikel Jadi Anti Copas Kecuali Pada Blockquote - Pada kesempatan ini saya akan berbagi cara agar postingan artikel di blog tidak bisa di copy paste, dengan begitu hasil tulisan anda sedikitnya bisa terlindungi dari orang yang suka copy paste artikel tanpa memberikan sumber artikel.

Yang menjadi masalah soal copas mengcopas ini adalah ketika artikel aslinya tenggelam di halaman pencarian dan justru artikel dari blog kita yang di copas atau di rewrite orang yang muncul di halaman pertama, tentu itu akan merugikan si pembuat artikel asli bila yang copas tidak memberikan sumber berupa link menuju artikel kita yang di copas.



Menurut saya google sendiri sudah bisa mengetahui dan membedakan mana artikel hasil copas dan mana artikel yang asli dan di copas, dan lambat laun si pemilik artikel asli artikel yang akan muncul teratas di banding orang yang copas.

Sebenarnya saya sendiri tidak keberatan di copas asal anda kreasikan lagi pake kata-kata sendiri kalau bisa di buat artikel yang jauh lebih baik daripada yang saya tulis karena ilmu itu memang untuk berbagi. tapi bentuk penghargaan untuk menulis artikel yang panjang seharusnya orang yang copas memberikan credit berupa link sumber, tapi sebenarnya saya sendiri tak masalah mau di copas pake sumber ataupun tidak itu semua saya serahkan pada kesadaran orang-orang yang mau copas.

Tapi bagaimana jika anda berbeda, anda ingin artikel yang telah dibuat supaya tidak ada orang yang bisa mengcopasnya, tenang saja karena kita bisa mengakalinya dengan cara menyisipkan script atau kode anti copas kedalam template blog.

Bagi anda yang punya blog bertema diary atau semacamnya mungkin tidak akan menjadi masalah ketika artikel dalam blog tidak bisa di copas, tapi bagaimana jadinya jika blog yang dipasang script anti copas tersebut merupakan jenis blog yang berbagi tutorial blogging yang terkadang di dalam postinganya menyuruh si pembaca mengcopy kode tertentu, tentu saja pengunjung tidak akan merasa nyaman, mungkin mereka bilang katanya suruh copas tapi gabisa di copas :V

Tapi tenang saja, sekarang blog tutorial juga bisa menggunakan script anti copas khusus yang nantinya pengunjung blog masih bisa copy paste pada bagian tertentu seperti kode pree atau blockquote.

Langkah-langkah Cara Membuat Artikel Jadi Anti Copas Kecuali Pada Blockquote

1. pertama-tama silahkan masuk ke dashboard blog anda di blogger.com
2. langsung saja masuk ke bagian template -> edit template ( sebelum melakukan edit template sebaiknya back up dulu template anda untuk jaga-jaga apabila terjadi error pada saat pengeditan)
3. jika template sudah di back up silahkan anda copy kode di bawah ini dan letakan tepat di atas kode ]]></b:skin> atau </style> 
.post-outer {
-webkit-touch-callout:none;
-webkit-user-select:none;
-khtml-user-select:none;
-ms-user-select:none;
-moz-user-select:none;
}
4. Selanjutnya silahkan pasang kode di bawah ini tepat di atas kode ]]></b:skin> atau </style> yang bertujuan supaya bagian tertentu seperti quote tetap bisa di copy paste.

.post blockquote,.post pre,.post code{
  -webkit-touch-callout:text;
  -webkit-user-select:text;
  -khtml-user-select:text;
  -ms-user-select:text;
  -moz-user-select:text;
}
5. Simpan template dan silahkan lihat hasilnya dengan cara mengetesnya.

Jika cara di atas berhasil di terapkan maka seharusnya sekarang blog anda sudah tidak bisa di copy paste lagi kecuali pada bagian tertentu yang saya katakan tadi.

Baca juga: Blogspot.com Berubah Jadi Blogspot.co.id

Kesimpulan

Mengcopas bagi sebagian pemilik artikel memang tidak apa-apa , tapi ada juga orang yang ingin karyanya di hargai, jadi jika anda ingin mengcopas artikel dari blog orang lain dan memposting ulang di blog anda maka sebaiknya meminta izin terlebih dahulu kepada pemilik artikelnya.

Sekian postingan Cara Membuat Artikel Jadi Anti Copas Kecuali Pada Blockquote, semoga bisa bermanfaat.

Cara Menghapus Label atau Kategori Di Blogger Sekaligus

           ,      No comments   
Cara Menghapus Label atau Kategori Di Blogger Sekaligus - Label merupakan pemisah antara jenis artikel satu dengan artikel lainnya, di dalam dunia blogging label di kenal juga sebagai kategori.

Dengan label pengunjung blog bisa dengan mudah mencari artikel yang ingin di baca karena sudah di pisah berdasarkan jenis artikelnya, contohnya label belajar bahasa inggris, dengan membaca label tersebut dengan sendirinya pengunjung blog akan mendapat gambaran bahwa di dalam label tersebut berisi materi pelajaran bahasa inggris.

Namun setelah membuat banyak label terkadang kita merasa label tersebut kurang pas, misal label tips seo on page dan anda ingin merubahnya menjadi tips seo saja.

Kita juga bisa menghapus label tersebut, kita bisa menghapusnya dengan cara manual yaitu dengan cara edit posting kemudian menghapus labelnya, namun cara tersebut tentu saja sangat melelahkan terutama jika postingan dalam lebel tersebut sudah mencapai ratusan.

Namun tenang saja disini saya akan memberikan cara menghapus label yang lebih cepat dan praktis, anda tidak perlu lagi menghapusnya satu persatu. Ini bukan trik khusus karena sebenarnya cara menghapus label pada postingan sekaligus ini sudah di sediakan blogger.com, silahkan ikuti tutorial di bawah ini.

Baca juga: Cara Membuat Iklan Melayang Di Sisi Kanan Blog

Langkah-langkah menghapus label blogger/blogspot sekaligus

1. Silahkan login di blogger.com
2. Pada bagian pos pilih semua, lihat pojok kanan atas di samping kotak pencarian terdapat tulisan semua label, silahkan sorot dan pilih label yang ingin anda hapus, sebagai contoh di sini saya akan menghapus label  tutorialblogger, di dalamnya terdapat 31 artikel.


3. Centang 31 artikel dalam label (tidak bisa lebih dari 50 artikel sekaligus), klik pada nama label yang ingin di hapus, untuk lebih jelasnya lihat dan ikuti langkahnya seperti pada gambar di bawah ini.


Saya berhasil menghapus label blogger dari 31 artikel. Cara yang saya lakukan di atas lebih efisien di banding harus menghapusnya satu persatu.

Dengan langkah-langkah yang sudah saya jelaskan tadi kita bisa dengan mudah menghapus label dari 50 artikel sekaligus.

Baca juga: Cara Mengetahui Nilai SEO Blog Menggunakan Tool Chkme 

Demikianlah cara udah menghapus label sekaligus di blogger, salam sukses dan sampai jumpa di tutorial blogger lainnya.

Cara Membuat iklan Melayang di Sisi Kanan Blog

           ,      No comments   
Cara Membuat iklan Melayang di Sisi Kanan Blog - Ada berbagai cara yang di lakukan oleh para blogger untuk memaksimalkan pendapatan dari blog, salah satunya dengan menggabungkan script iklan dengan kode-kode tertentu sehingga iklan yang kita pasang akan tampil sesuai keinginan dan kali ini saya akan memberikan tutorial membuat iklan melayang di blog, sehingga mau tak mau pengunjung akan melihat iklan yang kita pasang di blog dan mendapatkan peluang lebih besar mendapatkan klik.

Iklan melayang di blog bisa dengan mudah di tutup jika pengunjung mengklik tombol X(close) di pojok kanan atas iklan yang kita pasang.

Tampilan iklan yang tampil di blog seperti pada gambar di bawah ini.



Tertarik memasang iklan melayang di blog? silahkan kode dalam teks area di bawah ini.


Keterangan : ganti tulisan KODE SCRIPT IKLAN pada kode dengan kode iklan anda.

Langkah Cara Membuat iklan Melayang di Sisi Kanan Blog

1. login di blogger[dot]com
2. tata letak
3. tambah gadget
4. pilih HTML/javascript kemudian pastekan kodenya
5. klik simpan.

Baca juga: Cara Pasang Tombol Share Media Sosial Responsive Sidebar Kiri Blog

Selamat mencoba dan semoga berhasil.

Keywords: Cara Pasang Iklan Melayang Di samping Kanan, Cara Membuat Banner Iklan Melayang Kiri Kanan di Blog, Membuat Iklan Melayang di Sisi Blog Dengan Tombol Close.

Cara Pasang Tombol Share Media Sosial Responsive Sidebar Kiri Blog

           ,      No comments   
Cara Pasang Tombol Share Sosial Media Responsive Sidebar Kiri Blog dan di Footer Jika di Lihat dari Ponsel 
Sosial media adalah sebuah media online dan setiap orang bisa memiliki akun media sosial seperti facebook, twitter, instagram dan lain-lain.

Pertumbuhan Media Sosial

Seiring pesatnya perkembangan jaman kini media sosial juga ikut tumbuh dengan subur dan bermunculan media-media sosial baru, dengan melihat pesatnya pertumbuhan sosial media tersebut membuat para blogger memasang tombol share di blognya.

Hal itu dilakukan untuk menjaringpengunjung blog yang datang dari medsos, dengan puluhan juta orang pengguna medsos di seluruh dunia maka tidak menutup kemungkinan ada pengguna medsos yang mampir ke blog anda, dan ketika mereka merasa apa yang kita posting bermanfaat maka mereka bisa saja menekan tombol share.

Baca juga: 4 tips jitu belajar jadi blogger profesional 

Hal tersebut tentu saja akan menguntungkan pemilik blog, itung-itung promosi blog gratis, semakin banyak orang membagikan artikel yang kita buat maka nilai seo blog akan jauh lebih baik di mata mesin pencari. dengan pesatnya pertumbuhan medsos bisa kita manfaatkan untuk sarana promosi blog agar semakin populer.

Bentuk-bentuk tombol share sosmed

Ada banyak jenis dan bentuk tombol share media sosial yang ada, jika kita membaca artikel di salah satu blog dan tidak jarang kita melihat tombol share sosial media yang terpasang, namun dari blog-blog tersebut memiliki gaya tersendiri dalam meletakannya, ada yang melayang di tengah-tengah halaman utama blog, ada yang di pasang di akhir postingan dan ada juga yang di pasang setelah judul atau tepatnya di atas postingan artikel, peletakan tersebut sesuai selera dan keinginan si pemilik blog.

Namun menurut saya jika anda memasang tombol share melayang ditengah-tengah halaman artikel itu akan membuat perasaan sedikit tidak nyaman bagi orang yang ingin membaca, karena melayang di tengah maka bisa saja menutupi isi postingan, meski sebenarnya tetap bisa di tutup dengan melakukan klik pada tanda (x) tetap saja menggangu, tapi itu terserah anda. kalau saya memiliki pendapat sendiri mengenai peletakan tombol share yang baik.

Pilihan Tombol Share Media Sosial Yang Baik Versi Kizeh

Peletakan tombol share yang baik adalah pada bagian sidebar, baik itu di sebelah kiri ataupun kanan, atau bisa juga di bagian footer. dengan peletakan seperti yang saya sebutkan itu, selain tidak akan mengganggu atau membuat pembaca tidak nyaman juga bisa memudahkan orang untuk berbagi.
Baiklah saya akan langsung memberikan tutorial cara memasang tombol share yang menurut saya bagus dan responsive itu.

Langkah-langkah Memasang Tombol Share Responsive Lengkap Dengan Gambar.

1. Pertama kunjungi sumome.com kemudian silahkan mendaftar, masukan url blog, email dan buatlah password kemudian klik sign up.


2. Silahkan anda copy kodenya dan pastekan tepat di bawah kode <head>


 
Penempatan kodenya seperti gambar di bawah ini, kemudian klik simpan template.
 


3. kemudian silahkan buka blog dan perhatikan di sidebar kanan blog akan muncul kotak kecil seperti gambar di bawah ini.


4. Tekan tombol tersebut maka akan muncul tampilan seperti gambar di bawah ini, silahkan pada bagian share rubah dari off menjadi on.



Sekarang anda cek , kalau berhasil maka tampilanya akan seperti pada gambar di bawah ini.


Tombol ini terbilang cukup efektif dan memudahkan pembaca artikel blog kita untuk melakukan share, bahkan jika di lihat melalui tampilan ponsel, tombol share yang satu ini akan terlihat bagus dan tidak akan melayang menutupi halaman, karena secara otomatis tombol share ini akan pindah ke bagian footer blog, ini dia tampilan jika di lihat dari smartphone saya.


Seperti itulah tampilan di ponsel, kalau menurut saya itu lumayan keren, meski kita geser saat kita baca artikel tombol tersebut tetap akan ada di bawah dan tetap memudahkan pengunjung jika ingin berbagi artikel.

Peletakan tombol share sepertinya merupakan hal sepele dan bisa di pasang dimana saja di bagian yang kita suka, tapi jika anda ingin membuat blog anda terlihat lebih rapih dan lebih bagus, sebaiknya letakan tombol sosmed ditempat yang tepat.

Baca juga: Cara Membuat Postingan Otomatis Masuk Ke Status Facebook

Kesimpulan

Tombol share atau tombol berbagi media sosial adalah bagian penting dari blog yang menurut saya wajib ada, hal tersebut akan membantu blog anda berkembang karena membuka peluang lebih besar artikel yang kita buat di share pembaca. pilihlah tombol sosial yang pas untuk blog anda.

Terimakasih sudah menyempatkan waktu untuk membaca artikel ini, semoga bisa membantu anda dalam menentukan pilihan.

Dokumentasi Gambar: Pribadi

Cara Memasang Widget Histats di Blog ( Online, Visitor Counter )

           ,      No comments   
Cara Memasang Widget Histats di Blog ( Online, Visitor Counter ) - Histats adalah salah satu widget terbaik untuk blogspot saat ini dengan fitur multifungsi seperti menampilkan visitor online, pageview harian, pageview sepanjang masa dan lain-lain.

Meski dengan fitur yang lengkap seperti itu kita tetap bisa menyesuaikan sesuai dengan kebutuhan kita, misal jika kita hanya butuh widget online kita bisa mengaturnya terlebih dahulu sebelum kode histats dipasang di blog.

Namun pada pemasangannya tidak sedikit yang mengeluhkan widget tidak muncul padahal kode sudah di pasang di blog, hal tersebut bisa terjadi karena beberapa faktor, misalnya karena kode tidak tercopy seluruhnya, atau pada kasus yang saya alami karena pemilihan jenis kode.agar hal tersebut tidak terjadi anda harus melakukan langkah-langkah yang benar.

Baca juga: Cara Membuat Postingan Blog Ke Status Facebook Otomatis

Cara Mudah Memasang Widget Online Histats

1. Silahkan mendaftar di http://www.histats.com klik register kemudian isi formulir pendaftaran.

 

2. Selanjutnya silahkan verifikas, buka email yang dikirim histats kemudian klik pada link verifikasi



3. Proses pendaftaran selesai, selanjutnya tinggal memasang widget online histats di blog, silahkan login terlebih dahulu. kemudian klik add a website.



4. Silahkan isi data-data yang di minta, untuk detailnya bisa anda lihat pada gambar di bawah ini, kemudian klik continue.

 

5. Klik pada url blog anda.



6. Pada bagian atas sebelah kanan klik counter code, kemudian klik add new counter.

7. Pilih widget sesuai dengan yang anda suka, klik save.



8. Klik pada counter id yang telah dibuat buat dan copy kodenya, anda bisa memilih menggunakan javascript ataupun yang tidak, saya sendiri memilih yang tidak memakai javascript.


Catatan : Pada saat saya mencoba memasang kode yang no javascript ternyata histats ngeblank alias tidak muncul, akhirnya saya coba yang kode standard dan widget online histats akhirnya berhasil muncul, Jika masih tidak muncul juga silahkan tunggu sekitar 15 menit, widget akan muncul di home page.

9.  langkah selanjutnya adalah memasangnya di blog, silahkan login di blogger.com
10. Masuk ke tata letak >> tambah gadget >> HTML/javascript >> pastekan kodenya >> klik save dan lihat hasilnya di home page blog.

Jika berhasil maka widget online histats akan muncul di blog seperti pada gambar di bawah


Demikianlah Cara Memasang Widget Histats di Blog ( Online, Visitor Counter ) di blogger semoga bermanfaat.

Dokumentasi gambar: Milik Pribadi.