Pasang Tombol Facebook Like di Wordpress

Seperti janji kemaren pada posting Pasang Tombol Facebook Like di blogger bahwa akan di bahas juga tentang bagaimana cara  Pasang Tombol Facebook Like di wordpress. Namun, perlu di jelaskan bahwa tips berikut berlaku untuk yang menggunakan wordpress.org (self hosted) bukan untuk wordpress.com (wordpress gratis).

 

Untuk memasang Tombol facebook like di wordpress terbilang mudah, yang penting anda tidak sangat buta dengan kode HTML atau PHP. Hal pertama adalah dimana anda akan meletakkan tombol facebook like tersebut, di bawah posting, diatas posting, di home page, atau hanya di single post?

 

Kode Tombol Facebook Like

Agar tidak terlalu pusing dalam mencari kode tombol  facebook like untuk wordpress, kode berikut bisa saja anda gunakan :

 

<iframe src="http://www.facebook.com/plugins/like.php?href=<?php the_permalink() ?>&amp;action=like&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;font=arial&amp;colorscheme=light" allowTransparency="true" frameborder="0" scrolling="no" style="border:none; overflow:hidden; width:450px; height:25px;"></iframe>

 

Sekilas tentang Struktur Theme Wordpress

Perlu di ketahui bahwa struktur template blogger dengan template wordpress (theme) sangatlah berbeda. Template blogger, struktur templatenya satu file, sedangkan wordpress theme terbagi didalam beberapa file, namun tentu saja antara file yang satu dengan yang lainnya saling berhubungan.

Umumnya, file untuk mengatur tampilan halaman depan (homepage) dinamakan dengan file index.php, halaman single post dinamakan file single.php, dan halaman static pages dinamakan page.php, dan file-file yang lainnya. Namun, itu adalah secara umum, untuk theme-theme premium, kang rohman menemukan ada penamaan file yang berbeda.

 

Cara pasang tombol Facebook Like di postingan wordpress

Sebagai pengetahuan dasar, kode posting di wordpress adalah seperti ini ;

 

<?php the_content(); ?>

 

Namun, tentu pada theme yang anda gunakan mungkin akan sedikit berbeda, sebagai contoh pada theme default wordpress, pada bagian index.php nya memuat kode seperti berikut :

 

<?php the_content('Read the rest of this entry &raquo;'); ?>

 

Dapat di lihat, bahwa kode dasarnya tetap sama, hanya ada penambahan “'Read the rest of this entry &raquo;” saja.

 

Sebagai contoh, berikut adalah cara pemasangan tombol facebook like dengan menggunakan theme default wordpress. Tombol yang di harapkan muncul adalah hanya pada akhir posting saja (single post). Tips : praktekan langkah berikut pada blog percobaan anda, jangan langsung pada blog utama, ini untuk mengurangi resiko jika melakukan kesalahan, atau jika langsung pada blog utama anda, jangan lupa untuk selalu melakukan backup terlebih dahulu sebelum melakukan pengeditan.

 

1. Silahkan login ke blog anda.



2. Tuju bagian Appereance ⇒ Editor.
   
   

   

   
   



3. Alihkan perhatian ke sebelah kanan monitor, klik file single.php , Tunggu beberapa saat sampai loading selesai.
   
   

   

   
   



4. Copy lalu paste kode berikut di bawah / diatas kode <?php the_content('<p class="serif">Read the rest of this entry &raquo;</p>'); ?>
   
   

    

   
   
   

   <iframe src="http://www.facebook.com/plugins/like.php?href=<?php the_permalink() ?>&amp;action=like&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;font=arial&amp;colorscheme=light" allowTransparency="true" frameborder="0" scrolling="no" style="border:none; overflow:hidden; width:450px; height:25px;"></iframe>

   
   



5. Klik tombol Update File. Tunggu sampai proses selesai.



6. Silahkan buka blog anda, klik pada judul posting, atau read more.



7. Tuju bagian akhir posting, dan seharusnya tombol facebook like harus sudah ada.
   

   

   
   



8. Selesai.

Contoh diatas adalah untuk single post. Jika mau di pasang bagian homepage tinggal di masukin di file index.php. untuk static pages di file page.php.

 

Semoga bermanfaat.

Fresh Info : Blog Baru Semangat Baru

Beberapa bulan yang lalu Kang Rohman pernah posting sebuah artikel yang secara tepatnya meminta opini dari para pembaca apakah setuju apabila Kang Rohman Membuat Tutorial tentang membuat blog di Wordpress. Apabila menilik komentar yang masuk, hampir semuanya mengatakan setuju apabila kang Rohman membuat tutorial tentang wordpress, namun banyak yang menyarankan agar tutorial tersebut di tulis bukan pada blog ini. Selain itu agar lebih klop ada juga yang mengusulkan agar mesin blog yang di gunakan adalah mesin wordpress juga,     hmmmmm… usulan yang sangat baik dan boleh untuk di pertimbangkan.

Karena sekarang waktu luang untuk nge blog lumayan banyak, maka sepertinya kang Rohman akan iseng membuat tulisan seputar wordpress dan tentu saja tidak disini serta mesin yang digunakan juga adalah wordpress agar lebih afdol.

Mohon maaf, bukan berarti saya merasa pintar dengan yang namanya wordpress, namun hanya bermaksud sekedar sharing bagi yang belum tahu atau mengerti. Pada blog yang baru di buat ini, deskripsi yang tertulis adalah Diskusi Seputar Wordpress, SEO, Teknologi. Ini berarti tidak ada yang lebih pintar ataupun lebih bodoh, namun yang ada hanyalah berbagi, berbagi informasi, berbagi ilmu, berbagi pengalaman, bukankah hidup akan lebih indah jika kita saling berbagi.

Bagi yang ingin ikut berdiskusi seputar wordpress, silahkan saya undang untuk mampir di blog saya yang baru http://rohman.info. Jangan lupa kasih komentar yah.

Tips Membackup Blog Secara Online

Mungkin sobat pernah mendengar berita beberapa bulan yang lalu salah satu blogger senior indonesia
mengalami hal yang cukup menyedihkan yaitu blog miliknya yang di blogger.com (blogspot)
tiba-tiba terkena banned oleh pihak blogger.com. Sangat di sayangkan sekali memang, blog yang sudah
di tata sedemikin rupa dan telah memperoleh trafik yang sangat tinggi tiba-tiba harus hilang dari
kendali pemiliknya. Bagaimana apabila itu terjadi pada blog kita? mudah-mudahan jangan sampai terjadi.
Namun walaupun kita semua berharap semua itu tidak terjadi, tetap saja kemungkinan untuk terjadi tetap ada.
Kenapa bisa demikian? jawaban yang sederhana adalah kita hanyalah Numpang di tempatnya orang lain yaitu
pihak Blogger.com.

Selaku pihak yang menumpang tentu saja kita harus sadar betul bahwa apabila sewaktu-waktu sang pemilik tempat (blogger.com)
tidak lagi berkenan untuk menampung kita di tempatnya, kita harus berbesar hati untuk melangkahkan kaki kita ketempat
lain yang masih sudi untuk menampung kita. Terdengar sedikit menyedihkan memang, akan tetapi itulah fakta yang ada. Jika
semua itu tidak ingin terjadi, silahkan untuk membeli rumah sendiri.



Apa yang paling menyedihkan apabila account kita di banned oleh pihak blogger.com? menurut saya sendiri adalah artikel-artikel
yang telah kita buat dengan susah payah serta telah mengorbankan waktu yang sangat banyak harus hilang seketika entah kemana.
Okelah, apabila seandainya artikel yang telah kita posting di blog hanyalah tiga atau empat artikel saja mungkin tidak akan
terlalu menimbulkan kekecewaan, namun bagaimana apabila artikel kita sudah mencapai puluhan atau ratusan atau bahkan sudah
ribuan jumlahnya, tentu ini merupakan hal yang cukup serius untuk di pikirkan.



Pertanyaan yang mungkin timbul adalah bagaimana cara menyelamatkan artikel-artikel kita apabila seandainya hal buruk tadi menimpa kita?
jawaban yang mudah di tebak adalah kita harus sesering mungkin untuk membuatkan backup artikel-artikel tersebut. Untuk membuatkan
backup data pada komputer, rasanya tidak perlu lagi di bahas karena saya yakin semuanya pasti telah mengetahui caranya.
Mem backup data melalui komputer di rumah kita, hal ini sering kali di sebut dengan backup data secara Offline. Yang mau
saya bahas kali ini adalah bagaimana cara membackup artikel-artikel kita yang telah di posting secara Online.



Untuk backup artikel secara Online tentunya banyak sekali cara yang bisa di tempuh, namun tentunya tidak akan saya bahas
semua. Dari sekian banyak cara backup secara Online, diantaranya yaitu melalui Blog wordpress, Google Reader,
serta Blog Multiply. Dari ketiga cara tersebut yang akan saya bahas secara rinci adalah melalui Blog wordpress karena
diantara penyedia layanan gratis paling terkenal selain Blogger.com adalah wordpress.com.

Backup Online di Wordpress.com

Di wordpress.com, selain kita memposting artikel seperti halnya di blogger.com, ada fasilitas untuk memasukan seluruh artikel yang telah
diposting di account blogger melalui fasilitas Impor. Dengan fasilitas impor ini, sobat hanya menekan satu tombol untuk import
maka seluruh artikel yang telah di posting di blogger termasuk juga komentar-komentarnya akan secara otomatis di masukan ke dalam account
blogger untuk di tampilkan di blog sobat yang di wordpress. Untuk melakukan proses import di wordpress.com, langkah pertama yang
harus dilakukan adalah tentunya sobat harus mempunyai sebuah account wordpress. Bagi yang belum mempunyai account di wordpress, silahkan daftar dulu sendiri di sini !.
Tentang cara-cara daftar, saya yakin sobat sudah bisa melakukannya. Sekarang saya anggap sobat sudah mempunyai sebuah account di wordpress.
Untuk cara membackup artikel sobat yang ada di blogger.com/blogspot ke wordpress, silahkan ikuti langkah-langkah berikut ini :

1. Silahkan login dulu di wordpress dengan id sobat





2. Apabila sobat masih menggunakan bahasa inggris, saya sarankan untuk mengubahnya
   ke bahasa indonesia agar lebih nyambung dengan yang akan saya bahas. Silahkan perhatikan
   ke sebelah atas, klik tulisan My dashboard, kemudian klik Users, lalu klik Your Profile. Arahkan
   perhatian ke bagian tengah layar monitor, lihat tulisan Interface Language. Disamping
   tulisan Interface Language ada menu dropdown, silahkan klik menudropdown tersebut lalu
   pilih yang Id - bahasa Indonesia. Yang terakhir klik tombol update Profile ». Sekarang dashboard sobat
   menjadi berbahasa indonesia.





3. Klik menu Kelola.





4. Klik sub menu bertuliskan Impor.





5. Klik tulisan Blogger. Akan ada tulisan pengantar dari wordpress. Kemudian klik
   tombol Otorisasi.





6. Setelah itu akan muncul panel untuk Login ke blogger.com. Silahkan login dulu di blogger
   dengan id sobat.





7. Akan muncul peringatan dari Google Account, klik tombol Grant acces. Tunggu beberapa saat.





8. Sobat akan masuk kembali ke panel wordpress. Apabila sobat mempunyai beberapa blog dalam satu account blogger,
   maka blog-blog tersebut seluruhnya akan di tampilkan. Pilih artikel blog mana yang mau di impor. Klik tombol Impor yang
   berada di sebelah kanan yang sejajar dengan judul blog yang mau di impor.





9. Tunggu sampai proses impor selesai. Mungkin proses impor ini akan memakan waktu yang cukup lumayan lama, ini tergantung
   dari banyaknya artikel yang di impor dari blogger. Jika jumlah posting sudah sangat banyak, mungkin bisa memakan waktu
   lebih dari satu jam. Silahkan sobat minum kopi dulu untuk sekedar menunggu proses impor berlangsung





10. Selesai.

Sekarang sobat sudah mempunyai arsip blog secara online tanpa harus mempostingnya satu persatu. Sebuah catatan yang perlu di ketahui yaitu
setiap sobat memposting artikel di blog sobat yang di blogger/blogspot maka tulisan tersebut tidak akan secara langsung di impor ke wordpress,
oleh karena itu untuk backup artikel terbaru, sobat harus melakukan proses impor kembali seperti langkah-langkah di atas. satu hal yang
boleh untuk di ketahui yaitu pada proses impor yang kedua atau ketiga atau yang selanjutnya, artikel yang telah di impor sebelumnya tidak akan
di impor kembali sehingga tidak akan ada duplikasi artikel, sehingga proses impor yang kedua dan selanjutnya tidak akan memakan waktu yang lama
seperti pada saat melakukan impor yang pertama.



Bagaimana sobat, cukup menarik bukan? namun seperti yang saya sebut di atas bahwa artikel baru yang di posting di blogger tidak akan secara
otomatis di impor, hal ini tentunya akan menuntut kita untuk bekerja lebih ekstra melakukan proses impor. Pertanyaan yang mungkin timbul yaitu
apakah ada yang bisa secara otomatis melakukan backup? jawabannya ada. Kita hanya melakukannya sekali saja, untuk selanjutnya akan secara otomatis
di backup. Fasilitan apa yang di gunakan? ini bisa di lakukan antara lain melalui Google Reader atau juga melalui blog yang ada di multiply.com.
mau tahu caranya? di baca saja deh kelanjutan ceritanya.

Backup Online melalui Google Reader

Salah satu cara yang mengasikan dalam hal backup secara online menurut saya adalah melalui google Reader.
Caranya sangat gampang yaitu jadilah pembaca dari blog kita sendiri melalui google reader. Jadi setiap kita posting artikel di blognya blogger, maka artikel
tersebut akan secara langsung di kirim ke halaman google reader milik kita, lebih praktis daripada cara yang di wordpress. Tentang bagaimana menjadi feed reader
melalui google reader, sudah pernah saya posting. Bagi yang masih bingung, silahkan baca kembali artikelnya di sini !.

Backup Online melalui Multiply.com

Cara praktis lainnya selain melalui Google reader adalah melalui blog di http://multiply.com.
Seperti halnya di blog wordpress, di multiply.com ada fasilitas untuk import dari blogger, namun untuk multiply.com, setiap kita posting
artikel di blogger, maka akan secara langsung muncul di blognya multiply.com. jadi untuk masalah backup data artikel blog, multiply lah yang tergolong yang
paling tepat. Untuk caranya tidak akan saya bahas secara detail karena mata saya sudah sepet banget nih, hampir jam 12 malem waktunya untuk istirahat.
Seperti biasa, bikin dulu account di multiply, kemudian cari yang untuk import.




Mau melihat contoh contoh backup dari blog saya, silahkan bisa di kunjungi di sini! atau juga di sini!



Tidur dulu ah, ngantuk banget nih!

Pasang Kode HTML di Wordpress

Menilik dari beberapa pertanyaan yang muncul balakangan ini baik melalui shoutbox ataupun
melalui kotak komentar, rupanya tak hanya sobat yang membuat blog di blogger.com saja
yang berkunjung ke blog ini akan tetapi ada juga para pengguna blog yang menggunakan
layanan dari wordpress.
Sebenarnya bukannya saya pelit untuk berbagi pengetahuan seputar wordpress, akan tetapi
ilmu saya terlalu dangkal apabila berbicara mengenai wordpress sehingga tidak ada yang bisa di sampaikan. Sepertinya harus
banyak belajar nih mengenai wordpress, do'akan ya mudah-mudahan dalam beberapa bulan mendatang
saya akan bisa membuat tutorial seputar blog yang memakai layanan wordpress.

Mungkin bagi sobat yang sering membaca tutorial yang saya tulis acapkali menemukan tutorial
berupa pemasangan kode-kode HTML ataupun berupa Javascript. Apabila timbul pertanyaan
apakah di wordpress bisa juga di pasang kode/script tersebut? sepengetahuan saya bahwa
pada layanan wordpress yang tidak berbayar alias gratis tidak diperkenankan memasang
Javascript, akan tetapi lain halnya dengan layanan yang berbayar tentu itu lain soal,
sobat bisa memasukan apa saja terserah sobat. Kemudian bagaimana nasibnya dengan kode HTML apakah
bisa di pasang di wordpress? nah jika untuk kode HTML masih diperbolehkan untuk dipasang, jadi
apabila ada tutorial saya yang memakai hanya berupa kode HTML maka masih bisa untuk di pasang di wordpress.



Berangkat dari alasan diatas, maka pada kesempatan ini saya akan coba untuk mengulas tentang cara
pemasangan kode HTML yang akan di simpan di sidebar blognya wordpress. Agar lebih terfokus,
maka akan saya ambil contoh pemasangan kode tuker link. Untuk kode tuker link pernah saya
ulas di sini ! sebagai contoh : kode HTML untuk tuker link yang akan di pasang seperti ini :





Link to us, we did link you back :

<br/><br/>

<img src="http://i162.photobucket.com/albums/t253/rohman24/kolomtutorial.gif" border="0" alt="Kolom blog tutorial ">

<br/><br/>

<textarea name="code" rows="6" cols="20">

<a href="http://amen24.wordpress.com" target="_blank">

<img src="http://i162.photobucket.com/albums/t253/rohman24/kolomtutorial.gif" border="0" alt="Kolom blog tutorial "></a>

</textarea>






Dan yang akan tampil misalnya seperti ini :



Link to us, we did link you back :







<br /><a href="http://amen24.wordpress.com" target="_blank"><br /><img src="http://i162.photobucket.com/albums/t253/rohman24/kolomtutorial.gif" border="0" alt="Kolom blog tutorial "></a><br />




Untuk cara pemasangannya sobat bisa mengikuti langkah-langkah berikut ini dengan asumsi sobat memilih yang dengan bahasa indonesia :

Silahkan login di wordpress atau klik saja di sini !

Klik menu My dashboard.

Klik menu widget.

Akan tampil kolom sidebar, misal seperti ini (punya dua kolom sidebar).

Pindah widget teks yang ada kolom widget ke kolom sidebar, bisa ke kolom sisi 1 atau ke kolom sisi 2, caranya yaitu
klik pada widget teks kemudian tahan, lalu pindahkan ke kolom sidebar ( di drag & drop), lihat contoh gambarnya seperti ini :

Saya ambil contoh widget teks di masukan pada kolom sisi 1, gambarnya akan seperti ini :

Untuk mengisi widget tersebut dengan kode HTML, klik pada icon untuk edit yang berada pada widget teks, contoh gambarnya
seperti ini :

Akan tampak kolom kosong, kemudian masukan kode tukeran link yang seperti contoh di atas :

Setelah kode HTML di pasang, tutuplah kolom yang muncul tadi dengan menekan tanda X (close)

Klik tombol Simpan Perubahan

Lihat hasil yang baru di buat dengan menekan link Lihat Situs yang ada di bagian atas monitor

Selesai.

Bagaimana berhasilkah? mudah-mudahan tutorial mengenai wordpress kali ini dapat bermanfaat bagi sobat semua khususnya
para pengguna layanan dari wordpress.



Salam ngeblog !