Rabu, 03 April 2013

Vido cara masuk video youtube ke blog.

Membuat fan page facebook untuk blog

Setelah berhasil membuat fan page facebook untuk blog saya, yaitu Blog Masjid Seluruh Alam, selanjutnya saya ingin membuat kolom komentar untuk fanspage facebook di bawah setiap artikel atau postingan di blog itu.
Lalu bagaimana caranya membuat kolom komentar facebook di blog itu? Sebenarnya facebook telah memberi penjelasan bagi kita untuk itu. Akan tetapi mungkin kita masih tidak begitu jelas akan petunjuk facebook. Ini seperti yang saya alami sendiri. Setelah mencoba beberapa kali saya barulah saya berhasil membuat sebagaimana yang saya inginkan.
Cara Membuat Kolom Komentar Facebook di Blog
Berikut cara yang saya lakukan untuk membuat kotak komentar facebook di blog saya menggunakan blogspot. Cara ini berguna bagi yang sudah membuat fan page facebook.
Pertama tentu saja login ke akun facebook saya, login dengan username dan password yang benar, kemudian langsung saja buka alamat https://developers.facebook.com/docs/plugins/. Itu adalah cara ringkas dan cepat untuk kita dalam membuat kotak komentar facebook di blog.

Selanjutnya pilih Comments. Sehingga akan nampak seperti gambar di bawah (tanpa garis kotak merah).

Cara Membuat Kolom Komentar Facebook di Blog www.duan.web.id


Pada URL to comments on (?) kita isi dengan halaman fan page facebook yang telah kita buat sebelumnya. Pada contoh saya adalah : https://www.facebook.com/pages/Masjid-Seluruh-Alam/109466815905418. Jika alamatnya benar akan muncul logo dan tampilan kotak komentar seperti yang saya garis kotak merah.

#Perhatian# Jangan memasukkan alamat blog pada isian URL to comment on (?). Mengapa? Karena sebenarnya komentar itu akan dikirimkan/ditujukan pada halaman fan page facebook dari blog kita. Bukan untuk blog kita. Apabila kita isi dengan alamat blog kita, misalnya http://telukmesjid.blogspot.com. nanti komentar tidak akan muncul di halaman Fan Page Facebook Blog kita.

Isian Width sesuaikan dengan lebar kolom artikel di blog, saya ganti jadi 850. Lalu Number of Post masukkan terserah berapa posting yang hendak ditampilkan (pada kasus saya ini saya biarkan saja 10). Dengan Color scheme, kita bisa memilih tampilan kotak komentar, yaitu light atau dark, sesuaikan dengan tampilan blog. Light bila latar belakang artikel blog kita terang, dan dark bila latar belakang artikel blog kita gelap, misalnya hitam.

Bila sudah dirasa cocok, terakhir klik Get Code, sehingga muncul tampilan:

Cara Membuat Kolom Komentar Facebook di Blog www.duan.web.id 2

Copy script pada nomor 1,

Lalu masuk ke akun Blogger saya, Pilih Template, Pilih Edit HTML

Cari </head> dengan bantuan Ctrl F
masukkan Code Script nomor 1 tepat di bawah </head>

Save template.

Kemudian centang Expand Widget Templates

cari ; <div class='post-footer-line post-footer-line-3'><span class='post-location'>

Copy/masukkan Code Script nomor 2 tepat di bawah <div class='post-footer-line post-footer-line-3'><span class='post-location'>  , sehingga bentuknnya menjadi :

<div class='post-footer-line post-footer-line-3'><span class='post-location'>
<div class="fb-comments" data-href="https://www.facebook.com/pages/Masjid-Seluruh-Alam/109466815905418" data-width="850" data-num-posts="10"></div>

Terakhir Save template. dan lihat hasilnya dengan membuka URL salah satu postingan blog. Pada contoh saya tampilannya adalah sebagai berikut:

3 Cara Membuat Kolom Komentar Facebook di Blog www.duan.web.id

Selasa, 02 April 2013

Cara Pasang Widget Feedjit

Salah satu kebutuhan pemilik blog adalah apa dan kata kunci atau dari mana pengunjung blognya dapat sampai di blognya .untuk itu Feedjit adalah solusinya.Wiget Feedjit ini sangat berguna untuk sebuah blog dan untuk mengetahui dari mana datangnya pengunjung blog kamu .Wiget Feedjit ini dapat di dapatkan secara gratis .Selain untuk itu semua Wiget Feedjit juga bisa untuk membandingkan keyword atau kata kunci apa yang paling banyak membawa pengunjung datang ke blog kamu. pengen Pasang Wiget Feedjit ? silakan ikuti langkah-langkah Cara Pasang Widget Feedjit berikut ini:


2.Lihat Bagian bawah ada 4 contoh Widget Feedjit yang bisa kamu pilih.

3.Kalo pengen ngerubah ukuran atau tampilanya klik aja Click here to Customize It!

4.Kalo udah Copy kode HTML Widget Feedjit nya ke blog kamu. Caranya Login ke blogger Lalu Klik Tata Letak Kemudian Klik tambah Gadget Lalu pilih HTML/javascript Lalu paste kodenya disitu . Jangan lupa klik Simpan

Cara Membuat Kotak Iklan di Blog

Bila anda ingin menyediakan tempat untuk memasang iklan bagi para pengiklan yang ingin memasang iklan nya di blog kita, hal ini bisa kita manfaatkan untuk menambah penghasilan kita gara-gara kita menyediakan fitur tersebut dan ada yang memasang iklan di blog kita dengan tarif yang kita tawarkan. Tetapi template kita tidak tersedia fitur tersebut dan anda ingin membuatnya. Silahkan ikuti langkah-langkah Cara Membuat Kotak Iklan di Blog :

  1. Pertama Login ke Akun Blogger anda.
  2. Lalu klik Rancangan / Design kemudian klik Edit HTML.
  3. Berikutnya cari kode ]]></b:skin>, setelah ketemu Copy kode dibawah ini diatas kode ]]></b:skin>

    /* Kotak Banner ===================== */ #Box-Banner-ads { margin: 0px; padding: 5px; text-align: center; } #Box-Banner-ads img { margin: 0px 8px 4px 0px; padding: 3px; text-align: center; border: 3px outset #c0c0c0; } #Box-Banner-ads img:hover { margin: 0px 8px 4px 0px; padding: 3px; text-align: center; border: 3px inset #333; }

  4. Kemudian Save Template.
  5. Setelah itu klik Elemen Laman / Page Elemen.
  6. Lalu add a gadget Pilih HTML/JavaScript.
  7. Copy semua kode di bawah ini dan letakkan di HTML/JavaScript

    <a href="http://roy87.blogspot.com/" target="new"><img border="0" alt="ads" src="https://sites.google.com/site/epuljapanese/epul-1/PostAds.jpg" /></a> <a href="http://roy87.blogspot.com/" target="new"><img border="0" alt="ads" src="https://sites.google.com/site/epuljapanese/epul-1/PostAds.jpg" /></a> <a href="http://roy87.blogspot.com/" target="new"><img border="0" alt="ads" src="https://sites.google.com/site/epuljapanese/epul-1/PostAds.jpg" /></a> <a href="http://roy87.blogspot.com/" target="new"><img border="0" alt="ads" src="https://sites.google.com/site/epuljapanese/epul-1/PostAds.jpg" /></a>

  8. Catatan: Ganti yang berwarna hijau dengan alamat blog atau Link anda yang ingin di tuju bila gambar tersebut nantinya akan di klik.
  9. Maka Hasil Dari Coding di atas adalah seperti ini :

    pasang iklan 
    Ganti yang berwarna biru dengan alamat dimana kamu menghosting/menyimpan banner tersebut. Atau gunakan alamat yang sudah tersedia juga tidak apa. 
    Lihat hasilnya di template anda, apakah anda berhasil membuat kotak iklan di blog anda?

    Begitulah  Cara Membuat Kotak Iklan di Blog. Baca artikel Cara Membuat 3 Kolom Di Bawah Header untuk memberi tempat iklan anda. Semoga bermanfaat. Terima Kasih
     
    By : http://www.epuljapanese.co.cc/2010/08/cara-membuat-kotak-iklan-di-blog.html

Cara Membuat Save page as PDF pada Blog

Pernahkah sobat blogger melihat situs web / blog pada atas atau bawah postingan terdapat tombol “Save page as PDF”. Bagaimana cara membuatnya? Pada postingan kali ini blogatap akan membahas cara membuat Save page as PDF pada blog.

Fungsi dari Save page as PDF yaitu untuk memudahkan pengunjung untuk menyimpan postingan ke dalam file PDF.

Kalau Anda ingin memasang tombol “Save page as PDF” pada postingan blog, berikut langkah-langkah pembuatannya :
  1. Kunjungi dan daftarkan blog Anda ke web2.pdfonline.com 
  2. Setelah berhasil mendaftar, login dengan username dan password yang Anda daftarkan tadi. 
  3. Atur bentuk halaman dan tepi atas, bawah, kanan, kiri. 
  4. Klik “Generate the Javascript” untuk mendapatkan kode scriptnya, selanjutnya copy kode tersebut. 
  5. Langkah selanjutnya adalah memasang kode pada setiap posting blog, login akun blogger Anda. 
  6. Pilih Template > Edit HTML > klik Expand Template Widget 
  7. Cari kode <data:post.body/> 
  8. Jika menginginkan tombol “Save page as PDF” berada diatas postingan letakkan diatas <data:post.body/>, jika menginginkan dibawah postingan letakkan tepat dibawah <data:post.body/> 
  9. Klik Simpan

Cara Membuat Widget Twitter "Join the conversation"

Banyak orang yang mengharapkan blognya dapat tampil unik dan menarik disetiap mata pengunjungnya ataupun terlihat unik dari blog-blog sahabat. Salah satunya yaitu dengan menambahkan widget-widget dihalaman blog. Kebetulan berhubungan dengan mempercantik tampilan halaman blog saya ingin share tetang Cara Membuat Widget Twitter "Join the conversation" seperti pada gambar dibawah ini :
Untuk sobat yang tertarik untuk memasang widget seperti diatas langsung saja, saya sudah sediakan kodenya dibawah. Langkah-langkah untuk memasang widget Twitter juga tidak terlalu sulit karena tidak perlu melakukan Edit HTML. Berikut Cara Membuat Widget Twitter "Join the conversation" :
  1. Login Kehalaman Blogger
  2. Pilih Tata Letak
  3. Tambah Gadget
  4. Pilih Widget HTML/Java Script
  5. Copy Kode Berikut
<div style="background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi83E_-4dG3QI3OIiR32cCuYBnPYQb-BvEX4WiZjcf0swPtGqJryfGTJqiG5edZKosoIYg0j5p-7Rd_vOIexKvMIAVdLiPTtAHjGQ-GE3F2hnCrw6K1J6UojaA22ojEufHpaedEaDhcX2W4/s1600/twitter.png) no-repeat; padding-left: 8px; padding-top: 45px;width: 320;">
<script src="http://widgets.twimg.com/j/2/widget.js">
</script>
<script>
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 10,
interval: 3000,
width: 300,
height: 123,
theme: {
shell: {
background: 'transparent',
color: '#000000'
},
tweets: {
background: 'transparent',
color: '#000',
links: '#9A170D''
}
},
features: {
scrollbar: false,
loop: true,
live: true,
hashtags: true,
timestamp: true,
avatars: true,
behavior: 'default'
}
}).render().setUser('SetyaGGMU').start();
</script>
</div>

    Keterangan :
    • Kode Warna Merah adalah Lebar Widget Twitter
    • Kode Warna Biru adalah Tinggi Widget Twitter
    • Kode Warna Hijau adalah Nama Akun Twitter (silahkan ganti sesuai dengan akun twitter sobat)
     6. Masukan kode kode diatas kedalam Widget HTML/JavaScript tadi
     7. Terakhir Klik Simpan

Cara Pasang Site Meter

Sitemeter adalah Alat untuk mengukur jumlah pengunjung blog atau yang sering disebut Counter Web, namun bedanya Site meter tidak memberikan perhitungan Jumlah pengunjung blog secara langsung didalam blog orang yang menggunakan fasilitas dari sitemeter tersebut,atau bisa dikatakan site meter adalah counter web tersembunyi .mengapa dikatakan sebagai counter web tersembunyi ? ya karena sitemeter hanya memberikan banner atau link menuju counter blog kita. dibawah ini adalah contoh banner dari sitemeter .



Jadi jika sobat ingin memasang web counter yang tidak ingin dilihat oleh pengunjung blog secara langsung,,sobat bisa menggunakan site meter ini .jika sobat tertarik untuk memasang sitemeter,silakan ikuti langkah-langkah Cara Pasang Site Meter di bawah ini .

Cara Pasang Site Meter

1.Klik http://www.sitemeter.com/.

2.Klik Sign Up pada pilihan Site Meter Basic Free .

3.Klik lagi Sign Up pada pilihan Site Meter Basic Free.

4.Kemudian isikan data yang diperlukan pada form pendaftaran, seperti :
  • Your Site's URL isikan dengan Alamat blog sobat.
  • Your Site's NAME isikan dengan judul blog sobat.
  • Codename isikan dengan nama sobat atau dengan kata yang lainya .
  • Your Current time biarkan saja .
  • Beri tanda titik pada By checking this box I agree to be bound by.


5.Klik Next.

6.Pada form pendaftran selanjutnya silakan isikan form pendaftaran tersebut dengan lengkap ,Seperti :
  • Email addres isikan dengan alamat email sobat.
  • Title isikan dengan Other saja.
  • Your ZIP or postal Code isikan dengan kode pos alamat sobat ,atau isi saja dengan 17422.
  • Country isikan dengan indonesia.
  • Pilih jenis kelamin sobat pada GENDER.
  • Beri tanta titik NO pada pilihan Can you receive HTML email.
7.Klik Next.

8.klik Next lagi setelah ada pernyataan dan tidak ada masalah pada pendaftaran.

9.Selanjutnya klik Manager pada tab menu yang ada diatas.

10.Kemudian klik HTML pada Adding Site Meter to your site .atau biar lebih jelasnya lihat gambar dibawah.



11.Copy seluruh kode HTML yang diberikan Sitemeter.

12.Selanjutnya Login ke blogger.

13.Klik Tata Letak.

14.Klik Tambah Gadget.

15.Kemudian pilih HTML/javascript.

16.Selanjutnya paste Seluruh kode HTML yang tadi kedalamnya.

17.Klik Simpan.

18.Selesai... untuk melihat jumlah pengunjung blog sobat tiap hari ,sobat tinggal klik aja banner tersebut.nanti akan tertampil statistik blog sobat.
By  : http://klinik-it.blogspot.com/2010/03/cara-pasang-site-meter.html