Tampilkan postingan dengan label cara. Tampilkan semua postingan
Cara Membuat Kolom Komentar Facebook di Blog yang saya tulis ini adalah sekian cara yang telah ada dan dibahas oleh teman-teman blogger tanah air dan mungkin cara yang saya buat ini adalah cara termudah dalam membuat kolom komentar facebook di blog. Kenapa saya bilang mudah? Karena hanya sedikit kode-kode yang perlu ditambahkan kedalam halaman pengeditan template blog anda. Cara membuat kolom komentar Facebook di blog ini telah saya terapkan kedalam blog saya sendiri tapi bukan di blog ini karena sudah banyak kode-kode yang telah saya pasang untuk blog ini.
Sebelum melanjutkan pembahasan mengenai cara membuat kolom komentar Facebook di blog ini, sedikit perlu saya jelaskan manfaat adanya kolom komentar Facebook di blog yaitu akan meningkatkan jumlah pengunjung blog anda melalui Facebook. Kok bisa? Karena setiap anda berkomentar maka komentar anda akan tampil di halaman beranda (biasanya ada di sidebar sebelah kanan Facebook) facebookers yang lain dan jika facebookers tersebut membaca update-an komentar anda dan mengkilk tautan komentar tersebut maka secara langsung facebookers tersebut akan diarahkan ke blog anda. Tapi ingat! kolom komentar Facebook di blog ini akan berfungsi maksimal jika yang berkomentar sedang dalam keadaan aktif dengan akun facebooknya atau tidak mencentang Post to Facebook yang ada didalam kolom komentar.
Okey, dan berikut cara membuat kolom komentar Facebook di blog
Sebelum melanjutkan pembahasan mengenai cara membuat kolom komentar Facebook di blog ini, sedikit perlu saya jelaskan manfaat adanya kolom komentar Facebook di blog yaitu akan meningkatkan jumlah pengunjung blog anda melalui Facebook. Kok bisa? Karena setiap anda berkomentar maka komentar anda akan tampil di halaman beranda (biasanya ada di sidebar sebelah kanan Facebook) facebookers yang lain dan jika facebookers tersebut membaca update-an komentar anda dan mengkilk tautan komentar tersebut maka secara langsung facebookers tersebut akan diarahkan ke blog anda. Tapi ingat! kolom komentar Facebook di blog ini akan berfungsi maksimal jika yang berkomentar sedang dalam keadaan aktif dengan akun facebooknya atau tidak mencentang Post to Facebook yang ada didalam kolom komentar.
Okey, dan berikut cara membuat kolom komentar Facebook di blog
- Buatlah sebuah aplikasi yang akan mengintegrasikan blog anda dengan Facebook. Untuk membuatnya, silahkan baca Cara membuat aplikasi Facebook
- Jika sudah selesai membuat aplikasi facebooknya, buka akun blogger anda
- Pilih menu Template >> Edit Html >> centang Expand Template Widget >> tekan tombol Ctrl+F di keyboard
- Cari kode <b:skin><
- Keterangan
- Ganti profil.sriwahyuni dengan nama akun Facebook anda
- Ganti 259054834227698 dengan ID Aplikasi Facebook anda yang telah anda buat
- Cari kode <div class='post-footer-line post-footer-line-3'/> dan tambahkan kode berikut tepat dibawah <div class='post-footer-line post-footer-line-3'/>
<b:if cond='data:blog.pageType == "item"'>
<div class='fb-comments' data-num-posts='10' data-width='550' expr:data-href='data:post.url'/>
</b:if>
- Keterangan
- data-num-posts='10' merupakan jumlah komentar yang tampil. Silahkan anda ganti jika ingin menampilkannya lebih banyak
- data-width='550' merupakan lebar kolom komentar. Silahkan diganti dengan menyesuaikan lebar area postingan blog. Bukan lebar blog
- Selesai dan simpan Template blog anda. Lihat hasilnya di bagian bawah artikel atau diatas kolom komentar Blogspot
Rating: 4.5
Reviewer: Unknown
ItemReviewed: Cara Membuat Kolom Komentar Facebook di Blog
Cara Memperbesar Gambar Blog sudah saya jelaskan pada artikel yang lain di blog ini yaitu cara memberikan efek memperbesar (zoom) gambar blog. Memang judul artikel yang saya gunakan sama yaitu mempebesar gambar blog tapi ada perbedaan tampilan gambar yang terlihat dengan artikel sebelumnya dan artikel ini. Tentu efek mempebesar gambar blog ini memiliki perbedaan tampilan karena kode yang digunakan seperti yang terlihat pada demo berikut ini
Demo perbandingannya nich...
Dari contoh tampilan demo diatas, anda tentunya sudah memiliki gambaran tentang cara memperbesar gambar blog yang terbaik yang bisa anda gunakan kedalam artikel blog anda.
Perbedaan lainnya adalah pada artikel ini tampilan gambar memiliki keunikan tersendiri yaitu saat gambar membesar, maka daerah disekitarnya akan terpengaruh dan cenderung btertutup jika tampilan gambar melewati batas area postingan. Artinya, ia tetap menggunakan lebar dari lebar artikel blog anda!
Cara memperbesar gambar blog yang satu ini juga terbilang mudah dalam membuatnya, anda tidak perlu memasang kode kedalam template blog tapi cukup memasukkan kode berikut ini kedalam setiap postingan gambar blog anda.
Salin kode berikut untuk memberikan efek zoom pada gambar
<style type="text/css">
border: none;
vertical-align: top;
</style>
<script src="http://yourjavascript.com/21133715255/zoomeffectpict2.js" type="text/javascript"></script>
<img class="expando" height="120" src="Url Gambar" width="100" />
Keterangan :
height="120" : Ukuran tinggi gambar
width="100" : Ukuran lebar gambar
Url Gambar : Ganti dengan link gambar
Selesai. Demikian cara memperbesar gambar blog yang mungkin bisa anda gunakan dan semoga bermanfaat. Jika ada kesalahan, silahkan berkomentar untuk artikel ini, cara memperbesar gambar blog
Demo perbandingannya nich...
| Demo A untuk artikel sebelumnya | Demo B untuk artikel ini | ||
|---|---|---|---|
| |
Dari contoh tampilan demo diatas, anda tentunya sudah memiliki gambaran tentang cara memperbesar gambar blog yang terbaik yang bisa anda gunakan kedalam artikel blog anda.
Perbedaan lainnya adalah pada artikel ini tampilan gambar memiliki keunikan tersendiri yaitu saat gambar membesar, maka daerah disekitarnya akan terpengaruh dan cenderung btertutup jika tampilan gambar melewati batas area postingan. Artinya, ia tetap menggunakan lebar dari lebar artikel blog anda!
Cara memperbesar gambar blog yang satu ini juga terbilang mudah dalam membuatnya, anda tidak perlu memasang kode kedalam template blog tapi cukup memasukkan kode berikut ini kedalam setiap postingan gambar blog anda.
Salin kode berikut untuk memberikan efek zoom pada gambar
<style type="text/css">
border: none;
vertical-align: top;
</style>
<script src="http://yourjavascript.com/21133715255/zoomeffectpict2.js" type="text/javascript"></script>
<img class="expando" height="120" src="Url Gambar" width="100" />
Keterangan :
height="120" : Ukuran tinggi gambar
width="100" : Ukuran lebar gambar
Url Gambar : Ganti dengan link gambar
Selesai. Demikian cara memperbesar gambar blog yang mungkin bisa anda gunakan dan semoga bermanfaat. Jika ada kesalahan, silahkan berkomentar untuk artikel ini, cara memperbesar gambar blog
Rating: 4.5
Reviewer: Unknown
ItemReviewed: Cara Memperbesar Gambar Blog
Cara Memberikan Efek Memperbesar (Zoom) Gambar Blog memiliki keuntungan tersendiri yaitu menghemat ruang artikel pada tulisan blog dan selain itu memberikan efek memperbesar gambar blog juga mempercepat proses loading blog. Berapa pun banyaknya gambar yang ingin ditampilkan kedalam artikel tidak akan pernah jadi masalah dan anda juga tidak perlu kwuatir terhadap loading blog anda karena saat proses loading berjalan, yang terbaca adalah gambar kecil yang telah diatur sebelumnya.
Cara memberikan efek memperbesar (zoom) gambar blog ini telah saya gunakan pada salah satu artikel saya yang menggunakan banyak gambar dan bisa anda lihat di cara mengetahui kode template atau pada contoh tampilan gambar berikut ini
Demonya
Silahkan arahkan kursor mouse ke gambar berikut ini
Untuk membuat efek memperbesar gambar blog seperti demo diatas, silahkan ikuti caranya sebagai berikut. Dan jika anda tidak tertarik menggunakan efek zoom gambar blog ini, saya juga telah membuat trik lainnya yang bisa anda baca di Cara Memperbesar Gambar Blog
Berikut Cara Memberikan Efek Memperbesar (Zoom) Gambar Blog
Demikian cara memberikan efek memperbesar (zoom) gambar blog yang mungkin bisa anda gunakan dan semoga bermanfaat. Jika ada kesalahan, silahkan berkomentar untuk artikel ini, cara memberikan efek memperbesar (zoom) gambar blog
Cara memberikan efek memperbesar (zoom) gambar blog ini telah saya gunakan pada salah satu artikel saya yang menggunakan banyak gambar dan bisa anda lihat di cara mengetahui kode template atau pada contoh tampilan gambar berikut ini
Silahkan arahkan kursor mouse ke gambar berikut ini
Untuk membuat efek memperbesar gambar blog seperti demo diatas, silahkan ikuti caranya sebagai berikut. Dan jika anda tidak tertarik menggunakan efek zoom gambar blog ini, saya juga telah membuat trik lainnya yang bisa anda baca di Cara Memperbesar Gambar Blog
Berikut Cara Memberikan Efek Memperbesar (Zoom) Gambar Blog
- Masuk ke akun blogger anda
- Pilih menu Template >> Edit Html >> tekan Ctrl+F pada keyboard
- Cari kode </head>
- Letakkan kode berikut diatas </head>
<script src="http://yourjavascript.com/29031127131/zoomeffectpict.js" type="text/javascript"></script>
<script src="http://yourjavascript.com/82412173123/zoomeffectpict1.js" type="text/javascript"></script>
<style>#preview{position:absolute;border:1px solid #ccc;background:#333;padding:5px;display:none;color:#fff;}</style> - Simpan template
- Setelah memasang kode diatas kedalam template blog anda, gunakan kode berikut setiap kali anda ingin memberikan efek memperbesar gambar blog kedalam artikel atau postingan
<a class="preview" href="Ulr Gambar Besar" title="Judul Gambar"><img alt="gallery thumbnail" height="110" src="Ulr Gambar Besar Tapi Kecil" width="170" /></a>
Keterangan- Ulr Gambar Besar : Ukuran asli dari gambar
- Ulr Gambar Besar Tapi Kecil : Ukuran asli dari gambar yang sudah memiliki ukuran kecil karena sudah memiliki skala 110 untuk tinggi gambar dan 170 untuk lebar gambar
- height="110" : Ukuran tinggi gambar
- width="170" : Ukuran lebar gambar
- Untuk kode JavaScript, jika ia tidak bekerja atau kadaluarsa karena gangguan host, silahkan baca panduannya Disini atau tinggalkan komentar
- Atau pastikan didalam template anda sudah terpasang kode javascript dari Jquery. Jika belum, silahkan ambil kodenya di Jquery.com yang saat sudah berada pada versi 1.9
Demikian cara memberikan efek memperbesar (zoom) gambar blog yang mungkin bisa anda gunakan dan semoga bermanfaat. Jika ada kesalahan, silahkan berkomentar untuk artikel ini, cara memberikan efek memperbesar (zoom) gambar blog
Rating: 4.5
Reviewer: Unknown
ItemReviewed: Cara Memberikan Efek Memperbesar (Zoom) Gambar Blog
