Memperbaiki Gambar & Deskripsi Posting/Blog di Facebook

Ketika share atau post link blog/web, Facebook akan menarik snippet yang diambil dari halaman sesuai link tersebut. Fitur ini memungkinkan kita para blogger dapat mempublikasikan artikel dengan ringkasan isi serta gambar yang dapat menarik perhatian pengunjung/pembaca.

Nah, masalahnya, dalam beberapa kasus tertentu, Facebook gagal mengidentifikasi dan merender snippet-snippet tersebut, sehingga deskripsi dan gambar yang ditampilkan tidak sesuai dengan isi halaman posting. Kasus ini banyak terjadi terutama pada halaman blog berplatform Blogger. Tentunya ini tidak diharapkan karena dapat merusak dan mengurangi daya tarik artikel yang di-share. Ada satu pengunjung blog ini yang menanyakan tentang kasus snippet di Facebook yang kadang gagal ditampilkan atau muncul dengan gambar dan deskripsi yang salah. Ada beberapa tips yang akan saya share disini sebagai usaha untuk mengatasi hal tersebut.

Cara Kerja Facebook dalam Mengambil Snippet Data Halaman Blog/Web

Facebook secara rutin mengambil data di dalam halaman dan menyimpannya ke dalam cache. Setelah suatu halaman baru ditemukan pada suatu url posting yang di-share, Facebook melakukan crawl dan menyimpan data-data halaman tersebut, dalam hal ini adalah gambar dan teks. Yg dilakukan pada saat crawl adalah mencari meta data (dalam tag opengraph dan tag-tag lain). Ketika meta data tidak ditemukan, algoritma Facebook akan mengambil data gambar dan teks apapun yg pertama kali ditemukan pada halaman tersebut. Nah, inilah mengapa kadang snippet gambar dan deskripsi yang ditampilkan tidak sesuai. 

Memperbaiki Snippet Gambar Agar Sesuai Dengan Gambar/Thumbnail Posting

Ketika melakukan share manual, Facebook akan menampilkan beberapa gambar yang merupakan opsi (apabila Facebook dapat mengambil beberapa gambar dari halaman tersebut). Anda dapat memilih gambar mana yang hendak ditampilkan dengan menggunakan tombol panah di bawah gambar. Nah, permasalahannya Facebook kadang tidak menemukan gambar yang diinginkan. Pada kasus lain, link kadang tidak dishare secara manual, melainkan melalui Fitur Facebook Like dan Send, Facebook Like Box, dan fitur-fitur otomatis lainnya. Maka, snippet gambar (maupun deskripsi) yg ditampilkan tidak dapat diatur.

Untuk mencoba mengatasi gambar yang salah ditampilkan, kita dapat menggunakan meta opengraph (og image property), yang diberikan perintah b if conditional guna mengkhususkan pada thumbnail post.

<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
</b:if>

Tetapi bagaimana dengan posting yang tidak memiliki gambar di dalamnya? Solusinya adalah dengan menambahkan meta tag opengraph baru yang disertai dengan default image atau gambar yg akan digunakan sebagai snippet, dengan sebelumnya menggunakan tag b else. Jadinya:

<b:if cond='data:blog.postImageThumbnailUrl'>

<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>

<b:else/>

<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_jc3_UDCD1TB4CgyvJwvGurg4kpnWZ1upjopLbFJGojgHR8Ga1V5PjzIxIKsjJ6tsLlJYpcrXcc_-TxY9j6fdrHFH36kw2_g2clQwnN1wl2yuUQr62PIFmQvOKssJccIvqehrJXYbG5ZM/s1600/budihaeruman.blogspot.com.jpg' property='og:image'/>

</b:if>

• Copy kode di atas; ganti url gambar (hijau) dengan url gambar default anda sendiri. 
• Masuk ke Dashboard > Design/Template > Edit HTML/Edit Template
• Letakkan di atas </head>
• Save template.

Memperbaiki Snippet Deskripsi Posting/Halaman Blog

Kasus ini terjadi ketika Facebook tidak mampu membaca atau mengenali konten, struktur halaman blog/web dan, meta data. Sayangnya, Blogger tidak memiliki tag snippet posting selain di dalam widget posting blog (bagian posting [blog post] juga merupakan widget loh), sehingga kita tidak dapat memasukkan meta tag dengan menggunakan valid HTML. Selanjutnya, ketika Facebook tidak menemukan meta data, maka Facebook biasanya menggunakan paragraph pertama yang ditemukan. Paragraph menggunakan tag <p>. Nah, sayangnya lagi nih, fitur posting editor blogger tidak menggunakan default tag paragraph (p), melainkan division (tag <div>). Sehingga di dalam posting Blogger, jarang sekali ditemukan paragraph, kecuali yg ditambahkan sendiri (menambahkan tag <p> secara manual). Berbeda dengan WordPress yang menggunakan tag <p> sebagai default text formation. Jadi solusi agar deksripsi yang di Facebook sesuai, tambahkan tag <p> secara manual, setidaknya pada paragraf paling awal/atas pada setiap posting.

Bagaimana cara menambahkannya?

• Ketika sedang membuat atau mengedit posting, pilih mode "Edit HTML" di sebelah "Compose". Letaknya di pojok kanan atas editor posting.
• Masukkan tag <p> beserta penutupnya </p> pada bagian teks yang hendak dijadikan paragraf. Contoh:

<p>Backlink adalah poin penting yg dibutuhkan oleh setiap blog/website dalam rangka bersaing dengan blog/website lain di search engine. Itulah mengapa link building selalu disebut-sebut & sering muncul dalam SEO.</p>

Setelah itu jangan kembalikan ke "Compose", karena tag p akan dikembalikan menjadi div. Hmmm, cukup susah juga bukan? Hehe. Alternatifnya, akan sangat mudah jika menggunakan Windows Live Writer. Fitur Editing Controls-nya dapat digunakan untuk mengatur default text formation sehingga tag <p> dapat digunakan secara otomatis.

Setelah, melakukan tahap-tahap di atas, gunakan alat debugger Facebook untuk membersihkan cache pada server Facebook > debugger tool. Barulah mulai share posting lagi.

Nah, dengan dua cara di atas setidaknya kasus snippet gambar dan deskripsi yang salah ketika suatu halaman  blog/web di-share di Facebook dapat diminimalisir.

Cukup rumitkah?

Jika iya, ada satu alternatif lain yang dapat digunakan untuk melakukan share post terbaru di Facebook secara otomatis, terjadwal, dan dengan gambar dan deskripsi yang benar. Simak Autopost ke Facebook dengan RSSGraffiti.

Have a nice Blogging and Promoting!

   Regards,

Read more »

Posted in: Facebook,HTML-CSS Tricks

Cara Mengubah/Mengganti Jenis Font di Blog Blogger (CSS Styling)

Terkadang, jenis font (font-family) bawaan template blog dirasa kurang sesuai dengan keinginan, sehingga kita harus mengubahnya dengan jenis-jenis font lain agar tampilan blog lebih bagus atau setidaknya sesuai dengan konteks/tema blog.

Pada kesempatan ini, saya terlebih dahulu akan membahas tentang mengganti jenis Font dengan CSS Fonts dan bukan dengan Custom Font, yang menggunakan javascript dan biasanya bersumber dari API Google. Penggantian font dengan font CSS lain, meskipun sederhana tampilannya, namun cukup aman dan cepat di load, karena Browser dan Computer telah memiliki database font-font tersebut (disebut "Web Safe Fonts").

Sekilas Tentang Jenis Font (font family) dalam CSS

Jenis font dalam CSS dinyatakan dengan properti font-family. sehingga dalam penulisannya, deskripsi CSS font-family dituliskan seperti contoh berikut:

p {font-family: "Times New Roman";....;}

atau dipersingkat dengan shorthand (dituliskan dengan font saja):

p {font: "Times New Roman";....;}

Ada dua kategori jenis font:

a. Font family: Nama-nama utama (root name) font, misalnya "times", "arial", courier", dll.

b. Generic family: Nama-nama font turunan, misalnya "serif", "sans serif", "cursive", dll.

Penulisan font-family yang sering kita jumpai dalam CSS terdiri dari font-family dan generic family. Keduanya dituliskan berurutan dengan tujuan apabila sebuah font tidak tersedia dalam database suatu browser, maka browser akan merujuk pada jenis font lain yang telah dituliskan di belakangnya.

Contoh:

p {font-family:  "Times New Roman",Georgia,Serif;...;}

Note: perhatikan tanda kutip pada Times New Roman. Tanda kutip digunakan pada nama font yang memiliki jarak spasi kosong (white space). 

Selalu tuliskan CSS jenis font dengan aturan seperti di atas untuk berjaga-jaga apabila browser yang digunakan pengunjung tidak memiliki database font yang diinginkan, sehingga browser dapat langsung melompat ke jenis font lainnya.

Font Pada Template Blogger

Pada dasarnya font di dalam template Blogger ditentukan dengan CSS styling, sehingga jika harus mengubah jenis font, maka jelas perubahan dilakukan pada CSS-nya. Ada dua cara yang biasanya digunakan untuk membuat default font pada template Blogger:

1. Menuliskan variable CSS font untuk bagian-bagian (elements) tertentu, misalnya judul blog, deskripsi blog, judul posting, footer posting, footer, judul sidebar, dan seterusnya. Kemudian menuliskan variable tersebut pada font-family masing-masing elemen. Variable terletak di bagian atas CSS, biasanya setelah/dekat <b:skin><![CDATA[. Contoh variable-variable-nya:

.......................
<Variable name="dateHeaderFont" description="Date Header Font"
type="font"
default="normal bold 117% Arial, sans-serif" value="italic normal 80% Arial, sans-serif"
 >
<Variable name="postTitleFont" description="Post Title Font"
type="font"
default="normal bold 180% Georgia, Times, serif" value="normal bold 142% Trebuchet, Trebuchet MS, Arial, sans-serif"
 >
.......................

Sebagai contoh, jika saya ingin untuk menyatakan jenis font yang dipakai dalam judul posting (header posting), saya menggunakan nama variable (name=) postTitleFont sebagai perwakilan jenis font pada properti font family nama blog yang telah dituliskan pada variable. Nama variable yang digunakan sebagai deklarator dituliskan dengan diawali tanda $:

.post h3 {font-family:  $postTitleFont;}

2. Menuliskan langsung jenis Font pada property-nya (font-family atau font). Contoh:
 .post h3 {font-family: "Georgia, times, serif;...;}

Dengan demikian poin serta cara untuk mengubah/mengganti jenis font di Blogger begitu mudah. Lanjut!

Mengubah Jenis Font di template Blogger/Blogspot

Sesuai dengan dua cara untuk menentukan font pada template Blogger di atas, maka pastinya cara untuk menggantinya pun ada 2, yaitu mengubah font pada variable atau langsung mengubah property font-family di setiap elemen. Mengubah variable sangat riskan karena ada nilai default dan value yang merupakan aturan general pada elemen-elemen utama blog.. Oleh karenanya, lebih baik ganti font langsung pada properti font family-nya. 

Cara mencari dan mengubah jenis font family pada setiap elemen CSS:

1. Buka Edit HTML/Template Blogger.

2. Cari elemen CSS yang ingin di ubah, letaknya antara <b:skin><![CDATA[ dan ]]></b:skin>.

3. Setiap elemen CSS di template Blogger memiliki nama berbeda sesuai yang telah diberikan oleh pembuatnya, tapi secara umum, nama-nama itu hampir mirip dan memiliki deklarator umum yang sama:

Misalnya: Untuk elemen judul posting, biasanya dituliskan dengan .post h3, .post h2, #post h3, #post h2, .h3, .h2, (h menyatakan header atau judul/title, berlaku pula untuk judul sidebar, dll), dan masih banyak lagi. Untuk isi posting biasanya dinyatakan dengan .post. Demikian dengan sidebar, ada banyak variasi namun dapat dipastikan semua mengandung kata yang sama: sidebar.

3. Setelah menemukan element yang dicari, selanjutnya cari property font-family atau font yang di belakangnya ada definisi font atau nama variable seperti contoh variable diatas. Ganti dengan jenis-jenis font baru pada bagian tersebut. Contoh:

.post h3 {font-family: Georgia, times, serif;...;}

Ganti bagian font yang berwarna biru dengan font-font lain.

atau biasanya juga ditampilkan dengan nama variable:

.post h3 {font-family:  $postTitleFont;}

Ganti bagian font yang berwarna biru dengan font-font lain.

4. Anda juga dapat menambahkan jenis font baru pada elemen yang belum memiliki aturan font-family.

Misalnya. bagian comment blog saya belum memiliki aturan jenis font khusus, maka saya dapat menambahkan font-family/font di dalam aturan CSS-nya:

Sebelumnya: 

#comments {margin: 0px 0px 0px 0px; padding: 15px 20px 15px 20px; text-align: left; color: #4c4c4c; border: 1px solid #ccc;background:#fff;}

Sesudahnya:

#comments {margin: 0px 0px 0px 0px;padding: 15px 20px 15px 20px; text-align: left; color: #4c4c4c; font: "Times New Roman", Trebuchet, Serif; border: 1px solid #ccc; background:#fff;}

5. Untuk mengetahui jenis-jenis font, cek CSS Web Safe Fonts.
6. Setelah selesai mengubah atau menambah font, save template.

Jika ada problem atau pertanyaan lebih lanjut mengenai font, pengubahan font, serta elemen CSS blog yang belum diketahui, feel free to use the comment form below. Jika ingin mengganti font blog dengan Custom Web Fonts simak Cara Menggunakan/Memasang Custom Font di Blogger.

mencuri adalah pekerjaan pengecut! © budihaeruman.blogspot.com

Read more »

Posted in: Blog Design,HTML-CSS Tricks

Rumah Dijual – Segera Kunjungi Kolomrumah.com untuk Solusi Properti Anda!

Dengan adanya internet, pekerjaan kita jauh lebih mudah dan cepat. Banyak yang bisa kita temukan dari mulai dari materi pelajaran, hiburan, berita, bisnis online, bahkan semuanya bisa kita temukan di sini, tidak hanya yang berasal dari dalam negeri tetapi juga dari luar. Bisa dibilang banyak website yang ada di internet tersebut dan masing-masing website tentunya memiliki tema tersendiri. Salah satunya adalah website tentang properti.

Jika anda sedang mencari rumah, kontrakan atau tempat tinggal, anda dapat mencarinya dengan menggunakan website properti yang berisi tentang info-info seputar properti dan biasanya tentang info rumah dijual atau disewa dan properti lainnya yang dijual / disewa. Ada satu website yang bisa Anda perhitungkan jika Anda memerlukan jasa website properti untuk beriklan, yaitu KolomRumah.com. Selain bisa beriklan secara gratis (ada website yang harus bayar jika pasang iklan, red.), di website ini Anda bisa mendapatkan berbagai info tentang dunia properti, seperti info rumah dijual, tips-tips properti dan artikel-artikel properti yang pastinya akan sangat berguna bagi Anda.

Selain itu, jika Anda ingin pasang iklan secara gratis, caranya gampang, tinggal daftar menjadi anggota di website Kolom Rumah, maka Anda bisa mulai memasukkan iklan Anda di website tersebut. Dan bagi Anda yang ingin mencari info rumah dijual yang sesuai dengan keinginan Anda (lokasi dan harga), tinggal gunakan fitur “Quick Search” yang ada di website tersebut, maka dengan cepat listing iklan rumah dijual yang Anda cari langsung keluar.

Keren, kan? Para agen property, developer atau siapapun Anda yang ingin memasarkan produk property Anda, serta Anda yang ingin mencari info rumah dijual, segera kunjungi website KolomRumah.com.

Read more »

Posted in: Jeda,Jendela Bisnis

Cara Membuat Efek Bayangan Pada Gambar (CSS3 Box Shadow)

Tips-Tricks Blogger: Browsers compatible with CSS3 Box Shadow

Memperindah blog/website kini menjadi hal yang semakin mudah dan merupakan kebutuhan bagi setiap web designer dan developer. Keberadaan CSS3 memungkinkan kita untuk membuat berbagai macam efek tampilan dan fungsi. Sedangkan saat ini hampir seluruh browser telah compatible dengan CSS3.

Pada awal posting tentang CSS3 ini, saya akan mempresentasikan penggunaan CSS3 Box Shadow pada gambar untuk memunculkan efek bayangan (image shadow). Basic penggunaan CSS3 Box shadow adalah dengan menggunakan syntax:

box-shadow: h-shadow v-shadow blur spread color inset;

h shadow: posisi dan besar bayangan horizontal

v shadow: posisi dan besar bayangan vertical

blur: besaran dan jarak blur (opsional)

spread: ukuran bayangan (opsional)

inset: aturan yang ditambahkan untuk mengubah bayangan jatuh ke bagian dalam objek (opsional)

Contoh:

(Biasanya aturan yang lazim digunakan tidak menggunakan spread dan inset)
box-shadow: 5px 5px 3px #666666;

Aturan di atas sangat lah sederhana, pada prakteknya kita harus menambahkan property lain agar compatible dengan browser-browser lainnya (yang berplatform webkit dan moz). Maka property lengkapnya adalah:

-webkit-box-shadow: 5px 5px 3px #666666;
-moz-box-shadow: 5px 5px 3px #666666;
box-shadow: 5px 5px 3px #666666;

Efek bayangan Box Shadow ini sebenarnya dapat diterapkan pada berbagai objek blog/web yang berbentuk kotak dan bahkan juga pada objek yang berlekuk, yang dalam hal ini adalah rounded corners. Untuk mengaplikasikan ke gambar, kita dapat memasukkannya langsung ke dalam dengan menggunakan atribut style atau memberikan atribut class dan meletakkan aturan CSS-nya di bagian lain, baik di bagian HTML posting, widget, atau meletakkannya langsung sebagai aturan umum untuk semua objek yang diberi class/id yang sama di bagian head (antara <head> dan </head>).

Contoh pengaplikasiannya:

Salah satu cara yang digunakan untuk memasukkan kode CSS3 Box Shadow-nya:

Tambahkan class pada tag html gambar dan beri aturan CSS3 Box shadow yang sesuai dengan classnya. Contoh:

<img class="boxshadow" border="0" class="bayang2" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkNUdnTbDl6g9TikVrrHqAxMGvKCEUSmJgUiMk67Qt8k0C69ttY3-wu7WxrGUxz7FQN56zjm9hOrTTu1lGz3HOoTSfU3vWOlibyTiWBmQ5VgFwa6wEaZnWNb5bvaG-ZUl2eB1CGF5rB7Ry/s1600/anti_copycats-pencuri+konten.jpg" />

Untuk membuat efek bayangan box shadow pada blog anda:
Masuk ke dashboard > design/rancangan > Edit HTML (untuk Blogger), kemudian masukkan kode CSS ini di bagian head, lebih tepatnya di ATAS </head>, dan save template.

<style type="text/css">
.boxshadow {-webkit-box-shadow: 5px 5px 3px 0px #666666;-moz-box-shadow: 5px 5px 3px 0px #666666;box-shadow: 5px 5px 3px 0px #666666;}</style>

 Kemudian setiap anda ingin memberikan efek bayangan (image shadow) pada gambar di posting, sidebar widget yang bergambar, tinggal tambahkan class="bloxshadow" pada tag HTML image-nya:

<img class="boxshadow" border="0" src="http://urlgambar.com/gambar.jpg" />

Kostumisasi efek bayangan:

a. Anda dapat mengubah nilai h shadow, v shadow, dan blur (dalam px) serta kode warna sesuai dengan keinginan. Untuk mengetahui koleksi kode warna silahkan lihat Hex Color Code Generator.

b. Untuk mengubah efek bayangan jatuh ke kiri, gunakan nilai negatif (-) pada h shadow dan v shadow, contoh:

-webkit-box-shadow: -5px -5px 3px #666666;
-moz-box-shadow: -5px -5px 3px #666666;
box-shadow: -5px -5px 3px #666666;

 Hasilnya:

Coba terus dan silahkan bereksperimen dengan nilai vertical, horizontal, blur, dan warna, serta efek jatuhnya bayangan.

Happy Blogging!
mencuri adalah pekerjaan pengecut! © budihaeruman.blogspot.com

Read more »

Posted in: Blog Design,HTML-CSS Tricks

Rancangan Senjata Pamusnah Masal Di Dunia

Ada rumor kalau Nikola Tesla, seorang ilmuwan misterius, memiliki rancangan sebuah senjata maha dashyat yang bisa mendefinisikan ulang arti sebuah peperangan. Namun, setelah kematiannya, rancangan itu lenyap tanpa bekas.

 

Nikola Tesla (1856 - 1943) mungkin adalah salah seorang ilmuwan terbesar yang pernah ada. Ia memegang sekitar 300 hak paten penemuan-penemuan yang berhubungan dengan listrik seperti dinamo, transformer, induction coil, condenser dan lampu pijar.

Dari semuanya itu, Tesla paling dikenal karena kontribusinya dalam penelitian listrik AC (Alternating Current). Karena ini juga, ia kemudian menjalani permusuhan yang sangat dalam dengan mantan atasannya, Thomas A. Edison yang memilih untuk memfokuskan diri pada listrik DC (Direct Current).

Sejak lama, nama Tesla selalu dikaitkan dengan penemuan-penemuan luar biasa yang jauh lebih maju dari zamannya. Contohnya Otis T. Carr, salah seorang insinyur yang juga anak didik Tesla, pernah membuat pernyataan mengejutkan kalau ia dan rekan satu timnya bernama Ralph Ring pernah membuat sebuah pesawat berbentuk piringan yang dengan sukses menerbangkan mereka sejauh 10 mil dengan kecepatan cahaya. Menurut Carr, ia menggunakan prinsip-prinsip yang diajarkan Tesla dalam membuat pesawat tersebut.

Selain itu, nama Tesla juga sering dikaitkan dengan peristiwa ledakan Tunguska yang maha dashyat. Ledakan itu disebut-sebut sebagai akibat dari percobaan Tesla ketika ia mentransmisikan energi listrik yang kuat dengan menggunakan menara Wardenclyffe yang dibangunnya.

Nah, apa jadinya kalau ilmuwan yang jenius dan misterius itu mengatakan kalau ia mampu membuat senjata pemusnah massal yang bisa membuat perang menjadi tidak terpikirkan oleh siapapun?

Tesla Death Ray
Semuanya bermula dari sebuah pernyataan yang dikeluarkan oleh ilmuwan eksentrik itu pada tahun 1938.

Kepada reporter, Tesla mengumumkan kalau ia dapat membuat sebuah senjata maha dashyat sehingga siapapun yang memilikinya akan memiliki kemenangan luar biasa di dalam setiap peperangan.

Senjata yang dimaksud Tesla itu kemudian dikenal dengan nama Tesla Death Ray, atau Sinar Kematian Tesla.

Menurut Tesla:

"Senjata ini akan mengirim pancaran partikel-partikel yang terkonsentrasi lewat udara yang akan terbang dengan kecepatan hampir menyamai kecepatan cahaya. Energinya begitu besar sehingga ia dapat merontokkan hingga 10.000 pesawat musuh dari jarak 250 mil dan dapat menyebabkan jutaan tentara musuh mati di tempat."

Senjata partikel ini melibatkan empat penemuan yang dikombinasikan menjadi satu.

Penemuan pertama adalah sebuah peralatan yang bisa meniadakan pengaruh atmosfer terhadap partikel-partikel tersebut.

Penemuan kedua adalah metode untuk menghasilkan potensi kekuatan listrik yang sangat besar.

Penemuan ketiga adalah metode untuk meningkatkan kekuatan listrik yang dihasilkan hingga mencapai 50.000.000 volts.

Penemuan keempat adalah pembuatan sebuah alat untuk melontarkan kekuatan listrik yang telah dihasilkan.

Menurut Tesla, dua dari empat penemuan diatas telah dibuat dan diujicobakan olehnya. Dua lainnya hanya membutuhkan sedikit penyempurnaan. Untuk merealisasikannya, hanya dibutuhkan dana 2 juta dolar dan 3 bulan. Jumlah ini tentu saja sangat kecil dibandingkan dengan hasil yang dapat diberikan. Jika proyek ini disetujui, maka ia akan membangun menara-menara pembangkit listrik yang berfungsi sebagai senjata tersebut di wilayah-wilayah perbatasan.


Menurut Tesla, jika pemerintah Amerika memutuskan untuk menerima penawarannya, maka ia akan segera mulai bekerja. Namun ia menuntut satu syarat. Ia ingin pemerintah sepenuhnya percaya kepadanya dan menolak adanya intervensi dari "ahli" lainnya. Ia juga mengatakan kalau rancangan lengkap senjata ini telah dibuat dan disimpan di dalam arsipnya.

Particle Beam
Kedengarannya, Tesla seperti sedang berfantasi. Namun sebenarnya tidak demikian. Pancaran partikel (particle beam) sebenarnya bukan hal yang aneh dalam dunia sains. Kita biasa menggunakan metode ini dalam kehidupan modern ini.

Pancaran partikel sebenarnya hanya sebuah pancaran cahaya yang terdiri dari berbagai gelombang elektromagnetik. Salah satu contoh penggunaannya adalah alat operasi sinar laser yang digunakan untuk mengoperasi otak.

Namun pancaran partikel yang dibicarakan oleh Tesla tentu saja memiliki level yang berbeda dibanding dengan sebuah alat operasi. Jika senjata pemusnah massal ini benar-benar bisa direalisasikan, mengapa Tesla sampai berniat menciptakannya?

Tesla ternyata memiliki cara pandang yang berbeda mengenai senjata ini.

Senjata Pemusnah Massal
Dalam pandangannya, senjata pemusnah massal ini justru bisa mencegah perang. Pada tahun ia membuat pengumuman itu, perang dunia I belum lama berakhir dan dunia sedang bersiap memasuki perang dunia II. Karena itu, Tesla memiliki ambisi besar untuk mengakhiri konflik dunia itu dan menciptakan perdamaian dunia.

Dalam salah satu suratnya, Tesla menulis:

"Selama bertahun-tahun, aku mencoba untuk mencari solusi dari masalah terberat umat manusia, yaitu bagaimana menjaga perdamaian dunia."

Mengenai Tesla Death Ray, ia mengatakan:

"Penemuan ini akan membuat perang menjadi tidak mungkin. Sinar kematian itu akan mengelilingi perbatasan setiap negara seperti tembok Cina yang tidak terlihat, hanya saja, "tembok" ini jutaan kali lebih sulit ditembus. Ini akan membuat setiap negara tidak dapat ditembus oleh pesawat musuh atau tentara darat yang menyerbu masuk."

Dengan kata lain, menurut Tesla, untuk mencegah perang kita harus mempersenjatai diri dengan sangat hebat sehingga negara lain akan mengurungkan niatnya untuk menyerang.

Namun, walaupun perang besar sudah diambang pintu, sepertinya pemerintah Amerika tidak berniat untuk merealisasikan ide Tesla. Beberapa usaha Tesla untuk menawarkan idenya ke beberapa negara lain juga diabaikan. Ketertarikan terhadap idenya runtuh dan mulai dilupakan.

Namun, ketika Tesla meninggal dunia, ingatan akan Tesla Death Ray kembali naik ke permukaan. Ini dikarenakan munculnya sebuah misteri yang cukup membingungkan.

Dokumen yang hilangPada tanggal 7 Januari 1943, Tesla meninggal di kamar hotelnya di New York di kamar 3327 di lantai 33 pada usia 86 tahun. Karena ia tidak pernah menikah, harta benda dan dokumen-dokumen pribadi yang dimilikinya diwariskan kepada keluarganya yang lain. Tidak lama setelah kematiannya, para agen dari Alien (imigran gelap) Property Custodian, departemen kehakiman Amerika Serikat, segera menyita seluruh dokumen-dokumen tersebut. Ini cukup mengherankan karena Tesla sendiri sebenarnya adalah warga negara resmi Amerika. Operasi dariAlien Property Custodian ini diakui oleh FBI dalam website resminya.

Namun misterinya tidak sampai disitu. Ketika pemerintah Amerika mengadakan pemeriksaan menyeluruh atas seluruh dokumen yang disita, mereka tidak bisa menemukan catatan mengenai rancangan Tesla Death Ray.

Dengan kata lain, rancangan senjata pemusnah massal tersebut hilang tanpa jejak.

Berita hilangnya dokumen itu telah memicu perlombaan antara Amerika, Rusia dan Jerman untuk melacak keberadaannya. Tetapi, hingga sekarang, keberadaan dokumen tersebut masih tidak diketahui.

Dimanakah dokumen-dokumen itu berada? Apakah Tesla benar-benar memiliki rancangan itu?

Dimanakah rancangan Tesla Death Ray sebenarnya?
Sebagian orang percaya kalau Tesla telah memusnahkan rancangan tersebut sebelum kematiannya karena takut jatuh ke tangan yang salah. Sebagian lagi percaya kalau orang dekat Tesla telah berhasil mengamankan rancangan tersebut sebelum disita oleh pemerintah.

Jenderal George Keegan, pensiunan kepala intelijen angkatan udara Amerika, percaya kalau rancangan itu berada di tangan pemerintah Uni Sovyet. Dugaan ini muncul karena ternyata Tesla juga mempresentasikan idenya kepada negara-negara lain.

Ketika penawarannya untuk membangun jaringan Tesla Death Ray tidak mendapatkan tanggapan dari pemerintah Amerika, Tesla menawarkan idenya kepada Inggris dengan harga 3 juta dolar. Ia berjanji akan membuat wilayah Inggris bebas dari serangan musuh hanya dalam tempo 3 bulan. Pemerintah Inggris juga tidak menggubris tawarannya. Lalu, Tesla kembali mencoba menawarkan idenya, kali ini kepada Liga Bangsa-bangsa. Usaha ini juga gagal.


Ketika pemerintah lain menganggap sepi penawaran Tesla, ketertarikan cukup besar datang dari pihak Uni Sovyet. Konon pada tahun 1937, satu tahun sebelum Tesla mengumumkan idenya ke publik, ia sebenarnya telah mempresentasikannya kepada Amtorg Trading Corporation, salah satu perusahaan perwakilan Sovyet di New York.

Dua tahun kemudian, tahun 1939, Tesla diketahui telah mengujicobakan tahap pertama idenya di hadapan pihak Sovyet. Lalu, Tesla menerima cek sebesar 25.000 dolar dari mereka. Namun proyek itu tidak pernah diselesaikan.

Ada teori kalau sesungguhnya Tesla memang tidak membangun proyek itu, melainkan hanya menjual rancangannya kepada Uni Sovyet.

Dugaan ini kembali menguat ketika Sovyet menginvasi Afghanistan tahun 1979. Rumor menyebutkan kalau pada masa perang tersebut, helikopter-helikopter Sovyet terlihat mengeluarkan cahaya aneh yang diarahkan kepada tentara Afghanistan. Mereka yang terkena cahaya tersebut tewas seketika dan mayatnya tidak membusuk hingga 30 hari.

Ketika meneliti mayat tersebut, pihak militer barat percaya kalau Sovyet mungkin telah menggunakan gas pembunuh jenis baru, namun banyak yang percaya kalau kondisi mayat tersebut adalah hasil dari senjata yang melontarkan elektromagnetik berkekuatan tinggi.

Jadi, mungkin Sovyet telah berhasil merealisasikan rancangan Tesla Death Ray dan memodifikasinya.
 

Foto tahun 1980 dari satelit mata-mata Amerika yang menunjukkan
kemungkinan instalasi senjata partikel Russia di Semipalatinsk

Selain teori Rusia, banyak juga yang percaya kalau sesungguhnya rancangan itu berada di tangan pemerintah Amerika Serikat serikat sendiri.

Teori ini juga punya dasar yang cukup kuat.

DARPA (Defense Advance Reasearch Project Agency), yaitu salah satu badan pemerintah yang bertujuan untuk meneliti persenjataan baru untuk militer, sesungguhnya telah melakukan percobaan senjata partikel sejak tahun 1958, 15 tahun setelah kematian Tesla. Prinsip penelitian mereka sama persis dengan ide Tesla, walaupun dalam skala yang lebih kecil.

Namun, proyek ini tidak dilanjutkan lagi karena dua alasan, yaitu karena materi-materi yang dibutuhkan oleh senjata dashyat ini dianggap "berisiko tinggi" dan karena kekuatan yang dibutuhkan untuk memproyeksikan pancaran itu melebihi kemampuan pembangkit listrik standar yang digunakan dalam perang.

Jika dua masalah ini terselesaikan, mungkin proyek ini akan dilanjutkan lagi.

Apakah ini berarti pemerintah Amerika memiliki dokumen Tesla?

Mungkin saja. Tapi bisa juga tidak. Apa yang dikembangkan oleh DARPA sama sekali tidak menyamai klaim Tesla mengenai kekuatan senjatanya. Beberapa pihak percaya kalau pihak Amerika memang memiliki dokumen tersebut, namun tidak memiliki kemampuan untuk merealisasikannya.

Selain teori Konspirasi yang melibatkan pemerintah, banyak juga yang percaya kalau rancangan Tesla Death Ray sesungguhnya tidak pernah ada. Menurut mereka, Tesla Death Ray hanyalah satu dari sekian klaim bombastis yang diberikan oleh Tesla. Walaupun tidak ada yang menyangkal jeniusnya Tesla, namun banyak proyek yang disebutkannya tidak pernah terealisasi.

Misalnya, pada tahun 1900, ia mengatakan kalau ia bisa menyembuhkan penyakit TBC dengan osilasi listrik. Pada tahun 1927, ia mengatakan kalau ia berencana untuk mengendalikan kekuatan samudera untuk dimanfaatkan. Lalu, pada tahun 1931, ia mengklaim kalau ia bisa membuat bahan bakar fosil menjadi tidak berharga lagi dengan memanfaatkan energi kosmis sebagai bahan bakar alternatif. Tentu saja klaim-klaim ini tidak pernah terealisasi.

Jadi, Tesla Death Ray bisa jadi hanyalah salah satu dari bualan Tesla yang lain.

Bahkan walaupun rancangan itu ada, bisa dimengerti mengapa pemerintah menolaknya. Ide Tesla mengenai kemungkinan terciptanya perdamaian jika senjatanya diimplementasikan sangat tidak masuk akal. Memang, sebuah negara yang memasang Tesla Death Ray akan aman dari serbuan pesawat. Namun, jelas tidak akan aman dari serangan diam-diam.

Jika saya adalah seorang pemimpin sebuah negara dan memutuskan untuk menyerang sebuah negara lain, maka yang akan saya lakukan pertama adalah mengirim pasukan penyerang secara diam-diam untuk menghancurkan Tesla Death Ray di negara tersebut terlebih dahulu sebelum mengirim skuadron pesawat tempur.

Lagipula, Tesla memiliki anggapan kalau semua pemimpin negara adalah pemimpin yang cinta damai. Ia tidak memikirkan kemungkinan digunakannya senjata tersebut sebagai alat untuk menyerang oleh seorang diktator. Jika sebuah negara memasang Tesla Death Ray dan memutuskan untuk menyerang negara tetangganya, maka mereka akan dengan sangat mudah mengarahkan senjatanya untuk menghancurkan pesawat komersial.

Dengan demikian, perang pun menjadi tidak terhindarkan.

Jadi, ide besar ini sepertinya juga memiliki cacat yang besar.

Jika saat ini, 67 tahun setelah kematian Tesla, kita masih belum melihat realisasi dari Tesla Death Ray, maka sepertinya kita harus bersyukur, dan siapapun yang menyimpan rancangan itu hingga sekarang telah berbuat kebaikan bagi dunia.

sumber

Read more »

Facebook Insights: Lihat Perkembangan Blog/Website di Facebook

Apa itu Facebook Insights?

Facebook Insights adalah salah satu layanan dan aplikasi developer berplatform Facebook yg berfungsi untuk melihat, menganalisa, dan memahami berbagai trend user, demografi, tingkat konsumsi konten, tingkat popularitas konten, dan lain sebagainya. Dengan menggunakan Facebook Insights, para pemilik page Facebook dan developer platform dapat melakukan usaha-usaha peningkatan produk, bisnis, serta aplikasi dengan tepat sesuai kebutuhan user. Nah, saat ini, Facebook Insights tidak hanya bisa dipakai untuk Facebook Page maupun aplikasi Facebook. Para pemilik blog/website kini dapat menggunakan - mengintegrasikan Facebook Insights dengan blog/website untuk mengetahui perkembangan dan popularitasnya di mata pengguna Facebook.

Dengan menggunakan Facebook Insights, para blogger atau webmaster dapat menganalisa dan memahami tingkat popularitas, ketertarikan, serta kepuasan pengguna Facebook akan konten blog/web yg di-share melalui Facebook. Kita dapat mengetahui jumlah "likes", sends", "shares", klik, impressions, "recommend", popular pages, asal/negara user, dan lain sebagainya. Bagi anda yg telah menggunakan widget semacam Facebook Like dan telah membuat Facebook Page dan Facebook Like Box, Facebook Insights menjadi sarana ampuh untuk melihat efektivitas serta pengaruhnya. Tentunya, bagi anda yg ingin mengontrol dan meningkatkan traffic blog dengan Facebook, Facebook insights merupakan tool yg sangat bermanfaat. Seperti halnya Google Analytics maupun Google Webmaster Tools, Facebook Insights memberikan kita gambaran yg sangat jelas mengenai tingkat popularitas dan metrics blog /web di mata user (pengguna/pengunjung) Facebook.

Cara Mendapatkan Facebook Insights untuk Blog/Website

Agar dapat menggunakan layanan Facebook Insights, kita harus melakukan langkah-langkah sebagai berikut:

1. Masuk ke http://www.facebook.com/insights/

2. Klik tombol "Insights for Your Website"

3. Setelah muncul pop up window, isikan data berupa nama domain, pilih account atau page yg ingin di kaitkan (link). Dalam contoh berikut, saya memilih linking dengan account Facebook saya.

4. Copy meta tag (meta property) seperti yg dicontohkan dan ditandai dengan kotak merah pada gambar di atas.

5. Letakkan meta tag di bawah <head>. Untuk pengguna blogger, masuk melalui halaman "Edit HTML", cari tag <head>.

6. Save template.

7. Kembali ke halaman Facebook Insights, kemudian klik "Get Insights".

Untuk melihat Facebook Insights blog/website atau page Facebook, klik "Select Insight" dan pilih nama website/page pada menu dropdown yg muncul.

Kini, anda dapat melihat progress website/blog di halaman-halaman facebook serta mengetahui jumlah share (likes, sends, shares), tanpa harus menilik halaman anda satu persatu untuk melihat jumlah yg ditayangkan oleh plugin-plugin  Facebook. Berbagai jenis share dapat dilihat dalam satu halaman Facebook dan terbagi dalam 3 jenis breakdown waktu: day, week, dan month. Masih banyak lagi fitur insights yg saya yakin dapat sangat membantu usaha peningkatan popularitas dan traffic blog serta, tentu saja, penjualan produk (marketing).

Have a nice day!
Regards,

mencuri adalah pekerjaan pengecut! © budihaeruman.blogspot.com

Read more »

Posted in: Blog Tips,Blog Tools,Facebook

Cara Modifikasi Tampilan Header Sidebar Blogger

Bro sist, Tips Trik Blogger kembali lagi nih dengan posting tentang CSS setelah sekian lama blog ini jarang di-update karena kesibukan mengurus beberapa toko online.

Mungkin sobat merasa kurang puas dengan tampilan judul header sidebar blog sobat. Kurang inilah, kurang itulah, terlalu gelaplah, atau warnanya kurang menarik. Atau, mungkin pula background pada title sidebar terlalu mengganggu dan ingin dihilangkan. Tips berikut mungkin bagi sobat yang sudah pernah mengutak-utik CSS (intermediate), namun tidak ada salahnya pula bagi sobat newbie blogger untuk mempelajari CSS dengan memulainya dari mengubah aturan CSS pada judul sidebar.

Di Blogger, seperti pada web pada umumnya, seluruh tampilan diatur dengan CSS. So, begitu pula dengan judul sidebar, tampilannya diatur dengan CSS melalui properti dan declarator tertentu. Sebelumnya kita ambil poin penting pada perintah CSS header. CSS header memiliki deklarator sama seperti kode HTML (<h1>judul</h1>), yaitu h. Karena merupakan header, judul sidebar pun mengandung deklarator h.

Judul header sidebar biasanya merupakan jenis header level 2 , yaitu <h2>judul</h2>. Maka, mula-mula pada edit HTML/template Blogger, carilah aturan CSS yang mengandung h2, yaitu bagian CSS yang mengatur seluruh header blog level 2. Aturan CSS berada di antara <b:skin><![CDATA[ dan ]]></b:skin>.

Contoh sederhananya:

h2 {
background: #000;
margin:4px;
padding: 5px;
color: #f0f0f0;
line spacing: 1px;
line-height: 13px;
border: 1px solid #fff;
}

Tentunya aturan tersebut berbeda-beda pada masing-masing template Blogger.

Sebelum berfokus pada pengubahan tampilan header sidebar, perlu diketahui bahwa h2 mengatur seluruh tampilan header blog pada level 2. Sedangkan bagian CSS yang mengatur sidebar secara keseluruhan biasanya dinamai sidebar-wrapper (atau sejenisnya, misal sidebarwrapper, dll, cari yang mirip), maka judul pada sidebar-wrapper biasanya pula ditandai dengan deklarator dengan id-nya, yaitu #sidebar-wrapper h2.

Contoh:

#sidebar-wrapper h2 {
background: #000;
margin:4px;
padding: 5px;
color: #f0f0f0;
line spacing: 1px;
line-height: 13px;
border: 1px solid #fff;
}

Pada template tertentu, misalnya minima template, aturan CSS ini tidak ada, maka sobat harus menambahkan sendiri. Nantinya, buat terlebih dahulu lalu letakkan h2 atau #sidebar-wrapper h2 di antara <b:skin><![CDATA[ dan ]]></b:skin>. Jika tidak ada #sidebar-wrapper (atau sejenisnya; yaitu elemen wrapper pada sidebar), maka gunakan saja h2.

Memodifikasi Elemen CSS Pada Sidebar Header (Judul Sidebar)

Untuk melakukan modifikasi, ada beberapa elemen/properti CSS yang perlu diketahui. Properti CSS yang mengatur posisi pada umumnya adalah: margin dan padding. Kemudian color adalah untuk mengatur warna font. Line height adalah untuk mengatur tinggi jarak antar baris, dan line spacing adalah jarak antar huruf. Background adalah untuk mengatur warna latar dari bagian header. Sobat bisa menambahkan elemen/properti lain untuk menambah tampilannya. Untuk melakukan uji coba dalam mengubah nilainya secara aman, backup template terlebih dahulu. Kemudian silahkan ubah nilai masing-masing properti. Jangan di save dulu. Lihat hasil tampilannya dengan meng-klik "Preview". Jika sudah beres, baru "Save". Untuk mengetahui seluruh elemen/property styling CSS, silahkan lihat di w3schools.com.

Menambahkan Icon/Gambar di Sebelah Judul/Title Header Sidebar

Melalui aturan CSS, sobat dapat mempercantik tampilan judul sidebar dengan gambar. Trik ini dilakukan dengan cara menambahkan elemen background gambar dan memposisikannya sedemikian rupa. Tambahkan url(alamatgambar.jpg) pada bagian background.

contoh:

h2 {background: url(http://www.alamaturlgambar/icon.jpg) #000:}

Agar gambar tidak berulang (memenuhi background):

h2 {background: url(http://www.alamaturlgambar/icon.jpg) no-repeat #000:}

Selanjutnya, jika ingin gambar berada di sebelah kiri tulisan judul sidebar:

h2 {background: url(http://www.alamaturlgambar/icon.jpg) no-repeat left center #000:}

Agar berada di sebelah kanan judul sidebar:

h2 {background: url(http://www.alamaturlgambar/icon.jpg) no-repeat right center #000:}

Kemudian, atur besar padding agar tulisan tidak bertabrakan dengan icon/gambar. Pada beberapa kasus, padding ditulis secara individual: padding-left, padding right, padding-top, dan padding-bottom. Ubah nilai pada padding left jika gambar di sebelah kiri. Jika gambar di sebelah kanan, ubah nilai padding-right. Nilai padding harus lebih besar dari lebar (width) gambar/icon yang digunakan.

Pada kasus lain, CSS padding ditulis dengan shorthand. Contoh:

h2 {padding: 3px 2px 4px 4px;}

Nilai right ada pada bagian kedua, sedangkan nilai left ada bagian ke empat. Ubah salah satu dari nilainya lebih besar dari lebar gambar/icon.

Ada pula shorthand seperti ini:

h2 {padding: 4px 6px;}

Nilai pertama adalah untuk padding atas dan bawah sedangkan nilai kedua adalah untuk padding kiri dan kanan. Mengubah nilai kedua akan membuat tulisan semakin memiliki ruang sempit. Ada baiknya sobat menghapusnya dan mengganti aturan padding secara independen (padding-right, padding-left, dan seterusnya) atau dengan shorthand yang terdiri dari 4 nilai berjajar seperti contoh shorthand di atas.

Contoh selengkapnya penggunaan aturan CSS untuk menambahkan icon gambar pada judul header sidebar:

#sidebar-wrapper h2 {
background: url (alamatgambar.jpg) no-repeat left center #000;
margin:4px;
padding: 5px 40px 5 40px;
color: #f0f0f0;
line spacing: 1px;
line-height: 13px;
border: 1px solid #fff; ...; ...; dst...
}

Ubah nilai pada masing-masing properti sesuai keinginan.
Setelah melakukan editing CSS, preview terlebih dahulu. Jika sudah beres dan sesuai keinginan, save template.

mencuri adalah pekerjaan pengecut! © budihaeruman.blogspot.com

Read more »

Posted in: Blog Design,HTML-CSS Tricks