Membuat Modal Dialog Box dengan Custombox

<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody> <tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_NkR92h47BStW4nCJkrHlDCFcVoYE-axP1Kx49KYqFE6Hbieu8o-LB7KYvn72kbQTCBTD9ohXCAgaLf-ic0ytGSOBvkeB7V_jaCwoGwkLJpc7nIpaccgGVdGntEa3cDVCAlM877uqKsw/s1600/custombox.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Modal Box" border="0" height="190" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_NkR92h47BStW4nCJkrHlDCFcVoYE-axP1Kx49KYqFE6Hbieu8o-LB7KYvn72kbQTCBTD9ohXCAgaLf-ic0ytGSOBvkeB7V_jaCwoGwkLJpc7nIpaccgGVdGntEa3cDVCAlM877uqKsw/s400/custombox.png" title="Modal Box" width="400" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;">Modal Box</td></tr> </tbody></table> <div style="text-align: justify;"> Custombox.js adalah sebuah plugin yang bisa kita gunakan untuk membuat modal window dialog box. Secara default, plugin ini memiliki 20 efek transisi namun bisa kita kembangkan lagi pada beberapa efek transisi dengan memberikan posisi.</div> <br /> <div style="text-align: justify;"> Dengan begitu kita bisa membuat berbagai dialog box di blog untuk berbagai keperluan. Misalnya untuk dialog box informasi pengunjung, untuk menampilkan widget, dan lain-lain. Dengan memberikan efek transisi yang berbeda pada setiap dialog box yang ditampikan, maka ini akan memberikan warna berbeda pada blog kita.</div> <br /> <div style="text-align: justify;"> Cara penerapannya pun cukup mudah, kita hanya perlu menghosting js dan css dan memberikan sedikit sentuhan jquery untuk memberi perintah dan sedikit custom css untuk dialog box. Begitu pun dengan warna overlay-nya, kita bisa memberikan warna overlay yang berbeda pada setiap dialog box. Secara default, overlay akan berwarna hitam transparant.</div> <br /> <div style="text-align: justify;"> Untuk demo berbagai efek transisi modal dialog box dengan custombox.js ini sudah saya coba dan buatkan di JSFiddle untuk memastikan bahwa ini bekerja dengan baik. Silahkan coba pada link demo di bawah ini dari KompiAjaib.</div> <br /> <div style="text-align: center;"> <a href="http://jsfiddle.net/kompiajaib/ev604ng2/2/embedded/result/" target="_blank">DEMO</a></div> <br /> Jika Anda tertarik untuk mencobanya, silahkan ikuti langkah-langkahnya di bawah ini.<br /> <br /> Silahkan simpan script js di bawah ini di atas kode </body><br /> <blockquote class="tr_bq"> <script src="http://yourjavascript.com/441114301111/custombox-min.js"></script></blockquote> <br /> Saran saya sebaiknya js di atas dihosting sendiri pada akun hosting Anda, baik di yourjavascript, google drive, google code, atau lainnya.<br /> <br /> Kemudian silahkan simpan juga script css di bawah ini di atas kode </head><br /> <blockquote class="tr_bq"> <link href='http://dixso.github.io/custombox/dist/custombox.min.css' rel='stylesheet' type='text/css'></blockquote> <br /> Sama halnya dengan js di atas, sebaiknya css di atas dihosting sendiri pada akun hosting Anda, baik di yourjavascript, google drive, google code, atau lainnya.<br /> <br /> Kemudian di bawah ini adalah kode HTML untuk membuat dialog box-nya.<br /> <blockquote class="tr_bq"> <span class="Apple-tab-span" style="white-space: pre;"> </span><div class="md-modal" id="modal-1"><br /><span class="Apple-tab-span" style="white-space: pre;"> </span><div class="md-content"><br /><span class="Apple-tab-span" style="white-space: pre;"> </span><h3>Title Modal Dialog</h3><br /><span class="Apple-tab-span" style="white-space: pre;"> </span><div><br /><span class="Apple-tab-span" style="white-space: pre;"> </span><p>CONTENT DIALOG BOX IS HERE</p><br /><span class="Apple-tab-span" style="white-space: pre;"> </span><span class="md-close">×</span><br /><span class="Apple-tab-span" style="white-space: pre;"> </span></div><br /><span class="Apple-tab-span" style="white-space: pre;"> </span></div><br /><span class="Apple-tab-span" style="white-space: pre;"> </span></div><br />  <br /><span class="Apple-tab-span" style="white-space: pre;"> </span><div class="md-overlay"></div><br /><button class="md-trigger1">Modal 1</button></blockquote> <br /> <div style="text-align: justify;"> Jika kita ingin membuat lebih dari satu dialog box, maka <b>id="modal-1"</b> silahkan sesuaikan dengan banyaknya dialog box yang dibuat. Misalnya <b>id="modal-2"</b> untuk dialog box yang kedua dan seterusnya, begitu pun untuk <b>button</b>.</div> <br /> Namun untuk <b><div class="md-overlay"></div></b> cukup hanya membuat satu saja.<br /> <br /> Dan di bawah ini adalah CSS untuk kustomisasi dialog box dan tombolnya. Silahkan sesuaikan dengan selera Anda.<br /> <br /> <blockquote class="tr_bq"> .md-modal{display:none}<br />.md-content{z-index:10;background:#eee;text-align:left;padding:10px;position:relative;border-radius:5px;border:10px solid #000;}<br />.md-close{position:absolute;top:0;right:5px;background:none;border:none;font:bold 20px Arial;cursor:pointer;padding:0}<br />button.{display:block;margin-bottom:5px;cursor:pointer}</blockquote> <br /> Kemudian silahkan simpan kode jquery di bawah ini di atas kode </body><br /> <br /> <blockquote class="tr_bq"> <script><br />$(function () {<br />        $('.md-trigger1').on('click', function ( e ) {<br />            Custombox.open({<br />                target: '#modal-1',<br />                effect: 'fadein',<br />                overlayColor: '#ddd',<br />                width: 600<br />            });<br />            e.preventDefault();<br />        });<br />        $('.md-close').on('click', function ( e ) {<br />            Custombox.close();<br />        });<br />   });<br /></script></blockquote> <br /> <b>.md-trigger1</b> silahkan sesuaikan dengan class pada button pada kode HTML di atas.<br /> <br /> <b>target</b> silahkan sesuaikan <b>#modal-1</b> dengan id dialog box pada kode HTML di atas.<br /> <br /> <div style="text-align: justify;"> <b>effect</b> silahkan sesuaikan dengan efek transisi yang ingin Anda gunakan, ada 20 efek, diantaranya: fadein, slide, newspaper, fall, sidefall, blur, flip, sign, superscaled, slit, rotate, letmein, makeway, slip, corner, slidetogether, scale, door, push, dan contentscale.</div> <br /> <div style="text-align: justify;"> Jika Anda ingin memberikan warna pada overlay, silahkan sesuaikan pada kode overlayColor dengan mengganti kode #ddd. Secara default overlay akan berwarna hitam transparant. Hapus kode overlayColor: '#ddd', jika Anda ingin overlay berwarna hitam.</div> <br /> width untuk memberi lebar dialog box. 600 di atas berarti dialog box memiliki lebar 600px. Secara default dialog box memiliki lebar 80% lebar layar.<br /> <br /> Jika dialog boxnya ada 2 buah maka jquery-nya seperti berikut:<br /> <br /> <blockquote class="tr_bq"> <script><br />$(function () {<br />        $('.md-trigger1').on('click', function ( e ) {<br />            Custombox.open({<br />                target: '#modal-1',<br />                effect: 'fadein',<br />                overlayColor: '#ddd',<br />                width: 600<br />            });<br />            e.preventDefault();<br />        });<br />       $('.md-trigger2').on('click', function ( e ) {<br />            Custombox.open({<br />                target: '#modal-2',<br />                effect: 'slide',<br />                width: 400<br />            });<br />            e.preventDefault();<br />        });<br />        $('.md-close').on('click', function ( e ) {<br />            Custombox.close();<br />        });<br />   });<br /></script></blockquote> <br /> <div style="text-align: justify;"> Untuk dialog box ketiga dan seterusnya silahkan perhatikan penempatan kodenya pada kode jquery di atas. Sedangkan jquery untuk tombol close (<b>.md-close</b>) cukup satu saja seperti di atas. Dan pastikan Anda sudah menyimpan jquery library pada template blog Anda berapa pun versinya.</div> <br /> Sekian terima kasih.<br /> <br /> <span style="font-size: x-small;"><i>Sumur : http://www.kompiajaib.com/2014/11/membuat-modal-dialog-box-dengan.html</i></span>

Membuat Modal Dialog Box dengan Custombox

Modal Box Custombox.js adalah sebuah plugin yang bisa kita gunakan untuk membuat modal window dialog box. Secara default, plugin ini me...

Selengkapnya »

Absolute Duo BD Subtitle Indonesia Episode 1-12 Lengkap

<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody> <tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJmi2f07xuT21fUvxQksjjz7_qb9vV6nvzuCtctwBJZ227kRA6gvB0mOtTt8O668NJLO1uOh2O_cUIguQiFoSSG2icZZkto9yMFUM0wP5C-sI0I6ROG8Px3gXqujoUYC6vMqW9NfL9kII/s1600/Absolute+Duo.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Absolute Duo BD Sub Indo Complete" border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJmi2f07xuT21fUvxQksjjz7_qb9vV6nvzuCtctwBJZ227kRA6gvB0mOtTt8O668NJLO1uOh2O_cUIguQiFoSSG2icZZkto9yMFUM0wP5C-sI0I6ROG8Px3gXqujoUYC6vMqW9NfL9kII/s400/Absolute+Duo.jpg" title="Absolute Duo BD Sub Indo Complete" width="256" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;">Absolute Duo BD Sub Indo Complete</td></tr> </tbody></table> <b><u>Alternative Titles</u></b><br /> Japanese: アブソリュート・デュオ<br /> <br /> <b><u>Information</u></b><br /> Type: TV<br /> Episodes: 12<br /> Status: Finished Airing<br /> Aired: Jan 4, 2015 to Mar 22, 2015<br /> Premiered: Winter 2015<br /> Broadcast: Unknown<br /> Producers: FUNimation EntertainmentL, Half H.P Studio, AT-X, 8bit, feng, Showgate<br /> Source: Light novel<br /> Genres: Action, Ecchi, Harem, Romance, School, Supernatural<br /> Duration: 24 min. per ep.<br /> Rating: R - 17+ (violence & profanity)<br /> Language: Japan<br /> Subtitle: Indonesia<br /> Source: <a href="http://myanimelist.net/anime/25397/Absolute_Duo">http://myanimelist.net/anime/25397/Absolute_Duo</a><br /> <br /> <b><u>Synopsis</u></b><br /> After a traumatic accident takes his loved one, Tooru Kokonoe enrolls Kouryou Academy, a school where every student has a weapon that is their soul manifestation. Fueled by his desire for revenge, Tooru is dismayed to discover his soul is not a weapon… but a shield.<br /> <br /> <b><u>Sinopsis</u></b><br /> Seorang anak laki-laki bernama Toru Kokonoe memutuskan bahwa setelah kehilangan seseorang yang berharga dalam insiden mengerikan, dia ingin menjadi lebih kuat dan mendaftar di sebuah sekolah khusus di mana orang mewujudkan jiwa mereka sebagai senjata yang disebut Blaze. Toru mampu menghasilkan Blaze sendiri, tapi untuk beberapa alasan itu bermanifestasi sebagai perisai bukan senjata.<br /> <br /> <b><u>Link Download Absolute Duo BD Sub Indo</u></b> :<br /> <br /> <b><u>EPISODE 1</u></b> :<br /> 480P : Solidfiles Tusfiles Userscloud<br /> 720P : Usercloud<br /> MP4 360P HAPE:  [UC] / [TF] / [SF]<br /> <br /> <b><u>EPISODE 2</u></b> :<br /> 480P : Solidfiles Tusfiles Userscloud<br /> 720P : Usercloud<br /> MP4 360P HAPE: [UC] / [TF] / [SF]<br /> <br /> <b><u>EPISODE 3</u></b> :<br /> 480P : Solidfiles Tusfiles Userscloud<br /> 720P : Kumpulbagi | Mirror<br /> MP4 360P HAPE: [UC] / [TF] / [SF]<br /> <br /> <b><u>EPISODE 4</u></b> :<br /> 480P : Solidfiles Tusfiles Userscloud<br />  720P : Kumpulbagi | Mirror<br /> MP4 360P HAPE: [UC] / [TF] / [SF]<br /> <br /> <b><u>EPISODE 5</u></b> :<br /> 480P : Solidfiles Tusfiles Userscloud<br /> 720P :<br /> MP4 360P HAPE: [TF] / [UC] / [SF]<br /> <br /> <b><u>EPISODE 6</u></b> :<br /> 480P : Solidfiles Tusfiles Userscloud<br /> 720P :<br /> MP4 360P HAPE: [TF] / [UC] / [SF]<br /> <div> <br /></div> <div> <b><u>EPISODE 7</u></b> : <strike>Coming Soon</strike></div> <div> <b><u>EPISODE 8</u></b> : <strike>Coming Soon</strike></div> <div> <b><u>EPISODE 9</u></b> : <strike>Coming Soon</strike></div> <div> <b><u>EPISODE 10</u></b> : <strike>Coming Soon</strike></div> <div> <b><u>EPISODE 11</u></b> : <strike>Coming Soon</strike></div> <div> <b><u>EPISODE 12</u></b> : <strike>Coming Soon</strike></div> <div> <br /></div> <div> Ditunggu aja ya gan :D</div> <div> <br /></div> <div> <div> <b>VERSI TV / SERIES non-BD</b> :</div> <div> <b>480P</b> :</div> <div> Absolute Duo EP01 480p Sub Indo == Tusfiles | Solid | Mirror | Acefile | Aisfile</div> <div> Absolute Duo EP02 480p Sub Indo == Tusfiles | Solid | Mirror | Acefile | Aisfile</div> <div> Absolute Duo EP03 480p Sub Indo == Tusfiles | Solid | Mirror | Acefile | Aisfile</div> <div> Absolute Duo EP04 480p Sub Indo == Tusfiles | Solid | Mirror | Acefile | Aisfile</div> <div> Absolute Duo EP05 480p Sub Indo == Tusfiles | Solid | Mirror | Acefile | Aisfile</div> <div> Absolute Duo EP06 480p Sub Indo == Tusfiles | Solid | Mirror | Acefile | Aisfile</div> <div> Absolute Duo EP07 480p Sub Indo == Tusfiles | Solid | Mirror | Acefile | Aisfile</div> <div> Absolute Duo EP08 480p Sub Indo == Tusfiles | Solid | Mirror | Acefile | Aisfile</div> <div> Absolute Duo EP09 480p Sub Indo == Tusfiles | Solid | Mirror | Acefile | Aisfile</div> <div> Absolute Duo EP10 480p Sub Indo == Tusfiles | Solid | Mirror | Acefile | Aisfile</div> <div> Absolute Duo EP11 480p Sub Indo == Tusfiles | Solid | Mirror | Acefile | Aisfile</div> <div> Absolute Duo EP12 480p Sub Indo == Tusfiles | Solid | Mirror | Acefile | Aisfile END </div> <div> <br /></div> <div> <b>720P</b> :</div> <div> Absolute Duo EP01 720p Sub Indo == Tusfiles | Solid | Mirror | Acefile | Aisfile</div> <div> Absolute Duo EP02 720p Sub Indo == Tusfiles | Solid | Mirror | Acefile | Aisfile</div> <div> Absolute Duo EP03 720p Sub Indo == Tusfiles | Solid | Mirror | Acefile | Aisfile</div> <div> Absolute Duo EP04 720p Sub Indo == Tusfiles | Solid | Mirror | Acefile | Aisfile</div> <div> Absolute Duo EP05 720p Sub Indo == Tusfiles | Solid | Mirror | Acefile | Aisfile</div> <div> Absolute Duo EP06 720p Sub Indo == Tusfiles | Solid | Mirror | Acefile | Aisfile</div> <div> Absolute Duo EP07 720p Sub Indo == Tusfiles | Solid | Mirror | Acefile | Aisfile</div> <div> Absolute Duo EP08 720p Sub Indo == Tusfiles | Solid | Mirror | Acefile | Aisfile</div> <div> Absolute Duo EP09 720p Sub Indo == Tusfiles | Solid | Mirror | Acefile | Aisfile</div> <div> Absolute Duo EP10 720p Sub Indo == Tusfiles | Solid | Mirror | Acefile | Aisfile</div> <div> Absolute Duo EP11 720p Sub Indo == Tusfiles | Solid | Mirror | Acefile | Aisfile</div> <div> Absolute Duo EP12 720p Sub Indo == Tusfiles | Solid | Mirror | Acefile | Aisfile END </div> <div> <br /></div> <div> <b>MP4</b> : </div> <div> Episode 01: [TF] | [SB] | [UC]</div> <div> Episode 02: [TF] | [SB] | [UC]</div> <div> Episode 03: [TF] | [SB] | [UC]</div> <div> Episode 04: [TF] | [SB] | [UC]</div> <div> Episode 05: [TF] | [SB] | [UC]</div> <div> Episode 06: [TF] | [SB] | [UC]</div> <div> Episode 07: [TF] | [SB] | [UC]</div> <div> Episode 08: [TF] | [SB] | [UC]</div> <div> Episode 09: [TF] | [SB] | [UC]</div> <div> Episode 10: [TF] | [SB] | [UC]</div> <div> Episode 11: [TF] | [SB] | [UC]</div> <div> Episode 12 : [TF] | [SB] | [UC] END</div> <div> <br /></div> <div> <b>3GP</b> :</div> <div> Absolute Duo Episode 01 Sub Indo 3GP : [TF]|[SF]|[UP]|[MC]</div> <div> Absolute Duo Episode 02 Sub Indo 3GP : [TF]|[SF]|[UP]|[MC]</div> <div> Absolute Duo Episode 03 Sub Indo 3GP : [TF]|[SF]|[UP]|[MC]</div> <div> Absolute Duo Episode 04 Sub Indo 3GP : [TF]|[SF]|[UP]|[MC]</div> <div> Absolute Duo Episode 05 Sub Indo 3GP : [TF]|[SF]|[UP]|[MC]</div> <div> Absolute Duo Episode 06 Sub Indo 3GP : [TF]|[SF]|[UP]|[MC]</div> <div> Absolute Duo Episode 07 Sub Indo 3GP : [TF]|[SF]|[UP]|[MC]</div> <div> Absolute Duo Episode 08 Sub Indo 3GP : [TF]|[SF]|[UP]|[MC]</div> <div> Absolute Duo Episode 09 Sub Indo 3GP : [TF]|[SF]|[UP]|[MC]</div> <div> Absolute Duo Episode 10 Sub Indo 3GP : [TF]|[SF]|[UP]|[MC]</div> <div> Absolute Duo Episode 11 Sub Indo 3GP : [TF]|[SF]|[UP]|[MC]</div> <div> Absolute Duo Episode 12 Sub Indo 3GP : [TF]|[SF]|[UP]|[MC] END</div> <div> <br /></div> <div> <b>ALTERNATIVE LINK</b> :</div> <div> Kumpulbagi 1 - 12 END</div> <div> <br /></div> <div> <b>BATCH/ SINGLE LINK</b> :</div> <div> AWSubs & Unlimited Subs Works</div> <div> Batch Versi 480p  853 MB</div> <div> <br /></div> <div> ZxcFiles || GoogleDrive || Mega</div> <div> <br /></div> <div> Batch Versi 720p  1.4 GB</div> <div> <br /></div> <div> ZxcFiles || GoogleDrive ||</div> <div> <br /></div> <div> LoliSekaiSubs</div> <div> <br /></div> <div> Batch Versi 480p   712 MB</div> <div> ZxcFiles || Mega </div> <div> Batch Versi 720p   1.34 GB</div> <div> ZxcFiles || Mega</div> <div> <br /></div> <div> <br /></div> <div> Batch 480p Anifansia : </div> <div> Userscloud | Kumpulbagi | Uptobox | Usersfiles</div> </div>

Absolute Duo BD Subtitle Indonesia Episode 1-12 Lengkap

Absolute Duo BD Sub Indo Complete Alternative Titles Japanese: アブソリュート・デュオ Information Type: TV Episodes: 12 Status: Finished Airi...

Selengkapnya »

Grand Theft Auto V Full Version

<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody> <tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuSaXXxCnmDQFMJlI-2RBum8D-PZ1PZO8epHrOXmmGXGSpWsRAofAt4XpHRInlJECQ886CxLCc0KcFU08np2H6DLyST62Sqb6X2oy6PNGS48Svl9t1oDoy-7kbdORe9Jhnk1qQ41dVV-c/s1600/actual_1364906194.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="GTA V Full Bajakan" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuSaXXxCnmDQFMJlI-2RBum8D-PZ1PZO8epHrOXmmGXGSpWsRAofAt4XpHRInlJECQ886CxLCc0KcFU08np2H6DLyST62Sqb6X2oy6PNGS48Svl9t1oDoy-7kbdORe9Jhnk1qQ41dVV-c/s320/actual_1364906194.jpg" title="GTA V Full Bajakan" width="261" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;">GTA V Full Bajakan</td></tr> </tbody></table> <div style="text-align: justify;"> Setelah sekian lama pihak Rockstar mengundur-ngundur kemunculan game Grand Auto Theft V, kini para pecinta game bajakan pun sudah bisa tersenyum. Pasalnya, Rockstar telah mengumumkan berita rilisnya Grand Theft Auto V atau GTA V sejak tahun lalu, yakni tahun 2014. Game yang bergenre Open World ini memang sangat banyak digemari oleh semua kalangan, terbukti dari versi-versi lawas game ini (GTA Vice City, GTA III, GTA San Andreas,dll) telah sukses merajai pasar games di dunia.</div> <br /> <div style="text-align: justify;"> Pada versi Grand Theft Auto V Full Version ini Rockstar telah membuat begitu banyak perubahan grafik dan gameplay. Dalam game ini kita dituntut memainkan peran sebagai seorang mafia yang menjalankan misi-misi dari kota ke kota lainnya sambil berpetualang. Perlu diketahui bahwa GTA V ini memiliki size hingga 60GB lho, jadi pastikan dahulu sobat memiliki spesifikasi PC yang cukup tangguh..</div> <br /> <span style="font-size: large;"><b>Screenshot :</b></span><br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt-cll539CQrkmj3awgnHDAbDm5wLH8si80bG_7ZRcCQJlblYYtUUkj7RZuV_2HflEkpGo_KCeNbV9jqWbJymqmo1sLelgDr8v4VMc9px_GEtykomBK9zTysVs10sRfM61aZTpsh1l7tQ/s1600/gta1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt-cll539CQrkmj3awgnHDAbDm5wLH8si80bG_7ZRcCQJlblYYtUUkj7RZuV_2HflEkpGo_KCeNbV9jqWbJymqmo1sLelgDr8v4VMc9px_GEtykomBK9zTysVs10sRfM61aZTpsh1l7tQ/s640/gta1.jpg" width="640" /></a></div> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo4HUrbPIU_hzhAQh3xXQx8NWURbSEr84-atknI5aVZYsHO7sED8VUZ92DTC5qj4WHwm6MMAgaOaQ0fnD6ez8QcJvRSEclEzg9099jtTSyyp-ECQYWnb8AdDIwxKYwYMP_12GWFw5h6OE/s1600/gta2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo4HUrbPIU_hzhAQh3xXQx8NWURbSEr84-atknI5aVZYsHO7sED8VUZ92DTC5qj4WHwm6MMAgaOaQ0fnD6ez8QcJvRSEclEzg9099jtTSyyp-ECQYWnb8AdDIwxKYwYMP_12GWFw5h6OE/s640/gta2.jpg" width="640" /></a></div> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVqA7qCKLz6hnGO2-0aoAjjR3KoiCMQm0gM0wOXSX8PLIJjUe51YRtHxUSVWP7CdLijQxbLoFSTobBR1T0CH1u6y4hDzfIP-KqAKrs3F3iKBByQmJXs9Xu9WsEPKgFA7EhezTBCzVJOeQ/s1600/gta3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVqA7qCKLz6hnGO2-0aoAjjR3KoiCMQm0gM0wOXSX8PLIJjUe51YRtHxUSVWP7CdLijQxbLoFSTobBR1T0CH1u6y4hDzfIP-KqAKrs3F3iKBByQmJXs9Xu9WsEPKgFA7EhezTBCzVJOeQ/s640/gta3.jpg" width="640" /></a></div> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqZDBsLDVX0Inpeb-HqBC4yDQ2TbNn13qrxvkterNy2RKUBH7ZFeqknEdexaMp1QJTZblseBjQeq91z34rXGtMqxi8IZwveI1dvarfG-TCcF3x0PXod9BmNGiQTYjc5twBboj0pUE7ZCM/s1600/gta4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqZDBsLDVX0Inpeb-HqBC4yDQ2TbNn13qrxvkterNy2RKUBH7ZFeqknEdexaMp1QJTZblseBjQeq91z34rXGtMqxi8IZwveI1dvarfG-TCcF3x0PXod9BmNGiQTYjc5twBboj0pUE7ZCM/s640/gta4.jpg" width="640" /></a></div> <br /> <span style="font-size: large;"><b>System Requirements :</b></span><br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFL5d8Chf1xEn6isDEa63anGdVDAMxdy4M0dIMcIihAK_kQififQFHOx669ok9h2kO0tGmRynk3-3kGO4d5ls4yRBHlmYJjjGH_iRZIj_LO5wBvz7nKHxZ45Oi-YLCmutbC-SnDQyRBmY/s1600/gtasys10.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="328" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFL5d8Chf1xEn6isDEa63anGdVDAMxdy4M0dIMcIihAK_kQififQFHOx669ok9h2kO0tGmRynk3-3kGO4d5ls4yRBHlmYJjjGH_iRZIj_LO5wBvz7nKHxZ45Oi-YLCmutbC-SnDQyRBmY/s640/gtasys10.jpg" width="640" /></a></div> <b>Link Download (Reloaded Version)</b><br /> <br /> <br /> <ul> <li><b>Grand Theft Auto V Reloaded Version</b> | KumpulBagi</li> <li><b>Grand Theft Auto V Proper Fixed (Crack, Social Club, Update,dll sudah fixed)</b> | Google Drive</li> </ul> <br /> <br /> <b>Link Download (Full Version)</b><br /> <br /> <br /> <ul> <li><b>Grand Theft Auto V Single Link | Torrent | Direct Links | Lenfile | Tusfiles | KumpulBagi</b></li> <li><b>Grand Theft Auto V Part Link | Tusfiles | Direct Links | Lenfile | Google Drive | KumpulBagi</b></li> <li><b>GTA V – Update 4 | SolidFiles | GoogleDrive | Tusfiles</b></li> <li><b>GTA V – Social Club | SolidFiles | Google Drive | Lenfile | DataFileHost</b></li> <li><b>GTA V – Crack v4 Fix | SolidFiles | KumpulBagi</b></li> <li><b>GTA V – Cheat Trainer | SolidFiles | Google Drive | Lenfile | DataFileHost | Ge.tt</b></li> </ul> <br /> <br /> <span style="font-size: large;"><b>Cara Install :</b></span><br /> <br /> <br /> <ol> <li>Pertama-tama, pastikan bahwa koneksi internet telah terputus dan firewall dalam keadaan mati.</li> <li>Letakkan semua part dalam sebuah folder lalu extract dengan menggunakan winrar.</li> <li>Copykan seluruh isi folder Update 3 ke folder GTA V di extract.</li> <li>Setelah itu, install Social Club dengan perintah Run As Administrator.</li> <li>Copykan semua isi file Crack ke direktori GTA V-nya.</li> <li>Jalanlan launcher.exe (Run as admin) untuk bermain.</li> <li>Selesai.</li> </ol> <br /> <br /> <span style="font-size: large;"><b>NB :</b></span><br /> <br /> <br /> <ul> <li>Pastikan bahwa Operasi Sistem anda minimal Windows 7 SP 1 !!!</li> <li>Crack ini belum bekerja di laptop yang memiliki dual VGA atau Switchable Graphics.</li> <li>Untuk saat ini, crack masih banyak terdapat bugs dan belum berjalan sepenuhnya di semua windows 7/8/8.1 dan 10.</li> <li>Crack versi 4 telah memperbaiki bugs “<span style="color: red;">Activation Required</span>” dan Bugs “press Q” </li> </ul> <div> <span style="font-size: x-small;"><i>Special thx to bagas31</i></span></div>

Grand Theft Auto V Full Version

GTA V Full Bajakan Setelah sekian lama pihak Rockstar mengundur-ngundur kemunculan game Grand Auto Theft V, kini para pecinta game baja...

Selengkapnya »

CCleaner 5.12 Full Patch Crack

<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody> <tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzk1Gvd17SmqUO10unE385KsPghw6a0F_qnd1N9OuMddlGYi-9Bhyk7U7dx3HtUEWUWYAzZwcPk6IWijTSR0IPsL6tK5ADpYp9zz7avg7jAeWPd8UfUdVoMUtragXCb8vuVesJoZVeIc8/s1600/cclogo.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="CCleaner 5.12 Full Patch" border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzk1Gvd17SmqUO10unE385KsPghw6a0F_qnd1N9OuMddlGYi-9Bhyk7U7dx3HtUEWUWYAzZwcPk6IWijTSR0IPsL6tK5ADpYp9zz7avg7jAeWPd8UfUdVoMUtragXCb8vuVesJoZVeIc8/s200/cclogo.png" title="CCleaner 5.12 Full Patch" width="200" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;">CCleaner 5.12 Full Patch</td></tr> </tbody></table> <div style="text-align: justify;"> Balik lagi mengenai Software pembersih Junk Files pada PC / Laptop kalian. CCleaner kembali meluncurkan Update Terbaru pada versi 5.12 ini. Dan sama seperti sebelumnya, CCleaner 5.12 ini dilengkapi dengan 2 patch, yakni Patch / Crack Bussiness dan juga Professional Full Version. Meskipun ada 2 versi yakni Bussiness dan Professional, Namun tetap saja tidak ada perbedaan yang Signifikan dari masing masing versi tersebut. Keduanya sama sama memiliki Tugas yang sama dalam membersihkan Junk-files.</div> <br /> <span style="font-size: large;"><b>Screenshot :</b></span><br /> <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody> <tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiljdlxAkzCgATDgBT1tYx7s9mguJxhCzptiTIeom4auhzE0GvUWdcrx1H5iNkpGfG0HN0HCjwLoEbCWMZSF3-eWxmJDl33EBvX-fl8ma_6GI2PJwG7s0L57p40vzwOqTPpr4HYysKsHPQ/s1600/ccleaner1.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="SS1" border="0" height="480" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiljdlxAkzCgATDgBT1tYx7s9mguJxhCzptiTIeom4auhzE0GvUWdcrx1H5iNkpGfG0HN0HCjwLoEbCWMZSF3-eWxmJDl33EBvX-fl8ma_6GI2PJwG7s0L57p40vzwOqTPpr4HYysKsHPQ/s640/ccleaner1.png" title="SS1" width="640" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;">SS1</td></tr> </tbody></table> <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody> <tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjm7RL_hXKikw4qcTukPUdRrAZChUNXeehO_Q_aNKE3wOhuRVZkg7gwiDiOtd4y1g_9F9qr-LlLISV_egWoxc3vbxseZGI2mY6VRt0o4KxQvGBkKsVj1Url-ohH2qIxggRT2cn37NpJ2V0/s1600/ccleaner2.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="SS2" border="0" height="478" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjm7RL_hXKikw4qcTukPUdRrAZChUNXeehO_Q_aNKE3wOhuRVZkg7gwiDiOtd4y1g_9F9qr-LlLISV_egWoxc3vbxseZGI2mY6VRt0o4KxQvGBkKsVj1Url-ohH2qIxggRT2cn37NpJ2V0/s640/ccleaner2.png" title="SS2" width="640" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;">SS2</td></tr> </tbody></table> <b>Download :</b><br /> <br /> <ul> <li>CCleaner 5.12 [UpTobox] | CCleaner 5.12 [UsersCloud]</li> <li>All Patch CCleaner [UpTobox] | All Patch CCleaner [UsersCloud]</li> <li>Password : <b><i>www.bagas31.com</i></b> | Status : <span style="color: lime;">Tested</span> (Windows 7 32bit)</li> </ul> <div> <b><i>Whats New on 5.12?</i></b></div> <div> <br /></div> <br /> <div> <ol> <li>Improved Firefox 42 Cache cleaning.</li> <li>Improved Google Chrome Download History cleaning.</li> <li>Improved Skip UAC on Windows 10.</li> <li>Improved detection and cleaning of portable browsers.</li> <li>Optimized cleaning rules loading routine.</li> <li>Improved localization and language support.</li> <li>Minor GUI Improvements.</li> <li>Minor bug fixes.</li> </ol> </div> <div> <br /></div> <div> <b>Cara Install :</b></div> <div> <br /></div> <div> <div> <ul> <li>Download Terlebih Dahulu Installer <b><i>CCleaner 5.12</i></b> diatas</li> <li>Download juga <b><i>All Patch CCleaner</i></b> nya</li> <li>Install CCleaner hingga selesai (jangan di open setelah selesai)</li> <li>Buka All Patch CCleanernya, dan pilih Patch yang ingin digunakan (Bussiness/Professional)</li> <li>Jalankan Patchnya (Next – Next – Next – Finish)</li> <li>Tutup Patch</li> <li>Restart PC/Laptop (<span style="color: red;">Agar Lebih Aman meskipun tak ada perintah untuk restart</span>)</li> <li>Finish</li> </ul> </div> </div> <div> <br /></div> <div> <span style="font-size: x-small;"><i>Special thx to : www.bagas31.com</i></span></div>

CCleaner 5.12 Full Patch Crack

CCleaner 5.12 Full Patch Balik lagi mengenai Software pembersih Junk Files pada PC / Laptop kalian. CCleaner kembali meluncurkan Update...

Selengkapnya »

Cara Membuat Image Lightbox Responsive dengan Colorbox

<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody> <tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzSxSrDZZpQ0E08BoUBM-qBq4NwcE-XA75HudERR9ZtvNp41Ht7tojww9OADae8cmHkZWsKUf85M2IgBr3xMX2RHPZZdSoCK8nb6hIF8GT9wghpyIMe69MhP3YB2brW5a8Vls9FwqyzYI/s1600/lightbox.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Lightbox with Colorbox" border="0" height="266" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzSxSrDZZpQ0E08BoUBM-qBq4NwcE-XA75HudERR9ZtvNp41Ht7tojww9OADae8cmHkZWsKUf85M2IgBr3xMX2RHPZZdSoCK8nb6hIF8GT9wghpyIMe69MhP3YB2brW5a8Vls9FwqyzYI/s400/lightbox.jpg" title="Lightbox with Colorbox" width="400" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;">Lightbox with Colorbox</td></tr> </tbody></table> <div style="text-align: justify;"> Image Lightbox adalah ketika sebuah gambar di postingan di klik, maka akan muncul sebuah overlay yang menampilkan gambar yang lebih besar dan jika di dalam postingan tersebut terdapat lebih dari satu gambar maka overlay akan menampilkan gambar-gambar tersebut dengan tombol next (=>) prev (<=).</div> <br /> <div style="text-align: justify;"> Blogger sendiri sudah memiliki fitur lightbox dan kita bisa mengaktifkannya pada setting di dashboard Blogger. Namun bagi Anda yang sudah melakukan validasi HTML5 dan menyembunyikan Bundle CSS dan JS Blogger, secara otomatis Anda tidak bisa menggunakan fitur lightbox Blogger tersebut.</div> <br /> <div style="text-align: justify;"> Namun tidak perlu khawatir, banyak plugin jquery yang bisa kita gunakan untuk menggantikan lightbox Blogger yang tidak bisa kita aktifkan. Salah satunya adalah Colorbox.js karya Jack Moore. Dan saya mencoba salah satu fiturnya saja untuk digunakan sebagai image lightbox. Dengan sedikit modifikasi pada CSS style-nya, maka jadilah lightbox dengan <i><b>colorbox.js</b></i> responsive.</div> <br /> <div style="text-align: justify;"> Dan berikut adalah demo dari KompiAjaib untuk lightbox tanpa transisi dengan lebar dan tinggi 75% dari layar yang saya buat di JSFiddle sesuai aslinya. Dan itu cukup untuk membuat lightbox yang responsive. Namun pada lightbox ini menyisakan daerah putih di sekitar gambar sehingga menurut saya kurang bagus dilihatnya.</div> <br /> <div style="text-align: center;"> <a href="http://jsfiddle.net/kompiajaib/vb1kknho/embedded/result/" target="_blank">DEMO</a></div> <br /> <div style="text-align: justify;"> Untuk itu saya sedikit memodifikasi CSS style colorbox untuk menghilangkan daerah putih di sekitar gambarnya sehingga gambarnya menjadi full. Bisa Anda lihat pada link demo di bawah ini.</div> <br /> <div style="text-align: center;"> <a href="http://jsfiddle.net/kompiajaib/vb1kknho/1/embedded/result/" target="_blank">DEMO</a></div> <br /> Tutorialnya, silahkan gunakan kode-kode di bawah ini.<br /> <br /> <span style="font-size: large;"><b><i><u>Kode CSS</u></i></b></span><br /> <br /> <pre>#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden} #cboxWrapper{max-width:none} #cboxOverlay{position:fixed;width:100%;height:100%} #cboxMiddleLeft,#cboxBottomLeft{clear:left} #cboxContent{position:relative} #cboxLoadedContent{overflow:hidden!important;-webkit-overflow-scrolling:touch} #cboxTitle{margin:0} #cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%} #cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer} .cboxPhoto{border:0;width:100%!important;height:auto!important;margin-bottom:-5px;} .cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0} #colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box} #cboxOverlay{background:#000} #colorbox{outline:0} #cboxContent{margin-top:20px;background:#000} .cboxIframe{background:#fff} #cboxError{padding:50px;border:1px solid #ccc} #cboxLoadedContent{border:5px solid #000;background:#fff} #cboxTitle{position:absolute;top:-20px;left:0;color:#ccc;visibility:hidden} #cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc} #cboxLoadingGraphic{background:url(http://www.jacklmoore.com/colorbox/example3/images/loading.gif) no-repeat center center} #cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0} #cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0} #cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff} #cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(http://www.jacklmoore.com/colorbox/example3/images/controls.png)no-repeat top left;width:28px;height:65px;text-indent:-9999px} #cboxPrevious:hover{background-position:bottom left} #cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(http://www.jacklmoore.com/colorbox/example3/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px} #cboxNext:hover{background-position:bottom right} #cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(http://www.jacklmoore.com/colorbox/example3/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px} #cboxClose:hover{background-position:bottom center}</pre> <br /> <span style="font-size: large;"><b><i><u>Kode Javascript </u></i></b></span><br /> Simpan kode javascript di bawah ini di atas kode </body><br /> <br /> <pre><script src='http://yourjavascript.com/311412413010/jquery-colorbox-min.js' type='text/javascript'></script> <script type='text/javascript'> //<![CDATA[ $(document).ready(function(){ $(".group3").colorbox({rel:'group3', transition:"none", width:"75%", height:"auto"}); }); //]]> </script></pre> <br /> <span style="font-size: large;"><b><i><u>Kode HTML </u></i></b></span><br /> Untuk menyimpan gambar di postingan, silahkan gunakan kode HTML seperti di bawah ini.<br /> <br /> <pre><a class="group3" href="URL GAMBAR BESAR" title="Title Gambar Di Sini"><img alt="thumbnail" src="URL GAMBAR KECIL" width="200" height="130" title="Title Gambar Di Sini"/></a></pre> <br /> <div style="text-align: justify;"> Anda cukup mengupload sebuah gambar yang besar kemudian ganti kode <b>URL GAMBAR BESAR</b> dan <b>URL GAMBAR KECIL</b> dengan <b>URL</b> gambar yang Anda upload tadi. Untuk lebar dan tinggi gambar thumbnail silahkan atur sesuai kehendak Anda pada kode <b>width="200"</b> <b>height="130"</b>. </div> <br /> <div style="text-align: justify;"> Jika gambar dengan HTML di atas terdapat lebih dari satu, maka otomatis lightbox akan menampilkan tombol next prev. Namun jika hanya terdapat satu gambar saja maka lightbox tidak akan menampilkan tombol next prev.</div> <br /> Sekian Terima Kasih<br /> <br /> <span style="font-size: x-small;"><i>Sumur : http://www.kompiajaib.com/2014/11/membuat-image-lightbox-responsive.html</i></span>

Cara Membuat Image Lightbox Responsive dengan Colorbox

Lightbox with Colorbox Image Lightbox adalah ketika sebuah gambar di postingan di klik, maka akan muncul sebuah overlay yang menampilka...

Selengkapnya »

Membuat Teks Berkedip (Blink) di Blog

<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody> <tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfTC46PwyL1cEQ6PJSxAdZX0wq4rYfjOcNCFdNznVvrKLHIGaltKVwZ0peFl5NN9K1K6JVZDZjL0h1egSo5q3fLDJD0MYb5ClEH1JKm3PpIYLPd0Ul1uqQks0mrN6_p_m6YSavShKM2dE/s1600/blink.gif" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Create Blink Teks" border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfTC46PwyL1cEQ6PJSxAdZX0wq4rYfjOcNCFdNznVvrKLHIGaltKVwZ0peFl5NN9K1K6JVZDZjL0h1egSo5q3fLDJD0MYb5ClEH1JKm3PpIYLPd0Ul1uqQks0mrN6_p_m6YSavShKM2dE/s400/blink.gif" title="Create Blink Teks" width="400" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;">Create Blink Teks</td></tr> </tbody></table> <div style="text-align: justify;"> Teks berkedip atau blinking adalah text yang bisa kita gunakan agar pengunjung lebih memperhatikan sebuah teks yang kita maksud. Bisa saja teks tersebut merupakan informasi penting untuk para pengunjung.</div> <br /> <div style="text-align: justify;"> Dulu ketika awal ngeblog sekitar tahun 2012, membuat teks berkedip kedip (blink) sangatlah mudah. Dengan menggunakan tag <blink> maka teks yang dimaksud bisa berkedip. Namun kini tag <blink> ini sudah tidak bisa digunakan lagi.</div> <br /> <div style="text-align: justify;"> Untuk itu saya mencoba mencari cara untuk membuat teks berkedip dan menemukan sebuah plugin yang bisa kita gunakan untuk membuat blinking teks. Plugin ini cukup kecil sehingga tidak akan terlalu memberatkan loading blog. Untuk itu saya buat inline jquery-nya agar menjadi tambah ringan.</div> <br /> Sebagai contoh, di bawah ini adalah live demo untuk blinking text atau teks berkedip.<br /> <br /> <div class="blink2"> Contoh / Demo Teks Berkedip</div> <br /> <br /> Untuk membuatnya silahkan gunakan jquery di bawah ini dan simpan di atas kode <b><i><u></body></u></i></b><br /> <br /> <pre><script type="text/javascript"> //<![CDATA[ (function(e){e.fn.blink=function(t){var n={delay:500};var t=e.extend(n,t);return this.each(function(){var n=e(this);setInterval(function(){if(e(n).css("visibility")=="visible"){e(n).css("visibility","hidden")}else{e(n).css("visibility","visible")}},t.delay)})}})(jQuery);$(document).ready(function(){$(".blink").blink()}) //]]> </script></pre> <br /> Untuk mengatur kecepatannya, silahkan atur pada kode angka <b>500</b> di atas. <br /> <br /> Kemudian tambahkan class <b>blink</b> pada teks yang dimaksud seperti contoh di bawah ini.<br /> <br /> <blockquote class="tr_bq"> <div class="blink"><br /> Ini adalah contoh teks berkedip<br /> </div></blockquote> <br /> Jika ingin membuat kecepatan berkedip yang berbeda pada teks lainnya, silahkan buat class yang berbeda dan tambahkan angka yang berbeda pada delay seperti pada kode yang saya marking di bawah ini. Sehingga jquerynya menjadi seperti di bawah ini.<br /> <pre><script type="text/javascript"> //<![CDATA[ (function(e){e.fn.blink=function(t){var n={delay:500};var t=e.extend(n,t);return this.each(function(){var n=e(this);setInterval(function(){if(e(n).css("visibility")=="visible"){e(n).css("visibility","hidden")}else{e(n).css("visibility","visible")}},t.delay)})}})(jQuery);$(document).ready(function(){$(".blink").blink();$('.blink2').blink({delay:200})}) //]]> </script></pre> <br /> <div class="blink2"> Ini contoh teks berkedip,</div> dan > <br /> <div class="blink3"> teks berkedip beda kecepatan</div> <br /> <br /> <pre><div class="blink"> Ini adalah contoh teks berkedip </div> dan ini <div class="blink2"> teks berkedip dengan kecepatan berbeda </div></pre> <br /> Jika ingin membuat berhenti berkedip ketika di-hover dan berkedip lagi ketika hover dilepas seperti contoh di atas, silahkan gunakan jquery di bawah ini. <br /> <pre>(function($) { $.fn.blink = function(options) { var defaults = { delay:500 }; var options = $.extend(defaults, options); return this.each(function() { var obj = $(this); if (obj.attr("timerid") > 0) return; var timerid=setInterval(function() { if($(obj).css("visibility") == "visible") { $(obj).css('visibility','hidden'); } else { $(obj).css('visibility','visible'); } }, options.delay); obj.attr("timerid", timerid); }); } $.fn.unblink = function(options) { var defaults = { visible:true }; var options = $.extend(defaults, options); return this.each(function() { var obj = $(this); if (obj.attr("timerid") > 0) { clearInterval(obj.attr("timerid")); obj.attr("timerid", 0); obj.css('visibility', options.visible?'visible':'hidden'); } }); } }(jQuery)) $(document).ready(function() { $('.blink').blink(); $('.blink').mouseover(function(){ $(this).stop().unblink(); }); $('.blink').mouseout(function(){ $(this).blink(); }); });</pre> <br /> Contoh: <br /> <div class="blink4"> Silahkan hover teks ini</div> <br /> <br /> Sekian, terima kasih<br /> <br /> <span style="font-size: x-small;"><i>Sumur : http://www.kompiajaib.com/2014/11/membuat-teks-berkedip-dengan-jquery.html</i></span> <script type="text/javascript"> //<![CDATA[ (function(e){e.fn.blink=function(t){var n={delay:500};var t=e.extend(n,t);return this.each(function(){var n=e(this);setInterval(function(){if(e(n).css("visibility")=="visible"){e(n).css("visibility","hidden")}else{e(n).css("visibility","visible")}},t.delay)})}})(jQuery);$(document).ready(function(){$(".blink2").blink();$('.blink3').blink({delay:200})}) //]]> </script> <script type="text/javascript"> //<![CDATA[ (function($) { $.fn.blink = function(options) { var defaults = { delay:500 }; var options = $.extend(defaults, options); return this.each(function() { var obj = $(this); if (obj.attr("timerid") > 0) return; var timerid=setInterval(function() { if($(obj).css("visibility") == "visible") { $(obj).css('visibility','hidden'); } else { $(obj).css('visibility','visible'); } }, options.delay); obj.attr("timerid", timerid); }); } $.fn.unblink = function(options) { var defaults = { visible:true }; var options = $.extend(defaults, options); return this.each(function() { var obj = $(this); if (obj.attr("timerid") > 0) { clearInterval(obj.attr("timerid")); obj.attr("timerid", 0); obj.css('visibility', options.visible?'visible':'hidden'); } }); } }(jQuery)) $(document).ready(function() { $('.blink4').blink(); $('.blink4').mouseover(function(){ $(this).stop().unblink(); }); $('.blink4').mouseout(function(){ $(this).blink(); }); }); //]]> </script>

Membuat Teks Berkedip (Blink) di Blog

Create Blink Teks Teks berkedip atau blinking adalah text yang bisa kita gunakan agar pengunjung lebih memperhatikan sebuah teks yang k...

Selengkapnya »

Membuat Tombol Download dengan Animasi Slide

<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody> <tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcOYBbUyKxEa0SH8_c8KlAhyv-vfV4swf7qSRRPNXn42PWVW3V-NdHDP7YO5oM7Qm_EVgoCAQzk7nZfAM35GZ8YER7wRyHSRlMhjVA_oMiXBO17AgUkIkB_dbJZoKwxM8vSr3Pl6Zxgws/s1600/download-button.gif" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Bikin tombol download dengan animasi" border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcOYBbUyKxEa0SH8_c8KlAhyv-vfV4swf7qSRRPNXn42PWVW3V-NdHDP7YO5oM7Qm_EVgoCAQzk7nZfAM35GZ8YER7wRyHSRlMhjVA_oMiXBO17AgUkIkB_dbJZoKwxM8vSr3Pl6Zxgws/s400/download-button.gif" title="Bikin tombol download dengan animasi" width="400" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;">Bikin tombol download dengan animasi</td></tr> </tbody></table> <div style="text-align: justify;"> Kali ini saya akan share cara membuat tombol download dengan animasi slide yang menampilkan size file download ketika di-hover mouse dengan CSS3.</div> <br /> <div style="text-align: justify;"> Tombol download ini saya temukan ketika jalan-jalan pagi tadi. Kemudian saya coba dengan sedikit modifikasi agar bisa slide ke samping atau pun ke bawah dan menambahkan ikon download dengan font awesome.</div> <br /> <div style="text-align: justify;"> Bagi yang menggunakan tombol download pada postingannya, Anda bisa mencoba menggunakan tombol download dengan animasi ini untuk show hide ukuran file download-nya.</div> <br /> <div style="text-align: justify;"> 1. Untuk tombol download dengan slide ke samping / right bisa Anda lihat pada animasi gif di bawah ini dan untuk mendapatkan kode-kode CSS dan HTML silahkan masuk ke link demo JSFiddle di bawahnya.</div> <br /> <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody> <tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQQbIdUej4OL_hrpEzzRxRgh6OVq-_jk_Y0JhByEAGArYnlM8LquiR8TOiGj_K-UkC_Rm8rQlCafGLI3Dw78WYciQiKQdAa8vbfOA2npI6ZN_v11rKX3cUz-4gb4CKurMQ0_esEKa9R2k/s1600/download-button1.gif" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Download Button Animate Slide Right" border="0" height="117" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQQbIdUej4OL_hrpEzzRxRgh6OVq-_jk_Y0JhByEAGArYnlM8LquiR8TOiGj_K-UkC_Rm8rQlCafGLI3Dw78WYciQiKQdAa8vbfOA2npI6ZN_v11rKX3cUz-4gb4CKurMQ0_esEKa9R2k/s320/download-button1.gif" title="Download Button Animate Slide Right" width="320" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;">Download Button Animate Slide Right</td></tr> </tbody></table> <div style="text-align: center;"> <a href="https://jsfiddle.net/zonahentongerz/j12vd95m/" target="_blank">DEMO JSFIDDLE</a></div> <br /> <div style="text-align: justify;"> 2. Untuk tombol download dengan slide ke bawah / down bisa Anda lihat pada animasi gif di bawah ini dan untuk mendapatkan kode-kode CSS dan HTML silahkan masuk ke link demo JSFiddle di bawahnya.</div> <br /> <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody> <tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhN3ETMv0WHU6rBEtKmEbWXG8FcXYuhyphenhyphenKi9te1VHWAbZuKIbItV28LYR6H_OndqerDEd-vWp8878YaEJuDN2gsBdij2Br9Jh7buIaxYmBgoJv9HOgy-CRLoRpoPyai1-A8O3_vWr9fYWCs/s1600/download-button2.gif" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Download Button Animate Slide Down" border="0" height="117" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhN3ETMv0WHU6rBEtKmEbWXG8FcXYuhyphenhyphenKi9te1VHWAbZuKIbItV28LYR6H_OndqerDEd-vWp8878YaEJuDN2gsBdij2Br9Jh7buIaxYmBgoJv9HOgy-CRLoRpoPyai1-A8O3_vWr9fYWCs/s320/download-button2.gif" title="Download Button Animate Slide Down" width="320" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;">Download Button Animate Slide Down</td></tr> </tbody></table> <div style="text-align: center;"> <a href="https://jsfiddle.net/zonahentongerz/z1Lwsnow/" target="_blank"><span id="goog_439764312"></span>DEMO JSFIDDLE</a><span id="goog_439764313"></span></div> <br /> <div style="text-align: justify;"> Dan silahkan tambahkan link CSS style font awesome di bawah ini di atas kode <b><i></head></i></b>. Bagi yang sudah menggunakan font awesome (font awesome versi 4.4.0) silahkan lewati langkah ini.</div> <br /> <blockquote class="tr_bq"> <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet"/></blockquote> <br /> Sekian Terima Kasih<br /> <br /> <span style="font-size: x-small;"><i>Sumur : http://www.kompiajaib.com/2014/12/membuat-tombol-download-dengan-animasi.html</i></span>

Membuat Tombol Download dengan Animasi Slide

Bikin tombol download dengan animasi Kali ini saya akan share cara membuat tombol download dengan animasi slide yang menampilkan size f...

Selengkapnya »

Menggabungkan JavaScript untuk Kecepatan Loading Blog

<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody> <tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFB33ZadPAtlltmYkw7Bvi2PbYSqhqFOaSv8LvHvUDqJui4bUhuSLuJFG-IsEJSCSGr1-KlzAz4FSsqVx481NCdw0noZqxfP43bLuJntQZMgUrbi3Qt__AY5vLXOFByerUlamFNJAPJI4/s1600/multiple-javascript.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Combine JavaScript for Fast Loading Blog" border="0" height="160" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFB33ZadPAtlltmYkw7Bvi2PbYSqhqFOaSv8LvHvUDqJui4bUhuSLuJFG-IsEJSCSGr1-KlzAz4FSsqVx481NCdw0noZqxfP43bLuJntQZMgUrbi3Qt__AY5vLXOFByerUlamFNJAPJI4/s320/multiple-javascript.jpg" title="Combine JavaScript for Fast Loading Blog" width="320" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;">Combine JavaScript for Fast Loading Blog</td></tr> </tbody></table> <div style="text-align: justify;"> Seperti sudah kita ketahui bahwa jika blog memiliki banyak javascript, maka bisa dipastikan bahwa loading blog akan berat. Tentunya hal ini akan berdampak kurang baik bagi perkembangan blog, karena Google sangat tidak menyukai website dengan loading yang berat.</div> <br /> <div style="text-align: justify;"> Untuk itu saya selalu menekankan untuk menggunakan javascript yang benar-benar sangat diperlukan agar blog tetap memiliki sentuhan modern yang aktraktif namun memiliki kecepatan loading yang bagus sehingga pengunjug dan mesin pencari pun menyukainya.</div> <br /> <div style="text-align: justify;"> Nah jika ternyata di dalam blog kita memiliki beberapa javascript, maka untuk mengakali loading blog agar tidak terlalu berat, kita bisa mengakalinya dengan menggabungkannya menjadi satu file yang kemudian dimuat secara defer/ditunda, termasuk javascript untuk sosial media seperti fb, g+, ataupun twitter.</div> <br /> <div style="text-align: justify;"> Namun sesuai pengalaman saya, tidak semua javascript dapat digabungkan. Tapi mungkin pada template yang berbeda dengan javascript yang berbeda, semuanya bisa digabungkan menjadi satu file. Jadi dalam hal ini kita harus mencobanya menggabungkan javascript satu per satu.</div> <br /> Misalkan di blog ada dua buah (atau lebih) javascript seperti di bawah ini.<br /> <br /> <pre><script type='text/javascript'> //<![CDATA[ $(function(){$(".playvideo2").click(function(e){$(".videoyoutubeContainer2").show();$(".playvideo2").hide();$(".videoyoutube2").css({top:"15%",position:"fixed"});$(".videoplayer")[0].src+="&amp;autoplay=1";e.preventDefault()});$(".close-video2").click(function(){$(".videoyoutubeContainer2").hide();$(".playvideo2").show();$(".videoyoutube2").css({top:"-1000px",position:"absolute"});$(".videoplayer")[0].contentWindow.postMessage('{"event":"command","func":"'+"stopVideo"+'","args":""}',"*")})}) //]]> </script> <script type='text/javascript'> //<![CDATA[ var jump=function(e){if(e){var t=jQuery(this).attr("href").replace("/","")}else{var t=location.hash}jQuery("html,body").animate({scrollTop:jQuery(t).offset().top-80},500,function(){})};jQuery(document).ready(function(e){e(document).on("click","a[href*=#]",jump);if(location.hash){setTimeout(function(){e("html, body").scrollTop(0).show();jump()},0)}else{e("html, body").show()}}) //]]> </script></pre> <br /> Maka silahkan coba gabungkan menjadi satu seperti di bawah ini.<br /> <br /> <pre><script type='text/javascript'> //<![CDATA[ $(function(){$(".playvideo2").click(function(e){$(".videoyoutubeContainer2").show();$(".playvideo2").hide();$(".videoyoutube2").css({top:"15%",position:"fixed"});$(".videoplayer")[0].src+="&amp;autoplay=1";e.preventDefault()});$(".close-video2").click(function(){$(".videoyoutubeContainer2").hide();$(".playvideo2").show();$(".videoyoutube2").css({top:"-1000px",position:"absolute"});$(".videoplayer")[0].contentWindow.postMessage('{"event":"command","func":"'+"stopVideo"+'","args":""}',"*")})}); var jump=function(e){if(e){var t=jQuery(this).attr("href").replace("/","")}else{var t=location.hash}jQuery("html,body").animate({scrollTop:jQuery(t).offset().top-80},500,function(){})};jQuery(document).ready(function(e){e(document).on("click","a[href*=#]",jump);if(location.hash){setTimeout(function(){e("html, body").scrollTop(0).show();jump()},0)}else{e("html, body").show()}}) //]]> </script></pre> <br /> <div style="text-align: justify;"> Cara meringankan / menggabungkan JavaScript agar loading lebih cepat, jangan lupa pisahkan setiap kelompok javascriptnya dengan tanda ; (titik koma). Setelah itu silahkan save template dan coba reload blognya untuk memastikan semua element berjalan seperti biasanya. Jika kode-kode javascriptnya sudah dihosting sebelumnya, silahkan buka filenya dan gabungkan kodenya dengan kode javascript yang lain.</div> <br /> <div style="text-align: justify;"> Jika tidak ada yang error, maka lanjutkan untuk menggabungkan yang lainnya dengan menambahkan javascriptnya ke gabungan javascript yang tadi. Coba lagi blognya untuk memastikan semua dapat berjalan. Begitu seterusnya sampai semua tergabung. Jika ada javascript yang tidak bisa digabung, maka pisahkan.</div> <br /> <div style="text-align: justify;"> Setelah semuanya tergabung, silahkan salin ke notepad. Hanya bagian yang berada di antara kode <b><i>//<![CDATA[</i></b> dan <b><i>//]]></i></b> yang disalin. Kemudian save as (misalnya) <b><i>main.js</i></b> dengan save as type: All Files (*.*)</div> <br /> <div style="text-align: justify;"> Setelah itu silahkan hosting file main.js yang Anda buat tadi. Saya sarankan untuk menghostingnya di Google Code dengan TortoiseSVN, karena dari yang sudah saya coba, content yang dihosting di Google Code lebih cepat tampilnya di blog daripada yang dihosting di Google Drive.</div> <br /> Kemudian gunakan script defer seperti di bawah ini dan simpan di atas kode <b><i><u></body></u></i></b> dan silahkan hapus gabungan javascript yang Anda buat tadi di atas.<br /> <br /> <blockquote class="tr_bq"> <script type='text/javascript'> //<![CDATA[ function downloadJSAtOnload(){var e=document.createElement("script");e.src="<span style="color: orange;">http://user.googlecode.com/svn/trunk/js/main.js</span>";document.body.appendChild(e)}if(window.addEventListener)window.addEventListener("load",downloadJSAtOnload,false);else if(window.attachEvent)window.attachEvent("onload",downloadJSAtOnload);else window.onload=downloadJSAtOnload; //]]> </script> </blockquote> Yang saya <span style="color: orange;">marking</span> di atas adalah contoh file js yang dihosting di Google Code. Silahkan ganti dengan url hosting file Anda.<br /> <br /> Sekian terima kasih<br /> <br /> <span style="font-size: x-small;"><i>Sumur : http://www.kompiajaib.com/2014/12/menggabungkan-javascript-untuk.html</i></span>

Menggabungkan JavaScript untuk Kecepatan Loading Blog

Combine JavaScript for Fast Loading Blog Seperti sudah kita ketahui bahwa jika blog memiliki banyak javascript, maka bisa dipastikan ba...

Selengkapnya »

Membuat Welcome Bar dengan Tombol Close di Blog

<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody> <tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIuz-igZqMD2JGebAQgqh4kmFO1CfOGHYYrpg_eIcX4CqeOl0UOOyZBw1tuMOmC1AhciXxbySrqa5k5Wtqfw2YC6UFWOersIh6ODkSQP6acP7PjSKCiwMOGogQwWkaSYKw8oeiwUq_nOE/s1600/welcome-bar.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Welcome bar With Close Button" border="0" height="368" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIuz-igZqMD2JGebAQgqh4kmFO1CfOGHYYrpg_eIcX4CqeOl0UOOyZBw1tuMOmC1AhciXxbySrqa5k5Wtqfw2YC6UFWOersIh6ODkSQP6acP7PjSKCiwMOGogQwWkaSYKw8oeiwUq_nOE/s640/welcome-bar.png" title="Welcome bar With Close Button" width="640" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;">Welcome bar With Close Button</td></tr> </tbody></table> <div style="text-align: justify;"> Welcome bar ini biasanya disimpan di paling atas dari sebuah blog. Dan biasanya juga welcome bar ini berisi pesan untuk pengunjung blog. Dengan begitu ketika seorang pengunjung masuk maka yang pertama terlihat adalah welcome bar karena biasanya menggunakan warna yang lebih mencolok dan berada paling atas seperti pada gambar di atas.</div> <br /> Pesan-pesan tersebut bisa berupa apa saja, misalnya pengumuan untuk update fitur dari web tersebut atau sesuatu hal yang baru mengenai blog tersebut.<br /> <br /> <div style="text-align: justify;"> Sebenarnya ada cara termudah untuk membuat welcome bar ini yaitu dengan welcome bar dari AddThis. Namun bagi yang alergi dengan script js dari pihak ketiga, kini saya share cara membuat welcome bar sendiri dan dilengkapi dengan tombol close dengan javascript sehingga tidak menggunakan jquery agar tidak membebani blog. Dengan begitu jika ada pengunjung yang merasa terganggu dengan welcome bar tersebut bisa menutupnya.</div> <br /> <span style="font-size: large;"><b><i><u>Kode CSS</u></i></b></span><br /> Simpan kode CSS di bawah ini di atas kode <span style="color: cyan;">]]></b:skin></span> atau <span style="color: cyan;"></style></span><br /> <br /> <pre>#welcome_bar{width:auto;height:auto;display:block;text-align:center;line-height:1.6em;padding:8px 20px;background:#ff847e;color:#fff;position:relative;margin:0 auto;font-weight:normal} #welcome_bar a{background:#3B81DE;color:#fff;padding:0 6px;border:1px solid transparent;border-radius:4px;font-weight:bold;} #close_welcome_bar {display:inline-block;cursor:pointer;padding:0 4px;position:absolute;top:0px;right:5px;font-weight:bold;font-size:18px}</pre> <span style="font-size: large;"><b><i><u>Kode HTML </u></i></b></span><br /> Silahkan simpan kode HTML di bawah ini tepat di bawah kode <span style="color: cyan;"><body></span><br /> <br /> <pre><div id='welcome_bar'> Sekarang Anda bisa unduh update terbaru dari blog ini, silahkan klik <a href='#' title='Unduh Update'>di sini</a> <span data-target='#welcome_bar' id='close_welcome_bar'>&#215;</span> </div></pre> <br /> Silahkan sesuaikan pesannya dengan pesan yang ingin Anda tampilkan.<br /> <br /> <span style="font-size: large;"><b><i><u>Kode Javascript</u></i></b></span><br /> Silahkan simpan kode di bawah ini di atas kode <u><i></body></i></u><br /> <br /> <pre><script type='text/javascript'> //<![CDATA[ var button=document.querySelector("#close_welcome_bar");button.addEventListener("click",function(){var t=document.querySelector(button.getAttribute("data-target"));t.style.display="none"==t.style.display?"block":"none"}); //]]> </script></pre> <br /> Demo:<br /> <object allowfullscreen="allowfullscreen" data="//jsfiddle.net/zonahentongerz/opv4ffnj/embedded/result/" height="300" width="100%"></object> <br /> <br /> Sekian terima kasih<br /> <br /> <span style="font-size: x-small;"><i>Sumur : http://www.kompiajaib.com/2015/04/membuat-welcome-bar-dengan-tombol-close.html</i></span>

Membuat Welcome Bar dengan Tombol Close di Blog

Welcome bar With Close Button Welcome bar ini biasanya disimpan di paling atas dari sebuah blog. Dan biasanya juga welcome bar ini beri...

Selengkapnya »

Modifikasi Tampilan Cookies Bar bawaan Blogger dengan CSS

<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody> <tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGME5L39OGd9AruJdsxQOawByrRXbwNVWqKU-HsMMhyLkKlNWcp2HVUtbrJHD7cp5EZwi5mEfWglwuWcge10Dsz2Zq3RKObc79EGbHqvYGR_HuQiwhATnVr20KwWenBNHfnRvWWA74wVY/s1600/Blogger-Cookies-Notification-Bar.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Change Cookies Notification bar for Blogger" border="0" height="280" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGME5L39OGd9AruJdsxQOawByrRXbwNVWqKU-HsMMhyLkKlNWcp2HVUtbrJHD7cp5EZwi5mEfWglwuWcge10Dsz2Zq3RKObc79EGbHqvYGR_HuQiwhATnVr20KwWenBNHfnRvWWA74wVY/s640/Blogger-Cookies-Notification-Bar.jpg" title="Change Cookies Notification bar for Blogger" width="640" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;">Change Cookies Notification bar for Blogger</td></tr> </tbody></table> <div style="text-align: justify;"> Blogger baru-baru ini mengeluarkan fitur baru, namanya Cookies Notification bar, dimana ini akan tampil jika domain yang anda kunjungi berbeda dari negara anda, misalnya zonahentongerz.blogspot.co.id, jika anda mengunjungi zonahentongerz.blogspot.co.uk, maka Cookies notification bar akan muncul dibagian kanan bawah (floating/melayang). Saya Menggunakan tutorial itu di '<a href="http://zonahentongerz.blogspot.com/2015/11/memasang-notifikasi-cookies-bar-di-blog.html" target="_blank">Memasang EU Notifikasi Cookies Bar di Blog</a>'. Akan tetapi, di postingan kali ini berbeda dengan postingan tersebut, karena disini akan merubah tampilan Cookies Bar asli bawaan Blogger, murni dengan CSS.</div> <br /> <div style="text-align: justify;"> Disini ada 2 pilihan Thema, yaitu background Gelap (Dark) dan Terang (Light). Bagi yang ingin mencoba, silahkan ikuti cara / tutorial mengganti / modifikasi tampilan Cookies Bar berikut ini :</div> <br /> 1. Blogger > Template > HTML > Co+Pas kode dibawah ini, tepat diatas kode <span style="color: lime;">]]></b:skin></span> atau <span style="color: lime;"></style></span><br /> <br /> <span style="font-size: large;"><b><i><u>CSS Background Gelap (Dark)</u></i></b></span><br /> <br /> <pre>/* Custom Cookies Info Dark */ .cookie-choices-info{background-color:rgba(56,66,75,.97)!important;line-height:normal!important;top:initial!important;bottom:0!important;font-family:inherit!important;-webkit-transform:translateZ(0)} .cookie-choices-info .cookie-choices-text{font-size:14px!important;color:#cee6ea!important} .cookie-choices-info .cookie-choices-button{color:#fff!important;margin-left:5px!important;padding:3px 6px!important;background:#3fbdf3!important;border-radius:2px;transition:all .6s linear} .cookie-choices-info .cookie-choices-button:nth-child(2){background:#f68c2e!important;transition:all .6s linear} .cookie-choices-info .cookie-choices-button:hover,.cookie-choices-info .cookie-choices-button:nth-child(2):hover{background:#282f36!important;transition:all .1s linear}</pre> <br /> <span style="font-size: large;"><b><i><u>CSS Background Terang (Light)</u></i></b></span><br /> <br /> <pre>/* Custom Cookies Info Light */ .cookie-choices-info{background-color:rgba(255,255,255,.99)!important;line-height:normal!important;top:initial!important;bottom:0!important;font-family:inherit!important;box-shadow:0 0 10px rgba(0,0,0,0.2);-webkit-transform:translateZ(0)} .cookie-choices-info .cookie-choices-text{font-size:14px!important;color:#222!important} .cookie-choices-info .cookie-choices-button{color:#fff!important;margin-left:5px!important;padding:3px 6px!important;background:#3fbdf3!important;border-radius:2px;transition:all .6s linear} .cookie-choices-info .cookie-choices-button:nth-child(2){background:#f68c2e!important;transition:all .6s linear} .cookie-choices-info .cookie-choices-button:hover,.cookie-choices-info .cookie-choices-button:nth-child(2):hover{background:#999!important;transition:all .1s linear}</pre> <br /> 2. Simpan Template dan silahkan dibuka blog dengan domain khusus (ccTLD) wilayah eropa, seperti NamaBlogKamu.blogspot.uk, blogspot.pt, dll.<br /> <br /> Contoh : <span style="color: red;">zonahentongerz.blogspot.co.uk</span><br /> <br /> Sekian terima kasih<br /> <br /> <span style="font-size: x-small;"><i>Sumur : http://www.arlinadzgn.com/2015/08/modifikasi-tampilan-cookies-bar-dengan-css.html</i></span>

Modifikasi Tampilan Cookies Bar bawaan Blogger dengan CSS

Change Cookies Notification bar for Blogger Blogger baru-baru ini mengeluarkan fitur baru, namanya Cookies Notification bar, dimana ini...

Selengkapnya »

Memasang Notifikasi Cookies Bar di Blog

<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody> <tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsiLZlkdl65tGBUq97WCBZJDBZBCrCSOlyphuDotwIZwckOJ6jZ57y_bjCOL-aVyXT_4Z97AjdyHOJRdnn8A9f_o-0drNWg1u8CJzpLrqVQFQTwMO9-WGdlHOxq8cuV04AP3a7kEGKhUM/s1600/cookies-bar.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Custom Cookies Notification Bar" border="0" height="288" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsiLZlkdl65tGBUq97WCBZJDBZBCrCSOlyphuDotwIZwckOJ6jZ57y_bjCOL-aVyXT_4Z97AjdyHOJRdnn8A9f_o-0drNWg1u8CJzpLrqVQFQTwMO9-WGdlHOxq8cuV04AP3a7kEGKhUM/s400/cookies-bar.jpg" title="Custom Cookies Notification Bar" width="400" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;">Custom Cookies Notification Bar</td></tr> </tbody></table> <div style="text-align: justify;"> Baru-baru ini Google telah mengaktifkan cookies notifikasi bar untuk blogspot. Cookies notifikasi bar ini akan otomatis muncul ketika ada pengunjung yang datang dari negara-negara Uni Eropa.</div> <div style="text-align: justify;"> <br /></div> <div style="text-align: justify;"> <a href="https://id.wikipedia.org/wiki/Kuki_HTTP" target="_blank">Cookies</a> adalah data atau informasi yang berupa teks dari sebuah situs web yang Anda kunjungi yang disimpan di web browser. Data atau informasi ini membantu situs untuk mengingat informasi tentang kunjungan Anda, sehingga kunjungan Anda berikutnya akan lebih mudah dan situs akan menjadi lebih ringan untuk diakses.</div> <br /> <div style="text-align: justify;"> Nah di sinilah fungsi EU cookies notification bar. Dengan ini, situs meminta izin untuk menggunakan cookies pengunjung. Jika pengunjung setuju, maka kunjungan terhadap situs tersebut boleh dilanjutkan. Namun jika pengunjung tidak berkenan, maka pengunjung berhak untuk tidak meneruskan kunjungannya sehingga situs tidak beresiko melanggar undang-undang.</div> <br /> Jika blog Anda menggunakan blogspot, maka secara otomatis blog Anda sudah memiliki EU Cookies Notification Bar dari Blogger, begitupun yang sudah menggunakan custom domain.<br /> <br /> <div style="text-align: justify;"> Untuk melihat EU Cookies Notification Bar ini, untuk blogspot cukup ganti domain (ccTLD) .com dengan .fr sehingga menjadi namablog.blogspot.fr. Untuk blogspot yang menggunakan custom domain cukup menambahkan .prx.gb.teleport.to di belakang domain sehingga seperti ini domain.com.prx.gb.teleport.to. Dan tampilan EU Cookies Notification Bar Blogger ini bisa dimodifikasi.</div> <br /> <div style="text-align: justify;"> Namun bagi blogspot yang menggunakan custom domain dan juga menggunakan layanan CloudFlare untuk menangani cookies, maka EU Cookies Notification Bar Blogger tidak akan tampil. Dan jika Anda menggunakan monitise Adsense, maka hal ini akan beresiko untuk keberlangsungan Adsense blog Anda. Nah untuk langkah amannya, kita bisa membuat atau memasang sendiri Custom EU Cookies Notification Bar karena saya pikir sekarang tidak cukup hanya membuat halaman Privacy Policy saja agar pengunjung bisa dengan mudah untuk mengetahui pengunaan cookies ini.</div> <br /> <div style="text-align: justify;"> Begitu pun untuk blog Wordpress, Custom EU Cookies Notification Bar ini sangat diperlukan apalagi jika menggunakan Adsense. Namun untuk Wordpress, Anda bisa dengan mudah memasang Custom EU Cookies Notification Bar ini dengan menggunakan plugin. Namun jika Anda menghindari penggunaan Jquery untuk menghindari <i>blocking-render js</i>, maka Anda bisa memasang Custom EU Cookies Notification Bar seperti yang akan saya bahas di bawah ini.</div> <br /> <div style="text-align: justify;"> Jika Anda pertama datang ke blog ini, Anda bisa melihatnya di bar yang melayang di bawah blog. Nah untuk membuatnya seperti itu, silahkan simak langkahnya di bawah ini, atau bisa menggunakan tutorial '<a href="http://zonahentongerz.blogspot.com/2015/11/modifikasi-tampilan-cookies-bar-bawaan-blog.html" target="_blank">Merubah Notifikasi Cookies Bar bawaan Original Blogger</a>'.</div> <br /> <div style="text-align: justify;"> Modifikasi Script Custom EU Cookies Notification Bar ini saya dapat dari <a href="http://sitebeam.net/cookieconsent/" target="_blank">Cookies Consent</a> dari <i>Silktide</i> namun saya rubah sedikit agar pemasangannya tidak membuat <i>render-blocking js</i>.</div> <br /> Kode yang di dapat dari Silktide akan tampak seperti di bawah ini.<br /> <br /> <pre><!-- Begin Cookie Consent plugin by Silktide - http://silktide.com/cookieconsent --> <script type="text/javascript"> window.cookieconsent_options = {"message":"This website uses cookies to ensure you get the best experience on our website","dismiss":"Got it!","learnMore":"More info","link":"null","theme":"light-bottom"}; </script> <script type="text/javascript" src="cookieconsent.js"></script> <!-- End Cookie Consent plugin --></pre> <br /> Nah agar tidak menyebabkan blocking-render js, silahkan gunakan kode di bawah ini. <br /> <pre><!-- Begin Cookie Consent plugin by Silktide - http://silktide.com/cookieconsent --> <script type="text/javascript"> //<![CDATA[ window.cookieconsent_options = {"message":"This website uses cookies to ensure you get the best experience on our website","dismiss":"Got it!","learnMore":"More info","link":"https://www.blogger.com/go/blogspot-cookies","theme":"light-bottom"}; (function(){var e=document.createElement("script");e.async=true;e.type="text/javascript";e.src="http://yourjavascript.com/44118051553/cookieconsent2.js";(document.getElementsByTagName("HEAD")[0]||document.getElementsByTagName("BODY")[0]).appendChild(e)})(); //]]> </script> <!-- End Cookie Consent plugin --></pre> <br /> Jika Anda sudah memiliki halaman Privacy Policy di blognya, silahkan ganti kode https://www.blogger.com/go/blogspot-cookies dengan URL halaman Privacy Policy blog Anda.<br /> <br /> Ada 6 theme yang bisa digunakan, silahkan ganti kode light-bottom dengan tema pilihan Anda.<br /> <br /> <br /> <ol> <li><b><i><u>light-top</u></i></b> untuk tema bar terang dan melayang di atas blog.</li> <li><b><i><u>light-bottom</u></i></b> untuk tema bar terang dan melayang di bawah blog.</li> <li><b><i><u>dark-top</u></i></b> untuk tema bar gelap dan melayang di atas blog.</li> <li><b><i><u>dark-bottom</u></i></b> untuk tema bar gelap dan melayang di bawah blog.</li> <li><b><i><u>light-floating</u></i></b> untuk tema kotak terang dan melayang di pojok kanan blog.</li> <li><b><i><u>dark-floating</u></i></b> untuk tema kitak gelap dan melayang di pojok kanan blog.</li> </ol> <br /> <br /> Untuk kode <b><i><u><span style="color: cyan;">http://yourjavascript.com/44118051553/cookieconsent2.js</span></u></i></b> silahkan bisa Anda ganti dengan link hosting <b><i><u>cookieconsent2.js</u></i></b> Anda sendiri untuk keamanan, jika tidak pun tidak apa-apa.<br /> <br /> Custom EU Cookies Notification Bar ini akan tampil hanya 1 kali jika pengunjung mengklik tombol <span style="font-size: large;"><b>Got It!</b></span> untuk 356 hari atau 1 tahun, kecuali jika pengunjung penghapus cookies browser-nya maka bar-nya akan tampil kembali.<br /> <br /> Silahkan simpan kode di atas di edit HTML blog Anda di atas kode <i></body></i>, Untuk Wordpress silahkan simpan di <span style="font-size: large;"><b>Appearance</b></span> > <span style="font-size: large;"><b>Editor</b></span> > <span style="font-size: large;"><b>footer.php</b></span> > simpan di atas kode <i></body></i>.<br /> <br /> Sekian Terima Kasih<br /> <br /> <span style="font-size: x-small;">Sumur : http://www.kompiajaib.com/2015/08/memasang-custom-eu-cookies-notification.html</span>

Memasang Notifikasi Cookies Bar di Blog

Custom Cookies Notification Bar Baru-baru ini Google telah mengaktifkan cookies notifikasi bar untuk blogspot. Cookies notifikasi bar i...

Selengkapnya »

Cara Pasang Tombol Donasi BitCoin di Blog

<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody> <tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjq2WlD1m-OmVNsbNvIGv4hILezVnI-YZqixvswSOhbP4PeGr-k8gLFXDaR7RyHhS9PTD40G3C6U6uUDtzompVvImGQItvdMKihAK9XU7yY3AqrMMuCXvoa33AoOolkHQM7Kl3KUCtABj4/s1600/bitcoin_widgets.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Cara Membuat Tombol Donate BitCoin" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjq2WlD1m-OmVNsbNvIGv4hILezVnI-YZqixvswSOhbP4PeGr-k8gLFXDaR7RyHhS9PTD40G3C6U6uUDtzompVvImGQItvdMKihAK9XU7yY3AqrMMuCXvoa33AoOolkHQM7Kl3KUCtABj4/s1600/bitcoin_widgets.jpg" title="Cara Membuat Tombol Donate BitCoin" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;">Cara Membuat Tombol Donate BitCoin</td></tr> </tbody></table> Dengan adanya bitcoin sekarang ini, tidak sedikit dari blog yang memasang tombol donasi untuk menggunkan pembayaran virtual. Contoh saat ini adalah Bitcoin.<br /> <br /> Jika kalian belum tau cara pasang / membuat tombol donasi / donate BitCoin di blog, disini ada tutorialnya, silahkan disimak :<br /> <br /> <blockquote class="tr_bq"> <script src="http://coinwidget.com/widget/coin.js"></script><br /><script><br />CoinWidgetCom.go({<br />    wallet_address: "<span style="color: cyan;">1MomYVKtLxXuuC9Ah9Fg757VfiNuA7qATh</span>"<br />    , currency: "bitcoin"<br />    , counter: "count"<br />    , alignment: "bl"<br />    , qrcode: true<br />    , auto_show: false<br />    , lbl_button: "<span style="color: cyan;">Donasi</span>"<br />    , lbl_address: "<span style="color: cyan;">Alamat Bitcoin:</span> "<br />    , lbl_count: "<span style="color: cyan;">Donasi di Terima</span>"<br />    , lbl_amount: "BTC"<br />});<br /></script></blockquote> <br /> Silahkan copy - paste script di atas untuk dipasang pada blog melalui widget HTML/Javascript. Secara otomatis tombol Donasi via Bitcoin akan segera muncul.<br /> <br /> Sebelum script tombol tersebut dipasang silahkan di ubah (lihat yang warna <span style="color: cyan;">aqua</span>) pada parameter berikut :<br /> <br /> <br /> <ul> <li>wallet_address : “<span style="color: cyan;"><b><i><u>Ganti dengan Alamat Bitcoin Anda</u></i></b></span>”</li> <li>lbl_button: "<span style="color: cyan;">Donasi</span>"</li> <li>lbl_address: "<span style="color: cyan;">Alamat Bitcoin</span>”</li> <li>lbl_count: "<span style="color: cyan;">Donasi di Terima</span>"</li> <li>lbl_amount: "BTC"</li> </ul> <br /> <br /> Kalau belum tau cara mencari Alamat Bitcoin, silahkan kunjungi dulu / Buat Bitcoin Wallet disini > <a href="http://zonahentongerz.blogspot.com/2015/11/cara-membuat-bitcoin-wallet-gratis.html" target="_blank">http://zonahentongerz.blogspot.com/2015/11/cara-membuat-bitcoin-wallet-gratis.html</a> <<br /> Atau untuk memodifikasi lebih lengkap silahkan kunjungi > <a href="http://coinwidget.com/" target="_blank">http://coinwidget.com/</a> <<br /> <br /> Sekian terima kasih.<br /> <br /> <span style="font-size: x-small;"><i>Sumur : http://bitcoinoke.blogspot.co.id/2014/12/cara-pasang-tombol-donasi-bitcoin-di.html</i></span>

Cara Pasang Tombol Donasi BitCoin di Blog

Cara Membuat Tombol Donate BitCoin Dengan adanya bitcoin sekarang ini, tidak sedikit dari blog yang memasang tombol donasi untuk menggun...

Selengkapnya »

Cara Membuat Bitcoin Wallet Gratis

<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody> <tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv8cVsq-xlIkcitxifz9NN743yqksD_f4s3hT2qYF4ihd456ijub6SdIVsF_G5F7MaLLhGJeW0GmWVyRK5xpmwhgkeyqMWXh3OHD0eFIEkt-friOkxkDDbokESMwGO9B8C7V3CYaND_-Y/s1600/bua.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Cara Daftar Bitcoin Wallet" border="0" height="384" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv8cVsq-xlIkcitxifz9NN743yqksD_f4s3hT2qYF4ihd456ijub6SdIVsF_G5F7MaLLhGJeW0GmWVyRK5xpmwhgkeyqMWXh3OHD0eFIEkt-friOkxkDDbokESMwGO9B8C7V3CYaND_-Y/s640/bua.jpg" title="Cara Daftar Bitcoin Wallet" width="640" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;">Cara Daftar Bitcoin Wallet</td></tr> </tbody></table> <div style="text-align: justify;"> Salah satu persyaratan atau cara untuk memulai mendapatkan bitcoin adalah membuat bitcoin wallet (dompet bitcoin) atau biasa juga disebut elektronik wallet (dompet elektronik). Pada artikel ini saya akan mencoba memberikan tutorial bagaimana membuat bitcoin wallet gratis. Bitcoin wallet merupakan persyaratan utama karena jika di ibaratkan sebuah tabungan, wallet inilah yang menjadi bank atau tempat penyimpanan bitcoin tersebut dan melakukan transaksi secara online. Ada beberapa penyedia wallet bitcoin sebenarnya salah satunya yang paling banyak di gunakan adalah blokchain dan coinbase. Tetapi penyedia bitcoin wallet  tidak hanya itu anda juga dapat menyimpannya di komputer atau perangkat anda sendiri dengan mendownload dan instal wallet untuk komputer atau laptop. Bitcoin wallet sendiri tidak memakan ongkos pembuatan alias 100% gratis. Kadang yang dikenakan fee (potongan) biasanya jika transfer antar beda penyedia wallet bitcoin. Jadi, daripada panjang lebar langsung simak aja tutorial membuat wallet bitcoin.</div> <br /> <span style="font-size: large;"><i><b>Cara Membuat / Daftar Bitcoin Wallet Gratis</b></i></span><br /> <br /> Silahkan menuju ke website <b>penyedia wallet bitcoin gratis</b>, salah satu yang <b>paling popular adalah blokchain.org</b> atau langsung klik saja disini <a href="https://blockchain.info/id" target="_blank">Blokchain.org</a>. Setelah anda telah diarahkan ke website penyedia bitcoin wallet, klik “<b>Start A New Wallet</b>” atau “<b>Create My Free Wallet</b>“ untuk Daftar Registrasi.<br /> <br /> <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody> <tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjh7Xtyefb6MNd-4iXEbgXTnOAG1KckyZZyI1Spo5NzPoPf5a8Uo-xzBnaCN1_MyesqV-Lh5ldrl_W2WpWocM3I-SI7KDL7OAq5JUThFn5zpeq1ne3g4Dxa0etgMogUfjDiyXBtmAXau5Q/s1600/blokchain.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Start A New Wallet / Create My Free Wallet" border="0" height="306" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjh7Xtyefb6MNd-4iXEbgXTnOAG1KckyZZyI1Spo5NzPoPf5a8Uo-xzBnaCN1_MyesqV-Lh5ldrl_W2WpWocM3I-SI7KDL7OAq5JUThFn5zpeq1ne3g4Dxa0etgMogUfjDiyXBtmAXau5Q/s640/blokchain.png" title="Start A New Wallet / Create My Free Wallet" width="640" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;">Start A New Wallet / Create My Free Wallet</td></tr> </tbody></table> Lengkapi <b>form registrasi</b> seperti, <b><i><u>Email</u></i></b> (alamat email anda), <b><i><u>Password</u></i></b> (kata sandi anda), <b><i><u>Captcha</u></i></b> dan klik <b><u>Continue</u></b> untuk melanjutkan ke langkah selanjutnya.<br /> <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody> <tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbhds-MAIsO239nwL0Mho7ZwiH3FN0SLMriHeSMoWSn2p7_BBYWL_BBOp5F2TxwvnTzYH8XFNwIuNiNr_nPOPhrJl-R496I4Wuuzk3MMxUXajaZXZL7LjvCCKtCmTY6kn7DcDBodYObHg/s1600/formregisterblokchain.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Isi Form" border="0" height="324" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbhds-MAIsO239nwL0Mho7ZwiH3FN0SLMriHeSMoWSn2p7_BBYWL_BBOp5F2TxwvnTzYH8XFNwIuNiNr_nPOPhrJl-R496I4Wuuzk3MMxUXajaZXZL7LjvCCKtCmTY6kn7DcDBodYObHg/s640/formregisterblokchain.png" title="Isi Form" width="640" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;">Isi Form</td></tr> </tbody></table> Maka akan tampil kode mnemonic, silahkan print atau copy kode tersebut karena berfungsi sebagai <i>kode reset akun blockchain</i> jika suatu saat anda lupa alamat Identifiernya (<b><u>ID login</u></b>), terakhir klik “continue” untuk mulai mencoba login ke akun anda.<br /> <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody> <tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAr6joiuDdRu1D338SxKc8bgIdAZpAbiiygGX0GkIcClBMJ8Zw3Ty15KVXmc5hssEkuYxs65pF98C21DGVPnR8dIqxfFzNjn-4K5lIxJuBAwbgB3Iea0cllbZrggwogdr8gtifIkCyNTc/s1600/mnemonicblokchain.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Mnemonic" border="0" height="334" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAr6joiuDdRu1D338SxKc8bgIdAZpAbiiygGX0GkIcClBMJ8Zw3Ty15KVXmc5hssEkuYxs65pF98C21DGVPnR8dIqxfFzNjn-4K5lIxJuBAwbgB3Iea0cllbZrggwogdr8gtifIkCyNTc/s640/mnemonicblokchain.png" title="Mnemonic" width="640" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;">Mnemonic</td></tr> </tbody></table> Sekarang coba login dengan alamat Identifier (<b><u>ID blokchain</u></b>) yang baru anda dapatkan dan password sesuai yang dimasukkan saat awal mendaftar. Anda juga bisa copy atau menyimpan alamat <b>Identifier (ID login)</b> demi keperluan login ke bitcoin wallet nantinya.<br /> <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody> <tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwz8A0FsJdRno3mhHyHjAk2JAxPtjbu957fAcCdv988kx-V399FjLpVv8Jq3L04nHCVddGGHrrzkg6Rj_Y8NzRJBl9LkGw5bPMASzkpV5tVyNl2RANKKAjiNoWcoJ2WPYusEZo7L67Ohw/s1600/loginblokchain.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Login BlockChain" border="0" height="280" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwz8A0FsJdRno3mhHyHjAk2JAxPtjbu957fAcCdv988kx-V399FjLpVv8Jq3L04nHCVddGGHrrzkg6Rj_Y8NzRJBl9LkGw5bPMASzkpV5tVyNl2RANKKAjiNoWcoJ2WPYusEZo7L67Ohw/s640/loginblokchain.png" title="Login BlockChain" width="640" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;">Login BlockChain</td></tr> </tbody></table> Jika berhasil login maka anda akan melihat alamat bitcoin anda (lihat pada frame merah), alamat bitcoin (bitcoin address) tersebut berguna untuk menerima pembayaran bitcoin dari orang lain ataupun hasil menambang bitcoin.<br /> <br /> <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody> <tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5k-xQAosb-M0wplLkBjE1eFIqgegJfshWuNkMVsPSOaxlq3_Iys9fhjfvm3ccWD2YmvNGF9UTJpl5R_fpGx9pM3l2PuODWSdIER9M5ux5ZjVTXFyaN8bqNgdAvRd4LvOTu9UVD8oP_H0/s1600/bitcoinaddress.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Ingat Address Bitcoin" border="0" height="264" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5k-xQAosb-M0wplLkBjE1eFIqgegJfshWuNkMVsPSOaxlq3_Iys9fhjfvm3ccWD2YmvNGF9UTJpl5R_fpGx9pM3l2PuODWSdIER9M5ux5ZjVTXFyaN8bqNgdAvRd4LvOTu9UVD8oP_H0/s640/bitcoinaddress.png" title="Ingat Address Bitcoin" width="640" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;"><br />Ingat Address Bitcoin</td></tr> </tbody></table> Berikut contoh alamat bitcoin (bitcoin address) saya, baik berupa Bar Code maupun Text. <b><i><u>Bitcoin address</u></i></b> saya: <b><i>16tgiU4YBhhLMzK1AUQePpJAWcDvxn1oHF</i></b><br /> <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody> <tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirqV7AosUlIwKL8ragWBMUYbipBRYGw1o7tVOCm6C0iUTXkH6XaSKOHQ3gqKJ-IvyntuWD2IWTl3v-GRYW7T2u32q6I9cqkTBBb5FTUeVow0StVJ1OfQHT46JsKIxQ_8TqgP-sqhmItMM/s1600/alamat+btc.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Alamat BTC" border="0" height="147" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirqV7AosUlIwKL8ragWBMUYbipBRYGw1o7tVOCm6C0iUTXkH6XaSKOHQ3gqKJ-IvyntuWD2IWTl3v-GRYW7T2u32q6I9cqkTBBb5FTUeVow0StVJ1OfQHT46JsKIxQ_8TqgP-sqhmItMM/s640/alamat+btc.png" title="Alamat BTC" width="640" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;">Alamat BTC</td></tr> </tbody></table> <span style="color: red; font-size: large;"><b><u>NB</u></b></span>:<br /> Jangan sampai anda lupa dengan password blockchain, karena tidak akan pernah bisa melakukan forgot password (lupa kata sandi) atau reset password akun anda. Blokchain tidak menyimpan data password akun wallet bitcoin anda.<br /> <br /> Sekian Terima Kasih.<br /> <br /> <span style="font-size: x-small;"><i>Sumur : http://indobo.com/bitcoinwallet/</i></span>

Cara Membuat Bitcoin Wallet Gratis

Cara Daftar Bitcoin Wallet Salah satu persyaratan atau cara untuk memulai mendapatkan bitcoin adalah membuat bitcoin wallet (dompet bit...

Selengkapnya »

Cara Membuat Tombol PayPal Donasi/Donate di Blog

<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody> <tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3PXLcbTTZRKeFW6L1oKD0DcjwT0Mp8ro_Pp0PjxzIP7lY4_NdyHpxHZSfyysL6gX0eVPABYEIzxoGMxPseIOyZEDWwbKjxZlPjTLdGzovbEezghJtePIG36BfehcSA-D82ijfkiHr6y0/s1600/as-copy1.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Cara Memasang Tombol PayPal Donasi/Donate" border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3PXLcbTTZRKeFW6L1oKD0DcjwT0Mp8ro_Pp0PjxzIP7lY4_NdyHpxHZSfyysL6gX0eVPABYEIzxoGMxPseIOyZEDWwbKjxZlPjTLdGzovbEezghJtePIG36BfehcSA-D82ijfkiHr6y0/s400/as-copy1.jpg" title="Cara Memasang Tombol PayPal Donasi/Donate" width="400" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;">Cara Memasang Tombol PayPal Donasi/Donate</td></tr> </tbody></table> Helo kawan kali ini saya ingin berbagi tips bagaimana kita membuat tombol donasi/donate pada blog.<br /> <br /> <div style="text-align: justify;"> Keberadaan tombol donasi pada blog akan memberikan kesempatan bagi pemilik blog untuk mendapatkan sumbangan dana dan memudahkan visitor untuk menyumbang donasi pada pemilik blog.</div> <br /> <div style="text-align: justify;"> Sebelum saya membahas ketahap inti sebaiknya Anda pastikan terlebih dahulu apakah Anda sudah mempunyai akun Paypal apa belum, jika Anda belum memiliki akun paypal silahkan kunjungi artikel terdahulunya <a href="http://zonahentongerz.blogspot.com/2015/11/penjelasan-paypal-dan-cara-daftar.html" target="_blank">disini</a>.</div> <br /> <div style="text-align: justify;"> Membuat / memasang tombol donasi Paypal tidaklah sulit, kita hanya perlu masuk/login ke akun paypal dengan alamat email dan password Anda, kemudian kita bisa mengatur dan mengambil script yang nantinya kita pasang pada blog. Untuk langkah-langkap pembuatan tombol donasi Paypal berikut ini adalah langkahnya:</div> <br /> <span style="font-size: large;"><b><i><u>Tutorial Cara membuat tombol Donasi Paypal:</u></i></b></span><br /> <br /> <br /> <ul> <li>Pertama silahkan kunjungi halaman paypal.com</li> <li>Selanjutnya login dengan alamat email dan password Anda</li> <li>Setelah login klik tab Merchant Service/Layanan pedagang dan pilih Donasi/Donations</li> </ul> <br /> <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody> <tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHR2WDGULXBW95PwO0zj2vAtM6AUI-RRBjRRGTJwDatdrctUp6hwwDvjJGfFmTn6DdpiuH5Jwt9_YGcX1Y_2A8EgaoyTh_JxpCFMuMuQjs4ItqyNhPtn2qlbNC9sAqpByFBL4kbbTEQj4/s1600/SnapCrab_NoName_2015-1-8_22-10-49_No-00_zpse706906f.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Merchant Service" border="0" height="584" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHR2WDGULXBW95PwO0zj2vAtM6AUI-RRBjRRGTJwDatdrctUp6hwwDvjJGfFmTn6DdpiuH5Jwt9_YGcX1Y_2A8EgaoyTh_JxpCFMuMuQjs4ItqyNhPtn2qlbNC9sAqpByFBL4kbbTEQj4/s640/SnapCrab_NoName_2015-1-8_22-10-49_No-00_zpse706906f.png" title="Merchant Service" width="640" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;">Merchant Service</td></tr> </tbody></table> <b><i><u>Cara membuat tombol Donasi/Donate di Blogger</u></i></b><br /> <br /> <br /> <ul> <li>Perhatikan pada gambar dibawah ini yang saya beri tada merah:</li> </ul> <br /> <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody> <tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixVwIifMh4lqU8b2ZTkchHVhriBH66MhwLnFcVRnD95PaaEa9lUl9D3sNf9Xlv8KqkR7JJvI0UOYUWIFHOk0bndONYWW0XLUzSCnD9UHIB-YODP5bAORE4nEmcl61J8r4kjRe0l7nOmJw/s1600/SnapCrab_NoName_2015-1-8_22-16-41_No-00_zpsb5e1bee2.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Tutorial Button Donate" border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixVwIifMh4lqU8b2ZTkchHVhriBH66MhwLnFcVRnD95PaaEa9lUl9D3sNf9Xlv8KqkR7JJvI0UOYUWIFHOk0bndONYWW0XLUzSCnD9UHIB-YODP5bAORE4nEmcl61J8r4kjRe0l7nOmJw/s640/SnapCrab_NoName_2015-1-8_22-16-41_No-00_zpsb5e1bee2.png" title="Tutorial Button Donate" width="612" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;">Tutorial Button Donate</td></tr> </tbody></table> <div> <div> <span style="font-size: large;"><b>Keterangan:</b></span></div> <div> <br /></div> <div> <ul> <li>Pada <b><i>Nama/Layanan Organisasi</i></b> (Silahkan isi dengan nama yang anda inginkan seperti nama blog/website)</li> <li>Pada <b><i>ID Donasi</i></b> biarkan saja kosong</li> <li>Pada gambar yang saya beri tanda nomor 3, silahkan sesuaikan tampilan tombol Donasi paypal Anda atau biarkan tampilan defauknya saja</li> <li>Pada nomor 4 silahkan tentukan jenis mata uang yang ingin Anda gunakan</li> <li>Silahkan tentukan apakah Anda ingin membiarkan donasi menentukan jumah donasi mereka sendiri atau Anda ingin mengatur dengan menentukan jumlah tetap</li> <li>Tahap ini silahkan pilih ID rekening paypal Anda, dalam hal ini pilih saja defaulnya seperti pada gambar diatas</li> <li>Selanjutnya klik tombol <b><i>Buat Tombol</i></b></li> </ul> </div> <div> <br /></div> <blockquote class="tr_bq"> Setelah Anda meng-klik tombol “<b><i>Buat Tombol</i></b>” akan terbuka halaman baru, pada tahap ini Anda akan mendapatkan script tombol donasi yang tadi Anda buat. Copy kode tersebut dan pasang pada blog sobat.</blockquote> </div> <div> <br /></div> <div> <span style="font-size: large;"><b><u>Cara pasang tombol Donasi pada blog:</u></b></span></div> <div> <br /></div> <div> <div> <ol> <li>Login ke akun blogger Anda</li> <li>Pada dasebor blog Anda pilih Tata Letak</li> <li>Klik Tambah Gadget kemudian pilih HTML/JavaScript</li> <li>Paste script yang tadi Anda copy</li> <li>Terakhir Simpan</li> </ol> </div> </div> <div> <br /></div> <div> Setelah mengikuti langkah diatas, itu artinya pembuatan tombol donasi paypal Anda sudah selesai, selanjutnya silahkan cek pada blog Anda. Jika masih ada pertanyaan tentang pembuatan tombol donasi paypal, silahkan isi kotak komentar dibawah ini.</div> <div> <br /></div> <div> <span style="font-size: x-small;"><i>Sumur : http://giribig.com/2015/01/cara-membuat-tombol-donasidonate-di-blogger.html</i></span></div>

Cara Membuat Tombol PayPal Donasi/Donate di Blog

Cara Memasang Tombol PayPal Donasi/Donate Helo kawan kali ini saya ingin berbagi tips bagaimana kita membuat tombol donasi/donate pada b...

Selengkapnya »

Penjelasan PayPal dan Cara Daftar Membuat Akun PayPal

<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody> <tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtKTSVlTY9HimBCsDnY7AwcLH4a1r5eRUCQI7mmQ-b8YzHXXVrergf9ahvm00oth7v5ri_vHipQ2IfTAbaafqT5IjViCDh7QHKp7NA65H_INrHZOeqpRr8rhOYcS19XUew2ff1JrAj330/s1600/apa-itu-paypal.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Apa itu PayPal ?" border="0" height="178" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtKTSVlTY9HimBCsDnY7AwcLH4a1r5eRUCQI7mmQ-b8YzHXXVrergf9ahvm00oth7v5ri_vHipQ2IfTAbaafqT5IjViCDh7QHKp7NA65H_INrHZOeqpRr8rhOYcS19XUew2ff1JrAj330/s640/apa-itu-paypal.jpg" title="Apa itu PayPal ?" width="640" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;">Apa itu PayPal ?</td></tr> </tbody></table> <div style="text-align: justify;"> Di dalam bisnis online ada beberapa macam cara atau sistem pembayaran, mulai dari transfer melalui rekening bank lokal hingga penggunaan uang virtual. Tidak seperti transaksi dengan transfer rekening bank lokal, mekanisme pembayaran secara virtual atau online memiliki sistem yang sangat kompleks dengan berbagai mekanisme dan <a href="http://id.wikipedia.org/wiki/Derivatif" target="_blank">derivatif</a>-nya. Selain itu, proses transaksi virtual ini juga melibatkan pihak ketiga yaitu Secure Payment Gateway dan Credit Card Authorization Service, diantaranya adalah Paypal, Ipayment, Nochex, dan lain-lain.</div> <br /> <span style="font-size: x-large;"><b><i><u>Apa itu Paypal?</u></i></b></span><br /> Kutipan dari <a href="https://id.wikipedia.org/wiki/PayPal" target="_blank">Wikipedia</a>:<br /> <blockquote class="tr_bq"> PayPal Inc. adalah perusahaan dalam jaringan yang menyediakan jasa transfer uang melalui surat elektronik, menggantikan metode lama yang masih menggunakan kertas, seperti cek dan wesel pos.</blockquote> <br /> <div style="text-align: justify;"> Seperti yang sudah disebutkan sebelumnya, Paypal itu adalah salah satu dari sekian banyak alat pembayaran (Payment Processor) virtual. Sampai saat ini, Paypal adalah alat pembayaran virtual yang paling banyak digunakan oleh internet marketer karena memang alat pembayaran ini adalah yang paling aman.</div> <div style="text-align: justify;"> <br /></div> <div style="text-align: justify;"> Paypal bisa diibaratkan sebagai rekening virtual, berbeda dengan rekening bank lokal yang diakses via online. Kalau rekening bank lokal biasanya bisa digunakan untuk transaksi di dalam satu negara, berbeda dengan paypal yang bisa digunakan untuk transaksi oleh seluruh pengguna internet dari negara mana saja, tentunya mereka yang sudah punya akun Paypal. Hanya dengan mengetahui email Paypal seseorang, kita bisa mengirimkan uang virtual ke akun Paypal orang tersebut dengan cepat dan aman.</div> <br /> <div style="text-align: justify;"> Para pengguna internet yang ingin melakukan transaksi online baik mengirim atau menerima uang, misalnya untuk membeli barang, membeli lisensi software original, membeli ebook, mengirim donasi, dan lain-lain, biasanya menggunakan Paypal sebagai media transaksi karena lebih cepat dan aman. eBay.com (situs lelang online) dan banyak situs eCommerce menggunakan Paypal sebagai alat pembayaran mereka, ini tentunya mengharuskan para member mereka untuk memiliki akun Paypal agar bisa melakukan transaksi.</div> <br /> <span style="font-size: large;"><b><u>Apa keuntungan bagi pembeli?</u></b></span><br /> <br /> <div style="text-align: justify;"> Pihak pembeli yang menggunakan Paypal sebagai alat pembayaran bisa mengirimkan komplain kepada pihak Paypal dalam waktu 45 hari jika barang yang dibeli belum sampai pada waktu yang ditentukan pihak penjual atau barang yang dikirim ternyata tidak sesuai dengan deskripsi barang yang diberikan oleh si penjual. Jika si pembeli yang tidak puas bisa membuktikan bahwa si penjual melakukan penipuan (fraud) maka si pembeli akan mendapatkan pengembalian uang (charge back) dari perusahaan kartu kreditnya.</div> <div style="text-align: justify;"> <br /></div> <span style="font-size: large;"><b><u>Apa keuntungan bagi penjual?</u></b></span><br /> <br /> <div style="text-align: justify;"> Paypal tentunya tidak hanya melindungi satu pihak saja, tapi semua pihak. Paypal juga melindungi penjual dari permintaan pengembalian uang atau komplain bohong dari si pembeli yang berniat buruk. Kebijakan perlindungan tertulis untuk penjual dirancang untuk melindungi penjual dari klaim atau komplain palsu dari pembeli yang mengaku telah mengirimkan uang yang ternyata tidak ada catatan bukti pembayaran dan catatan transaksi.</div> <br /> <div style="text-align: justify;"> Setiap transaksi yang dilakukan dengan mengunakan Paypal selalu ada catatan bukti pembayaran di masing-masing akun Paypal, baik penjual maupun pembeli. Catatan ini bisa digunakan sebagai bukti bahwa telah terjadi pengiriman uang antara pembeli dan penjual.</div> <div style="text-align: justify;"> <br /></div> <span style="font-size: large;"><b><u>Tutorial Cara Daftar / Membuat Akun Paypal</u></b></span><br /> <br /> Untuk memiliki akun Paypal, Anda harus memenuhi persyaratan, antara lain; memiliki akun email yang aktif dan harus berusia minimal 18 tahun atau lebih. Jika saat ini Anda belum memiliki email, maka sebaiknya Anda membuatnya terlebih dahulu.<br /> <br /> Berikut ini langkah-langkahnya:<br /> <br /> <br /> <ul> <li>Buka halaman website <a href="https://www.paypal.com/webapps/mpp/home" target="_blank">www.Paypal.com</a>. Perhatikan pada bagian atas, tentukan apakah Anda ingin membuat akun Paypal untuk Pribadi atau untuk Bisnis. Dalam contoh ini, saya akan membuat akun Paypal untuk Pribadi. Lalu klik tombol ” Daftar” pada bagian atas kanan, nanti akan diarahkan ke halaman baru. Lihat gambar di bawah:</li> </ul> <br /> <br /> <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody> <tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQbQtrP5eiAs31vGlWh629SI7fbxfFdoRnTsC2bVjvQPtRGcvNngsIJWxuachSWhSCdn3CRnY3P4ZbJj-UipZIIDnEo9TewfJqg5qq7cpqDZdrMpz0SmO4Q4jYVLoTi_P5JWla7nhz33Q/s1600/Cara-membuat-paypal1.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Daftar PayPal" border="0" height="398" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQbQtrP5eiAs31vGlWh629SI7fbxfFdoRnTsC2bVjvQPtRGcvNngsIJWxuachSWhSCdn3CRnY3P4ZbJj-UipZIIDnEo9TewfJqg5qq7cpqDZdrMpz0SmO4Q4jYVLoTi_P5JWla7nhz33Q/s640/Cara-membuat-paypal1.png" title="Daftar PayPal" width="640" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;">Daftar PayPal</td></tr> </tbody></table> <br /> <ul> <li>Pilih jenis akun yang Anda inginkan, dalam artikel ini Saya akan memilih akun “Primer” karna Saya ingin akun Paypal yang bisa digunakan untuk berbelanja dan menerima uang secara online. Lihat gambar di bawah:</li> </ul> <br /> <br /> <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody> <tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDL6bbMOPJUbtqPJ-8Fo_PGV0amgyMr3Fw0-9TI3pxR7Lbk3A_7YmgSk3xTJ5PybCrVMQ2hyphenhyphenrv0opTdbEXyvYJlyqnhQtDlzABqHune5LSKZnMmA4HrDkgQaVzlSclr4zhbOAq6I0Le1k/s1600/cara-bikin-paypal.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Memulai Primer" border="0" height="478" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDL6bbMOPJUbtqPJ-8Fo_PGV0amgyMr3Fw0-9TI3pxR7Lbk3A_7YmgSk3xTJ5PybCrVMQ2hyphenhyphenrv0opTdbEXyvYJlyqnhQtDlzABqHune5LSKZnMmA4HrDkgQaVzlSclr4zhbOAq6I0Le1k/s640/cara-bikin-paypal.png" title="Memulai Primer" width="640" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;">Memulai Primer</td></tr> </tbody></table> <br /> <ul> <li>Masukkan data pribadi Anda pada kolom yang disediakan, lalu klik tombol “Setuju dan Buat Rekening”. Lihat gambar di bawah:</li> </ul> <br /> <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody> <tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIAz9C4uBPWiaVPMLpAEH4lLdPbD_C-lpbLsvURm43C8qnEkvpP9E4Jd4ESQXbkWx0Dt71GE7-QYCOlO4GiAWDmuVKrIWOSjr2HY6l-Fs8_f0xGstl1coZypPligo1vxOkGU_vdhjCvhU/s1600/apa-itu-paypal.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Isi Kolom" border="0" height="562" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIAz9C4uBPWiaVPMLpAEH4lLdPbD_C-lpbLsvURm43C8qnEkvpP9E4Jd4ESQXbkWx0Dt71GE7-QYCOlO4GiAWDmuVKrIWOSjr2HY6l-Fs8_f0xGstl1coZypPligo1vxOkGU_vdhjCvhU/s640/apa-itu-paypal.png" title="Isi Kolom" width="640" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;">Isi Kolom</td></tr> </tbody></table> <br /> <ul> <li>Nanti akan muncul halaman verifikasi dimana Anda harus memasukkan kode ke dalam kolom yang di sediakan, lalu klik tombol “Lanjutkan”. Lihat gambar di bawah:</li> </ul> <br /> <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody> <tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhFgT-V24D-4SOgQCACYIRFIhI5qH0Qh_c0Ic4zZHGwVm2ukkI71axJYZOaVBFCLzCnlSFmU_Vuw1JEXO7jvwBKpfxzGLz7WxchyGZonjv0pD16PUiOAlSsqsmrFNP3YymqYxMOoyh9-Y/s1600/membuat-paypal.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Isi Capcay" border="0" height="416" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhFgT-V24D-4SOgQCACYIRFIhI5qH0Qh_c0Ic4zZHGwVm2ukkI71axJYZOaVBFCLzCnlSFmU_Vuw1JEXO7jvwBKpfxzGLz7WxchyGZonjv0pD16PUiOAlSsqsmrFNP3YymqYxMOoyh9-Y/s640/membuat-paypal.png" title="Isi Capcay" width="640" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;">Isi Capcay</td></tr> </tbody></table> <br /> <ul> <li>Langkah selanjutnya adalah klik tombol “Masuk ke Rekening Saya”. Nanti akan muncul halaman akun Paypal Anda. Lihat gambar di bawah:</li> </ul> <br /> <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody> <tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL4UiEHjaRSgttwWERAJ5Da3rOafb8wlizbtxM3wRv75SIS8d3ZVsTEFG1iZzYwa4FQp-tPZmP5M4qhgbQlJnjKs_QHwyBMI619Bc06yDfyyWg7dYddyx2VbsCsGOojduB8IqF5n5x408/s1600/daftar-paypal.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Masuk ke Rekening" border="0" height="468" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL4UiEHjaRSgttwWERAJ5Da3rOafb8wlizbtxM3wRv75SIS8d3ZVsTEFG1iZzYwa4FQp-tPZmP5M4qhgbQlJnjKs_QHwyBMI619Bc06yDfyyWg7dYddyx2VbsCsGOojduB8IqF5n5x408/s640/daftar-paypal.png" title="Masuk ke Rekening" width="640" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;">Masuk ke Rekening</td></tr> </tbody></table> <br /> <ul> <li>Jangan lupa untuk melakukan konfirmasi melalui email. Cek inbox email Anda dan cari email dari Paypal. Klik link untuk konfirmasi yang ada di dalam email tersebut. Lihat gambar di bawah:</li> </ul> <br /> <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody> <tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQx-DFAmrEnMasBxBtkF-Zsv2_5r1426Z-VTjfOPleBYzb3MCHh9DTG3d3p_4zAWnNKb2hzL49JEwqhtCbvXrJ5pE7DAFTsrCw-rUyImbjH_GByGJTPz0FZKi3XeQU62gkJz5kSSjwWrA/s1600/konfirmasi-email-paypal.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Konfirmasi Email" border="0" height="282" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQx-DFAmrEnMasBxBtkF-Zsv2_5r1426Z-VTjfOPleBYzb3MCHh9DTG3d3p_4zAWnNKb2hzL49JEwqhtCbvXrJ5pE7DAFTsrCw-rUyImbjH_GByGJTPz0FZKi3XeQU62gkJz5kSSjwWrA/s640/konfirmasi-email-paypal.png" title="Konfirmasi Email" width="640" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;">Konfirmasi Email</td></tr> </tbody></table> <br /> <ul> <li>Setelah melakukan klik pada link konfirmasi di email, nanti akan muncul halaman baru dimana Anda harus memasukkan password Paypal Anda. Password ini adalah password yang Anda buat saat mendaftar pada langkah 3.</li> </ul> <br /> <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody> <tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKyJF9PEkzFDUKIq0MMEy6rmsPPCl5RHGI_ciu8JUD1kGKCy7lKlBdOGBcfHisIOC4OrfM8HyRAYCe7MqKg-GkLBWiB_Bpov_ByYD2NvpWRGwOqMFmvdDAAfzpsvN0Xpwu0865TICPMok/s1600/konfirmasi-email-paypal2.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Confirm Email Login" border="0" height="354" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKyJF9PEkzFDUKIq0MMEy6rmsPPCl5RHGI_ciu8JUD1kGKCy7lKlBdOGBcfHisIOC4OrfM8HyRAYCe7MqKg-GkLBWiB_Bpov_ByYD2NvpWRGwOqMFmvdDAAfzpsvN0Xpwu0865TICPMok/s640/konfirmasi-email-paypal2.png" title="Confirm Email Login" width="640" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;">Confirm Email Login</td></tr> </tbody></table> <br /> <ul> <li>Setelah langkah 8, Anda akan diarahkan ke halaman untuk membuat pertanyaan keamanan. Pertanyaan ini akan ditanyakan pada Anda ketika Anda lupa password, jadi pastikan Anda memilih pertanyaan dan jawaban yang mudah diingat. Setelah memilih pertanyaan dan mengisi jawaban pada kolom yang di sediakan, silahkah klik tombol “Kirimkan. Lihat gambar di bawah:</li> </ul> <br /> <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody> <tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbXkP43WnrTi8O9gFEDtt_jkfjvRUMmUHLNMNHJV7sqoW-anNyBw4P6Qw0YBzRgDkeurNY5LR6vOvDU2mvstzUk08WhxGYPewXsqvqPIa8fRK3fdkdMIYCBmdN3xOApgKWf3QAEm4Wf7Y/s1600/paypal-mendaftar.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Security PayPal" border="0" height="432" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbXkP43WnrTi8O9gFEDtt_jkfjvRUMmUHLNMNHJV7sqoW-anNyBw4P6Qw0YBzRgDkeurNY5LR6vOvDU2mvstzUk08WhxGYPewXsqvqPIa8fRK3fdkdMIYCBmdN3xOApgKWf3QAEm4Wf7Y/s640/paypal-mendaftar.png" title="Security PayPal" width="640" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;">Security PayPal</td></tr> </tbody></table> <br /> <ul> <li>Sampai di sini sebenarnya Anda sudah berhasil memiliki akun Paypal. Selanjutnya Anda bisa masuk ke halaman rekening Paypal Anda atau memasukkan data kartu kredit Anda. Lihat gambar di bawah:</li> </ul> <br /> <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody> <tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQOrNnO7lyY0i8Pi1md_9_xqNnYgNpp-5hkV-oYQQEnsqJvnmHjsH0u2dw8hF3TSNuiDp0BCY1iKVBHkuAOPYweObF1ww3mvYlWU9gO8Dc-21NFQLSHZ8U-6lhUWuDoYS9zc9P4e9FFAc/s1600/paypal-selesai1.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Complete Tutorial" border="0" height="454" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQOrNnO7lyY0i8Pi1md_9_xqNnYgNpp-5hkV-oYQQEnsqJvnmHjsH0u2dw8hF3TSNuiDp0BCY1iKVBHkuAOPYweObF1ww3mvYlWU9gO8Dc-21NFQLSHZ8U-6lhUWuDoYS9zc9P4e9FFAc/s640/paypal-selesai1.png" title="Complete Tutorial" width="640" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;">Complete Tutorial</td></tr> </tbody></table> <div style="text-align: justify;"> Perlu Anda perhatikan bahwa Akun yang sudah aktif perlu di verifikasi oleh pihak Paypal Agar akun tersebut bisa digunakan untuk melakukan pembelian dan menerima pembayaran. Agar akun Paypal tersebut mendapat status “Verified”, Anda harus memasukkan data kartu kredit atau VCC (virtual credit card) Anda ke dalam akun Paypal Anda tersebut.</div> <div style="text-align: justify;"> <br /></div> Sekian Terima Kasih<br /> <br /> <br /> <span style="font-size: x-small;"><i>Sumur : https://www.maxmanroe.com/apa-itu-paypal-bagaimana-cara-daftar-membuat-akun-paypal.html</i></span>

Penjelasan PayPal dan Cara Daftar Membuat Akun PayPal

Apa itu PayPal ? Di dalam bisnis online ada beberapa macam cara atau sistem pembayaran, mulai dari transfer melalui rekening bank lokal...

Selengkapnya »