Showing posts with label di. Show all posts
Showing posts with label di. Show all posts

Sunday, December 22, 2013

Restoran Unik Makan di Dalam Mobil Vintage

- 0 comments
 Terkadang, saat tidak memiliki banyak waktu di pagi hari, kita sering membawa sarapan ke dalam mobil. Lebih praktis. Dan mungkin ini sudah menjadi gaya hidup. Sebuah restoran di Taiwan terinspirasi dari tren ini. Mereka menawarkan suatu pengalaman makan di dalam mobil yang menyenangkan. P.S Bu Bu Restaurant, di dalamnya terdapat beberapa jenis mobil yang sengaja diparkirkan untuk ruang makan yang nyaman dan personal.

Sang pendiri restoran, Ponny dan Sean adalah penggemar mobil-mobil klasik, mereka mendirikan restoran pada tahun 1999 lalu. Masakan yang dihidangkankan pun termasuk modern. Masakan ala Barat. Mereka juga menyediakan  hidangan fusion unik yang dapat memenuhi selera orang Taiwan. Meskipun makanan yang dihidangkan disini mendapat review yang memuaskan, namun kenikmatan akan suasana era 60-an lah yang membuat banyak pengunjung datang ke restoran ini. 


Dibantu oleh dekorasi unik, P.S Bu Bu mengajak para pengunjung kembali ke masa lalu. Mereka bahkan melengkapi dengan koleksi-koleksi antik untuk dipajang di restoran ini demi menciptakan suasana klasik, seperti piring lisensi Amerika, meteran parkir, dan stasiun bahan bakar, serta roda kemudi di pegangan pintu mobil.
Mobil-mobil yang diparkir di dalam restoran adalah mobil ikonik yang sudah dimodifikasi pada beberapa bagian untuk menciptakan ruang untuk bangku dan meja.

Anda tinggal memilih, mau duduk di Austin Mini, Cadillac Seri 1963 6200 Coupe, Volkswagen Beetle atau mobil vintage lainnya dengan seri Chevrolet Bel Air 1955.
[Continue reading...]

Thursday, December 19, 2013

Penemuan Menakjubkan di 2012 yang Dulu Hanya Ada di Film Fiksi

- 0 comments
Tahukah kamu, manusia Cyborg sebenarnya sudah jadi kenyataan? Serta teknologi teleport - memindahkan objek - seperti di film Star Trek bisa dilakukan? Di abad 21 ini, semua hal yang dulu hanya khayalan di film fiksi ilmiah semakin mendekati kenyataan.

Selama tahun 2012, inilah 6 temuan teknologi menakjubkan yang berhasil dikembangkan.
 


 
1. Anggota Tubuh Bionik
Sebelumnya gambaran tubuh bionik muncul pada 1960. Istilah "cyborg" (cybernetic organism) dimunculkan oleh Manfred E Clynes dan Nathan S Kline dalam sebuah artikel yang keduanya tulis dalam jurnal Astronautics.

Sejak itu, anggota badan bionik telah menjadi kiasan dalam banyak potongan cerita fiksi. Tercatat muncul fiksi The Six Million Dollar Man dari tahun 1970-an, Borg of Star Trek dan bahkan Darth Vader, karakter sentral dalam  Star Wars.

Pada 2012 ini, untuk pertama kalinya, seorang wanita lumpuh mampu mengendalikan anggota tubuh robotnya. Adalah Claire Lomas, wanita yang lumpuh akibat sebuah kecelakaan berkuda pada 2007 yang mengakibatkan leher, tulang punggung dan tulang rusuknya patah. Tapi dengan sebuah bantuan tubuh bionik, ia mampu menjalankan lari maraton selama 16 hari.

Percobaan bionik pada primata juga sudah memungkinkan untuk membuat antarmuka otak komputer yang cukup efisien untuk merancang gerakan lebih realistis ke dalam anggota badan. Anggota badan bionik Lomas berbeda dengan bionik yang terdapat dalam kisah fiksi, karena masih terhubung melalui elektroda eksternal untuk tengkorak.

 
2. Teleportasi dan Komunikasi Kuantum
Dalam film Star Trek, terdapat sebuah teknologi yang disebut "teleportasi" yakni memindahkan suatu objek ke tempat lain melalui sebuah alat yang disebut transporter. Dengan alat ini, objek dapat dipindahkan ke sesuatu tempat tertentu dengan menghilangkan objek.

Kisah fiksi ini semakin menjadi nyata. Rekor baru untuk kejutan listrik foton (partikel elementer dalam fenomena elektromagnetik) langsung dari satu tempat ke tempat lain telah terjadi pada tahun ini. Teleportasi kuantum telah dilakukan di laboratorium untuk beberapa waktu, meski jarak hanya dalam ukuran beberapa meter.

Pada November 2012, rekor terbaru teleportasi kuantum tercipta yaitu 89 mil atau 143 km.  Selain teleportasi, para ilmuwan juga membangun internet kuantum pertama. Meski penemuan ini masih awal, tapi teleportasi foton untuk jarak beberapa mil akan memungkinkan komunikasi yang aman, anti disadap.

 
3. Penyakit genetik dapat dicegah
Rekayasa genetika untuk manusia yang lebih baik merupakan topik yang muncul berulang-ulang sejak novel "Brave New World" karya Aldous Huxley yang terbit pada tahun 1931. Novel ini menceritakan antisipasi perkembangan teknologi reproduksi masa depan yang mengubah masyarakat.

Novel ini memicu film seperti "Gattaca" yang menyajikan rekayasa genetik pada anak-anak untuk memastikan sifat genetik terbaik yang dihasilkan orang tua dan novel "Beggars" di Spanyol yang mengeksplorasi implikasi dari perubahan genetik muncul secara luas.

Nah, pada 2012 ini, konsep untuk rekayasa genetik telah muncul tapi untuk mencegah suatu penyakit mitokondria. Sekitar satu dari 200 orang yang lahir diperkirakan menderita dengan gangguan di mitokondria, pusat energi sel. Untuk pertama kalinya para ilmuwan mampu mentransfer inti DNA dari satu sel telur manusia yang lain. Dua kelompok independen menemukan cara untuk transplantasi inti antara sel telur manusia, dan meninggalkan DNA mitokondria, yang diturunkan dari ibu ke anak.

Temuan ini berarti membuat gangguan mitokondria dapat disembuhkan sebelum anak lahir. Meski teknik-teknik tersebut tidak akan menyembuhkan penyakit seperti sindrom Down, yang melibatkan inti DNA tapi itu menunjukkan bahwa beberapa manipulasi genom manusia bukan hanya mungkin, tapi bisa terjadi.

 
4. Penerjemah Universal
Dalam sebuah drama fiksi sains, penerjemah universal tersaji dalam serial "Doctor Who" yang dirilis sejak 1963. Dalam drama ini terdapat sebuah instalansi bernama "Time and Relative Dimension in Space (Tardis), sebuah mesin waktu, yang menghasilkan sebuah medan yang memungkinkan para wisatawan untuk memahami bahasa mahluk asing tanpa membutuhkan bantuan kamus.

Konsep penerjemah universal ini juga termasuk dalam novel trilogi "Mars" karya Kim Stanley Robinson, salah satu penulis sains fiksi asal Amerika Serikat.  Konsep ini berhasil diwujudkan dengan munculnya aplikasi penerjemah berbasis suara, Jibbigo. Aplikasi penerjemah ini membutuhkan koneksi internet. Beberapa penerjemah universal yang muncul yaitu Klingon dan Comic-con.

 
5. Kacamata Canggih di kepala
Pembaca novel "Accelerando" dari Charles Stross tentu sangat antusias menantikan kehadiran Google Glasses, sebuah kacamata canggih augmented reality besutan Google. Dalam novel yang dirilis pada 5 Juli 2005 tersebut, digambarkan tokoh protagonis, Manfred MacX membawa data dan memorinya dalam sepasang kacamata yang terhubung ke internet.

Sementara Google yang merilis Google Glasses pada tahun ini memungkinkan penggunanya untuk mengakses data, internet dan memotret melalui kamera yang ada di kacamata tersebut.

 
6. Penerbangan Ruang Angkasa Swasta
Dalam banyak cerita fiksi ilmiah, banyak perjalanan ruang angkasa dilakukan pihak swasta. Misalnya dalam film sains fiksi terbaru besutan Ridley Scott, "Prometheus" yang dirilis 30 Mei 2012. Dalam film ini, Weyland Corporation mendanai sebuah ekspedisi untuk mengikuti peta bintang ke bulan LV-223.

Dan kenyataannya, sebuah perusahaan ruang angkasa swasta, SpaceX, yang dimiliki Elon Musk akan meluncurkan puluhan misi pertama yang direncanakan ke Stasiun Antariksa Internasional (ISS). Kapsul Dragon dirancang untuk memasok ISS, namun Musk, yang juga pendiri PayPal, juga tak puas dengan misi tersebut. Ia memiliki rencana besar, melakukan kolonisasi Mars.





 
 
 
Sumber:
viva
[Continue reading...]

Thursday, December 12, 2013

Tahi Lalat Raksasa Tumbuh di Punggung Bocah

- 0 comments
Seorang bocah bernama Didier Montalvo tidak bisa hidup normal seperti halnya, anak lain pada umumnya. Bocah ini dijuluki "anak kura-kura", karena memiliki tahi lalat raksasa yang menutupi punggung dan terlihat seperti cangkang. 

Bocah berusia enam tahun itu ternyata menderita Congenital Melanocytic Nevus. Ini adalah sejenis penyakit bawaan yang langka, dimana tahi lalat yang ada sejak lahir bertumbuh besar dan bisa menjadi ganas. 

Keluarga Didier sempat dikucilkan oleh warga desanya yang meyakini penyakitnya terkait mistis. Didier dianggap mempunyai kekuatan jahat karena anak itu dikandung saat terjadi gerhana. oleh karena itu, Didier tidak pernah dibaptis dan dilarang untuk bersekolah.

Namun, semua penderitaan itu berakhir setelah seorang ahli bedah plastik terkemuka Inggris bertemu dengan Didier dan berjanji akan membuat dia tumbuh seperti anak yang lainnya. 

Dokter bernam Neil Bulstrode itu pun langsung terbang ke Kolombia untuk melakukan bedah terhadap Didier. Bersama tim ahli bedah Kolombia, mereka mengoperasi Didier tanpa imbalan apapun. Tim ini melakukan serangkaian proses pencangkokan kulit yang sangat rumit.

"Didier adalah kasus terburuk yang pernah saya lihat. Tubuhnya hampir ditutupi tahi lalat raksasa itu. Dia harus melalui sejumlah operasi yang memang menyakitkan, tapi saya merasa itu tidak sia-sia. Saya sangat senang dengan keadaannya saat ini," ujar Bulstrode.

Penyebab penyakit Didier belum diketahui. Namun para ahli berpikir ada perubahan dalam perkembangan sel-sel kulitnya yang  dipicu oleh mutasi gen.

sumber : http://international.okezone.com/read/2012/04/26/214/619200/tahi-lalat-raksasa-tumbuh-di-punggung-bocah
[Continue reading...]

Sunday, December 8, 2013

10 Bentuk Mesjid Terunik Di Dunia

- 0 comments
Selain sebagai tempat beribadah umat Muslim, ternyata masjid juga mempunyai nilai tinggi dalam bentuk bangunannya. Sangat keren dan luar biasa, tak kalah dengan bangunan-bangunan lain diluar tempat ibadah. Bayangkan saja bila umat Muslim bisa beribadah di salah satu tempat tersebut. Asyik pastinya dan berikut Masjid-masjid tersebut :

Masjid Sangkore, Timbuktu

Masjid Europa Point, Gibraltar

Masjid Larabanga, Mali

Masjid Missiri Frejus, Mali

Masjid Merah, Srilanka

Masjid Faisal, Pakistan

Masjid, Argentina

Masjid Al-Fateh, Bahrain

Masjid Badshahi, Pakistan

Masjid Omayyed, Syria
 
sumber
[Continue reading...]

Friday, November 29, 2013

Cara Memasang Widget Footer Multi Kolom di Blogger Tampilan Menarik

- 0 comments
multi kolom blogger
Saya sebelumnya telah berbagi tutorial tentang cara menambahkan widget footer 3 kolom di blog dengan mudah, dan hari ini saya akan berbagi tutorial memasang widget footer multi kolom yang canggih di blog. Widget ini dapat menjadi 3 kolom, empat kolom, atau banyak kolom tergantung yang Anda inginkan. Selanjutnya widget footer ini memiliki beberapa efek CSS yang ditambahkan ke dalamnya yang membuatnya lebih baik. Marilah ikuti serangkaian langkah mudah berikut ini untuk memasangnya.

Cara Menambahkan Widget Multi Kolom di Blogger!
Pertama-tama kita akan menambahkan kode CSS dalam template blogger Anda dan kemudian tambahkan kode HTML-nya. Jadi tanpa membuang banyak waktu mari kita langsung menuju langkah-langkahnya.
  • Login dulu ke akun Blogger Anda
  • Klik Tab Template (pada menu drop down)
  • Backup dulu template Anda bila perlu
  • Klik Edit HTML
  • Carilah kode ]]></b:skin> (gunakan Ctrl + F untuk memudahkan pencarian)

  • Kemudian letakkan kode berikut ini di bawah kode ]]></b:skin>
/*----- GNR MULTI COLUMN FOOTER WIDGET -----*/
#lower {
margin:auto;
padding: 0px 0px 10px 0px;
width: 100%;
background:#333333;
}
#lower-wrapper {
background:#333333;
margin:auto;
padding: 20px 0px 20px 0px;
width: 960px;
border:0;
}
#lowerbar-wrapper {
background:#333333;
float: left;
margin: 0px 5px auto;
padding-bottom: 20px;
width: 23%;
text-align: justify;
color:#ddd;
font: bold 12px Arial, Tahoma, Verdana;
line-height: 1.6em;
word-wrap: break-word;
overflow: hidden;
}
.lowerbar {margin: 0; padding: 0;}
.lowerbar .widget {margin: 0; padding: 10px 20px 0px 20px;}
.lowerbar h2 {
margin: 0px 0px 10px 0px;
padding: 3px 0px 3px 0px;
text-align: left;
border:0;
color:#ddd;
text-transform:uppercase;
font: bold 14px Arial, Tahoma, Verdana;
}
.lowerbar ul {
color:#fff;
margin: 0 auto;
padding: 0;
list-style-type: none;
}
.lowerbar li {
display:block;
color:#fff;
line-height: 1.6em;
margin-left: 0 !important;
padding: 6px;
border-bottom: 1px solid #222;
border-top: 1px solid #444;
list-style-type: none;
}
.lowerbar li a {
text-decoration:none; color: #DBDBDB;
}
.lowerbar li a:hover {
text-decoration:underline;
}
.lowerbar li:hover {
display:block;
background: #222;
}

  • Kemudian cari kode </body> dan paste kode berikut ini tepat di atas kode </body>
<div id=lower>
<div id=lower-wrapper>

<div id=lowerbar-wrapper>
<b:section class=lowerbar id=lowerbar1 preferred=yes>
</b:section>
</div>

<div id=lowerbar-wrapper>
<b:section class=lowerbar id=lowerbar2 preferred=yes>
</b:section>
</div>

<div id=lowerbar-wrapper>
<b:section class=lowerbar id=lowerbar3 preferred=yes>
</b:section>
</div>

<div id=lowerbar-wrapper>
<b:section class=lowerbar id=lowerbar4 preferred=yes>
</b:section>
</div>

<div style=clear: both;/>
</div> </div>

  • Simpan Template Anda dan selesai

Sekarang Anda masuk ke Tab Layout dan tambahkan widget Anda yang baru di Footer yang telah Anda buat seperti gambar ini.

Anda dapat mengamati bahwa ada empat kolom secara default dan Anda dapat menambahkan atau mengurangi jumlah kolom vertikal dengan mengikuti langkah-langkah di bawah ini:

Cara Kostumisasi Widget!
Saya akan membahasnya secara sederhana. Saya pikir untuk warna dan ukuran keseluruhan sudah tepat. Satu-satunya hal yang perlu Anda sesuaikan dengan Template Anda adalah lebar widget dan jumlah kolom vertikal.
  • Untuk mengurangi atau menambah lebar keseluruhan widget, Anda tinggal perlu mengubah width: 960px;
  • Jika Anda ingin mengurangi jumlah widget menjadi tiga, maka cukup hapus bagian kode ini:

<div id=lowerbar-wrapper>
<b:section class=lowerbar id=lowerbar4 preferred=yes>
</b:section>
</div>

  • Jika Anda ingin menambahkan ekstra kolom, maka tambahkan kode berikut di atas kode <div style=clear: both;/>

<div id=lowerbar-wrapper>
<b:section class=lowerbar id=lowerbar# preferred=yes>
</b:section>
</div>

Ingat bahwa lowerbar# adalah mengacu pada jumlah kolom. Jadi jika Anda ingin menambahkan kolom kelima maka cukup mengganti lowerbar# menjadi lowerbar5.

Setelah Anda menambahkan kolom kelima maka ingatlah untuk mengubah width: 23%; menjadi width: 17%;.

Anda ulangi langkah 3 untuk memperbanyak jumlah kolom yang Anda inginkan. Tapi 3, 4, dan 5 kolom itu adalah standar. Jika lebih dari itu maka akan terlihat jelek, jadi pertimbangkan itu.

Semoga artikel ini bermanfaat bagi Anda dan jangan lupa untuk membagikan ini dengan teman-teman Anda jika Anda menyukainya. Terimakasih.

[Continue reading...]

Friday, November 22, 2013

Cara Membuat Teks Berjalan di Blog

- 0 comments


tulisan berjalan
Tulisan berjalan
Cara Membuat Teks Berjalan di Blog - Pernah tidak sobat melihat tulisan / teks yang mondar - mandir di suatu blog?? saya rasa pasti sudah pernah.. namanya marquee sob! fungsinya sebenarnya hanyalah sebagai hiasan di blog, hampir sama dengan headline news ( baca : memasang headline news di blog ) cuma yang ini lebih mudah ngaturnya, terutama dalam mengatur gerakan / prilaku teks yang di inginkan. Sobat yang tertarik membuat tulisan yang mondar - mandir ini, silahkan ikuti terus tutorialnya.

Cara Membuat Tulisan Berjalan di Blog

1. Tulisan bergerak dari kanan ke kiri
 <marquee direction="left" scrollamount="2" align="center">Contoh Tulisan Berjalan</marquee>
 hasilnya
Contoh Tulisan Berjalan

2. Tulisan bergerak dari kiri ke kanan
 <marquee direction="right" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>
 hasilnya
Contoh Tulisan Berjalan

3. Teks bergerak bolak balik ( mondar - mandir ) dari kiri ke kanan
<marquee direction="left" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>
hasilnya
Contoh Tulisan Berjalan


4. Teks bergerak bolak balik ( mondar - mandir ) dari kanan ke kiri
<marquee direction="right" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>
hasilnya
Contoh Tulisan Berjalan


5. Teks bergerak dari atas ke bawah
 <marquee direction="down" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>
 hasilnya
Contoh Tulisan Berjalan

6. Teks bergerak dari bawah ke atas
 <marquee direction="up" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>
hasilnya
Contoh Tulisan Berjalan

7. Teks bergerak mondar- mandir dari atas ke bawah
 <marquee direction="up" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>
hasilnya
Contoh Tulisan Berjalan

8. Teks bergerak zig - zag ( diagonal ) memantul
 <center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right" behavior="alternate"> Contoh Tulisan Berjalan </marquee></marquee></center>
 hasilnya



Contoh Tulisan Berjalan

9. Teks bergerak zig - zag ( diagonal ) tembus
 <center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right"> Contoh Tulisan Berjalan </marquee></marquee></center>
hasilnya



Contoh Tulisan Berjalan

Cara memasang :
1. Login ke akun blog sobat
2. Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript
3. Masukkan kode marquee dari salah satu tulisan berjalan diatas
4. Klik save dan lihat hasilnya.

tambahan :
  • Direction : untuk mengatur pola gerakan teks (left, right, up dan down)
  • Scrollamount : untuk mengatur kecepatan gerakan teks. Naikkan angkanya ( dari 2 menjadi 3 ) untuk mempercepat gerakan dan sebaliknya.
  • Behavior ( scroll/slide/alternate ): untuk mengatur prilaku gerakan.
  • Untuk menambahkan background, padding, border, color, dll pada marquee, silahkan sisipkan  kode marquee antara kode berikut
<div style="background: #000000; border: 2px solid #FF0000; color: white; font-size: 20px; font-weight: bold; letter-spacing: 0.5em; padding: 15px;">
<marquee direction="left" scrollamount="6" align="center">Contoh Tulisan Berjalan</marquee>
</div>

hasilnya :
Contoh Tulisan Berjalan

  • Untuk menyisipkan link pada marquee, gunakan kode berikut :
<div style="background: #FFFFFF; border: 2px solid #FF0000; color: black; font-size: 20px; font-weight: bold; letter-spacing: 0.2em; padding: 15px;">
<marquee direction="left" scrollamount="6" align="center"><a href="http://christiantatelu.blogspot.com/2012/03/cara-membuat-teks-berjalan-di-blog.html"/>Cara Membuat Teks Berjalan di Blog</a></marquee>
</div>
catatan :
ganti tulisan yang berwana biru dengan Url yang di inginkan.
hasilnya :
Cara Membuat Tulisan Berjalan di Blog
  • Contoh lain penggunaan link pada marquee yaitu dengan menggunakan kode berikut :
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center">
<a href=" http://christiantatelu.blogspot.com/2012/03/cara-membuat-permalink-di-blog.html/">cara membuat permalink di blog</a><br/>
<a href="http://christiantatelu.blogspot.com/2012/03/cara-membuat-logo.html">cara membuat logo</a><br/>
<a href="http://christiantatelu.blogspot.com/2012/03/blog-di-blogspot-dan-blog-di-wordpress.html">blog di blogspot dan blog di wordpress</a><br/>
</marquee>
catatan :
kode yang di cetak tebal adalah perintah pada teks untuk terhenti ketika di lewati pointer
Hasilnya :

cara membuat permalink di blog

cara membuat logo

blog di blogspot dan blog di wordpress


Sekian posting cara bikin tulisan berjalan nya....
[Continue reading...]

Friday, November 8, 2013

Cara Menampilkan Komentar FB di Blog

- 0 comments

Perkembangan Dunia Maya [baca : Internet] sekarang ini sangat banyak sekali mengalami perubahan baik itu pada Blogspot, FaceBook maupun yang lainnya, :z; dan Artikel saya di Blog yang lain tentang  Jawab Komentator Blog dari FB Gaya Punya dan Lebih jauh jawab Komentator Blog dari FB  sudah ketinggalan alias tidak relevan lagi :r;
Sekarang saya akan berbagi dengan kawan Cara Menampilkan Komentar FaceBook di Blog  :y; 

Caranya
1.      Membuat Aplikasi untuk Komentar di FaceBook
  • Masuk dulu ke FaceBook kawan
  • Pilih https://developers.facebook.com/setup
  • Pilih Create New App kalau kawan belum pernah buat App
  • Kalau kawan sudah pernah buat App maka akan langsung muncul Form, kawan tinggal memasukkan datanya saja sebagai contoh BLOG CREATION – Lanjutkan
  • Berikutnya akan muncul verifikasi teks yang harus kawan masukkan – Kirim
  • Kalau tidak ada kesalahan berarti kawan sudah berhasil membuat Aplikasi
  • Copy ID App kawan dan simpan [Notepad] 

2.      Memasukkan Alamat Blog kawan ke dalam Aplikasi
·         Masukkan alamat Email kawan
·          Pada Select how your App integrates with Facebook pilih saja Website with Facebook Login dengan jalan meng-Klik tanda checklist disampingnya
·         Pada Site URL masukkan alamat Blog kawan contoh http://blog-renovasi.blogspot.com/
·         Simpan Perubahan


3.      Cara Memasang Kode Developer FB di Blog
  • Masuk Account Blogger dengan ID kawan
  • Pada Dasbor Pilih Template – Edit HTML
  • Cari <html... simpan disini>  kalau pada Template saya letaknya baris ke tiga dari atas atau simpan diatas <head> sebelum tanda penutup
  • Sisipkan script ini xmlns:fb=http://www.facebook.com/2008/fbml sebelum tanda penutup [simpan disini]  hasilnya kurang lebih seperti ini
<html expr:dir=data:blog.languageDirection xmlns=http://www.w3.org/1999/xhtml xmlns:b=http://www.google.com/2005/gml/b xmlns:data=http://www.google.com/2005/gml/data xmlns:expr=http://www.google.com/2005/gml/expr xmlns:fb=http://www.facebook.com/2008/fbml>  <head>
  • Selanjutnya kawan scroll kebawah [masih pada Template letaknya paling atas] sampai pada <b:skin><![CDATA[/*
  • Simpan Script berikut tepat diatasnya
<b:if cond=data:blog.pageType == &quot;item&quot;>
<meta expr:content=data:blog.pageTitle property=og:title/>
<meta expr:content=data:blog.url property=og:url/>
<b:else/>
<meta expr:content=data:blog.title property=og:title/>
<meta expr:content=data:blog.homepageUrl property=og:url/>
</b:if>
<meta content=BLOG NAME property=og:site_name/>
<meta content=http://google.com/help/hc/images/logos/blogger_logo.gif property=og:image/>
<meta content=YOUR APP ID property=fb:app_id/>
<meta content=YOUR ID FB PROFILE property=fb:admins/>
<meta content=article property=og:type/>

  • Ganti semua teks yang berwarna merah dengan Nama Blog Kawan dan ID App yang disimpan pada Notepad tadi, sedangkan untuk Your ID FB Profile bisa didapat dengan Klik kanan pada Photo Profile FB kawan atau pada browse [jendela pencarian] ketik :  https://graph.facebook.com/ Nama FB kawan maka akan muncul kode sebagai berikut:
{
"id": "10000063xxxxxxx",
"name": "Putu Blogbego",
"first_name": "Putu",
"last_name": "Blogbego",
"link": "http://www.facebook.com/Nama FB kawan",
"username": "Nama FB kawan",
"gender": "male",
"locale": "id_ID"
}

Ambil yang saya beri warna biru saja

  • Selanjutnya Cari tag </head> 
  • Kalau sudah ketemu Copas script berikut tepat diatasnya


<script src=http://connect.facebook.net/en_US/all.js#xfbml=1/>
<script src=http://code.jquery.com/jquery-latest.js/>
<meta content=YOUR ID FB PROFIL property=fb:admins/>
<script type=text/javascript>
function commentToggle(selectTab) {
$(&quot;.comments-tab&quot;).addClass(&quot;inactive-select-tab&quot;);
$(selectTab).removeClass(&quot;inactive-select-tab&quot;);
$(&quot;.comments-page&quot;).hide();
$(selectTab + &quot;-page&quot;).show();
}
</script>

Ganti teks yang saya beri warna biru [YOUR ID FB PROFIL] dengan ID yang didapat tadi :x

  • Selanjutnya cari tag <body>
  • Copas kode berikut dibawahnya
<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : YOUR APP ID,
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
};
(function() {
var e = document.createElement(script);
e.src = document.location.protocol + //connect.facebook.net/en_US/all.js;
e.async = true;
document.getElementById(fb-root).appendChild(e);
}());
<fb:comments/>
</script>

Ganti teks yang berwarna merah dengan App ID kawan yang disimpan pada Notepad tadi, Sampai disini simpan dulu Template kawan, karena seandainya ada kesalahan biar cepat bisa diperbaiki :z; 

  • Sekarang mari mulai lagi berpusing-ria, beri tanda centang disamping Expand Template Widget
  • Cari kode <div class=comments id=comments> pada Template saya ada 2[dua] dan saya pakai yang pertama
  • Copas kode berikut tepat dibawahnya

<b:if cond=data:blog.pageType == &quot;item&quot;><div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=xxxxxxxxxxxx&amp;xfbml=1"></script><fb:comments expr:href=data:post.url numposts=5 width=550/></b:if>

Ganti 550 sesuai dengan lebar Template kawan

  • Simpan kembali Template kawan dan sampai disini berarti sudah selesai, selanjutnya silahkan kawan lihat hasilnya :y; 

[Continue reading...]

Friday, October 25, 2013

Cara membuat Widget Al Quran di Blog

- 0 comments

Cara membuat Widget Al-Quran di Blog - Sobat blogger ingin memasang widget Islami semisal memasang widget Al-Quran pada blog sobat? Kalo iya, maka postingan ini semoga dapat membantu sobat yang ingin memasang widget Al-Quran digital online pada blog sobat. Kelebihan dari script widget ini, terdapat terjemahan ayat berbahasa Indonesia dan juga disertai audio yang menambah lengkap fitur widget Al-Quran digital online ini.


Berikut Cara membuat Widget Al-Quran di Blog :
 
Sobat hanya perlu mengcopy kan seluruh script dibawah ini: 


<iframe src="http://m.alquran-indonesia.com/mquran/index.php/quran"
style="border:0px;width:650px;height:600px"
frameborder="0"></iframe>

Keterangan: Script berwarna merah dapat sobat sesuaikan besaran dan lebarannya.

Kemudian paste-kan script ini bisa di Postingan blog atau menambah Elemen html/javascript blog sobat.

Hasilnya akan seperti ini :


[Continue reading...]
 
Copyright © 2012. Silsie Blog's - Posts · Comments
Powered by Blogger