iFrame Wrapper| Cara Menampilkan Live Blog, Live Tweets, Youtube Videos di Facebook Fan Page

Facebook merupakan Social Media yang paling Populer saat ini. Dengan lebih dari 300 juta pengguna Facebook berhasil menduduki posisi teratas di dunia Social Media. Tak heran jika berbagai produk maupun perusahaan di seluruh dunia berlomba lomba memasang iklan di Facebook.
Nah para blogger juga bisa melakukan hal yang sama yaitu mempromosikan Blog secara gratis dengan membuat sebuah Fan Page. Caranya tentu teman teman sudah tahu, tetapi yang ingin kami bahas disini adalah bagaimana menampilkan blog kita secara LIVE di Facebook Fan Page.
Caranya cukup mudah yaitu dengan menambahkan aplikasi iFrame ke Fan Page yang kita miliki. Berikut Langkah Langkahnya:
v  Bukalah aplikasi iFrame melalui Link Berikut iFRAME WRAPPER
v  Log in Ke Facebook
v  Add/Install Aplikasi
v  Pilih Fan Page yang di tuju jika kita memiliki lebih dari satu Fan Page

v  Bukalah Fan Page anda lalu perhatikan di side bar kiri Klik Welcome iFrame untuk editing

v  Lihatlah sisi bawah dan atas halaman iFrame disana terdapat tulisan setting. Klik salah satu.

v  Setelah itu tinggal mengaktifkan aplikasi. Perhatikan gambar berikut lalu klik install this this icon to my page-pilih fan page yang di tuju-klik Add iframe.

v  Sekarang kita harus memilih situs yang ingin kita tampilkan. Jika kita mau blog kita maka tinggal pilih add another menu item to this page seperti yang terlihat di bawah tabel diatas lalu pilih logo Blogger kalau kita ingin menambahkan blog.

v  Perhatikan ada tiga pilihan untuk di centang di atas table seperti pada gambar berikut . Pilih iframe.

v  Setelah itu perhatikan table tersebut. Gantilah alamat website (yang kami garis bawahi dengan warna merah) dengan alamat blog, Youtube Channel atau alamat twitter anda lalu klik save.
v  Di atas table ada link Installation. Klik link tersebut-pilih lagi nama fan page-klik add iframe.
v  Sekian. Untuk menambah aplikasi lainnya seperti Twitter, Youtube dsb. Tinggal perhatikan di bawah table klik add new application dan ikuti langkah langkah seperti sebelumnya.
Hasilnya seperti yang terlihat pada gambar berikut. Untuk Website atau Blog gunakanlah scroll bar untuk melihat semua halaman blog atau website anda dan tinggal klik home page atau dashboard untuk melakukan hal hal lainnya di blog anda melalui page Facebook anda. Sedangkan untuk Twitter yang di tampilkan hanyalah data tweets saja tetapi kita tidak bisa membalas langsung.


Yang membuat aplikasi iFrame Wrapper ini menarik menurut kami adalah selain bisa menampilkan Blog secara Live kita juga bisa mengecek dashboard, comment, menulis post dan semua yang bisa kita lakukan di blog bisa juga kita lakukan melaui Facebook kita.
Selamat Mencoba!

Baca Selengkapnya »

Comment

Jgn Lupa Comment

Baca Selengkapnya »

Mengetahui yang CoPas Artikel Kita

Ini adalah cara untuk mengetahui siapa yang mengcopy artikel di blog kita. Kita akan tahu blog mana saja yang mengcopy artikel kita di blog mereka. Atau barang kali kita yang suka CoPas...hihihi. Tapi jujur saja saya juga suka copas artikel dari blog lain, menurut copas adalah kegiatan yang mengasikkan...hohoho. Tapi apabila copas sebaiknya kita juga menyertakan dari mana artikel kita berasal atau sumber artikelnya. Untuk mengetahui siapa yang copas artikel di blog kita silakan website ini " http://www.copyscape.com/ ". Kalau sudah dibuka masukkan alamat url blog kita atau agar lebih specific masukkan alamat url salah satu postingan kamu yang ingin di cek.

Apabila sudah mengetahui siapa yang copas, maka buka blog itu. Lihat apakah blog itu menyertakan sumber artikelnya, yaitu alamat blog kita atau tidak. Apabila tidak menyertakan sumbernya jangan langsung argghh atau [*#<#@*!!!* atau marah. Beritahukan secara baik-baik dan sopan lewat shoutbox atau kotak komentar di blog itu. Insya Allah pemilik blog itu akan segera menyertakan sumber artikelnya.

Baca Selengkapnya »

Memasang Icon Pada Daftar Label

Buat teman-teman yang mau mempercantik blognya. Bisa kok salah satunya dengan memasang mini icon dalam bentuk .jpg atau .gif di setiap daftar label kalian :D. Cukup :

1. Sign In ke Blogger kamu.

2. Klik Rancangan

3. Klik Edit HTML (Jangan lupa di download atau di copy paste ke Notepad dulu ya, takutnya rusak nti)

4. Centang Expand Widget Template

5. Cari kode ini nih :::::

<a expr:href='data:label.url'>
<data:label.name/>
  (<data:label.count/>)</a>

Hmmm... Kalau nggak ada kode <a expr:href='data:label.url'> . Cari kode yang mirip-mirip. Contoh :

<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>

6. Sisipkan url icon kamu, jadinya seperti ini :

<a expr:href='data:label.url'>
<img src="http://i1196.photobucket.com/albums/aa406/radira_lla/love_icon_Radira-1.gif"/> 
<data:label.name/>
  (<data:label.count/>)</a>

*warna biru diganti dengan url icon kesukaanmu.   ♥

7. Simpan template kamu.

8. Selesai. 

9. Coba deh liat, ada icon lucu di depan daftar label kalian. :D

Baca Selengkapnya »

Memasang Icon di Setiap Judul Posting

Setiap ngedit blogku, aku tuh selalu nge posting apa yang barusan aku lakuin supaya aku nggak susah-susah nyari di blog lain.

Hmmm, kiat mempercantik blog untuk kali ini adalah menambahkan gambar dalam bentuk icon, emoticon, maupun yang lainnya di setiap judul posting blog. Itu loo, icon di samping judul posting blog kita ::::

Cara yang pertama :

1. Sign in ke blog teman-teman

2. Klik Rancangan

3. Klik Edit Html

4. Centang Expand Widget Templates

5. Jangan lupa di download template kamu. Kalau nggak di copy paste dulu template kamu ke Notepad.

6. Cari kode ini (pakai CTRL+F biar gampang) :

<a expr:href='data:post.url'><data:post.title/></a>

7. Sisipkan kode url teman-teman, formatnya jadi gini :

<a expr:href='data:post.url'>

<img border='0' src='http://i1196.photobucket.com/albums/aa406/radira_lla/Muach_Icon_Radira.gif'/>

<data:post.title/></a>

atau bisa juga gini :

<a expr:href='data:post.url'>

<img border='0' hight='45' src='http://i1196.photobucket.com/albums/aa406/radira_lla/Muach_Icon_Radira.gif' width='45'/>

<data:post.title/></a>

*kode berwarna biru itu bisa diganti sama URL gambar/ emoticon/ animasi kalian.

8. Klik Save

9. Selesai.

Cara yang kedua :

Kalau nggak ada kode ini :

<a expr:href='data:post.url'><data:post.title/></a>

1. Teman-teman cari kode

.post h3

biasanya formatnya tuh gini

.post h3 {

margin:.5em 0;

padding:0px 0px 0px 0px;


font-size:140%;

font-weight:bold;

font-style:italic;

line-height:1.3em;

color:#333; 

2. ubah jadi gini

.post h3 {

background:url(http://i1196.photobucket.com/albums/aa406/radira_lla/Muach_Icon_Radira.gif) no-repeat;


margin:.5em 0;

padding:0px 0px 05px 30px;

font-size:140%;

font-weight:bold;

font-style:italic;

line-height:1.3em;

color:#333; 

*nilai paddingnya tolong diubah yaa...

3. Monggoh di Save.

Baca Selengkapnya »

Cara Merubah Cursor Pada Blog

mungkin Anda ingin merubah cursor pada blog sobat dengan cursor yang anda inginkan . Apakah sobat menginginkan sesuatu seperti itu????

jika sobat ingin, sini saya mungkin dapat memberikan tips untuk Merubah Cursor Pada Blog.


Bagaimana Merubah Cursor Pada Blog:

1. Login ke blogger dan memilih layout (tata letak)

2. Pilih EDIT HTML

3. Centang Expand widget template

4. Kemudian menempatkan kode html berikut di atas  </head>

 <style type='text/css'>body, a, a:link{cursor:url(http://cur.cursors-4u.net/cursors/cur-2/cur117.cur), default;} a:hover {cursor:url(http://cur.cursors-4u.net/cursors/cur-2/cur116.cur),wait;}</style>

ganti tulisan yang berwarna biru dan merah dengan url cursor sobat.

NB :

untuk yang berwarna biru adalah ketika cursor default
untuk yang berwarna merah adalah ketika cursor menyorot link

5. Simpan Template







"SEMOGA BERMANFAAT"

Baca Selengkapnya »