Cara Memasang Tombol Share Twitter & Facebook

Cara Memasang Tombol Berbagi Ke facebook, twitter, google+ di blog
CARA Joko Abdul Khoir (Joko Wae Lah)
segera kunjungi...ok broooo........!!!!!!!!!!!!!!!!!!!!!!!

1. Loggin ke blogger dengan akun blog anda.
2. Klik menu Tata Letak > Edit HTML > Expand Template Widget
3. Cari kode <div class='post-body entry-content'> atau class='post-body entry-content' dan biasanya ada 2 kode tersebut, pakailah kode yang pertama
4. Jika sudah ketemu, copy kode dibawah ini dan paste tepat diatas kode <div class='post-body entry-content'>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='border-top:1px solid #ccc;border-bottom:1px solid #ccc; padding:8px 0px;margin:5px 0px 5px 0px;width:100%;float:left;height:20px;'>
<div style='float:left;padding-left:0px;font:normal 12px Georgia;'>
Share on :
</div>
<div style='float:left;padding-left:10px;'>
<a name='fb_share' type='button_count'/>
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'>
</script></div>
<div style='float:left;padding-left:10px;'>
<a class='DiggThisButton DiggCompact'/>
<script type='text/javascript'>
(function() {
var s = document.createElement(&#39;SCRIPT&#39;), s1 = document.getElementsByTagName(&#39;SCRIPT&#39;)[0];
s.type = &#39;text/javascript&#39;;
s.async = true;
s.src = &#39;http://widgets.digg.com/buttons.js&#39;;
s1.parentNode.insertBefore(s, s1);
})();
</script>
</div>
<div style='float:left;padding-left:10px;'>
<a class='twitter-share-button' data-count='horizontal' data-via='User Name' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
</div>
<div style='float:left;padding-left:10px;'>
<!-- Place this tag where you want the +1 button to render -->
<g:plusone size="medium"></g:plusone>
<!-- Place this render call where appropriate -->
<script type="text/javascript">
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>
</div>
</div>
</b:if>

5, Simpan Template dan lihat hasilnya.

Bagaimana sobat, mudah bukan??. Selamat mencoba dan semoga bermanfaat.

Memasang Tombol Share To Facebook, Twitter, Google+ di Blog 10out of 10 based on 1000000ratings. 10 user reviews

Read more »

Cara Memasang Widget Facebook di Blog | Blogger Cara Memasang Widget Facebook di Blog | Blogger

Cara Memasang Widget Facebook di Blog | Blogger
cara joko wae lah (joko abdul khoir)


Setelah saya kemarin membahasFacebook vs Twitter,pada tips dan trik blog kali ini saya ingin membahas tutorial sederhana,bagaimana cara memasang widget Facebook di blog.Facebook widget sangat berguna sekali menurut saya,karena untuk saya yang berprofesi sebagai seorang internet marketer,Facebook adalah sebuah saranaviral marketing yang ampuh ( Baru sadar :D ).

Ok..langsung saja ya,cara memasang widget facebook di blog sangat mudah kok :


1.Login dulu ke facebook anda

2.Pilih profile

3.Lihat di bagian kiri bawah,ada tulisan create your profile badge


4.Lalu pilih create a badge atau edit badge

5.Kemudian anda setting widget Facebook anda sesuai dengan selera.Anda bisa memilih mana yang ingin anda tampilkan dan mana yang tidak.


6.Klik save,dan anda akan mendapatkan kode javascript,copy paste kode tersebut ke blog anda.

Cara memasukan kode Javascript/Html ke blog:

Masuk ke dasboard blogger anda --> TATA LETAK (LAYOUT) --> TAMBAH ELEMEN HALAMAN --> HTML/JAVASCRIPT

Selesai...

Semoga tutorial cara pasang widget Facebook di blog ini bisa membantu ya!

Terimakasih

Read more »

Cara Membuat Buku Tamu Melayang Diblog

Cara Membuat Buku Tamu Melayang Diblog
"ala" joko wae lah... (joko abdul khoir)

Cara Membuat Buku Tamu Melayang Diblog - Ini merupakan lanjutan dari tutorial sebelumnya yaitu Cara Membuat Buku Tamu Pada Blog yang mana pada tutorial tersebut membahas tentang bagaimana cara membuat Buku Tamu. Nah selanjutnya kalau sahabat sudah membuat Buku Tamu tersebut kita akan mencoba memodifikasi supaya Buku Tamu yang sudah sahabat buat bisa tampil lebih menarik.

Disini kita akan mencoba  Membuat Buku Tamu Melayang Diblog dengan posisi Buku Tamu berada disamping Blog dan tetap diam walaupun halaman blog di scroll keatas dan kebawah, untuk contohnya yang sudah saya buat sendiri silahkan sahabat lihat DISINI. Oh ea hampir lupa sebelumnya saya juga pernah membahas tentang Cara Membuat Buku Tamu Terbuka Tanpa Diklick, tutorial itu juga sama kelanjutan dari tutorial Cara Membuat Buku Tamu Pada Blog.

Baiklah mari kita mulai Cara Membuat Buku Tamu Melayang Diblog, silahkan sahabat lakukan langkah langkah dibawah ini :

1. Login ke Blogger

2. Pilih Tata Letak

3. Lalu tambahkan Gadget baru atau Widget Baru "Add Gadget"

4. Setelah itu pilih HTML/Javascript

5. Copy kode dibawah ini dan letakan kedalam Widget yang telah sahabat buat.

<style type="text/css">

#gb{

position:fixed;

top:50px;

z-index:+1000;

}

* html #gb{position:relative;}

.gbtab{

height:142px;

width:60px;

float:left;

cursor:pointer;

background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXs_tKAzbgykBiSPDucOAEgS2oGC5vfDug5oT-7skdbE_urm-cun5_pCUMtiwhsHzxzWNHuH2M4wTNh2POsHQmHxzKXdTr38y3Zoe_3zkxeogfoGMLDjDXAfk7ATNLJwI_zyTzjE32gdCi/s1600/Nomor-Cantik.png') no-repeat;

}

.gbcontent{

float:left;

border:2px solid #ff8000;

background:#F5F5F5;

padding:10px;

}

</style>

<script type="text/javascript">

function showHideGB(){

var gb = document.getElementById("gb");

var w = gb.offsetWidth;

gb.opened ? moveGB(0, 60-w) : moveGB(50-w, 0);

gb.opened = !gb.opened;

}

function moveGB(x0, xf){

var gb = document.getElementById("gb");

var dx = Math.abs(x0-xf) > 10 ? 5 : 1;

var dir = xf>x0 ? 1 : -1;

var x = x0 + dx * dir;

gb.style.right = x.toString() + "px";

if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}

}

</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">

MASUKAN KODE BUKU TAMU SAHABAT DISINI

<div style="text-align:right">

<a href="http://www.sundaboy.com/">Media Sharing</a>><a href="javascript:showHideGB()">(BUKA)</a>

</div>

<script type="text/javascript">

var gb = document.getElementById("gb");

gb.style.right = (30-gb.offsetWidth).toString() + "px";

</script>

Keterangan :

Silahkan sahabat ganti MASUKAN KODE BUKU TAMU SAHABAT DISINI dengan kode Buku Tamu milik sahabat.

Apabila sahabat mengerti kode java script silahkan untuk merubah atau memberi sentuhan lain didalam kode script diatas, tapi dimohon untuk tidak menghapus link yang ada didalamnya.

6. Simpan Template dan lihatlah hasilnya.

Nah itu Tutorial Cara Membuat Buku Tamu Melayang Diblog, semoga dapat bermanfaat. kalau terdapat kode yang salah dimohon untuk memberitahukannya melalui kotak komentar dibawah ini. sekian dan terimakasih, salam hangat dari Sundaboy.

Media Sharing | SundaBoy

Selengkapnya : http://www.sundaboy.com/2012/05/cara-membuat-buku-tamu.html#ixzz1xxLeqKNW 
Copy paste harus menyertakan link sumbernya. terimakasih 

Read more »

MEMBUAT GADGET SOCIAL PROFILE

MEMBUAT GADGET SOCIAL PROFILE

12:40 PM  tips n trick  1 comment

Berhubung ada yang tanya bagaimana cara buat gadget social profile seperti di blog saya, oke saya akan share. Mau buat Gadget Social Profile seperti di blog ini dipasang di blog kamu?


Caranya :

1.Copy script berikut

<div id='rsidebar-wrapper'>

<div class='widget-container'>
<div class='social-profiles-widget'>
<h3 class='widgettitle'>Social Profiles</h3>
<a href='http://twitter.com/rayhanadri' target='_blank'><img alt='Twitter' src='http://jemblink.tk/images/462twtblock.gif' title='Twitter'/></a>

<a href='http://facebook.com/rayhan.adri' target='_blank'><img alt='Facebook' src='http://jemblink.tk/images/330fbblock.gif' title='Facebook'/></a>

<a href='https://plus.google.com/115286378537320248320' target='_blank'><img alt='Google Plus' src='http://jemblink.tk/images/309gplusblock.gif' title='Google Plus'/></a>

<a href='http://livebeta.kaskus.us/profile/2726745' target='_blank'><img alt='Kaskus' src='http://jemblink.tk/images/186kaskusblck.gif' title='Kaskus'/></a>
</div>
</div>
<div style='clear:both;'/>

<div class='widget-container'>
<div id='search' title='Type and hit enter'>
    <form action='/search' id='searchform' method='get'>
        <input id='s' name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Search&quot;;}' onfocus='if (this.value == &quot;Search&quot;) {this.value = &quot;&quot;;}' type='text' value='Search'/>
    </form>

</div>
</div>
</div>
</div>


2. Masuk ke blogger-dashboard-design (kalo bahasa indonesia dasbor-rancangan)
    kemudian ke page element->add a gadget->html/javascript->paste script di atas di bagian content
    kalo bahasa indonesia (elemen laman->tambah gadget->html/javascript)

3. Edit script tersebut ke link social profile anda
Yang berwarna Orange ganti dengan alamat profile twiter
Yang di background color Orange diganti dengan url icon twitter (jika ingin diganti)

Yang berwarna Biru ganti dengan alamat profile facebook
Yang di background color Biru diganti dengan url icon facebook (jika ingin diganti)

Yang berwarna Merah ganti dengan alamat profile google+
Yang di background color Merah diganti dengan url icon google+ (jika ingin diganti)

Yang berwarna Hijau ganti dengan alamat profile kaskus
Yang di background color Hijau diganti dengan url icon kaskus (jika ingin diganti)

Read more »

Euro 2012 Euro 2012: Ceko, Belanda, dan Portugal Kritis Tribunnews.com - Selasa, 12 Juni 2012 13:44 WIB

Euro 2012

Euro 2012: Ceko, Belanda, dan Portugal Kritis

Tribunnews.com - Selasa, 12 Juni 2012 13:44 WIB

TRIBUNNEWS.COM/Husein Sanusi

Ekspresi persahabatan antara fans Spanyol dan Italia sebelum dan sesudah pertandingan Spanyol versus Italia di Gdasnk Arena, Polandia, Minggu (10/6/2012). (TRIBUNNEWS.COM/Husein Sanusi) 

Jadwal Siaran Langsung 

Laporan TRIBUNnews.com dari Polandia

Laporan Wartawan Tribun Jakarta

TRIBUNNEWS.COM - Setidaknya tiga tim besar sepak bola Eropa terancam angkat kaki lebih awal dari Polandia-Ukraina jika tidak memenangkan pertandingan kedua babak penyisihan grup Euro 2012 mulai Selasa (12/6/2012) malam ini WIB.

Belanda di grup D jelas paling kritis.  Kalah secara mengejutkan dari Denmark 0-1, Belanda akan menghadapi raksasa Jerman pada Kamis, 14 Juni 2012 01:45 WIB. 

Jerman, yang menang 1-0 atas Portugal, tentu butuh kemenangan untuk mengamankan peluang lolos ke babak kedua Euro 2012.

Jelaslah bahwa partai Belanda vs Jerman akan menjadi salah satu tontonan paling seru pekan ini.

Republik Ceko yang lebih awal menghadapi risiko angkat kaki. Petr Cech dkk akan meladeni Yunani, yang juga butuh kemenangan setelah seri melawan Portugal, Selasa, 12 Juni 2012. Pertandingan akan disiarkan secara langsung pukul 23.00 WIB malam ini.

Ceko kalah menyakitkan dari Rusia, 1-4.  Jika kalah lagi, Ceko kemungkinan akan menjadi tim pertama yang harus pulang kampung.

Yunani, yang baru merebut satu poin, juga kritis. Jika kalah, mantan juara Piala Eropa itu akan tersingkir paling awal.

Portugal juga dalam bahaya. Ronaldo dkk akan melawan Denmark pada Rabu, 13 Juni 2012, pukul 23:00 WIB.

Denmark bukan tim sembarangan. Tim inilah yang mengagetkan Belanda dengan skor 1-0 di pertandingan pertama Euro 2012.

Bila Portugal kalah, Ronaldo dkk di ujung tanduk.

Mengingat hasil-hasil di pertandingan pertama babak penyisihan grup Euro 2012, di luar tiga tim itu, masih ada juga yang posisinya belum aman kendati tidak seberbahaya Ceko, Belanda, dan Portugal yang belum mengumpulkan poin.

Italia, misalnya. Balotelli dkk meraih satu poin penting melawan Spanyol, tapi pertandingan melawan Kroasia harus dimenangkan. Masalahnya, Kroasia --yang mengalahkan Irlandia 3-1-- seperti biasa selalu menjadi kerikil runcing bagi tim-tim besar.

Inggris, yang menahan Perancis 1-1, harus bertempur dengan Swedia, tim terluka yang dikalahkan tuan rumah Ukraina 1-2.

Jadi, bersiaplah menyaksikan pertandingan-pertandingan mendebarkan dari pentas Piala Eropa pekan ini. 

Jadwal Siarang Langsung,

Pembagian Grup, dan

Pertandingan Kedua Babak Penyisihan Grup

Euro 2012

Selasa, 12 Juni 2012 23:00 WIB

Grup A

Yunani vs Ceko

Rabu, 13 Juni 2012 01:45 WIB

Grup A

Polandia vs Rusia

Rabu, 13 Juni 2012 23:00 WIB

Grup B

Denmark vs Portugal

Kamis, 14 Juni 2012 01:45 WIB

Grup B

Belanda vs Jerman

Kamis, 14 Juni 2012 23:00 WIB
Grup C

Italia vs Kroasia

Jumat, 15 Juni 2012 01:45 WIB

Grup C

Spanyol vs Irlandia

Jumat, 15 Juni 2012 23:00 WIB

Grup D

Ukraina vs Perancis

Sabtu, 16 Juni 2012 01:45 WIB

Grup D

Swedia vs Inggris

Hasil-hasil pertandingan pertama babak penyisihan grup Euro 2012:

Jumat, 8 Juni 2012 23:00 WIB (FT) Grup A

Polandia 1 vs 1 Yunani

Sabtu, 9 Juni 2012 01:45 WIB (FT) Grup A

Rusia 4 vs 1 Ceko

Sabtu, 9 Juni 2012 23:00 WIB (FT) Grup B

Belanda 0 vs 1 Denmark

Minggu, 10 Juni 2012 01:45 WIB (FT) Grup B

Jerman 1 vs 0 Portugal

Minggu, 10 Juni 2012 23:00 WIB (FT) Grup C

Spanyol 1 vs 1 Italia

Senin, 11 Juni 2012 01:45 WIB (FT) Grup C

Irlandia 1 vs 3 Kroasia

Senin, 11 Juni 2012 23:00 WIB (FT) Grup D

Perancis 1 vs 1 Inggris  Ukraina 2 vs 1 Swedia

Liputan Khusus Euro 2012 di Tribun Jakarta 

Berita Terkait: Euro 2012

• Przemysław Tyton Jagoan Tahan Tendangan Penalti

Read more »