Google+ Plus Otomatis Menambahkan Tombol Share Pada Navbar Blog

Dengan adanya Google+ Plus tidak terasa sudah beberapa waktu yang lalu, Google+ Plus menghadirkan berbagai fitur menarik yang tidak kalah saingnya dengan situs jaringan sosial seperti facebook, twitter dan jaringan sosial lainnya, walaupun peminat facebook, twitteryang sudah  sangat terkenal di berbagai Negara, Propinsi, kabupaten, kecamatan bahkan sampai pelosok desa sekalipun facebook sangat begitu diminati, namun belum banyak yang tahu tentang Google+ Plus.

Google+ atau Google Plus adalah jejaring sosial yang dioperasikan oleh Google Inc. Google+ diluncurkan pada 28 Juni 2011 dengan sistem undangan untuk diuji coba.^[1]Di hari tersebut, pengguna Google+ diijinkan untuk mengundang teman di atas 18 tahun, untuk membuat akun. Namun, ini segera dihentikan sehari kemudian setelah pembuatan akun semakin membeludak.^[2]Google+ mengintegrasikan layanan sosial seperti Google Profile dan Google Buzz, dan memperkenalkan layanan baru seperti Circles, Hangouts, Sparks, and Huddles.^[3]Google+ juga akan tersedia dengan berbagai aplikasi desktop dan aplikasi ponsel, tetapi hanya pada Android dan sistem operasi iOS. Media massa seperti The New York Times telah menyatakan bahwa Google+ adalah upaya terbesar Google untuk menyaingi jaringan sosial Facebook,^[4]yang telah mempunyai lebih dari 750 juta pengguna pada tahun 2011.^[5]  

(Sumber : http://id.wikipedia.org/wiki/Google%2B).

Pada tanggal 30 Agustus 2012 dini hari saya sempat terkejut ketika melihat tombol share Google+ Plus, penambahan tombol share otomatis pada navbar blog, wao tambah keren dan semakin ada kemajuan dari Google+ Plus kata saya saat melihat tombol sharetersebut. Hal ini sangat begitu menarik tentunya bagi para blogger yang masih menggunakan navbar dan belum pernah menghilangkan ataupun menghapus navbarpada blog, kerena sebelumnya jika dilihat seperti kurang bagus dengan adanya penambahan tombol share tersebut semakin bagus dan enak dipandang.

Banyak yang telah menggukan Google+ Plus dan kebanyakan digunakan oleh para pemilik web/blog itu sendiri sebagai tempat untuk mempromosikan Web/blog pada Google+Plus, masyarakat pada umumnya belum banyak yang mengetahui kegunaannya untuk itu saya mengajak anda semua dan bergabunglah dengan Google+ atau Google Plusdan segera mendaftar, karena dengan menggukan Google+ plus anda dapat berbagi informasi menarik dengan orang-orang yang tepat disekitar anda bahkan sampai ke penjuru dunia manapun dan tentu banyak kegunaan dari Google+Plus disamping sebagai tempat membagi informasi ketika anda mengunjungi sebuah web/blog untuk memproleh informasi penting anda juga bisa lansung mengklik tombol share yang telah disediakan oleh pemilik suatu web/blogsehingga dapat mempermudah anda ketika anda ingin mengunjungi web/blogyang menurut anda terdapat banyak info penting didalamnya, karena ketika anda mengklik tombol share tersebut maka secara otomatis web/blog yang anda kunjung akan tampil pada halaman beranda dan profil Google+ Plus anda dengan begitu dapat lebih mudah untuk berkunjung kembali.

 

Untuk informasi lebih lengkapnya silahkan anda berkunjung di situs resminya karena disana anda akan memproleh begitu banyak manfaat tentang ketentuan dan cara menggukan Google+ Plus Klik disini.

Demikian informasi agar dapat diketahui dan semoga bermanfaat bagi kita semua. Trima Kasih

Cara Membuat Template Standar Blogger SEO Friendly

Cara Membuat Template Standar Blogger Soe Friendly , Membuat Soe Friendly Template Blogger Standar, bagaimana supaya template blogger standar lebih SEO Friendly? dari pertanyaan ini yang sering muncul dari para blogger pemula seperti Kraeng Francisco. Ini adalah salah satu tehknik yang dilakukan oleh para blogger master agar template yang dimiliki masuk dalam kategori SEO untuk optimize blog. Banyak para blogger yang memakai template dari hasil buatan oleh pihak ketiga, alasan memilih template dari pihak lain karena template-template yang disediakan lebih SEO Friendly, dan ada juga yang hanya mementingkan desainnya saja namun disisi lain sebenarnya untuk membuat template SEO Friendly itu mudah dan tergantung dari pemahaman kita saja dan tentunya harus mempunyai usaha agar hasil yang diporoleh dapat semaksimal mungkin. 

Bagi teman-teman yang memakai template standar jangan berkecil hati, karna template yang anda miliki sebenarnya dapat kita modifikasi agar SEO Friendly, anda penasaran bagaimana membuat template standar SEO Friendly? Tenang, ada pepetah mengatakan masih banyak jalan menuju roma, jadi santai saja sobat karna disini saya akan memberikan cara atau teknik supaya blog standar yang anda miliki mampu bersaing dengan blog lain. Perlu diketahui bahwa saya bukanlah seorang master dalam mendesain sebuah blog, diatas langit masih ada langit, dengan tulus dan senang hati saya akan bagikan apa saya ketahui karna ada pepatah yang mengatakan 'Ajarkanlah apa yang kamu ketahui meskipun hanya satu hurup saja' hehe.

Kita kembali ke Laptop, Mau tahu caranya? Ikuti langkah-langkah dibawah ini untuk memenuhi syarat, syukur jika ada yang telah teman-teman buat sebelumnya, katakana amin……..

1. Merubah Title Bar Blog atau sering disebut Tag Title baca disini.

2. Memasang Meta Deskripsi dan Meta Keyword baca disini.

3. Merubah Tag Heading menjadi H1 baca disini.

4. Membuat/Memasang Navigasi Bredcrumb baca disini.

5. Menambahkan kode rel='canonical’ perlu baca disini.

6. Nonaktifkan archive / arsip blog, masuk ke Dasbor, pilih Tata Letak, pada menu Tata Letak klik Edit, setelah terbuka klik Hapus. Hal ini dimaksudkan untuk menghindari duplicate content yang telah dijelaskan sebelumnya.

Jika semua tips dari teknik diatas telah teman-teman lakukan maka sekarang template teman-teman sudah menjadi template yang SEO Friendly, dengan demikian perlu diketahui bila masih ada cara lain yang yang anda temukan dari blog lain silahkan anda tambahkan dibawah kotak komentar, karna dasar-dasar dari membuat template SEO Friendly yang saya tahu adalah dari keenam (6) poin diatas. 

Sekian pembahasan dari artikel ini dan semoga bermanfaat. Trima kasih.

Cara Membuat Related Post/Artikel Terkait Dibawah Posting

Ahahah dari tadi keasyikan maen game akhirnya sampe lupa posting, soalnya Kraenga  Francisco hobby main game pc, ya ia lah komputer, saya rakit khusus buat game ngapain kalau hanya buat ngetik mulu kkikikiki…..lansung kembali ke laptop saja ya, membuat Related Post/ Artikel Terkait dibawah posting merupakan artikel selabel atau artikel sekategori dengan artikel yang bersangkutan. Contonya jika saya membuat suatu artikel dengan memberi label tutorial maka semua artikel yang berkaitan atau berhubungan akan menampilkan artikel yang berada pada label tutorial.

Untuk Melihat Contoh hasilnya akan seperti gambar dibawah ini.

Berikut ini langkah-langkah untuk membuat related post/artikel terkait dibawah posting.

Pertama, Login ke akun blog blogger anda.

Kedua, Pilih Template..

Ketiga, Untuk Menjaga template anda, silahkan download dulu template, klik dawnload template lengkap yang berada pada samping pojok kanan.

Keempat, Klik Edit HTML, Klik Lanjutkan, kemudian jangan lupa untuk Expand Template Widget.

Kelima, gunakan Ctrl F atau F3 cari kode </head> dan letakkan kode berikut dibawah kode </head>

<style type='text/css'> #related-posts { float : left; width : 100%; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 11px Verdana; margin-bottom:10px; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none; } #related-posts a:hover { text-decoration : none; } #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url(&quot; http://kraeng-francisco-tutorial.googlecode.com/files/link_16.png&quot;) no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #cccccc; } </style> <script src=' http://kraeng-francisco-tutorial.googlecode.com/files/Artikelterkait.js' type='text/javascript'/>

Keenam, Selanjutnya cari kode <data:post.body/> dan kemudian pastekan kode berikiut tepat dibawah <data:post.body/>

<b:if cond='data:blog.pageType == "item"'>
<div id="related-posts">
<font face='Arial' size='3'><b>Artikel Terkait : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div></b:if>

Cacatan : Jika pada template teman-teman terdapat 2 kode <data:post.body/> maka letakkan di bawah kode <data:post.body/> yang ke 2.

Ketujuh, Klik Pritinjau Untuk melihat tidak terjadi kesalahan eror, lalu klik Simpan Template.

'Selamat mencoba dan semoga bermanfaat. Trima Kasih'

Cara Membuat Menu Navigasi Breadcrumb

Navigasi Breadcrumb merupakan menu navigasi yang muncul pada halaman web dan letaknya dibawah halaman header/diatas judul posting dan setelah judul posting, saya mendefenikan atau mengartikan seperti itu secara kasat mata. Dimana dapat kita ketahui Navigasi Breadcrumb menyediakan link kembali kehalaman sebelumnya atau halam utama. Dengan tanda seperti ini (>)

Contoh : Home/Beranda>Kategori>Judul Posting (Lihat DEMO)

Namun dengan demikian tanda seperti ini (>) dapat kita ubah bisa menjadi tanda berikut (<) ataupun seperti ini (>> dan <<), hmmm maksud dari tanda tersebut menunjukkan tanda navigasi penunjuk arah.

Fungsi dari menu navigasi breadcrumb adalah untuk memudahkan pengunjung menelusuri halaman blog, karena dengan navigasi breadcrumb dapat lebih mudah menavigasi link dan selain itu juga dapat mengoptimalkan halaman blog di Seacrh Engine Optimation (SEO). Jika anda mau memasang navigasi breadcrumb maka saya akan berikan trik membuatnya dibawah ini.

Pertama, Login ke akun blog blogger anda.

Kedua, Pilih Template..

Ketiga, Untuk Menjaga template anda, silahkan download dulu template, klik dawnload template lengkap yang berada pada samping pojok kanan.

Keempat, Klik Edit HTML, Lanjutkan, kemudian jangan lupa untuk Expand Template Widget.

Kelima, gunakan Ctrl F atau F3 cari kode ]]></b:skin> dan jika sudah menemukan letakkan kode berukut di atas kode ]]></b:skin>

.breadcrumbs {
padding:5px 5px 5px 0px;
margin:0px 0px 15px 0px;
font-size:90%;
line-height:1.4em;
border-bottom:1px double #e6e4e3;
}

Keenam, kemudian cari kode <div class='post hentry'> dan letakkan kode berikut ini tepat dibawahnya.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='breadcrumbs'>
<span class='Apple-style-span' style='font-family: Verdana, sans-serif;'><a expr:href='data:blog.homepageUrl'>Home</a></span><img alt='crumb blegedes' src='http://kraeng-francisco-tutorial.googlecode.com/files/Navigasicrumb.gif'/>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
<b:if cond='data:label.isLast != &quot;true&quot;'> &#187; </b:if>
</b:loop>
&#187;
</b:if>
<data:post.title/>
</div>
</b:if>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<div class='breadcrumbs'>
<span class='Apple-style-span' style='font-family: Verdana, sans-serif;'>Home</span><img alt='crumb blegedes' src='http://kraeng-francisco-tutorial.googlecode.com/files/Navigasicrumb.gif'/> <a expr:href='data:blog.homepageUrl' rel='tag'> Home </a>
&#187; Archives for <data:blog.pageName/>
</div>
</b:if>

Ketujuh, Klik Pritinjau untuk melihat tidak terjadi eror saat edit template, jika sudah lansung klik Simpan Template.

Selamat Mencoba dan saya berharap tutorial ini dapat bermanfaat bagi semua yang membutuhkan. Trima Kasih.