Cara Memasang Quiz Parampaa Di Blog

Hello Rekan² ^_^
Aga Kareba...???
Lama Juga Nich Aye Kagak Login² Di Forum "Kangen Mode On" ^_^
Coz Lagi Banyak Sesuatu Yang Tertunda Di Dunia Nyata Yang Harus Diselesaikan "Kaya Lagu Aja" ^_^

Ok. Buat Ngobatin Rasa Kangen Aye,
Aye Mo Coba Nulis Banyak Lagi Nich ^_^
'N Kali Ini Berjudul...
Bikin Dan Maenin Quiz Parampaa Di Blogger/Blogspot ^_^

YupzZz...!!!
Pastinya Aye Yakin Rekan² Di Sini Udah Pada Tau Sama Quiz Yang Satu Itu,
Dimana Tuch Quiz Berpotensi Menyebabkan Emosi 'N Frustrasi ^_^
Buat Rekan² Yang Belom Tau, Silahkan Cari Tau Disini ^_^
Eh Iya... Link Itu Juga Sekaligus Demo Buat Tulisan Banyak Aye Kali Ini ^_^

Nah... Setelah Tadi Udah Cari Tau 'N Liat Demonya,
Sekarang Mbak Yu Mbak Meri, Yuk Mari ^_^
Buat Rekan² Yang Pengen Coba Bikin Kaya Begono...
"Never Try, Never Know" ^_^

Sejujurnya Tulisan Banyak Kali Ini Terinspirasi Dari Demo Tulisan Banyak Aye Waktu Itu, Yaitu...
Bikin Web + Blog + Forum + FB + Twitter Update Games Baru Setiap Hari Secara Otomatis
Dimana Semua Games Yang Ada Di Blog Demo Itu Semuanya Dibuat Dengan Flash Dan Dapat Dimainkan Di Blogger/Blogspot.
So... Secara Kagak Langsung Coding Yang Dipake Gak Jauh Beda.

Cukup Basa Basi 'N Intronya, Mari Qta Mulai... ^_^

Pertama
Silahkan Login Ke Blogger/Blogspot Rekan² Terlebih Dahulu,

KeDua
Setelah Login, Masuk Ke Bagian Design Trus Edit HTML,

KeTiga
Cari Code
Code:

?

1	]]></b:skin>

KeEmpat
CoPas Code CSS Di Bawah Ini Di Atas Code Pada Langkah KeTiga Tadi
Code:

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30

#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;} #sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;} #sb-overlay{position:relative;height:100%;width:100%;} #sb-wrapper{position:absolute;visibility:hidden;width:100px;} #sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;} #sb-body{position:relative;height:100%;} #sb-body-inner{position:absolute;height:100%;width:100%;} #sb-player.html{height:100%;overflow:auto;} #sb-body img{border:none;} #sb-loading{position:relative;height:100%;} #sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;} #sb-loading-inner span{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0hao72L7mLqOw1ngPOG9AmuIvwDI5-IZumIacg3DKAPBaYBvAVcJog_Cf-ptuoCuD7c9LKPHMVACYta-FtYzfzBqXb-HJlNwlCZ2RUWxHAJz-Ohb92bABfp1kTWe_OD6fMQoEqkgpFeIg/d/loading.gif) no-repeat;padding-left:34px;display:inline-block;} #sb-body,#sb-loading{background-color:#060606;} #sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;} #sb-title,#sb-title-inner{height:26px;line-height:26px;} #sb-title-inner{font-size:16px;} #sb-info,#sb-info-inner{height:20px;line-height:20px;} #sb-info-inner{font-size:12px;} #sb-nav{float:right;height:16px;padding:2px 0;width:45%;} #sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;} #sb-nav-close{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSavbPi4TC4-4nAiCOhLrj7to5SJY9QTNaLmpnG27F9vRnaW6QPK4iPxAf37rE-RlAZWwVVGLrm9hVyzpDocFfojl6YqCi0YyU8S8QpuhnAS7m1ljLpoGB81Ggk7a9oCvusRmgrJ7elPo_/d/close.png);} #sb-nav-next{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpW2HufhHX2YLxmD7kStcjlDzf1kl1pkPrm3njshENvkf-JfJhAfdvt4Rxod8RSSrUigFS8BWel-aF-JcX_f7bElDpjpXlHBe6VbFSxjRXSDDXIKxbNeGrfhcZDXcBwglwX9UM301wyYW3/d/next.png);} #sb-nav-previous{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOUAoiIWAaU_jFA_azbCqbpd4EagbJIBlYwhTxC1k58RElxB60TzNhYw7UoPXzKkkYMEQ36_mhyRmtyzseIBYgiOQerZSenSlYNhlH23GKlONeLHPOVRxclmD5tp44HuVTND2QV7priUS3/d/previous.png);} #sb-nav-play{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuXnsAZRqQkx0i35w-G4tUs95735SG7idFblCY-Ep6VpaN_EhijURGM6L4NLcaC5QwSMwKhacmQ5ThVXW7gjUm5nQGUMiunBsc0Ycq3k0xnyIECAC__P_sU-tt5BrErAbPF6vNcK-lMAY_/d/play.png);} #sb-nav-pause{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrXNU0lfM4pe1CtlGQrAVgWBND3b503iQ61f8hyphenhyphenFhw9YBUdq-YVs0-QmkYNZQBIGOLRS3jPlnxTOL5CbB6ut2Y_DdWFyHBiGbQj7sSpCPGXktaoh70x1a_KyruxaJ2nYOBC0CRfPSRww9Q/d/pause.png);} #sb-counter{float:left;width:45%;} #sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;} #sb-counter a.sb-counter-current{text-decoration:underline;} div.sb-message{font-size:12px;padding:10px;text-align:center;} div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}

KeLima
CoPas Code JavaScript Di Bawah Ini Di Bawah Code Pada Langkah KeTiga Tadi
Code:

?

1 2 3 4 5

<script src='http://assadc0de.googlecode.com/files/shadowbox.js' type='text/javascript'></script> <script type='text/javascript' src='http://assadc0de.googlecode.com/files/swfobject.js'></script> <script type='text/javascript'> Shadowbox.init({modal:true}); </script>

KeEnam
Save Template

Ok. CSS + JavaScript Untuk Bikin Games Flash Bisa Dimaenin Di Blogger/Blogspot Udah Siap,
Selanjutnya Tinggal Pemasangan Gamesnya.

Lanjut...

KeTu7uh
Bikin Satu Postingan Or Halaman Baru Di Blogger/Blogspot,
Terserah Judulnya Apa Aja.

KeDelapan
CoPas Code Di Bawah Ini Untuk...

Quiz Parampaa
Code:

?

1 2 3

<center><a class="imageblur" rel='shadowbox;height=545;width=750' href='http://www.parampaa.net/QP1.swf'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjljmlhBukGuLk6hjkw7D2bIQh6bric_haFJ3URPIuhHQavjZYgUDvFoV57Jy3f9AP5W7Mq3qigmyau7hAI-2Q7GO9AWbJskN5sQdwZPouOElSRorpx8UkcnSV3r1i0qseg9Ui0mZn5_Qh2/s1600/Quiz+Parampaa.png'/></a> <span font-size:smaller; margin-top:20px; clear:both;'>Quiz yang absurd dan cukup menantang. Ini adalah versi awal yang cuma berisi 100 pertanyaan mudah.</span></center>

Quiz Parampaa 2
Code:

?

1 2 3

<center><a class="imageblur" rel='shadowbox;height=545;width=750' href='http://www.parampaa.net/QP2.swf'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZJI1MAE22YLG4-D32RWk2GXxLO5GCO8u6TBzlmReVDRQgldPVH92BY9c4c179MRmh6UIwBd0DL09mzbrx6PbCW7uGmtA4_ulhE1ayHfsiOGjCFcQSt6NWSUiRREMvLJpfNefC4N5iFHI-/s1600/Quiz+Parampaa+2.png'/></a> <span font-size:smaller; margin-top:20px; clear:both;'>Jika kamu merasa kurang tertantang dengan Quiz 1, coba cicipi sequelnya yang sedikit lebih susah.</span></center>

Quiz Parampaa Kita Semua
Code:

?

1 2 3

<center><a class="imageblur" rel='shadowbox;height=545;width=750' href='http://www.parampaa.net/QPX.swf'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAd_BgPJ6pxIj5R0Pr1rXx56D7OVgHjyebJRbhH53PkLRDYibK9httf4LRgGNIjHEUJTQrakoOtzFfEVWWH11FB10s3c-ASSoHm4sLWk5yGNzxcMHzfJcNlJYEbpqY0DoNJ_PmgimXGT6F/s1600/Quiz+Parampaa+Kita+Semua.png'/></a> <span font-size:smaller; margin-top:20px; clear:both;'>Quiz dengan soal-soal yang dikirim oleh kawan-kawan Parampaa. Kamu juga bisa ikut serta!!</span></center>

Or Rekan Pengen Pasang Sekaligus Tiga²nya Kaya Di Demo Tadi,
(Quiz Parampaa, Quiz Parampaa 2 Dan Quiz Parampaa Kita Semua)
Code:

?

1 2 3 4 5 6 7 8 9 10 11

<center><a class="imageblur" rel='shadowbox;height=545;width=750' href='http://www.parampaa.net/QP1.swf'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjljmlhBukGuLk6hjkw7D2bIQh6bric_haFJ3URPIuhHQavjZYgUDvFoV57Jy3f9AP5W7Mq3qigmyau7hAI-2Q7GO9AWbJskN5sQdwZPouOElSRorpx8UkcnSV3r1i0qseg9Ui0mZn5_Qh2/s1600/Quiz+Parampaa.png'/></a> <span font-size:smaller; margin-top:20px; clear:both;'>Quiz yang absurd dan cukup menantang. Ini adalah versi awal yang cuma berisi 100 pertanyaan mudah.</span>   <a class="imageblur" rel='shadowbox;height=545;width=750' href='http://www.parampaa.net/QP2.swf'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZJI1MAE22YLG4-D32RWk2GXxLO5GCO8u6TBzlmReVDRQgldPVH92BY9c4c179MRmh6UIwBd0DL09mzbrx6PbCW7uGmtA4_ulhE1ayHfsiOGjCFcQSt6NWSUiRREMvLJpfNefC4N5iFHI-/s1600/Quiz+Parampaa+2.png'/></a> <span font-size:smaller; margin-top:20px; clear:both;'>Jika kamu merasa kurang tertantang dengan Quiz 1, coba cicipi sequelnya yang sedikit lebih susah.</span>   <a class="imageblur" rel='shadowbox;height=545;width=750' href='http://www.parampaa.net/QPX.swf'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAd_BgPJ6pxIj5R0Pr1rXx56D7OVgHjyebJRbhH53PkLRDYibK9httf4LRgGNIjHEUJTQrakoOtzFfEVWWH11FB10s3c-ASSoHm4sLWk5yGNzxcMHzfJcNlJYEbpqY0DoNJ_PmgimXGT6F/s1600/Quiz+Parampaa+Kita+Semua.png'/></a> <span font-size:smaller; margin-top:20px; clear:both;'>Quiz dengan soal-soal yang dikirim oleh kawan-kawan Parampaa. Kamu juga bisa ikut serta!!</span></center>

KeSembilan
Publish Post

KeSepuluh
Tinggal Maenin Dech Quiz Parampaa-Nya ^_^

BTW, Kalo Ada Yang Punya Clue (Bukan Jawaban) Quiz Parampaa Kita Semua Jangan Lupa Dishare Ya ^_^
Coz Kalo Yang Quiz Parampaa 'N Quiz Parampaa 2 Aye Udah Tamat ^_^

S'moga Berkenan 'N Bermanfaat

Regard,
assadotcom

Sumber assadotcom on Kaskus.

Cara Dapat Backlink Dengan Berkomentar

Cara Dapat Backlink Dengan Berkomentar - Demi menjalin silahturahmi atar sesama blogger biasanya tindakan ini yang di lakukan, yaitu dengan berkomentar di blog yang dikunjungi. Berkomentar merupakan cara yang paling ampuh untuk menunjukkan rasa saling toleran antar sesama blogger, meskipun dibalik semuanya itu terselip sebuah maksud dan tujuan lain.. yakni mendapat Umpan Balik atau dalam bahasa gaulnya LinkBack atau Backlink.

Sekarang ini sudah tak asing lagi yang namanya Comment For Backlink karna itu setelah sebelumya memposting tentang kumpulan efek efek blog, kali ini saya akan kasih beberapa tips sederhana yang bisa sobat terapkan untuk mendapatkan backlink langsung ke blog sobat. Caranya cukup simple, sobat hanya perlu mengetikan inurl: Tempat Keyword “This site uses KeywordLuv” atau dengan keyword ini : inurl: Tempat Keyword “Enable CommentLuv” di google search.  ( Tempat Keyword di ganti dengan keyword atau kata kunci sesuai keinginan misalnya "Tutorial Blog" ).Lihat Gambar

Mendapat Backlink Dengan Berkomentar

Maksud sebenarnya dari tutorial kali ini adalah untuk mencari blog yang menggunakan fasilitas Comment Luv.. dengan berkomentar di blog yang dipasangi Comment Luv maka 1 link pada beberapa postingan terakhir akan ditampilkan di bagian bawah si pemberi komentar... ah.. ane bingung ni jelasinnya.. mendingan lihat screenshot berikut.

Perhatikan pada tulisan yang dilingkari, itu adalah link postingan ( pastinya dofollow ) yang akan di sertakan bersama dengan komentar sobat...  Pilih salah satu dan klik Post Your Comment maka berikutlah hasilnya...

Lihat tulisan dengan background berwarna biru... itu menandakan bahwa blog tersebut dofollow.. ( baca : cara mengetahui blog dofollow atau nofollow ). Salah satu blog yang menggunakan Commentluv adalah blogger asal malaysia Denai Hati..  Sekian..

Cara Cepat Agar Breadcrumb Terindeks Google

Cara Cepat Agar Breadcrumb Terindeks Google - Kali ini kita akan membahas cara membuat breadcrumnb segera terindeks google, bahkan blog tak berpagerank alias N/A pun bisa langsung merasakan kedasyatan trik ini.  Breadcrumb navigasi ( baca : cara membuat / memasang navigasi breadcrumb di blog ) adalah komponen penting yang harus ada di blog sobat. Menurut kabar yang selama ini saya dengar, breadcrumb navigasi akan di indeks search engine terutama pada blog yang minimal ber pagerank 3, teori ini tersebut memang tak sepenuhnya salah dan memang benar adanya, karna memang "dulu" breadcrumb navigasi yang di indeks google hanya akan sobat dapati pada blog berpagerank 3 ke atas ( mujur - mujuran kalau 2 ) Berbeda sekali dengan sekarang..

Setelah google , yahoo, dan bing terintegrasi dengan schema.org dan data-vocabulary.org ( terutama dalam mengenali snippet ), bahkan blog dengan pagerank 0 pun bisa langsung di indeks breadcrumbnya. Nah.. dengan penjelasan yang membingungkan di atas, maka timbul 2 pertanyaan :
1. Apa yang sebenarnya di indeks google dari breadcrumb navigasi?
Jawaban : yang di indeks dari breadcrumb navigasi adalah label atau kategori sebuah artikel, karna itu saran saya untuk mengoptimasi bagian ini.
2. Bagaimana cara agar breadcrumb langsung terindeks di google? hahaha..  kali ini saya akan kasih jawabannya.

Cara Agar Breadcrumb Langsung di Indeks Google
1. Login ke akun blogger sobat
2. Klik Rancangan --> Edit HTML
3. Silahkn sobat back up ( download template lengkap ) unutk mencegah kalau - kalau terjadi eror
4. Centang kotak kecil di samping tulisan Expand template widget
5. Bagi yang belum pernah memasang navigasi breadcrumb silahkan cari kode berikut. ( gunakan CTRL + F untuk kemudahan pencarian kode )

<div class='post hentry'>

atau kode

<div class='post hentry uncustomized-post-template'>

6. Letakkan kode di bawah ini tepat setelah kode tadi

<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='breadcrumbs'> <span itemscope="http://data-vocabulary.org/Breadcrumb" itemtype="http://data-vocabulary.org/Breadcrumb"> <a expr:href='data:blog.homepageUrl' itemprop="url"><span itemprop="title">Home</span></a> &gt; </span><span itemscope="http://data-vocabulary.org/Breadcrumb" itemtype="http://data-vocabulary.org/Breadcrumb"><b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' itemprop="url"><span itemprop="title"><data:label.name/></span></a> <b:if cond='data:label.isLast != &quot;true&quot;'> &gt; </b:if> </b:loop> </b:if> &gt; </span><span itemscope="http://data-vocabulary.org/Breadcrumb" itemtype="http://data-vocabulary.org/Breadcrumb"><span itemprop="title"><data:post.title/> </span></span></div> </b:if></b:if>

Sehinnga hasilnya begini

<div class='post hentry'>

<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='breadcrumbs'> <span itemscope="http://data-vocabulary.org/Breadcrumb" itemtype="http://data-vocabulary.org/Breadcrumb"> <a expr:href='data:blog.homepageUrl' itemprop="url"><span itemprop="title">Home</span></a> &gt; </span><span itemscope="http://data-vocabulary.org/Breadcrumb" itemtype="http://data-vocabulary.org/Breadcrumb"><b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' itemprop="url"><span itemprop="title"><data:label.name/></span></a> <b:if cond='data:label.isLast != &quot;true&quot;'> &gt; </b:if> </b:loop> </b:if> &gt; </span><span itemscope="http://data-vocabulary.org/Breadcrumb" itemtype="http://data-vocabulary.org/Breadcrumb"><span itemprop="title"><data:post.title/> </span></span></div> </b:if></b:if>

7. Kemudian letakkan kode berikut di atas kode ]]></b:skin>

.breadcrumbs{padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px;font-size:95%;line-height:1.4em;
border-bottom:2px double #cadaef;
}

8. Klik save dan lihat hasilnya

Catatan :
Untuk sobat yang sudah terlanjur memasang bredcrumb yang biasa, silahkan ganti saja kode breadcrumb yang telah dipasang sebelumnya dengan kode nomor 6.
Sekian..

Cara Bikin Forum di Blog

Cara Bikin Forum Gratis di Blog  - Sobat blogger pasti sudah tahu forum bukan?? Itu loh yang seperti kaskus dan sebagainya tu.. Setelah sebelumnya memposting artikel tentang kumpulan - efek - efek blog ( lengkap ) yang di telan ama kotak pasirnya gugel, kali ini saya akan share tentang bagaimana cara bikin forum di blog blogspot.

Bukan hanya kaskus aja sob, sekarang di blog sobat juga bisa di pasangi forum. Sobat hanya perlu mendaftar dan kemudian mengambil kode scriptnya kemudian di pasangkan di blog sobat. Cara pasangnya pun terbilang gampang ...  ah.. dari pada ane ngobrol panjang lebar mendingan sobat ikuti utorial berikut.

Cara Buat Forum di Blog

1. Menuju ke TKP ( http://www.nabble.com )
2. Masukkan data - data yang di minta pada gambar yang mirip seperti berikut.

3. Klik Create Forum kemudian sobat akan melihat tampilan seperti berikut.

4. Klik Go To Next message

5. Ambil kodenya dan pastekan di Notepad
6. Buat postingan baru dengan judul yang di inginkan ( misalnya tatelu community )
7. Masukkan kode yang tadi dipastekan di notepad ke dalam Edit HTML di postingan sobat.
8. Buka email masuk pada alamat email yang sobat daftarkan tadi, kemudian cari email masuk dari situs nabble.com dan klik link verifikasi yang di berikan.

9. Dengan mengklik link yang di berikan, maka sobat otomatis akan menujuh ke situs nabble dan itu bertanda bahwa forum baru sobat sudah berhasil di buat..

tambahan :
Jika sobat ingin menambahkan garis tepi , margin, background dan lain - lain di forum, silahkan sisipkan scriptnya pada kode berikut

 <div style="background:#f2f2f2; padding: 5px; border: 1px solid #0000FF; ">

Kode Scriptnya di sini!

</div>

Untuk melihat contoh forum dari Nabble, silahkan kunjungi klik di sini!