Cara Pasang Like Fans Page Facebook via Mobile

Bismillah. Happy Blogging Mobile For You..?
Setelah membahas bagaimana Cara Buat Page/Halaman Fans Facebook, sekarang kita akan Berbagi Informasi Tutorial Cara Pasang Like Fans Page Facebook anda di Blog.

Langsung ke pokok bahasan..

Login ke Akun Facebook anda.
Arahkan Cursor ke bawah halaman Facebook anda.
Kemudian pilih HALAMAN YANG ANDA KELOLA



Pilihan Page/Halaman yang akan anda pasang di Blog anda.



Klik Menu pada Opera Mini anda dan Copy Alamat URL Halaman anda. Alamat biasanya berupa http://m.facebook.com/profile.php?id=198484033561416&refid=5. Yang berwarna Merah itulah Alamat Url Halaman anda yang harus anda simpan.(No. ID ini hanya contoh saja)

• Selanjutnya silahkan anda CoPas (Copy Paste) Code di bawah ini di Sidebar Blog anda.
• Login ke Dashbord.
• Rancangan (Design.
• Elemen Laman.
• Tambah Gadget (Add Gadgett).
• Piih HTML/Javascript.
• Masukkan Code di bawah, kemudian Save/Simpan

<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com/profile.php?id=198484033561416&amp;width=250&amp;colorscheme=dark&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=true&amp;height=250" scrolling="no" frameborder="0" style="border:0; overflow:hidden; width:250px; height:500px;" allowtransparency="true"></iframe>

<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com/profile.php?id=<b><span style="color: red;">198484033561416</span></b>&amp;width=250&amp;colorscheme=dark&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=true&amp;height=250" scrolling="no" frameborder="0" style="border:0; overflow:hidden; width:250px; height:500px;" allowtransparency="true"></iframe>

Ganti yang yang berwarna merah dengan Alamat URL Halaman anda yang telah anda simpan tadi.
Untuk mengubah Ukuran Lebar ganti nomor pada kode WIDTH.
Untuk mengubah Ukuran Tinggi ganti nomor pada kode HEIGHT

Semoga bermanfaat, Happy Blogging Mobile.
Reply Post: Blogger Mobile

Continue Reading...

Cara Buat Page Facebook Via Mobile

Bismillah. Happy Blogging via Mobile for you.
Bagi anda yang ingin membuat Page (Halaman) Facebook sebagai media untuk menjaring pengemar Blog Mobile anda di Social Network yang terkenal ini yaitu Facebook. Dibawah ini adalah Toturial cara pembuatannya, untuk menjalankan Tutorial ini anda harus Browsing menggunakan Opera Mini

Kita langsung saja ke pokok permasalahannya yaitu Cara Buat Page (Halaman) Facebook via Mobile (Handphone)

• Silakan Login ke Akun Facebook anda.
• Ketik alamat ini pada Browsing anda: http://www.facebook.com/pages/create.php

• Pilih CAUSE OR COMMUNITY (lihat gambar tanah panah)\
• Masukan Nama Page (Halaman) anda pada Kotak Kosong.

• Centang kotak yang bertuliskan I Agree to Facebook Terms, bahwa anda menyetujui persyaratan yang ditetapkan oleh Facebook.
• Click GET STARTED

• Ungah Foto Profil » Cick Lanjutkan » (Click Skip/Lewati)
• Undang Teman Facebook anda » Click Lanjutkan » (Click Skip/Lewati)
• Tambahkan Informasi Umum anda,Isi URL Blog anda dan Keterangan mengenai Page/Halaman Facebook anda, » Click Lanjutkan » (Click Skip/Lewati)

Selesai, Page (Halaman) Facebook anda sudah jadi

Semoga bermanfaat, Happy Blogging Mobile.
Reply Post: Blogger Mobile

Continue Reading...

Cara Ungah (Upload) File di XTGem.Com

Sekarang kita akan berbagi Informasi Cara Ungah File Images (Gambar) di xtgem.com Blogging menggunakan Handphone (Mobile) yang akan kita pasang nanti didalam Artikel atau Blog anda. Bagaimana caranya ikuti Toturial dibawah ini.

Pilih Menu FILE BROWSER dari Handphone (Hp) anda:

Pilih CREATE FOLDER untuk menyimpan File Gambar anda:

Ketik Nama FOLDER anda, Misalnya: Gambar atau Images, kemudian click OK.

Click UPLOAD FILE, untuk mengungah File Gambar yang dimaksud.

Pilih Nama File dari Kartu Memori Handphone anda [G]. Jika Ungah (Upload) File Gambar lebih dari 1 (satu)anda harus mencentang huruf (H). Dan pada Ungah (Upload) yang terakhir, jika yang di Ungah(Upload) Gambar cuma 1 (satu) saja, kosongkan saja kotak tersebut. Kemudian anda click OK [I]



Setelah Ungah (Upload) Gambar berhasil, Click Icon untuk melihat Gambar dan Url-nya (Alamat File Gambar tersebut)



Didalam Kotak Merah dibawah ini, merupakan Alamat Gambar hasil Ungah (Upload) anda yang akan kita pasang didalam Blog atau Artikel nanti.



Semoga bermanfaat, Happy Blogging Mobile.
Reply Post : Blogger Mobile

Continue Reading...

Register xtgem bagi Blogger Mobile (Hp)

xtgem.com adalah Website penyedia layanan Hosting Gratis yang bisa kita gunakan apabila kita ingin Blogging menggunakan Handphone (Hp) atau Mobile user tersebut bisa kita sebut sebagai Blogger Mobile (Hp) atau Newbie Mobile (Hp) atau apalah namanya yang penting bisa untuk corat coret untuk membuat sebuah Blog atau Artikel. xtgem.com bisa juga kita fungsikan untuk menyimpan file seperti Gambar (Images) atau Konten lainnya, sesuai keinginan kita masing-masing.

Cara mendaftar (Register) di xtgem.com adalah sebagai berikut:

1. Silakan ketik http://www.xtgem.com pada Browser Mobile (Hp) anda.
2. Click Register.

3. Masukkan UserName (Site Name) pada kolom http://......... (..Misal: http://newbiemobile)   [A]

4. Pilih Domain, saya sarankan pilih xtgem.com [B](..atau Domain lain, disitu banyak pilihan, silakan anda tentukan pilih sendiri...)
5. Pada kolom Password, silakan isi Password anda.[C]
6. Pada Kolom Repeat Password, silakan masukan kembali Password anda.[C]
7. Pada Kolom Enter text on image, masukan Kode Verifikasi yang tampil.[D]

8. Click atau Centang pada kotak I certify that i have read and agree, untuk menyetujui persyaratan yang ditetapkan oleh xtgem.com.[E]
9. Click Register untuk mengakhiri pengisian form Register.[F]
10. Selesai.

Anda dapat mengetahui alamat URL dari xtgem.com yang baru saja anda buat tadi, silakan anda scrool mouse anda kebawah dan click yang bertulisan Panel. Maka akan ditampilkan URL anda, misalnya http://www.newbiemobile.xtgem.com

Semoga bermanfaat untuk Blogger Mobile pemula (baru).
Reply Post: Blogger Mobile

Continue Reading...

Cara Pasang Plugin Like Facebook di Blog

Tanpa cekidot sana dan cekidot sini, kita langsung kepermasalahan saja. Seperti biasa lakukan langkah awal untuk memasang Widget Plugin Like Facebook dibawah ini dengan cara sebagai berikut:

1. Login ke Blogger anda
2. Pilih Dashboard
3. Pilih Rancangan
4. Pilih Element Laman
5. Pilih Add Gadget
6. Pilih HTML/Javascrpt

Silakan anda Copy Code HTML dibawah ini:

<iframe src="http://www.facebook.com/plugins/like.php?href=http://URL-ANDA" scrolling="no" frameborder="0" style="border:no; width=300px; height=100px;"></iframe>

To Blogger Mobile Please Copy Code HTML in Text Area here:

<iframe src="http://www.facebook.com/plugins/like.php?href=http://<font color="red">URL-ANDA</font>" scrolling="no" frameborder="0" style="border:no; width=300px; height=100px;"></iframe>

Notes:

Silakan anda ganti URL-ANDA dengan URL milik anda masing-masing.

Tampilan yang dihasilkan dari Widget Plugin Like Facebook diatas untuk Blog Anda bisa anda lihat dibawah ini. (Mohon sekalian click Like ya.?)



Semoga bermanfaat. Terimakasih.
Reply Post: Like Facebook

Continue Reading...

Cara Buat Effect Zoom Image di Blogspot

Mungkin masih sedikit yang tau tentang Membuat Effek Zoom Gambar di Blogspot, banyak kegunaan dari effek ini. Effek ini menggunakan jQuery, sehingga tampilannya akan lebih lembut dan halus. Ada kalanya kita melihat suatu gambar tutor yang tampilan gambarnya sangat kecil dan tidak jelas, Effek Zoom ini menampilkan gambar dengan ukuran sebenarnya. Jika anda berminat, ikuti langkah-langkah berikut ini;

Masuk ke blogger;

• Klik Perancangan lalu klik Edit HTML;
• Carilah kode ]]></b:skin> 
• Kemudian Click Select All dibawah ini kemudian sisipkan Code HTML tersebut tepat di atas ]]></b:skin>

/* Zoom Image www.wakrizki.net<br /> ------------------------------- */<br /> div.jquery-image-zoom {<br /> line-height: 0;<br /> font-size: 0;<br /> z-index: 10;<br /> border: 5px solid #fff;<br /> margin: -5px;<br /> -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);<br /> -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);<br /> box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);<br /> }<br /> div.jquery-image-zoom a {<br /> background: url(http://lh6.ggpht.com/_xcD4JK_dIjU/TEfN4VrRQPI/AAAAAAAAESY/so-0qObS1BM/d/jquery.imageZoom.png) no-repeat;<br /> display: block;<br /> width: 25px;<br /> height: 25px;<br /> position: absolute;<br /> left: -17px;<br /> top: -17px;<br /> /* IE-users are prolly used to close-link in right-hand corner */<br /> *left: auto;<br /> *right: -17px;<br /> text-decoration: none;<br /> text-indent: -100000px;<br /> outline: 0;<br /> z-index: 11;<br /> }<br /> div.jquery-image-zoom a:hover {<br /> background-position: left -25px;<br /> }<br /> div.jquery-image-zoom img,<br /> div.jquery-image-zoom embed,<br /> div.jquery-image-zoom object,<br /> div.jquery-image-zoom div {<br /> width: 100%;<br /> height: 100%;<br /> margin: 0;<br /> }<br />

• Selanjutnya cari kode </head>
• Kemudian Click Select All dibawah ini kemudian sisipkan Code HTML berikut ini tepat di atas </head>:

<!-- Zoom Image code script www.wakrizki.net --><br /> <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/><br /> <script src='http://rizki-khaizir.googlecode.com/files/jquery.imageZoom.min.js' type='text/javascript'/><br /> <script type='text/javascript'><br /> jQuery(document.body).imageZoom();<br /> </script>

• Langkah terakhir adalah simpan template sobat. Semoga berhasil

Reply Post: Tutorial Bertuah™

Continue Reading...

Cara Buat Kotak/Table Dalam Blog

Saat ini Table atau Kotak dalam Blog belum dilengkapi dengan toolbar membuat tabel untuk postingan atau artikel pada Blog dari Blogspot maupun Wordpress. Penjelasan 2 (dua) cara membuat Tabel atau Kotak pada artikel Blog anda sebagai berikut.

Cara yang akan di jalankan ada dua cara yaitu :

1. Penulisan Tag HTML Langsung.
2. Cara via MS Excel.

Cara membuat Tabel atau Kotak sangat mudah, cukup ikuti cara di bawah ini..Cekidot.

Cara 1. Penulisan Tag HTML Langsung:

Copy Paste Code dalam Text Area di bawah ini pada halaman blog anda:

<table border=”2&#8243; cellspacing=”2&#8243; cellpadding=”2&#8243; width=”300&#8243; align=”center” bgcolor=”#ffffff” height=”50&#8243;><br /> <tbody><br /> <tr><br /> <td>Data A</td><br /> </tr><br /> <tr><br /> <td>Data 1</td><br /> <td>Data 2</td><br /> <td>Data 3</td><br /> </tr><br /> </tbody><br /> </table>

Demo.

Data A
Data 1	Data 2	Data 3

penjelasan :

• <table> </table> Cara membuat Tabel atau kotak
• <tr> </tr> Cara membuat Baris Tabel.
• <td> </td> Cara membuat Kolom Tabel
• border=”x”  x nilainya adalah Pixel (ketebalan garis)
• cellspacing=”x” : Cara mengatur Jarak antar Sel
• cellpadding=”x” : Cara mengatur Jarak Tulisan atau Isi Sel
• bgcolor : Cara mengatur Warna Background dari Tabel
• align : Cara mengatur Posisi Tabel Nilai Align
• center : Posisi di tengah-tengah halaman.
• left : Posisi di sebelah kiri halaman.
• right : Posisi di berada disebelah kanan halaman.
• ibordercolor : Cara mengatur Warna Border Tabel (Kode Warna).
• width =”x” : Cara untuk mengatur Lebar Tabel (nilai pixel atau persen (%)).
• height=”x” : Cara untuk mengatur Tinggi Tabel (nilai pixel atau persen (%))

Anda dapat berkreasi yang inovatif pada Tabel atau Kotak dengan mengganti x dengan angka. Silahkan anda tambahkan Kotak atau Tabel lainnya. Happy Blogging

Cara 2. Cara via MS Excel

Cara ini lebih simpel dan silakan coba pada blog Mediator Bisnis, caranya adalah:

1. Tulis data pada kotak pada Sheet di MS Excel
2. Masuk pada halaman Postingan Blog anda 
3. Pada Blogspot klik posisi Compose sedangkan pada Wordpress klik posisi Visual )
4. Copy Paste data di Excel ke halaman Postingan Blog anda
5. Ubah posisi dari Compose ke HTML (pada Blogspot) dan posisi Visual ke HTML (pada Wordpress) untuk di Modifiksi Code HTM nya.
6. Ganti border=”0″ jadi border=”2″ agar tampilan Tabel atau Kotak lebih jelas.

Copy Paste Code dalam Text Area di bawah ini pada halaman blog anda:

<table border=”2&#8243; cellspacing=”0&#8243; cellpadding=”0&#8243; width=”192&#8243;><col span=”3&#8243; width=”64&#8243;></col><br /> <tbody><br /> <tr height=”20&#8243;><br /> <td width=”64&#8243; height=”20&#8243;>Data A</td><br /> <td width=”64&#8243;>Data B</td><br /> <td width=”64&#8243;>Data C</td><br /> </tr><br /> <tr height=”20&#8243;><br /> <td height=”20&#8243;>Data 1</td><br /> <td>Data 2</td><br /> <td>Data 3</td><br /> </tr><br /> <tr height=”20&#8243;><br /> <td height=”20&#8243;>Data 4</td><br /> <td>Data 5</td><br /> <td>Data 6</td><br /> </tr><br /> </tbody><br /> </table>

Demo:

Data A	Data B	Data C
Data 1	Data 2	Data 3
Data 4	Data 5	Data 6

Untuk buatan banyak Kotak atau Tabel , Pilihlah Cara No.2  yaitu Cara via MS Excel cukup efektif dan lebih cepat.

Notes:
Perhatikan cara menempatkan Copy Paste Kotak atau Tabel dari MS Excel , halaman Blog anda harus pada posisi Visual (untuk Wordpress) dan Compose (untuk Blogspot). Happy Days and Blogging.

Reply Post: jonsonhisar
(…dari ruang ide kreatif dan pencerahan pikiran…)

Continue Reading...