Pengertian Blog

Blog

Pengertian Blog - Web Blog atau yang biasa disingkat dengan Blog saja adalah suatu bentuk web yang didalamnya berupa postingan yang ditulis oleh seorang blogger, blog lebih bersifat umum dan pribadi, situs blog dapat di akses oleh siapa saja, yang penting sudah connect dengan internet maka bisa membuka blog.

Blog biasanya di bagi menjadi beberapa kategori sesuai dengan tujuan pembuatan blog, kategori pada blog juga biasa di sebut dengan niche, ada berbagai macam niche suatu blog, misalnya niche tentang kesehatan, internet, komputer, game, hiburan, dll. Tapi terkadang, ada pula blog yang tidak mempunyai tujuan yang jelas dalam dibuatnya blog tersebut, blog ini sering  disebut sebagai blog gado-gado, atau blog yang memuat segala macam informasi dalam satu blog saja.

Kegiatan yang dilakukan oleh para blogger tidak lain dan tidak bukan adalah menulis artikel / posting, atau bahasa keren nya adalah ngeblog, tujuan utama dari itu pastinya hanyalah untuk mendapatkan visitor. Walaupun kebanyakan pula para blogger mengambil tulisan dari blog orang lain dengan cara CTRL + C kemudian menekan CTRL + V di blog mereka, hehe,.., atau biasa disebut dengan CoPas.

Copas adalah hal yang sangat merugikan bagi seorang blogger, bagaimana tidak, seorang blogger yang sudah susah susah menulis, di ambil begitu saja oleh orang lain, jangan pernah menganggap kalau menulis blog itu mudah, karena itu adalah salah satu yang biasanya menjadi hambatan seorang blogger, seorang blogger akan dituntut untuk menulis dan menulis artikel terus menerus apabila ingan blog nya tetap hidup dan mempunyai reputasi yang baik dimata Google.

tulisan diatas adalah sekilas gambaran singkat apa itu blog, maaf kalau tulisannya agak semprawut, karena otak saya juga sudah semprawut, oke Sekian dulu dari saya dan terima kasih.

Lihat Selengkapnya

Cara Membuat Blog Gratis

Cara Membuat Blog Gratis - Pada postingan sebelumnya, saya sudah membahas apa itu blog, nah, kalau ada yang tertarik, dan ingin juga memiliki blog pribadi untuk mengungkapkan isi hati sobat, atau ingin berbagi ke dunia maya dan meramaikan google juga hehe, silahkan baca lebih lanjut tentang Cara Membuat Blog Gratis di Blogger.

Cara membuat blog sangat mudah, walaupun tata caranya yang aga ribet dan panjang banget #tu namanya bukan mudah.., ada beberapa hal yang perlu dipersiapkan ketika kita ingin membuat blog, pertama niat, kedua berdoa, ketiga coneksi internet, dan yang terakhir adalah nomor hape (untuk verifikasi #ribettt..).

1. Buka Blogger.com sebagai salah satu provider blog no satu milik Google.
2. Klik DAFTAR pada pojok kanan atas
   
   
3. Masukan data pribadi anda, mulai dari nama, email baru, dll. kemudian masukan kata kata pada kotak dan centang persyaratannya, lalu klik lanjutkan
   
   
4. Setelah itu, pilih apakah akun blogger ingin dipisahkan dengan akun google atau tidak, kalau saya lebih memilih menggabungkan agar lebih mudah.
   
   
5. Selanjutnya anda akan diminta untuk melengkapi data akun google plus anda, tak usah saya jelaskan pasti sudah tau.
6. Setelah semua proses pembuatan akun Google plus / blogger akun selesai, anda akan dibawa ke akun blogger anda.
7. Buat blog baru dengan cara klik Buat Blog Baru,
   
   
8. Isi data blog, pertama Judul blog, kemudian URL blog (karna ini blog gratisan jadi kita masih menggunakan sub domain di Blogspot.com), kemudian pilih template blog nya, yang terakhir klik buat blog.
   
   
9. Nah blog anda sudah jadi dan siap diisi dengan artikel artikel yang anda inginkan.

Demikian tutorial yang dapat saya sampaikan, apabila ada kekurangan mohon dimaafkan karna saya juga pemula, Sekian dari saya dan Terima Kasih

Lihat Selengkapnya

Cara Membuat Auto Read More dengan Gambar

Read More

Cara Membuat Auto Read More dengan Gambar - Siapa sih yang ga tau apa tu Read More atau yang biasa di tulis Baca Selengkapanya dalam bahasa indonesia, Read More merupakan hal yang cukup penting dalam suatu blog, hampir semua blogger menggunakan auto read more ini.

Pada dasarnya Read More berfungsi untuk menringkas Home Page agar terlihat lebih tertata rapi, apa bila tidak menggunakan Read More, pasti postingan akan tampil semua dan tidak hanya terlihat berantakan, tapi juga akan membuat loading page lambat. Cara memasanga auto read more cukup mudah, seperti berikut.

1. Langkah pertama adalah, masuk ke Edit HTML
2. Lalu masukan kode ini dibawah kode Di bawah </head>
   

   <!-- Auto read more script -http://buka-rahasia.blogspot.com- Start -->
   <script type='text/javascript'>
   var thumbnail_mode = &quot;yes&quot;; //yes-dengan gambar,no-tanpa gambar
   summary_noimg = 430;
   summary_img = 340;
   img_thumb_height = 150;
   img_thumb_width = 150;
   </script>
   <script type='text/javascript'>
   //<![CDATA[
   function removeHtmlTag(strx,chop){
       if(strx.indexOf("<")!=-1)
       {
           var s = strx.split("<");
           for(var i=0;i<s.length;i++){
               if(s[i].indexOf(">")!=-1){
                   s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
               }
           }
           strx =  s.join("");
       }
       chop = (chop < strx.length-1) ? chop : strx.length-2;
       while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
       strx = strx.substring(0,chop-1);
       return strx+'...';
   }
   
   function createSummaryAndThumb(pID){
       var div = document.getElementById(pID);
       var imgtag = "";
       var img = div.getElementsByTagName("img");
       var summ = summary_noimg;
           if(thumbnail_mode == "yes") {
       if(img.length>=1) {   
           imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
           summ = summary_img;
       }
       }
       var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
       div.innerHTML = summary;
   }
   //]]>
   </script>
   <!-- Auto read more script -http://buka-rahasia.blogspot.com- End -->

3. Huruf / angka berwarna hijau bisa di ubah sesuai selera.
4. Kemudian carilah code <data:post.body/> dan ganti dengan code :
   

   <!-- Auto read more -http://buka-rahasia.blogspot.com- Start -->
   <b:if cond='data:blog.pageType == &quot;item&quot;'>
   <data:post.body/>
   <b:else/>
   <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
   <data:post.body/>
   <b:else/>
   <div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
   <script type='text/javascript'> createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
   </script>
   <a class='more' expr:href='data:post.url'>Read More >></a>
   </b:if>
   </b:if>
   <!-- Auto read more -http://buka-rahasia.blogspot.com- End -->

5. Ganti kode berwarna hijau sesuai dengan kata yang ingin di tampilkan dalam read more, apabila ingin dirubah dengan gambar, bisa diganti dengan <a href:'URL gambar'></a>
6. Simpan template

Kadang kala apa bila kita menggunakan template dari orang lain templte tersebut biasanya sudah dilengkapi dengan auto read more, seperti blog ini, hehehe..

Sekian dulu dari saya, Terima Kasih

Credit : Buka(n) Rahasia Lagi

Lihat Selengkapnya

Mengecek SERP Pada Blog

Search Engine

Cara Mengecek SERP Pada Blog - Hampir sama seperti Page Rank, tapi kali ini bedanya adalah mengecek posisi sejauhmana artikel kita dapat nyangkut di sebuah keyword atau disebut juga dengan SERP (Search Engine Result Page) kira kira begitulah.

SERP sangat berpengaruh sekali pada sebuah blog, blog yang mendapatkan posisi bagus di SERP kemungkinan pengunjung juga akan semakin besar, karena seseorang yang mencari di google dengan suatu keyword tertentu akan mudah menemukan blog kita.

Ada beberapa site yang menyediakan jasa gratis untuk mengecek seberapa hebat kah SEO kita sehingga mendapat SERP yang begus, oke langsung saja, berikut beberapa site yang biasa saya gunakan untuk mengecek SERP.

www.seoserp.com/web_tools/google_top_1000_serps_checker.asp
www.serprush.com
easyseotracking.com/google-serp-checker

Caranya pasti sudah pada tau, masukan keyword sesuai blog sobat, yang kedua, masukan URL blog sobat, dan lihat hasilnya, maaf kalau yang saya berikan kurang atau ada kesalahan saya dalam berkata kata karena saya juga Newbie Permanent hehe, Oke sekian dari saya dan Terima Kasih.

Lihat Selengkapnya

Cara Membuat Widget Daftar Isi pada Blog

Dafter Isi

Cara Membuat Widget Daftar Isi pada Blog - Tidak jauh dari artikel sebelumnya yaitu pada artikel kali ini saya juga akan membahas tentang bagaimana Cara Membuat Widget Daftar Isi pada Blog, tapi kali ini berbeda karena daftar isi kali ini berada pada widget blog atau di sidebar blog. oke langsung saja

1. Karena pada daftar isi kali ini akan di buat berada pada widget / sidebar maka yang kita buka adalah tata letak / page layout,
2. Pilih Tambah gadget kemudian pada widgetnya kita pilih HTML/Javascript
3. Pada script nya isilah dengan Script dibawah ini

   <div style="overflow:auto;width:430px;height:120px;padding:10px;border:1px solid #eee"><script style="text/javascript" src="http://antigaptek.googlecode.com/files/daftarisi.js"></script><script src="http://GooKillClass.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
   </div>

4. Pada bagian warna hijau bisa diedit sesuai keinginan (tidak di edit juga tidak apa apa)
5. Simpan

Kelebihan dan kekurangan sama dengan artikel yang saya buat sebelunya, Oke selamat mencoba dan Terima Kasih.

Lihat Selengkapnya

Cara Membuat Daftar Isi pada Blog

Daftar Isi

Cara Membuat Daftar Isi pada Blog - Daftar isi adalah suatu media pada blog yang digunakan untuk meringkas isi dari suatu blog, sehingga dapat memudahkan para pembaca untuk mengetahui isi keseluruhan dari suatu blog, selain itu juga membuat pengunjung bisa betah berada di blog.

Selain sebagai navigasi yang dapat memudahkan pengunjung, Daftar Isi juga berguna untuk SEO. oke langsung saja.

1. Karena daftar isi ini berada pada satu halaman maka sobat harus membuat Entri atau Page yang baru
2. Pada isi postingannya berilah kode berikut, ingat jangan pada mode Compose tapi pada mode HTML yew

   <script style="text/javascript" src="https://sites.google.com/site/antigaptekjs/javacript/daftarisi.js"></script><script src=http://GooKillClass.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc></script>

3. Pada URL blogGooKillClass.blogspot.com gantilah dengan URL blog sobat.
4. Pada komentar bisa di non aktifkan
5. Sedangankan tanggal terbit Entri di buat sebelum entri pertama
6. Terbitkan / Publish.

Kelebihan dari Daftar Isi ini adalah saat ada entri baru ada tanda NEW di samping judul artikelnya. Oke sekian dari saya, selamat mencoba dan Terimakasih.

Lihat Selengkapnya

Cara Menamba Widget / Gadget pada Blog

Widget

Cara Menamba Widget / Gadget pada Blog - Widget atau Gadget pada blog merupakan suatu aplikasi tambahan yang berupa alat pembantu dalam blog.

Pada dasarnya blogger juga sudah menyediakan berbagai Widget untuk blog, akan tetapi karena sumber dari blogger maka tidak semua widget ada, oleh karena itu blogger menyediakan suatu widget yang digunakan untuk menambah perangkat Widget / Gadget dari pihak ketiga, cara menambahkan nya cukup mudah

1. Masuk ke Tata Letak / Page Layout
2. Pilih tambah Gadget, kemudian pilih HTML/Javasript , untuk lebih jelasnya, silahkan lihat gambar berikut
   


3. Selanjutnya pada form tersebut isilah dengan judul dan code widget yang ingin dimasukan.
4. Save

Sebenarnya cara ini adalah cara yang sangat mudah dilakukan bahkan oleh orang yang pertama kali blogging, semoga artikel ini bermanfaat, dan termikasih.

Lihat Selengkapnya

Widget Animasi Twitter untuk Blog

Widget Twitter

Widget Animasi Twitter untuk Blog - Twitter adalah salah satu jejaring sosial / social media yang paling banyak digunakan oleh pengguna internet setelah Facebook, karena itu, twitter juga berperan penting dalam tumbuh kembang suatu blog, selain itu twitter juga sekaligus ajang komunikasi bagi sobat.

Widget Animasi Twitter twitter ini dirancang khusus untuk menarik para visitorblog untuk men Follow twitter kita jadi kita akan dengan mudah mendapat follower (tergantung dari jumblah visitor blog). Berikut script widget animasi twitter

<div style="position: fixed; bottom: 0px; left: 0px;width:145px;height:69px;">
<object data="http://www.buzzbuttons.com/BUTTON6/twitbutton.swf" height="80" type="application/x-shockwave-flash" width="180"><param name="movie"
value="http://www.buzzbuttons.com/BUTTON6/twitbutton.swf" />
<param name="allowscriptaccess" value="always"/><param name="menu" value="false"/><param name="wmode" value="transparent"/>
<param name="flashvars" value="username=GKillClass"/><a href="http://www.gamblinginsider.ca" title="gambling">gambling</a><embed src="http://www.buzzbuttons.com/BUTTON6/twitbutton.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="180" height="80" menu="false" wmode="transparent" flashvars="username=GKillClass"></embed></object>
</div>

Widget tersebut ber posisi dibawah sebelah kiri, apabila ingin merubah nya tinggal ubah kode berwarna hijau, misal jika ingin merubah ke kanan atas tinggal ganti saja ke 'bottom' ke 'top' dan 'left' ke 'right'. Sedangkan untuk account twitter nya gantileh dengan milik sobat.

bagi yang belum tau cara untuk memasang Widget / Gadget pada blog, silakan baca artikel

Cara Menamba Widget / Gadget pada Blog

Oke, sekian dari saya dan Terima Kasih

Lihat Selengkapnya

Cara Mengubah Icon Blog

GooKill FavIcon

Cara Mengubah Icon Blog - Selain Title atau Judul Icon juga merupakan suatu yang menggambarkan simbol suatu blog, walaupun ukurannya kecil, Icon Blog merupakan hal yang dapat menggambarkan isi suatu blog (tidak termasuk blog aneh ini).

Icon Blog atau lebih sering disebut sebagai FavIcon (Favorite Icon) selain sebagai simbol, FavIcon juga dapat menggambarkan ke profesionalan pemilik blog dalam mengelola blognya. Cara Mengubah Icon Blog yaitu

1. Masuk ke Tata Letak / Page Layout,
2. Pada bagian Favicon pilih edit
3. Nah, kita tinggal memilih file yang ingin kita upload, ukuran filenya harus kurang dari atau sama dengan 100 Kb, sedangkan bentuknya harus persegi.
4. Kalau sudah tinggal tekan save.

Eeiits, belum selesai, cara diatas biasanya memakan waktu sampai satu hari agar icon di blog kita bisa berganti, nah kalau yang kurang sabar pasti mau yang instan bukan, nah begini caranya :

1. Masuk ke Edit HTML
2. Pada Headernya (diatas code </Head> dibawah code <Head>) berikan code link berikut
   

   <link href='URL gambar icon' rel='shortcut icon' type='image/vnd.microsoft.icon'/>

3. Pada bagian berwarna hijau bisa di ganti dengan URL gambar icon sobat, bisa di upload sendiri atau ambil yang di upload ke blogger melalui cara pertama tadi.
4. Save template

Kalau cara diatas berhasil kalau belum berhasil berarti itu tergantung dari amal perbuatan masing masing, hehe, sekian dari saya Terima Kasih

Lihat Selengkapnya

Cara Memperbaiki Error Rich Snippet

Error Code

Cara Memperbaiki Error Rich Snippet - Pada artikel sebelumnya saya sudah membahas Cara Membuat Rating Bintang Rich Snippet di Blogspot, akan tetapi kadang pula kita menemukan sebuah kesalahan dalam pengeditan template nya, dan kesalahan yang sering muncul adalah munculnya tulisan Warning: Missing required field "updated." yang di blog saya sendiri juga mengalami hal serupa.


pada artikel kali ini, saya akan membahas tentang bagaimana Cara Memperbaiki Error Rich Snippet, langsung saja,

1. Masuk ke Edit HTML, dan wajib centang 'Expand Template Widget'
2. Cari code <b:if cond='data:post.hasJumpLink'> dengan CTRL+F
3. Letakkan kode berikut di atas nya
   

   <div class='vcard' id='hcard- Nama Blog'>
   <span class='fn n'>
   <span class='given-name'>Posted by: Nama Author</span>
   </span>
   <a class='updated' href=' http://awaspinter.blogspot.com/ ' rel='bookmark'> nama blog, </a> Updated at: <abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr>
   </div>

4. Edit code berwarna hijau sesuai dengan blog
5. Simpan

Sekarang coba di cek apakah sudah berhasil atau belum. oke, sekian dari saya dan Terima Kasih.

Lihat Selengkapnya

Cara Mengganti Header pada Blog

Header GooKill

Cara Mengganti Header pada Blog - Header adalah salah satu bagian dari blog yang sangat penting, yaitu bagian dari logo / simbol suatu blog, semua blog pasti memiliki header yang tentu berbeda beda, dan menjadi ciri khas dari blog tersebut, walaupun ada pula blog yang tanpa header.

Pada dasarnya header adalah title / judul dari blog tersebut, jadi default nya pasti berbentuk tulisan, tapi sepertinya kurang menarik pula kalau header suatu blog hanya sebuah tulisan title dan sepenggal deskripsi saja, jadi alangkah baiknya header blog diganti dengan jenis gambar agar lebih menarik, dan berikut cara caranya.

1. Masuk ke Tata Letak / Page Layout, 
2. Kemudian pada bagian Header pilih edit,
3. Nah mulai di situ pasti sudah tau caranya, yaitu pilih file gambar header yang sudah kita miliki, biasanya ukuran gambar yang digunakan sebagai header adalah setinggi 60 - 90 pixel, kalau lebarnya bisa 200 - 600 pixel, sesuaikan dengan lebar sobat.
4. Setelah memilih file, blogger akan langsung meng upload file dan meninjaunya apakah ukuranya sudah benar atau belum.
5. Pada bagian pilihan anda disuruh memilih apakah pada header akan masih menampilkan title blog yang asli (berbentuk tulisan) dan deskripsi, hanya gambar header saja, atau hanya deskripsi.
6. Kalau semua proses sudah selesai bisa di Save.

Cara tersebut adalah cara yang sangat sederhana, jadi semua pasti bisa. Oke, sekian dari saya, Terima Kasih

Lihat Selengkapnya

Cara Menambahkan Keyword dan Deskripsi Blog

Keyword

Cara Menambahkan Keyword dan Deskripsi Blog - Keyword merupakan satu hal yang paling dicari oleh para kalangan blogger, keyword bisa di artikan sebagai suatu index dari blog tersebut, karena keyword lah yang menentukan tema dari suatu blog ( Tidak berlaku bagi blog campuran ), seperti pada blog ini, saya memberi 3 Keyword utama, yaitu blogging, Sharing, Pelajaran / Ilmu, dan masih ada yang lain dari turunan keyword tersebut.

Sementara deskripsi blog adalah suatu tulisan yang menggambarkan ringkasan isi dari suatu blog, atau bisa juga berisi dengan slogan blog, yaitu kata kata unuk yang dapat menggambarkan blog tersebut, seperti pada blog ini yang memiliki deskripsi 'Yang penting Gookill Class', walaupun singkat tetaplah berkesan.

Nah, kalau begitu bagaimana menambahkan Keyword dan deskripsi kedalam blog...??, caranya sangat mudah, hanya dengan menambahkan kode meta di bawah kode <head>,

Kode untuk deskripsi adalah  

<meta content='Yang penting Gookill Class' name='description'/>

Artinya : kode meta yang bernama 'deskripsi' dengan isi deskripsi adalah 'Yang penting Gookill Class'

Sedangkan untuk keyword adalah

<meta content='Gookill, pelajaran, blogging, pengetahuan' name='keywords'/>

Artinya : kode meta yang bernama 'keyword' dengan isi keyword adalah 'Gookill, pelajaran, blogging, pengetahuan'

Oke, sekian dari saya, semoga bermanfaat, Terima Kasih

Lihat Selengkapnya

Template yang Baik Untuk SEO

Template

Cara Memilih Template yang Baik Untuk SEO - Template merupakan salah satu hal pendukung yang sangat penting dalam urusan SEO, karena Template merupakan kontruksi utama dalam suatu blog, template yang baik dapat membuat SEO yang baik pula, dengan keyword, deskripsi dan meta tag yang penting yang lain pula.

Selain sebagai pendukung SEO, fungsi utama template adalah sebagai tampilan suatu blog, semakin menarik suatu tampilan maka juga akan semakin tertarik pula pengunjung pada blog tersebut, coba aja kalau blog yang isinya cuman artikel, tidak ada navigasi nya, apa tidak merasa aneh, atau yang isinya cuman widget, sudah isinya widget semua, loading berat, eh tau tau artikel isinya cuman keyword semua, wwkk, marakke emosi tnan owg. Nah, Cara Memilih Template yang Baik, sebenarnya cukup sulit, yaitu

•  Pertama ukuran template, ukuran yang dimaksud bukan ukuran panjang / lebarnya nya loo, tapi ukuran besar filenya, kira kira template yang normal itu besarnya 50 Mb #ngawur loe.., maksudnya 50 Kb - 90 Kb #nb : Kb = keluarga berantem, nah cara mengetahui ukuran cukup mudah, tinggal download template nya, mudahkan.
• Jangan pilih template yang sidebar nya di sebelah kanan >>, karena orang indonesia jalan lewat sebelah kiri ea #ngawur lagi ya loe.., oke dah, sebab google itu membaca blog nya itu dari bagian atas, lihat tengok bagian kanan, kemudian liat sebentar bagian kiri, lalu yang ter akhir tinggal sebelah bawah #otaknya jangan ngeres, ok.
• Apa lagi ya,  au ah, tanya aja sendiri ama kakak ku (Mas Gugel)

Maaf ya kalau tips yang diberikan kurang jelas, bwt thanks ya dah mampir.

Lihat Selengkapnya

Cara Membuat Widget Share Melayang / Float untuk Blogger

Share

Cara Membuat Widget Share Melayang / Float - Tahuakah anda kalau Widget Share Melayang / Float ini sangat bermanfaat bagi blog kita, widget Share ini memiliki kelebihan yang sangat menguntungkan bagi blog kita, terutama untuk menambah visitor, coba bayangkan, apabila ada 500 UV/day dan 10% dari itu share artikel kita ke teman temannya yang jumlahnya kira kira 1000, dan sekitar 10% mengunjungi, coba pikir, berapa pengunjung yang bakal ada di blog kita, (500 * 10/100) * (1000 * 10/100) = 50 * 100 = 5000 UV, jadi banyak banget bukan, itu kalau anda beruntung, yang kalau kurang beruntung, 'silakan coba lagi'.

Selain itu Widget Share ini juga dimungkinkan dapat menambah backlink di blog kita. Sangat bermanfaat bukan, nah berikut langsung saja cara memasang widgetnya.

1. Masuk ke Tata Letak
2. Kemudian pilih tambah Gadget, dan pilihlah HTML/JavaScript
3. Kemudian masukan kode dibawah ini
   

   <style type="text/css">
   *{margin:0;padding:0;}
   
   * html #z33sHare{
   position: absolute;
   }
   
   #z33sHare{
   left:2%;width: 84px;background:solid white;border:1px solid black;-moz-border-radius:3px;-webkit-border-radius:3px;
   position:fixed;
   top: 25%;
   }
   
   #z33sHare div{
   padding:6px 6px 6px 5px;
   }
   
   #stw{
   margin-left:-2px;
   }
   
   #sfs{
   margin-left:-5px;
   }
   
   </style>
   <div id="z33sHare">
   <div id="ssl-box">
   <div id='pageshare' title="Share AF Sahabat Artikel and Thank U for Coming">
   <div id="stw">
   <a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
   </div>
   <div class='sbutton' id='gplusone'>
   <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
   <g:plusone size="tall"></g:plusone>
   </div>
   <div>
   <script type="text/javascript">
   (function() {
   var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0];
   s.type = 'text/javascript';
   s.async = true;
   s.src = 'http://widgets.digg.com/buttons.js';
   s1.parentNode.insertBefore(s, s1);
   })();
   </script>
   <a class="DiggThisButton DiggMedium"></a>
   </div>
   <div><a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div><div style="clear:both;">
   </div>
   </div></div></div>

4. Huruf / Angka yang berwarna biru bisa diganti sesuai dengan kebutuhan blog anda
5. Kemudian save

Maka jadinya adalah seperti gambar di bawah ini, atau bisa dilihat di samping sebelah kiri blog ini

Widget Share Float

Demikian lah, semoga bermanfaat. Terima Kasih
____________________
Update

Untuk mengatasi Error silakan baca artikel : Cara Memperbaiki Error Rich Snippet

Lihat Selengkapnya

Cara Membuat Rating / Rich Snippet di Blogspot

Rating Bintang Rich Snippet

Cara Membuat Rating Bintang Rich Snippet di Blogspot - Pada artikel blog yang kedua ini, saya kan memberikan turorial tentang Cara Membuat Rating / Rich Snippet di Blogspot, yang digunakan untuk memunculkan rating pada index di google, dam ditunjukan author penulisnya.

Rich Snippet adalah semacam microdata yang berisi data tentang postingan / artikel yang nantinya akan digunakan oleh google sebagai ringkasan informasi, mengenai authornya / penulisnya, untuk lebih jelasnya, lihat tutorial dibawah ini :

A. Memasukan Profil Google +

1. Langkah pertama adalah ambil Nomor profil yang ada di google +, misal, punya saya adalah 'https://profiles.google.com/110582746301029054794', jadi yang diambil adalah "110582746301029054794", oke, pasti bisa di mengerti kan.
2. Selanjutnya masukan kode profilnya ke blog. dengan cara masukan kode berikut dibawah kode <head> (agar lebih mudah, gunakan CTRL+F)
   

   <link href='https://plus.google.com/110582746301029054794' rel='publisher'/>

3. Ganti kode berwarna hijau tersebut dengan nomor profil google + anda
4. kemudian save
5. Cek dulu di http://www.google.com/webmasters/tools/richsnippets untuk mengetahui apakah sudah Verified atau belum dengan cara memasukan salah satu link artikel sobat
6. Kalau sudah, maju ke langkah berikutnya

B. Membuat Rating Rich Snippet

1. Kembali ke Edit HTML, jangan lupa, Expand Template Widgets
2. Masukan kode berikut di bawah kode <body>
   

   <div> <div itemscope='' itemtype='http://data-vocabulary.org/Review'>

3. Kemudian masukan kode ini dibawah kode </body>
   

   </div></div>

4. Nah, step yang ini sepertinya agak sulit, kita harus mencari Title Postingan, yang disetiap template pasti berbeda beda, karena peletakan h1, h2, dan h3 nya, untuk memudahkan silahkan cari kode </h1>, </h2>, dst, kemudian apitlah kode dari <h...> sampai... </h...>, dengan
   

   <span itemprop='itemreviewed'><span itemprop='description'>
   <h...> sampai... </h...> (Judul Posting Blog)
   </span></span>

5. Cari kode Author untuk Rich Snippets, biasanya kode tersebut adalah <span class='fn'><data:post.author/></span> , ganti kode tersebut dengan
   

   <span class='fn'><span itemprop='reviewer'><data:post.author/></span></span>

6. Save template. 

C. Memasang Rating Rich Snippet di Postingan

1. Ini dia langkah terakhir, yaitu cara menggunakan Rating Rich Snippet di Postingan,
2. Saat sudah selesai menulis artikel, masukan kode <span itemprop="rating">4.5</span> di akhir artikel masukan angka 1 - 5 sesuai rating anda.

Dan selesai lah sudah tutorial yang cukup panjang ini, selamat mencoba dan Have FUM.

Lihat Selengkapnya

Cara Membuat Author Box Dibawah Postingan

Author

Cara Membuat Author Box Dibawah Postingan - Pada postingan pertama ini, saya ingin berbagi cara untuk Cara Membuat Author Box Diakhir Postingan. Sebenarnya yang saya inginkan adalah agar Author blog dapat muncul di index google, dan semoga inilah cara yang tepat untuk membuatnya.

Author blog adalah sebuah kotak kecil di bawah postingan kita yang berisi informasi / pesan pesan Author (Si penulis / Admin Blog). Biasanya berisi pesan terahir yang disampaikan oleh Author setelah postingannya, yang semua tulisannya sama di semua blog.  

Cara Membuat Author Box Dibawah Postingan

1. Masuk ke Edit HTML
2. Centang pada 'Expand Template Widget', agar semua code dapat muncul
3. Letakkan kode ini diatas code ]]></b:skin>
   

   .author-box {
   background: #f0f0f0;
   margin: 20px 0 40px 0;
   padding: 10px;
   overflow: auto;
   color:#888;
   font-family:verdana, sans-serif;
   }
   .author-box p {
   margin: 0;
   padding: 0;
   }
   .author-box a{
   color:#666;
   }
   .author-box img {
   background: #FFFFFF;
   float: left;
   margin: 0 10px 0 0;
   padding: 4px;
   }

4. Carilah kode <div class='post-footer-line post-footer-line-1'> dengan menekan CTRL+F  untuk mempermudah, kemudian letakkan code berikut dibawahnya.
   

   <b:if cond='data:blog.pageType == &quot;item&quot;'>
   <div class='author-box'>
   <p><img alt='avatar' class='avatar avatar-70 photo' height='70' src='URL avatar/photo kita' width='70'/><b>About Author</b><br/>
   Pesan yang ingin disampaikan<br/></p>
   </div>
   </b:if>

5. Ganti Code warna hijau sesuai keinginan
6. Simpan

Demikian dari saya, semoga tips yang saya berikan bermanfaat, wassalam.

Lihat Selengkapnya