Sini Donk Blog

Cara Pasang Like Box FaceBook di Blog

Anda punya facebook? Apakah anda ingin tau seberapa banyak fans blog anda di facebook? ini dia jawaban nya, "Like Box". Like box ini merupakan widget. Pasti anda sudah tau apa itu widget.Klo udah namanya widget pasti bisa di pasang di blog atau website kita.

Tanpa berbasa-basi lagi simak nich cara membuatnya.

   1. Setelah login ke FB, klik link ini Create Facebook Page
   2. Pilih yang dibagian Official Page
   3. Di section Brand, Products or Organization pilih Website
   4. Kemudian isi Pagename sesuai dengan nama page yang anda inginkan.
   5. Setelah selesai klik Create Official Page
   6. Dan Official Page anda telah selesai dibuat.
   7. Selanjutnya anda dapat menambahkan foto atau mengedit profil sesuai dengan keinginan anda.

Cara Membuat Like Box

   1. Setelah selesai membuat Official Page pribadi anda di facebook, langkah selanjutnya adalah membuat Like Box.
   2. Klik Edit page.
   3. Lalu klik Promote with a Like Box
   4. Pada Facebook Page ID isikan dengan Facebook Page ID anda
   5. ID ini dapat anda temukan di address bar browser Anda.
   6. Maka akan Like Box anda akan muncul. Anda tinggal mengatur saja Width,
   7. Width : lebar dari like box, Height : tinggi dari like box, Connections : Jumlah orang yang meng-like page anda (sesuaikan dengan header dan width), Stream : aktivitas live terbaru dari page anda, Header : opsi untuk menampilkan Find us on Facebook atau tidak.
   8. Setelah selesai anda setting, klik Get Code
   9. Dan akan muncul 2 macam code yang dapat anda pilih.
10. Saya menyarankan anda gunakan XFBML, karena kelebihan dari XFBML adalah lebih flexible dibandingkan dengan iframe.
11. Kelebihan lain dari XFBML adalah Like Box yang anda pasang nanti tidak akan menghalangi loading element lain di blog anda. Berbeda dengan iframes, contoh : like box anda taruh di sidebar bagian atas, jika loading like box ini belum complete, maka widget atau elemen lain di bawah like box tersebut tidak akan di-load sebelum like box anda di-load secara utuh.
12. Namun ada code yang harus anda tambahkan agar anda dapat menambahkan code XFBML ini. Masukkan kode dibawah ini di header.php anda setelah
      Code:
      <body>
      Atau buka link ini dan copy Javascript SDK code yang ada di halaman tersebut.
13. Code:
      <div id=”fb-root”></div> <script> window.fbAsyncInit = function() { FB.init({appId: ‘your app id’, status: true, cookie: true, xfbml: true}); }; (function() { var e = document.createElement(‘script’); e.async = true; e.src = document.location.protocol + ‘//connect.facebook.net/en_US/all.js’; document.getElementById(‘fb-root’).appendChild(e); }()); </script>
14. Setelah itu anda tinggal memasukkan kode XFBML tadi di widget atau di manapun yang Anda mau.

Blogging

Cara Gampang pasang Tool Parse HTML

Pernah bikin iklan?? kalau pernah bikin iklan pasti tidak akan lupa dengan tool yang satu ini. Alat parse ini digunakan untuk kode iklan yang susunan ny masih html biasa yang masih berantakan dan belum rapih. Dengan tool ini diharapkan kode script nya akan terhindar dari kemungkinan erorr saat di pasang menjadi iklan.

Oke tanpa berbasa-basi lagi, kita mulai langkah-langkah nya.

Pasang script kode HTML yang hendak kalian parse ke dalam box ini

Selamat kode script html nya sudah bisa digunakan...Semoga bermanfaat.

The Movies

Film Contract Killer (Jet Li 1998)

Film ini mengisahkan adanya seorang konglomerat tua asal Jepang yang bernama Eiji (Keiji Sato). Ketika pada suatu hari Eiji memiliki kecurigaan bahwa seseorang akan membunuhnya, maka sebagai orang yang memiliki harta berlimpah, maka ia membuat sebuah sayembara dengan menyediakan hadiah besar bagi siapa pun yang dapat menemukan orang yang hendak membunuhnya.
Sayangnya sang konglomerat tua tersebut malah diketemukan tewas terbunuh, namun sayembara yang diselenggarakan tetap berlaku. Kali ini peserta sayembara harus menemukan dan menangkap pembunuh Eiji yang diduga adalah Raja Pembunuh Bayaran (King of the Hitmen).
Karena sedang bangkrut dan membutuhkan banyak uang, akhirnya seorang bandit kelas teri yang bernama Ngok Lo (Eric Tsang) berminat mengikuti sayembara tersebut. Namun karena Ngok Lo merasa tidak sanggup melakukan sendirian sehingga iapun meminta seorang pembunuh bayaran yang masih hijau namun memiliki ilmu bela diri sangat tinggi yakni Fu (Jet Li) untuk bergabung dengannya dalam usaha melacak identitas Raja Pembunuh Bayaran yang sangat misterius.
Ternyata tidak mudah bagi dua sekawan untuk melacak jejak Raja Pembunuh bayaran karena selain ahli dalam membunuh, pembunuh tersebut juga adalah ahli penyamaran. Selain itu, Ngok Lo dan Fu juga harus menghadapi persaingan yang keras dan ketat dengan peserta sayembara lainnya yang juga sangat berminat dengan hadiah besar itu.
Film yang menjadi nominator dalam Hong Kong Film Awards (1999) untuk kategori Best Action Choreography ini, selain didukung oleh Eric Tsang, Simon Yam serta Gigi Leung, juga dibintang oleh Jet Li, sang maestro Kung Fu Hong Kong. Sebagai salah satu dari sekian banyak film yang dibintangi Jet Li, film ini memiliki beberapa keunikan. Selain suara Jet Li yang tidak disulih suarakan, karena penonton dapat mendengarkan Jet Li berbicara dengan aksen Kanton, dalam film yang diproduksi tahun 1998 ini, karakter tokoh yang diperankan Jet Li sangat berbeda dengan peran-peran Jet Li di film-film lainnya yang biasa tampil sebagai jagoan.

Bagi sobat yang berminat dengan film ini, silahkan di sedoott.......

The Movies

Wu Xia (Donnie Yen 2011)

Penonton khusus nya sobat yang familiar dengan A History of Violence (2005) karya David Cronenberg kemungkinan besar akan sangat mengenal jalan cerita yang ditawarkan oleh Peter Chan lewat film pertamanya setelah mengarahkan The Warlords pada tahun 2007 lalu, Wu Xia. Dirilis dengan judul Dragon dan Swordsmen di beberapa negara, film ini mengisahkan mengenai Liu Jinxi (Donnie Yen) yang baru saja membunuh dua orang penjahat yang berniat untuk merampok pemilik toko kertas tempat ia bekerja. Tak disangka, salah satu dari penjahat tersebut merupakan seorang buronan yang telah lama dicari-cari oleh pihak kepolisian dan dikenal sebagai seorang penjahat brutal yang memiliki kemampuan kungfu yang sangat tinggi. Keberhasilan Liu Jinxi dalam membunuh sang buronan kemudian membuat salah seorang detektif bernama Xu Baijiu (Takeshi Kaneshiro) kemudian mulai menyelidiki siapa Liu Jinxi sebenarnya.

Sebagai seorang yang ahli di bidang fisiologi dan mengenal daerah titik-titik tekanan (pressing points) pada tubuh yang biasanya digunakan oleh seseorang yang memiliki kemampuan martial arts untuk memberikan rasa sakit pada lawannya, Xu Baijiu sangat merasa penasaran mengenai bagaimana seorang biasa seperti Liu Jinxi mampu menggunakan kemampuan tersebut dalam mengalahkan lawannya. Penelusuran yang dilakukan oleh Xu Baijiu akhirnya mampu sedikit mengungkap masa lalu Liu Jinxi bahwa ia merupakan seorang pendatang di desa tersebut dan memiliki masa lalu yang gelap dengan keluarganya. Sementara itu, di sebuah tempat lain, para anggota kelompok 72 Demons yang kejam dan telah lama mencari salah satu anggotanya yang hilang, Tang Long, mulai menemukan titik terang mengenai keberadaan pria tersebut… yang ternyata memiliki hubungan dengan keberadaan Liu Jinxi.

Walau memiliki judul yang sangat umum – Wu Xia, yang merupakan sebuah sebutan genre dalam fiksi China yang melibatkan deretan adegan pertarungan martial arts antara karakter-karakternya – Wu Xia tidak melulu mengisahkan mengenai adu kemampuan bertarung yang dilakukan oleh para karakternya. Penulis naskah, Aubrey Lam, mampu menuliskan lebih dari itu. Meskipun jalan cerita film ini menempatkan kisah hidup karakter Liu Jinxi sebagai jalan cerita utamanya, namun penyelidikan detektif Xu Baijiu-lah yang menjadi sorotan utama yang mampu mengalirkan kisah cerita di film ini. Lewat berbagai analisis Xu Baijiu yang ia lakukan secara fisiologi maupun pressing points terhadap kasus yang melibatkan Liu Jinxi penonton kemudian secara perlahan diperkenalkan pada rangkaian masa lalu Liu Jinxi yang akhirnya akan mengambil alih jalan cerita pada paruh kedua film – dimana Wu Xia akhirnya benar-benar akan menampilkan deretan adegan yang berisi koreografi action yang menawan.

Peter Chan melakukan pekerjaan yang sangat sempurna dalam mengarahkan jalan cerita Wu Xia sehingga mampu berjalan dengan ritme yang tidak pernah berjalan terlalu cepat namun mampu terhindar dari jalan penceritaan yang terlalu bertele-tele – walaupun beberapa bagian cerita ditampilkan dengan durasi yang sebenarnya dapat dipersingkat. Chan juga mampu mengeluarkan kemampuan akting terbaik dari setiap jajaran pemeran filmnya, bahkan dari Donnie Yen yang dikenal kurang mampu menampilkan tampilan emosi yang mendalam dari wajahnya. Dalam Wu Xia, Chan memanfaatkan penampilan Yen yang tenang dengan baik pada saat karakter yang Yen digambarkan sebagai seorang pria/suami/ayah biasa, namun menggali kemampuan martial arts Yen dengan maksimal ketika karakter yang ia perankan dikisahkan mulai melakukan pertarungannya. Koreografi action yang diarahkan oleh Yan Hua dan Tanagaki Kenji serta melibatkan Yen pada beberapa bagian juga tampil sangat memukau, khususnya pada paruh kedua film yang memang dipenuhi banyak adegan laga tersebut.

Pemeran lainnya juga mampu tampil tidak mengecewakan. Sebagai seorang detektif dengan kemampuan analisis yang tajam, Takeshi Kaneshiro tampil meyakinkan. Peran Kaneshiro dan Yen dapat dinilai sama maksimalnya dalam jalan cerita Wu Xia dengan keduanya mampu memberikan chemistry yang cukup meyakinkan ketika tampil bersama dalam sebuah adegan. Sayangnya tidak banyak cukup ruang yang diberikan kepada Tang Wei yang berperan sebagai istri karakter Liu Jinxi, namun penampilan Wei tetap tampil meyakinkan. Wu Xia juga menampilkan Jimmy Wang dan Kara Hui dalam penampilan yang singkat namun sangat mencuri perhatian lewat adegan laga yang mereka isi. Penampilan keduanya juga menjadi salah satu momen emas di sepanjang berjalannya durasi Wu Xia selama 116 menit.

Sebagai sebuah film period, Peter Chan juga mampu menghadirkan tata produksi yang meyakinkan. Mulai dari tata kostum, tata rias hingga art direction mampu memberikan dukungan yang akan meyakinkan penonton Wu Xia bahwa jalan cerita film ini berjalan pada tahun 1917. Yang juga menjadi highlight Wu Xia adalah tata musik film ini yang diarahkan tiga orang komposer sekaligus: Chan Kwong-wing, Peter Kam dan Pong Prapahanchatchi. Keberadaan tiga kepala pada pengarahan musik memberikan tata musik yang cukup bervariasi di sepanjang penceritaan Wu Xia. Tata musik Wu Xia mampu tampil begitu lembut dan harmonis ketika adegan menceritakan mengenai kehidupan pedesaaan, namun tampil kuat dan menggugah ketika adegan laga berlangsung. Penggunaan elemen musik rock pada adegan-adegan laga di penghujung film juga menjadi sebuah tampilan yang sangat menarik dan memberikan tambahan energi pada jalan cerita film.

Meskipun jalan cerita yang diusung oleh Wu Xia terasa cukup familiar, namun Peter Chan mampu memberikan berbagai elemen yang dapat membuat film yang ia arahkan terasa begitu segar untuk dinikmati. Perpaduan yang pas antara kisah penyelidikan, misteri mengenai masa lalu dan adegan-adegan laga yang memukau menjadikan Wu Xia sama sekali tidak pernah terlihat datar bahkan dalam durasi penayangannya yang cukup panjang itu. Didukung dengan kemampuan para jajaran pemerannya dalam menampilkan kemampuan akting yang apik, tata produksi yang meyakinkan, khususnya tata musik yang bervariasi dan benar-benar mampu mengisi di setiap adegan, Wu Xia adalah sebuah film bercita rasa tinggi dengan kualitas yang akan sangat memuaskan para penontonnya.

Mau film nya?? Okey biar sobat seneng, nich saya beri.....

Blogging

Widget atau Sidebar yang Ditampilkan atau Disembunyikan di Halaman Tertentu

Salah satu cara untuk membuat tampilan blog kita sesuai dengan ritme yang kita inginkan dan berjalan dinamis yaitu bisa dengan cara menyembunyikan item-item seperti widget,sidebar,dan footer (artikel ini berasal dari teman : kode-blogger) . Misalnya sidebar dan footer hanya tampil pada halaman utama. nah, bagaimana caranya ?? berikut trick-nya.

Ikuti langkah-langkah berikut ini

1. Pertama Login ke account blog sobat.

2. Pilih Tata Letak kemudian Edit HTML.

3. Centang Expland Template Widget.

Misalnya sobat mau nyembunyiin widget yang ada di blog sobat, contoh, widget recent post/comment.

4. Maka carilah kode widget id dari gadget post/comments itu, lalu sisipkan baris kode yang berwarna biru pada baris kode widget id dari gadget comments tadi seperti dibawah ini:

<b:widget id='Feed1' locked='false' title='Comments' type='Feed'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<h2><data:title/></h2>
<div class='widget-content' expr:id='data:widget.instanceId + "_feedItemListDisplay"'>
<span style='filter: alpha(25); opacity: 0.25;'>
<a expr:href='data:feedUrl'><data:loadingMsg/></a>
</span>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

5. Kalau sudah, lalu simpan template.

Maka sekarang sidebar post/comments hanya akan tampil pada halaman depan saja.

Contoh Lagi, Misalnya Sobat mau menyembunyikan Widget daftar isi di slidbar, yang hanya ingin ditampilkan pada halaman posting selanjutnya, maka setelah menemukan baris kode widget id yang dinginkan, maka sispkan baris kode yang berwarna Biru pada baris kode widget id dari widget daftar isi tadi.

<b:widget id='HTML2' locked='false' title='Facebook Profile' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>
<!-- only display title if it's non-empty –>
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'> <data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

Setelah selesai, lalu simpan template.
Maka sekarang widget daftar isi hanya akan tampil pada halaman selanjutnya saja, dimana posting tampil utuh. Sedangkan pada halaman depan widget ini tidak akan ditampilkan.

Jika yang ingin disembunyikan pada halaman depan dan ditampilkan pada halaman selanjutnyaadalah satu elemen halaman, misalnya sidebar yang paling kanan, maka baris kode yang harus disisipi kode adalah seperti berikut :

Setelah itu Simpan template.
Maka gak usah khawatir, jika ternyata nanti pada bagian Elemen Laman, sidebar yang telah diberi kode tersebut akan tidak tampak. Untuk mengedit isi sidebar tersebut, cukup hapus baris kodeyang telah disisipkan tadi agar sidebar tersebut terlihat kembali.

Nah mungkin ada yang belum tahu cara mencari widget id slidbar, saya jelasin lagi neh..
1. Masuk ke edit laman, click edit pada sidebar yang ingin kita tahu widget id-nya.
gambar dibawah ini

2. Perhatikan gambar di atas, tulisan di pojok kanan atas yang di blok warna biru, itulah kode widget id. itulah cara mengetahui widget id, pada widget blog.

NB : Untuk memudahkan pencarian kode pada kolom HTML, gunakan kolom pencari dengan mengklik Ctrl + F, lalu ketikan kata atau kalimat yang ingin dicari.

Blogging

Cara Mudah Memasang Breadcrumb pada Blog

Jumpa kembali sobat. Kali ini saya akan posting tentang breadcrumb. Hemm..mungkin untuk para blogger pemula ada yang sempat bingung, Apa itu breadcrumb dan fungsi dari breadcrumb itu untuk apa ?
Ayo kita bahas tentang breadcrumb dan cara membuatnya.

Breadcrumb adalah sebuah susunan menu navigation yang letaknya berada tepat di atas judul postingan, dan susunan menu ini diawali dengan home terlebih dahulu kemudian dilanjutkan dengan nama label atau sobat ingin mengetahui lebih jelasnya seperti apa itu breadcrumb, Coba perhatikan contoh gambar di postingan ini, lalu untuk apa fungsi dari fitur breadcrumb ini, fitur dari fungsi breadcrumb ini adalah salah satu tekhnik Tips SEO agar mesin pencari bisa mengetahui struktur dari menu navigasi breadcrumb postingan yang kita share tersebut, dan bisa juga dikatakan untuk mempertahankan posisi serp di search enggine, itupun jika benar posisi pemasangan pada label yang kita buat di menu navigasi breadcrumb di postingan tersebut.

Lalu bagaimana cara pemasangan breadcrumb ini, Sebenarnya cara membuat navigasi breadcrumb di blogspot ini sangatlah mudah dan simple, sobat hanya tinggal menambahkan kode script breadcrumb ini ke dalam template blogs.

Adapun langkah - langkah cara memasang breadcrumb di blogspot ini sebagai berikut :

Silahkan Logg in terlebih dahulu di account blogger sobat >> klik menu Template >> klik Edit Html , kemudian silahkan dengan melanjutkan pencarian kode script <b:if cond='data:post.title'> di dalam template tersebut, Jika sudah menemukan kode yang dicari silahkan copy paste script di bawah ini dan untuk pemasangan kode dibawah ini simpan sesudah atau di bawah kode script <b:if cond='data:post.title'>

<b:if cond='data:blog.pageType == "item"'>
    <a href='http://nama.blogspot.com/'>Home</a> »
    <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 != "true"'>,</b:if>
    </b:loop>
    »
    </b:if>
    <data:post.title/>
    <hr/>
    </b:if>

Silahkan diganti terlebih dahulu kode yang berwarna merah ini http://nama.blogspot.com/ di dalam kode script breadcrumb dengan nama blogs sobat, Jangan lupa simpan template dan untuk melihat hasilnya, Cek disini http://www.google.com/webmasters/tools/richsnippets dengan cara tinggal memasukkan alamat link blogs sobat saja di tool rich snippets itu.

Selesai sudah, bagimana sobat? Gampang khan memasang breadcrumb di blog hehehe..., semoga bermanfaat dan bisa mudah dipahami artikel cara membuat breadcrumb postingan diatas.

Blogging

Struktur-Dasar-Template-Blog

Bila kita ingin mengedit tampilan template blog, langkah awal yang perlu kita pahami yaitu mengenai struktur dasar dari template itu sendiri. Dengan mengenal struktur dasar template blog maka kita bisa dengan mudah mengkreasikan tampilan template kita seperti menambah kolom widget, mengatur font template, mengatur tampilan sidebar template, kemudian tampilan menu nya juga, pokoke masih banyak lagi dech yang lainnya.

Berikut ini gambar kerangka dari struktur dasar template blog

<?xml version="1.0" encoding="UTF-8" ?>
        <!DOCTYPE html>
        <html >
        <head>
        <b:include data='blog' name='all-head-content'/>
        <title><data:blog.title/></title>
        <b:skin><![CDATA[
        /* Letakkan CSSmu disini */
        ]]></b:skin>
        </head>
        <body>
        <b:section class='header' id='header' maxwidgets='1' showaddelemenet='no'>
        <b:widget id='Header1' locked='true' title='titl blog (Header)' type='Header'/>
        </b:section>
        <b:section class='main' id='main'>
        <b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
        </b:section>
        </body>
        </html>

Untuk penjelasan lebih lanjut, menunggu tutorial selanjutnya. Moga bermanfaat.

Sini Donk Blog

Postingan Populer

Iklan 728x90

Cara Pasang Like Box FaceBook di Blog

Cara Gampang pasang Tool Parse HTML

Film Contract Killer (Jet Li 1998)

Wu Xia (Donnie Yen 2011)

Widget atau Sidebar yang Ditampilkan atau Disembunyikan di Halaman Tertentu

Cara Mudah Memasang Breadcrumb pada Blog

Struktur-Dasar-Template-Blog

Iklan 300x250

Label

Arsip Blog

About