Showing posts with label tutor wordpress. Show all posts
Showing posts with label tutor wordpress. Show all posts

Thursday, July 29, 2010

Pasang Tombol Facebook Like di Wordpress

tombol facebook like 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 AppereanceEditor.

    appereance




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

    single post




  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>

    single post code


  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.

    facebook-like




  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.

Wednesday, November 12, 2008

Fresh Info : Blog Baru Semangat Baru

wordpress 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,     Thinking 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.