ionlinerz corp: buat

Tampilkan postingan dengan label buat. Tampilkan semua postingan

[TIPS & TRICKS] Cara Mudah Buat Related Post dengan Thumbnail di Blog

Tips & Tricks - Cara pasang related post dengan thumbnail

Langsung aja gan, pernah lihat tampilan seperti gambar dibawah ini ada dibawah artikel blog favorit agan??

Tau cara pasangnya??

Heheh... Ga ribet kok gan, ga perlu pasang kombinasi script yang bikin mumet otak :p

Tinggal masuk aja ke http://www.linkwithin.com

Isi :

Email : ( alamat email agan ) exp : agan.ganteng@gmail.com
Bloglink : ( link blog agan ) exp : http://siganteng.blogspot.com
Platform : ( host blog agan ) exp : Blogger atau WordPress ( pilih salah satu )
Width : ( banyaknya thumbnail post yang mau dimunculkan ) sesuaikan dengan ukuran lebar post body blog agan..
Kalau blog agan backgroundnya berwarna gelap, silahkan centang kotak kosong yang bertuliskan "My blog has light text on a dark background"
Klik "Get Widget"

Kalau udah diklik kotak "Get Widget" nya, agan akan langsung dibawa ke halaman seperti gambar dibawah ini...

Ga perlu isi apa² lagi kok, tinggal klik aja tulisan "Install Widget" di point nomor 1, otomatis agan akan langsung masuk ke halamannya Blogger, kalo udah sampe situ ya tinggal klik "Add Widget", terus agan atur sendiri deh mau ditaro dimana tuh widget baru, jangan lupa di save tata letaknya di blogger ya...

Langsung aja gan, pernah lihat tampilan seperti gambar dibawah ini ada dibawah artikel blog favorit agan??

Tau cara pasangnya??

Heheh... Ga ribet kok gan, ga perlu pasang kombinasi script yang bikin mumet otak :p

Tinggal masuk aja ke http://www.linkwithin.com

Isi :

Email : ( alamat email agan ) exp : agan.ganteng@gmail.com
Bloglink : ( link blog agan ) exp : http://siganteng.blogspot.com
Platform : ( host blog agan ) exp : Blogger atau WordPress ( pilih salah satu )
Width : ( banyaknya thumbnail post yang mau dimunculkan ) sesuaikan dengan ukuran lebar post body blog agan..
Kalau blog agan backgroundnya berwarna gelap, silahkan centang kotak kosong yang bertuliskan "My blog has light text on a dark background"
Klik "Get Widget"

Kalau udah diklik kotak "Get Widget" nya, agan akan langsung dibawa ke halaman seperti gambar dibawah ini...

Detail

[TIPS & TRICKS] Cara Mudah Buat Scroll Box di artikel web / blog

Scroll box

Okay, sekarang cara buat scroll box di artikel...
Langsung masukkin aja kode dibawah gan :

<div style='padding: 5px; overflow: auto; width:200px;height:200px;border:1px solid #000000'>

ISI SCROLL BOX

<div>

Pada setelan entri, klik Pilihan, lalu centang "Tunjukkan HTML apa adanya"
- Ketik script pada mode HTML
- Ketik ISI SCROLL BOX pada mode Compose

HASILNYA :

Scroll box

Okay, sekarang cara buat scroll box di artikel...
Langsung masukkin aja kode dibawah gan :

<div style='padding: 5px; overflow: auto; width:200px;height:200px;border:1px solid #000000'>

ISI SCROLL BOX

<div>

Pada setelan entri, klik Pilihan, lalu centang "Tunjukkan HTML apa adanya"
- Ketik script pada mode HTML
- Ketik ISI SCROLL BOX pada mode Compose

HASILNYA :

Detail

[TIPS & TRICKS] Cara Mudah Buat Gambar Berjejer Horizontal

Gambar berjejer

Cara paling mudah buat gambar berjejer horizontal gan :

Ket : Kalau mau pakai kotak (border) tinggal ganti aja angka "0" pada <table border="0"> menjadi 1, 2, atau terserah agan... Contoh : <table border="2">

Tar hasilnya kek gini gan..

Contoh :

Ga sulit kan gan??? ^^

OSTINGAN%20ANDA" target="_blank"> JUDUL POSTING ANDA

Gambar berjejer

Cara paling mudah buat gambar berjejer horizontal gan :

Ket : Kalau mau pakai kotak (border) tinggal ganti aja angka "0" pada <table border="0"> menjadi 1, 2, atau terserah agan... Contoh : <table border="2">

Tar hasilnya kek gini gan..

Contoh :

Ga sulit kan gan??? ^^

OSTINGAN%20ANDA" target="_blank"> JUDUL POSTING ANDA

Detail

[TIPS & TRICKS] Cara Mudah Buat Spoiler di Artikel Web / Blog

Spoiler Kaskus

Buat yang kenal Kaskus pasti ga asing dengan kata "Spoiler", fungsinya menyembunyikan artikel atau gambar agar mengurangi bobot bandwith. Cara buatnya, gampang aja gan....

Sisipin aja script berikut :

<span style="background-color: yellow;"><b><br /></b></span>
<span style="background-color: yellow;"><b><div style="margin: 5px 20px 20px;"><div class="smallfont" style="margin-bottom: 2px;"><b><em>Judul spoiler</em></b> : <input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"> </div><br /><div class="alt2" style="margin: 0px; padding: 6px; border: 1px inset;"><div style="display:none;"></b></span><br />
          <br />
<br />
[ISI SPOILER]<br />
<br />
            <br />
<span style="background-color: yellow;"><b> </div></div></div></b></span>

Hasilnya kek gini...

Agan tinggal ganti aja tuh tulisan "Judul spoiler" sama judul artikel/gambar yang mau diumpetin :D
Selesai ^_^

Spoiler Kaskus

Hasilnya kek gini...

Agan tinggal ganti aja tuh tulisan "Judul spoiler" sama judul artikel/gambar yang mau diumpetin :D
Selesai ^_^

Detail

[TIPS & TRICKS] Buat Status/Comment Facebook Aneh Terbalik

Tips & Tricks - Buat status facebook aneh terbalik

Status FB unik

Buat yang belum tahu n penasaran kok bisa sih nulis terbalik di facebook?? Gimana sih caranya??

Kali ini saya akan kasih bocoran tentang cara membuat tulisan aneh/terbalik/flip/unik di status/comment facebook.

Ada kalanya kita nge-blank mo update status di account fb kita, hingga akhirnya muncul ide-ide miring untuk memunculkan sesuatu yang 'aneh'.

Salah satu ide miring tersebut adalah dengan flip text ini. Hanya dengan copy paste tulisan kamu dari sini ke status/comment fb kamu, dijamin sebagian sohib-sohib kamu pasti bingung n bisa jadi terkagum-kagum sama kemiringan kamu..

Tanpa banyak basa-basi lagi, yuk kita praktekin n siap-siap jadi facebooker miring...

Ketik status/comment kamu di kotak ini..

Gampang kan??

Juga masih ada lagi beberapa model tulisan-tulisan unik, kamu bisa langsung ke

Weird Generator

Status FB unik

Ketik status/comment kamu di kotak ini..

Gampang kan??

Juga masih ada lagi beberapa model tulisan-tulisan unik, kamu bisa langsung ke

Weird Generator

Detail

[TIPS & TRICKS] Panduan Lengkap Buat Kotak Komentar Facebook di Blogspot

Tips & Tricks - Panduan lengkap membuat kotak komentar Facebook di web blog

Kotak Komentar FB

Sederhana, keren, efektif, tapi mungkin belum semua tahu cara membuatnya...
Langsung aja gan, kali ini saya mau sedikit share tentang PANDUAN LENGKAP BUAT KOTAK KOMENTAR FACEBOOK DI BLOGSPOT, cekidott...

1. Masuk ke https://developers.facebook.com/apps (jangan lupa log in dengan account fb agan dulu ya)

2. Daftar sebagai developer (Register as a Developer)

3. Beri centang pada kotak kecil di kiri bawah, lalu klik "Continue"

4. Centang pada kotak "Web", lalu klik "Continue"

5. Klik "Done", konfirmasi email Anda, Anda baru saja terdaftar sebagai Developer

6. Lanjut gan, klik "Create New App"

7. Isi "App Name" dengan Nama Kotak Komentar Anda (bebas max. 32 karakter), isi "App Namespace" dengan kode kotak komentar Anda (semua huruf disambung) ; pastikan kedua nama diatas sampai Valid/Available, kosongkan kotak "Web Hosting", klik "Continue"

8. Isi kode Captcha, klik "Continue"

9. Basic Info : Cukup isi "App Domains" dengan alamat blog Anda, centang Disable pada "Sandbox Mode", klik "Website with Facebook login" dan isi url blog Anda, klik "Save Changes"

Next...

10. Buka account Blogger Anda

11. Pilih Template, lalu Edit HTML

12. Cari kode <b:skin><![CDATA[ dan copas (copy-paste) kode dibawah ini tepat diatasnya!!

<meta content='nama.fb.anda' property='fb:admins'/>
<meta content='0123456789101112' property='fb:app_id'/>
<script src='http://code.jquery.com/jquery-latest.js'/>
<script src='http://panduan-template-blog-id.googlecode.com/files/CommentPages.js'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>

Ganti nama.fb.anda dengan nama akun Facebook anda
Ganti 0123456789101112 dengan ID Aplikasi Facebook anda yang telah anda buat (lihat gambar No.9)

13. Cari kode <div class='post-footer-line post-footer-line-3'/> dan copas (copy-paste) kode dibawah ini tepat dibawahnya!!

<b:if cond='data:blog.pageType == "item"'>
<div class='fb-comments' data-num-posts='25' data-width='600' expr:data-href='data:post.url'/>
</b:if>

data-num-posts='25' merupakan jumlah komentar yang akan ditampilkan. Ubah sesuai keinginan Anda
data-width='600' merupakan lebar kolom komentar. Ubah sesuai dengan lebar post di blog Anda

14. Simpan (save) template, dan lihat dibagian bawah tiap postingan blog Anda.

Mudah²an artikel kali ini bermanfaat buat agan semua, kalau ada kekurangan jangan dibatain ya :mewek

Jangan sungkan bertanya n berbagi gan.. ^_^

Kotak Komentar FB

1. Masuk ke https://developers.facebook.com/apps (jangan lupa log in dengan account fb agan dulu ya)

2. Daftar sebagai developer (Register as a Developer)

3. Beri centang pada kotak kecil di kiri bawah, lalu klik "Continue"

4. Centang pada kotak "Web", lalu klik "Continue"

5. Klik "Done", konfirmasi email Anda, Anda baru saja terdaftar sebagai Developer

6. Lanjut gan, klik "Create New App"

8. Isi kode Captcha, klik "Continue"

Next...

10. Buka account Blogger Anda

11. Pilih Template, lalu Edit HTML

12. Cari kode <b:skin><![CDATA[ dan copas (copy-paste) kode dibawah ini tepat diatasnya!!

<meta content='nama.fb.anda' property='fb:admins'/>
<meta content='0123456789101112' property='fb:app_id'/>
<script src='http://code.jquery.com/jquery-latest.js'/>
<script src='http://panduan-template-blog-id.googlecode.com/files/CommentPages.js'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>

Ganti nama.fb.anda dengan nama akun Facebook anda
Ganti 0123456789101112 dengan ID Aplikasi Facebook anda yang telah anda buat (lihat gambar No.9)

13. Cari kode <div class='post-footer-line post-footer-line-3'/> dan copas (copy-paste) kode dibawah ini tepat dibawahnya!!

<b:if cond='data:blog.pageType == "item"'>
<div class='fb-comments' data-num-posts='25' data-width='600' expr:data-href='data:post.url'/>
</b:if>

data-num-posts='25' merupakan jumlah komentar yang akan ditampilkan. Ubah sesuai keinginan Anda
data-width='600' merupakan lebar kolom komentar. Ubah sesuai dengan lebar post di blog Anda

Detail

[TIPS & TRICKS] Cara Mudah Buat Related Post dengan Thumbnail di Blog

[TIPS & TRICKS] Cara Mudah Buat Scroll Box di artikel web / blog

[TIPS & TRICKS] Cara Mudah Buat Gambar Berjejer Horizontal

[TIPS & TRICKS] Cara Mudah Buat Spoiler di Artikel Web / Blog

[TIPS & TRICKS] Buat Status/Comment Facebook Aneh Terbalik

Ketik status/comment kamu di kotak ini..

Copy hasilnya di bawah ini dan paste ke status/comment fb kamu..

Weird Generator

Ketik status/comment kamu di kotak ini..

Copy hasilnya di bawah ini dan paste ke status/comment fb kamu..

Weird Generator

[TIPS & TRICKS] Panduan Lengkap Buat Kotak Komentar Facebook di Blogspot

Translate

GARANSI UANG KEMBALI !!!

Popular