Skip to main content

Cara membuat tombol suka facebook diatas dan dibawah posting


  Heemmm.......sudah nyari kesana kemari sama mbah google tentang gimana caranya bikin tombol suka facebook di di blog akhirnya nemu juga.banyak sich yang share tapi jarang-jarang yang berhasil.kebanyakan yang share pelit,takut di ambil kalee ilmunya jadi kalo share separuh-separuh alias gak lengkap.Nah..buat temen-temen yang masih nyari-nyari nich aku kasih tau caranya

1. Log In dulu ke blogger
2. Klik Rancangan lalu pilih Edit HTML.
3. Centang Expand Template Widget dan back up dulu template sobat.
4. Cari kode seperti ini.
<div class='post-header-line-1'/>
5.   Paste salah satu script di bawah ini dibawah jika ingin tombol suka facebooknya berada diatas posting blog dan paste dibawah <div class='post-header-line-1'/> jika tombol suka facebook  tampil dibawah posting blog.


1. Standard Facebook like button


     <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;send=false&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=35&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:35px;'/>
    </b:if>

2. Box Count Facebook like button

    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;send=false&amp;layout=box_count&amp;show_faces=false&amp;width=55&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=65&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:55px; height:65px;'/>
    </b:if>


3. Button Count Facebook like button


     <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;send=false&amp;layout=button_count&amp;show_faces=false&amp;width=90&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=21&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:90px; height:21px;'/>
    </b:if>

Catatan: Untuk mengujinya apakah berhasil atau tidak sebaiknya sobat pratinjau dulu biar nanti template sobat gak berantakan.jika sudah bener-bener jadi baru disimpan template anda

Selamat mencoba, semoga berhasil....



Comments

Popular posts from this blog

Cara mengganti warna jilbab dan baju menggunakan adobe photoshop cs5

    S ebenarnya tehnik mengganti warna jilbab,baju dan lainya pada foto dapat dilakukan dengan mudah menggunakan Adobe photoshop baik itu Adobe photoshop CS sampai yang terakhir Adobe photoshop CS5 . Tentunya dengan menguasai tehnik ini akan membuat kita lebih muda dalam  menentukan warna pakaian yang paling cocok untuk kita sebelum membelinya di toko. Dan yang paling menyenangkan dari tehnik ini warna yang dihasilkan  akan terasa lebih segar dan tentunya tidak kaku.Nah...bila sobat tertarik ingin tahu bagaimana caranya, silahkan ikuti tutorial berikut... 1.  Pertama kita buka foto yang akan kita ubah jilbabnya.sebelumnya kita buat duplikatnya dulu agar foto kita tetap aman bila terjadi kesalahan dalam mengedit.Setelah itu kita buat seleksi pada bagian jilbabnya.Dalm hal menyeleksi terserah anda ingin menggunakan tool apa saja ,bisa menggunakan Lasso tool , Poligonal lasso tool ataupun Quicck selection tool , terserah anda mana yang menurut anda paling anda kuasai.lakukakan

Cara instal dan menjadikan adobe photoshop cs5 trial version menjadi full version

   Masih melanjutkan tentang tuturial cara instal  Adobe photoshop cs5 pada kesempatan kali ini aku akan melanjutkan kembali tutorial cara instal dan menjadikan software canggih Adobe photoshop cs5 yang trial version ini mnjadi full version selamanya. Mari ikuti tahap-tahapnya berikut ini:  Oea,  sebelumnya aku minta maaf karena pada tutorial kali ini aku menggunakan Adobe illustrator cs5 sebagai tutorialnya tapi santai saja sob karena cara instal untuk product Adobe cs5 family sama saja.yang berbeda cuma serialnya doank Silahkan simak caranya berikut ini: 1.  Pertama kita buka folder file Adobe photoshop kemudian klik Set-up untuk menginstalnya. setelah muncul tampilan seperti gambar berikut ini, pada pilihan bahasa kita pilih  English (international) kemudian klik Accept untuk melanjutkan.  2.  Akan muncul lagi gambar seperti dibawah ini..kita pilih Install this product as a trial. pada pilihan bahasa kita pilih lagi bahasa English international kemudian klik Next

Menyamakan warna antara dua gambar

    Masih melanjutkan tentang tutorial photoshop.kali ini saya akan membuat tutorial tentang Menyamakan warna antara dua gambar .Tehnik ini  tentunya sangat berguna bagi kita dalam mengkomposisikan warna gambar. Dengan menguasai  tehnik ini  kita dapat  menyamakan warna dengan objek yang berbeda secara otomatis.Oke sekarang kita coba untuk  mempraktekanya 1.  Pertama kita buka sebuah file gambar yang akan kita komposisikan warnanya 2.  Kemudian kita buka lagi gambar yang akan kita ambil sampel warnanya. kemudian  buat seleksi menggunakan lasso tool . setelah selesai kita kembali pada dokumen yang pertama. 3.  Pada dokumen pertama kita klik menu Image > Adjustment > Match color .      * Pada kotak source kita pilih sunset.jpg      * Kemudian kita atur nilai      * Luminance dengan nilai  = 80      * Fade menjadi                = 40 Setelah selesai klik Ok 4.  Langah terakhir kita klik menu Edit > Fade match color . Ganti mode blending mode m