Tutorial

Saat Blog Walking sering kita jumpai di blog sahabat title blog yang memakai simbol ©, ® atau ™. Cara memasangnya sangat mudah yang penting kita tahu kode ASCII nya.

Kode ASCII untuk :

© adalah ©

® adalah ®

™ adalah ™

Login ke Blogger.com masuk ke Dashboard - Settings - Basic --> Title. Pada title ketikan kode tersebut misalnya Blog Tutorial™ maka Title Blog akan menjadi Blog Tutorial™.

Terima kasih sudah berkunjung.

Beberapa tahun yang lalu, untuk membuat read more kita harus menyisipkan Skrip pemrograman, Tetapi sekarang blogger sudah menyediakan read more secara default sehingga kita tidak perlu repot-repot lagi menyisipkan skrip program.

Caranya ada 2 cara, yaitu dengan meng update editor atau hanya dengan menyisipkan kode <!--more--> diantara postingan. Blogger akan menterjemahkan kode <!--more--> menjadi Read More.

Untuk mengupdate editor postingan blogger caranya sbb :



1. Login ke Blogger dan buka Dashboard - Settings - Basic.

2. di Select post editor pilih Updated editor (Recommended) - Take a look at the latest features!

3. Klik SAVE SETTINGS



4. Sekarang coba buat postingan dalam mode Compose, Toolbar read more sudah muncul.

Sedikit saja postingannya, semoga bermanfaat.

Facebook page banyak digunakan untuk berinteraksi pemilik blog dengan jejaring sosial Facebook. Facebook page juga banyak digunakan untuk mempromosikan blog sehingga dapat meningkatkan pengunjung blog. Sebelum memasang like box di halaman blog, kita harus membuat halaman facebook atau facebook pages dulu.

Cara membuat Facebook Pages dan Like Box adalah sbb :




1. Login ke facebook.com dan blogger.com


2. Kunjungi http://www.facebook.com/pages/ dan klik Buat Halaman








3. Pilih salah satu kategori yang kita inginkan, misalnya Perusahaan, Organisasi, atau Institusi







4. Isi Form dan klik Mulai







5. Klik Lewati, upload gambar atau logo bisa dilakukan nanti







6. Masuk ke langkah 2 dan klik lewati lagi


7. Isi alamat Blog, Keterangan Blog dan klik Lanjutkan







8. Copy alamat facebook pages yang ada di alamat browser. misalnya http://www.facebook.com/pages/Tutorial-Blog/145491985551146







9. Halaman Facebook sudah jadi kemudian klik Tambah Kotak Suka







10. Pastekan alamat halaman facebook kita dan isi form lainnya sesuai keinginan. Klik Get Code.







10. Pilih IFRAME, copy code script.










11. Seperti biasa buka Blogger - Dashboard - Design - Add a Gadget - HTML/JavaScript - Pastekan Kode Script Like Box - Save - View Blog


12 Like Box sudah tampil di halaman blog kita.







Terima asih sudah berkunjung ke blog ini, semoga bermanfaat.


Mari kita menulis dan saling berbagi sesama Blogger Indonesia.

Sitemap banyak digunakan diblog untuk memetakan Semua postingan kita sehingga mempermudah pengunjung blog menjelajahi blog kita. Link Sitemap sering diletakkan di menu horisontal atau di link list.

Untuk membuat Sitemap kita akan menggunakan sitemap generator, caranya sangat mudah yaitu tinggal memasukkan alamat blog misalnya http://the--tutorial.blogspot.com lalu Klik generated, Copy script yang sudah jadi lalu pastekan ketempat yang kita ingin tampilkan.

Untuk meletakkan Sitemap di menu horisontal baca di Cara Membuat Menu Horisontal.
Untuk meletakkan setemap di link list caranya sbb :




1. Buat postingan baru dan beri judul Sitemap.









2. Copy Script dari Sitemap Generator dan pastekan pada isi postingan.




3. Setelah selesai klik Publish Post









4. Kilk View Post.









5. Alamat url yang ada di browser adalah alamat url sitemap blog. Klik kanan dan copy.









6. Buka dashbord - Design - Add a Gadget - Pilih Link List















7. Isi alamat sitemap dan nama link dan klik add link - Save.









8. Link Sitemap sudah tampil di Blog anda.









Jangan lupa link balik blog ini ya, thanks.


Semoga bermanfaat.

Menu horisontal banyak digunakan untuk diisi dengan halaman statis seperti site map, about me ataupun untuk keperluan yang lainnya.


Untuk membuatnya cukup mudah sbb :







1. Login ke blogger.com.











2. Kilk edit post.














3. Pilih Edit Pages.















4. Ketik page title dan isi halaman statis.















5. Pilih Blog tabs dan klik save and publish.















6. Selesai dan klik View Page.














7. Halaman statis sudah jadi.















Untuk membuat halaman lainnya caranya sama seperti diatas.

Semoga bermanfaat.

Facebook (FB) merupakan jejaring sosial yang paling populer sekarang ini. Siapa sih yang gak punya akun FB? So, kadang kita perlu memasang form komentar Facebook agar pengunjung bisa langsung mengomentari postingan kita tanpa harus login ke akun google dulu.






Cara memasangnya ikuti langkah-langkah berikut ini.





1. Login ke akun facebook anda.




2. Buka Developers Facebook Klik Aplikasi.










3. Masukkan kata sandi FB anda da klik Lanjutkan.





alt=""id="BLOGGER_PHOTO_ID_5668257212291330738" />




4. Pilih Izinkan.





alt=""id="BLOGGER_PHOTO_ID_5668257207961464770" />




5. Pilih Create New App.




alt=""id="BLOGGER_PHOTO_ID_5668257212599885010" />




6. Isi Judul dan Alamat Aplikasi (bebas) dan centang I Agree dan klik Lanjutkan.









7. Ketik Kata Pengaman dan klik Kirim.









8. Akan Muncul data Applikasi ID dll. Copy ID tersebut yang selanjutnya akan kita gunakan untuk ID di Form Komentar.









9. Buka Blogger - Dashboard - Design - Edit HTML - Download Full Template (untuk bakup template) - Centang Expand Widget Templates.














10. Cari Kode <data:post.body/> (dengan Ctrl+F)




11. Copy Kode dibawah ini dan ganti ID-APLIKASI dengan ID anda dan paste di bawah kode <data:post.body/>







<sub><b:if cond='data:blog.pageType == &quot;item&quot;'>


<div style='background-color:</sub>#ffffff; padding:10px; border:1px solid #cccccc;'>


<p align='left' style='background:transparent;'><a href='http://the--tutorial.blogspot.com/2011/10/cara-pasang-form-komentar-facebook-di.html' target='new'><img src='https://lh5.googleusercontent.com/-UKy3AkaVElg/Tr2E6dkOaZI/AAAAAAAAAsg/vacAFSJlZSQ/s144/fbcomment.png'/></a></p>


<div id='fb-root'/>


<script> window.fbAsyncInit = function() { FB.init({appId: &#39;ID-APLIKASI&#39;, status: true, cookie: true, xfbml: true}); }; (function() { var e = document.createElement(&#39;script&#39;); e.async = true; e.src = document.location.protocol + &#39;//connect.facebook.net/en_US/all.js&#39;; e.async = true; document.getElementById(&#39;fb-root&#39;).appendChild(e); }()); </script>


<fb:comments num_posts='10' width='300'/>


<p style='background-color: transparent;border:1px solid #cccccc; font-size:10px; padding:5px;width:ancho; float:right;'><a href='http://the--tutorial.blogspot.com/2011/10/cara-pasang-form-komentar-facebook-di.html' target='_blank' title='Blog Tutorial'>Get This Comment Form</a></p></div>


</b:if>







12. Save Template dan coba lihat hasilnya.


yang warna biru bisa disesuaikan dengan temlpate blog, kode '#ffffff' adalah warna backgroud, '10' adalah jumlah komentar yang di tampilkan dan '300' adalah lebar form komentar.


Thanks sudah menunjungi blog ini, semoga bermanfaat.

Facebook merupakan jejaring sosial yang sangat populer sekarang ini. Untuk mempermudahkan interaksi pengunjung blog dengan FB kita di blog perrlu juga kita tambahkan link facebook dalam bentuk foto profil.
Caranya sangat mudah sbb :





1. login ke facebook dan blogger anda.


2. Kunjungi http://id-id.facebook.com/badges/








3. Pilih Lencana Profil







4. Pilih Blogger atau Other untuk mendapatkan kode html nya.







5 Kita akan dibawa ke Add Page Element, pilih blog dan klik add widget








6. Foto profil FB sedah terpasang di Blog kita.










Semoga bermanfaat