Memahami Makna Jowo digowo, Arab digarap, Barat diruwat

<div class="separator" style="clear: both; text-align: center;"> <a href="http://i.imgur.com/S0mlKw8.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://i.imgur.com/S0mlKw8.png" /></a></div> <br /> Ini adalah salah satu pesan dari para leluhur yang diwariskan kepada kita sebagai warga negara Indonesia, khususnya orang Jawa.<br /> <b><span style="color: blue;"><br /></span></b> <b><span style="color: blue;">Jowo digowo (Jawa dibawa)</span></b><br /> Artinya, kemanapun dan dimanapun, budi pekerti itu harus selalu dibawa/diterapkan. Jangan sampai menjadi "Wong Jowo kang ilang Jawane". Jowo di sini bermakna Subosito (Tatakrama).<br /> <br /> <span style="color: blue;"><b>Arab digarap</b></span><br /> Artinya, jangan langsung dipakai begitu saja apa-apa yang berasal dari Arab, tetapi lebih dulu harus dipelajari, dimengerti, dan dipahami. Hal ini terutama untuk kaum Muslimin harus bisa membedakan mana yang budaya Arab, dan mana yang merupakan ajaran Islam. Tidak semua yang Arab itu Islam.<br /> <br /> <span style="color: blue;"><b>Barat diruwat</b></span><br /> Ini kadarnya lebih rumit daripada menggarap. Apa yang datang dari barat itu harus diruwat, sesuai atau tidak dengan budaya dan ajaran kita. Jika tidak sesuai, maka harus dibuang. Jika masih ada kesesuaian, kita lihat lagi hasilnya, bermanfaat atau tidak bagi kita. Jadi tidak cuma sekedar ambil yang baik dan buang yang buruk.<br /> <br /> <br /> <br />

Memahami Makna Jowo digowo, Arab digarap, Barat diruwat

Ini adalah salah satu pesan dari para leluhur yang diwariskan kepada kita sebagai warga negara Indonesia, khususnya orang Jawa. Jowo di...

Baca selengkapnya »

Kode Rahasia RUN pada Windows

Kode Rahasia RUN pada Windows , Kali Ini saya akan membeberkan sedikit Kode Rahasia RUN ini, Jika Tidak Tau Tekan windows + R.<br /> Oke Langsung Saja Lihat Kodenya Sendiri :<br /> <div class="separator" style="clear: both; text-align: center;"> <a href="http://i.imgur.com/sVdPOYs.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="164" src="http://i.imgur.com/sVdPOYs.jpg" width="320" /></a></div> <br /> Accessibility Controls - access.cpl<br /> Add Hardware Wizard - hdwwiz.cpl<br /> Add/Remove Programs - appwiz.cpl<br /> Administrative Tools - control admintools<br /> Automatic Updates - wuaucpl.cpl<br /> Bluetooth Transfer Wiz - fsquirt<br /> Calculator - calc<br /> Certificate Manager - certmgr.msc<br /> Character Map - charmap<br /> Check Disk Utility - chkdsk<br /> Clipboard Viewer - clipbrd<br /> Command Prompt - cmd<br /> Component Services - dcomcnfg<br /> Computer Management - compmgmt.msc<br /> Date / Time Properties - timedate.cpl<br /> DDE Shares - ddeshare<br /> Device Manager - devmgmt.msc<br /> Direct X Control Panel - directx.cpl<br /> Direct X Troubleshooter - dxdiag<br /> Disk Cleanup Utility - cleanmgr<br /> Disk Defragment - dfrg.msc<br /> Disk Management - diskmgmt.msc<br /> Disk Partition Manager - diskpart<br /> Display Properties - control desktop<br /> Display Properties - desk.cpl<br /> Display Properties - control color (w/Appearance Tab Preselected)<br /> Dr. Watson - drwtsn32<br /> Driver Verifier Utility - verifier<br /> Event Viewer - eventvwr.msc<br /> File Signature Verification Tool - sigverif<br /> Findfast - findfast.cpl<br /> Folders Properties - control folders<br /> Fonts - control fonts<br /> Fonts Folder - fonts<br /> Free Cell Card Game - freecell<br /> Game Controllers - joy.cpl<br /> Group Policy Editor (XP Prof) - gpedit.msc<br /> Hearts Card Game - mshearts<br /> Iexpress Wizard - iexpress<br /> Indexing Service - ciadv.msc<br /> Internet Properties - inetcpl.cpl<br /> Java Control Panel (If Installed) - jpicpl32.cpl<br /> Java Control Panel (If Installed) - javaws<br /> Keyboard Properties - control keyboard<br /> Local Security Settings - secpol.msc<br /> Local Users and Groups - lusrmgr.msc<br /> Logs You Out Of Windows - logoff<br /> Microsoft Chat - winchat<br /> Minesweeper Game - winmine<br /> Mouse Properties - control mouse<br /> Mouse Properties - main.cpl<br /> Network Connections - control netconnections<br /> Network Connections - ncpa.cpl<br /> Network Setup Wizard - netsetup.cpl<br /> Notepad - notepad<br /> Nview Desktop Manager - nvtuicpl.cpl<br /> (If Installed)<br /> Object Packager - packager<br /> ODBC Data Source Admin - odbccp32.cpl<br /> On Screen Keyboard - osk<br /> Opens AC3 Filter (If Installed) - ac3filter.cpl<br /> Password Properties - password.cpl<br /> Performance Monitor - perfmon<br /> Phone and Modem Options - telephon.cpl<br /> Power Configuration - powercfg.cpl<br /> Printers and Faxes - control printers<br /> Printers Folder - printers<br /> Private Character Editor - eudcedit<br /> Quicktime (If Installed) - QuickTime.cpl<br /> Regional Settings - intl.cpl<br /> Registry Editor - regedit<br /> Registry Editor - regedit32<br /> Remote Desktop - mstsc<br /> Removable Storage - ntmsmgr.msc<br /> Removable Storage - ntmsoprq.msc<br /> Resultant Set of Policy (XP Prof) - rsop.msc<br /> Scanners and Cameras - sticpl.cpl<br /> Scheduled Tasks - control schedtasks<br /> Security Center - wscui.cpl<br /> Services - services.msc<br /> Shared Folders - fsmgmt.msc<br /> Shuts Down Windows - shutdown<br /> Sounds and Audio - mmsys.cpl<br /> Spider Solitare Card Game - spider<br /> SQL Client Configuration - cliconfg<br /> System Configuration Editor - sysedit<br /> System Configuration Utility - msconfig<br /> System Properties - sysdm.cpl<br /> Task Manager - taskmgr<br /> Telnet Client - telnet<br /> User Account Management - nusrmgr.cpl<br /> Utility Manager - utilman<br /> Windows Firewall - firewall.cpl<br /> Windows Magnifier - magnify<br /> Windows Management Infrastr. - wmimgmt.msc<br /> Windows System Security Tool - syskey<br /> Windows Update Launches - wupdmgr<br /> Windows XP Tour Wizard - tourstart<br /> Wordpad - write<br /> IP Configuration (Display Connection Configuration) - ipconfig /all<br /> IP Configuration (Display DNS Cache Contents) - ipconfig /displaydns<br /> IP Configuration (Delete DNS Cache Contents) - ipconfig /flushdns<br /> IP Configuration (Release All Connections) - ipconfig /release<br /> IP Configuration (Renew All Connections) - ipconfig /renew<br /> IP Configuration (Refreshes DHCP & Re-Registers DNS) - ipconfig /registerdns<br /> IP Configuration (Display DHCP Class ID) - ipconfig /showclassid<br /> IP Configuration (Modifies DHCP Class ID) - ipconfig /setclassid<br /> System File Checker Utility (Scan Immediately) - sfc /scannow<br /> System File Checker Utility (Scan Once At Next Boot) - sfc /scanonce<br /> System File Checker Utility (Scan On Every Boot) - sfc /scanboot<br /> System File Checker Utility (Return to Default Setting) - sfc /revert<br /> System File Checker Utility (Purge File Cache) - sfc /purgecache<br /> System File Checker Utility (Set Cache Size to size x) - sfc /cachesize=x<br /> <br /> Bagaimana Sudah Cukup Belum , Kurang Lebihnya Saya Mohon Maaf Dan dapat dibenahi Di Kotak Komentar Dibawah , Semoga Bermanfaat.<br /> <br /> <br />

Kode Rahasia RUN pada Windows

Kode Rahasia RUN pada Windows , Kali Ini saya akan membeberkan sedikit Kode Rahasia RUN ini, Jika Tidak Tau Tekan windows + R. Oke Langsung...

Baca selengkapnya »

Tutorial Membuat Wifi Hotspot di Windows dengan pertintah CMD

Assalamualaikum Wr.Wb, pada post kali ini saya akan berbagi kepada para sobat sekalian tentang bagaimana sih cara membuat hotspot pada laptop windows 8 kita. Sementara pada windows 7 kita selalu bisa menggunakan WiFi HotSpot atau Connectify untuk membuat hotspot WiFi, saya akhirnya ingin membuat satu hotspot dengan menggunakan sistim operasi Windows 8. Prosedur untuk membuat hotspot pada Windows 8 sedikit berbeda dengan Windows 7. Ketika saya mencoba untuk melakukannya pada laptop saya dengan OS Windows 8, saya melihat kalau pengaturan untuk membuat jaringan ad hoc melalui Network and Sharing Center tidak ada. Lalu satu-satunya jalan untuk membuat ad-hoc adalah dengan menggunakan utilitas netsh. Ingin tahu lebih jauh?<br /> <br /> Aktifkan Internet Connection Sharing di Windows 8<br /> <br /> Untuk memulai, Anda harus memulai perintah pertama sebagai administrator. Buka Win + X pada menu dan pilih Command Prompt (Admin).<br /> <div class="separator" style="clear: both; text-align: center;"> <a href="http://i.imgur.com/FWv0JSd.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://i.imgur.com/FWv0JSd.jpg" /></a></div> <br /> Windows CMD akan terbuka. Ketik command berikut dan tekan Enter :<br /> <span style="background-color: blue; color: lime;">netsh wlan set hostednetwork mode=allow ssid=hendrik key=ponorogo</span><br /> Keterangan : <span style="color: blue;">hendrik</span> adalah nama laptop saya dan <span style="color: blue;">ponorogo</span> adalah password saya.<br /> <br /> Selanjutnya, ketik kode berikut di windows CMD dan tekan Enter :<br /> <span style="background-color: blue; color: lime;">netsh wlan start hostednetwork</span><br /> <div class="separator" style="clear: both; text-align: center;"> <a href="http://i.imgur.com/0UhwBak.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="156" src="http://i.imgur.com/0UhwBak.png" width="320" /></a></div> <br /> <br /> Selanjutnya buka Control Panel \ Control Panel Items All \ Network and Sharing Center. Pada sistim operasi Windows 7, terdapat pilihan Manage wireless networks link, sedangkan pada Windows 8 tidak ada pilihan seperti itu.<br /> <div class="separator" style="clear: both; text-align: center;"> <a href="http://i.imgur.com/OBUntvK.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://i.imgur.com/OBUntvK.jpg" /></a></div> <br /> Klik pada Change adapter settings. Anda akan melihat semua Network Connections.<br /> <div class="separator" style="clear: both; text-align: center;"> <a href="http://i.imgur.com/ZFkW6VZ.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="201" src="http://i.imgur.com/ZFkW6VZ.png" width="320" /></a></div> <br /> Anda dapat melihat yang baru dibuat AriNet (Koneksi Local Area 13)  di sini. Klik kanan pada koneksi yang sedang Anda gunakan (dalam kasus saya ZTE Wireless Terminal) untuk terhubung ke Internet dan pilih Properties.<br /> <div class="separator" style="clear: both; text-align: center;"> <a href="http://i.imgur.com/1GRHon9.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://i.imgur.com/1GRHon9.png" /></a></div> <br /> Klik pada tab Sharing di kotak Properties ZTE dan pilih Izinkan pengguna jaringan lain untuk terhubung melalui koneksi internet komputer . Di bawah koneksi jaringan Depan , dari menu drop-down, saya memilih Koneksi Local Area 13 dan klik OK.<br /> <br /> Selesai !!<br /> <br /> -----------------------------------------------------------------------------------------------------------------------<br /> <br /> <span style="color: blue;">UPDATED TUTORIAL WiFi HOTSPOT (PROBLEM SOLVING)</span><br /> <br /> Sepertinya banyak dari beberapa sobat yang saat mencoba mengetik :<br /> "netsh wlan start hostednetwork"<br /> pada Command Prompt (Admin) keluar tulisan seperti :<br /> "The hosted network couldn't be started. The group or resource is not in the correct state to perform the requested operation".<br /> Berikut saya mencoba memberikan beberapa solusi terkait permasalahan tersebut. Solusi ini saya berikan menurut pengetahuan yang telah saya dapat dari beberapa referensi dari internet maupun buku, jadi jika sobat sekalian merasa cara yang saya berikan ini kurang benar, atau mungkin punya solusi yang lebih baik, silahkan berkomentar pada form yang sudah saya sediakan dibawah postingan ini.<br />          <br /> Berikut beberapa solusi untuk memperbaiki masalah tersebut :<br /> <br /> Problem Solving 1 :<br /> Cek apakah WiFi sobat sudah menyala atau belum. Hal ini yang paling penting sebelum menuju ke problem solving yang selanjutnya.<br /> <br /> Problem Solving 2 :<br /> Silahkan melakukan update driver module WiFi sobat ke versi yang terbaru. Untuk mengecek apakah driver WiFi kita sudah update atau belum adalah dengan masuk ke dalam direktori "Internet Connections" , klik properties pada WiFi dan klik Configure.<br /> <br /> Problem Solving 3 :<br /> Coba pergi ke Control Panel, masuk ke bagian "Device manager", dan langsung cari "Network Adapters". Disitu pasti sobat akan menemukan "Virtual wifi adapter" atau sejenisnya, klik kanan disitu, lalu klik "Enable". Setelah semua selesai, coba buka Command Prompt (Admin) lagi, dan coba jalankan lagi perintah "netsh wlan start hostednetwork", biasanya problem tersebut sudah hilang.<br /> <div class="separator" style="clear: both; text-align: center;"> <a href="http://i.imgur.com/Mf0xmlk.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://i.imgur.com/Mf0xmlk.jpg" /></a></div> <br /> Problem Solving 4 :<br /> Jika saat mencoba membuat WiFi Hotspot ini sobat menggunakan koneksi internet melalui melalui WiFi yag tersambung ke WiFi Hotspot, sebaiknya koneksi tersebut HARUS diputus bukan WiFi nya yang dimatikan, hal ini dilakukan agar pembuatan server (ad-hoc) berhasil. Karena pada saat saya mencoba proses pembuatan WiFi Hotspot ini, koneksi WiFi saya dalam keadaan tidak tersambung ke jaringan manapun.<br /> <br /> Semoga berguna.<br /> <br />

Tutorial Membuat Wifi Hotspot di Windows dengan pertintah CMD

Assalamualaikum Wr.Wb, pada post kali ini saya akan berbagi kepada para sobat sekalian tentang bagaimana sih cara membuat hotspot pada lapto...

Baca selengkapnya »

Cara Menghapus Akun Facebook Secara Permanen

Di Indonesia facebook berkembang bak roket, tapi akhir-akhir ini memang banyak pengguna situs jejaring sosial facebook ini pada hapus akun dan libur fesbukan, semenjak beredar berita bahwa facebook kurang begitu memperhatikan kenyamanan dan privasi pengguna, termasuk teman saya, dengan pasti ia akan tutup akun fesbuk karena alasan kurang nyaman.<br /> Perlu diketahui, Cara Menghapus Akun Facebook yang saya pakai disini sifatnya permanen alias tidak bisa dikembalikan lagi jika sudah terhapus. Jadi, saya sarankan anda untuk mempertimbangkan baik-baik sebelum anda benar-benar melakoni , Cara Menghapus Akun Facebook ini.<br /> <br /> Untuk menonatifkan facebook atau menghapus akun facebook anda, ikuti beberapa langkah berikut:<br /> <br /> - Login ke facebook dengan user dan password anda<br /> <br /> - Kemudian klik link ini : <a href="https://www.facebook.com/help/delete_account" target="_blank">https://www.facebook.com/help/delete_account</a><br /> <br /> - Setelah link tersebut di klik akan muncul menu untuk delete account, dan klik “submit”<br /> <div class="separator" style="clear: both; text-align: center;"> <a href="http://i.imgur.com/xNr3e74.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="183" src="http://i.imgur.com/xNr3e74.png" width="320" /></a></div> <br /> - Setelah terkonfirmasi, facebook akan memberitahukan bahwa jika Anda tidak login selama 14 hari, maka akun anda akan terhapus dan tidak bisa direcovery<br /> <br /> - Setelah itu facebook akan log out otomatis<br /> <br /> - Silahkan perikasa 14 hari kemudian dengan login dengan akun anda. Kalau tidak bisa berarti facebook anda berhasil di delete.<br /> <br />

Cara Menghapus Akun Facebook Secara Permanen

Di Indonesia facebook berkembang bak roket, tapi akhir-akhir ini memang banyak pengguna situs jejaring sosial facebook ini pada hapus akun d...

Baca selengkapnya »

Cara Daftar dan Verifikasi Blog ke Webmaster Tools Terbaru

<div class="separator" style="clear: both; text-align: center;"> <a href="http://i.imgur.com/0Zze11C.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://i.imgur.com/0Zze11C.jpg" /></a></div> Saat pertama kali membuat blog tentunya blog anda juga harus di daftarkan di Google Webmaster, fungsi Webmaster Tools adalah untuk memonitor blog milik anda. Google Webmaster Tools dapat membantu dalam mengoptimalkan blog Anda, mendapatkan informasi tentang cara Google merayapi blog Anda, memberitahu masalah - masalah pada blog Anda dan lain sebagainya. Sebenarnya secara default blog anda sudah terverifikasi secara otomatis dengan metode unggahan file HTML atau artikel ketika terkait dengan akun Google melalui alamat e-mail yang sama pada saat login. Tetapi dengan memverifikasi blog/situs ke Google Webmaster Tools akan lebih memperjelas kepemilikan blog tersebut dan Google pun sangat menyarankan untuk melakukan verifikasi blog.<br /> <br /> Oleh karena itu kali ini saya akan memberikan tutorial Cara Daftar dan Verifikasi Blog ke Webmaster Tools Terbaru.<br /> <br /> Ok langsung saja ikuti tutorialnya di bawah ini :<br /> <br /> 1. Kunjungi website <a href="https://www.google.com/webmasters/tools/" target="_blank">Google Webmaster Tools</a>.<br /> <br /> 2. Klik menu ADD A PROPERTY.<br /> <div class="separator" style="clear: both; text-align: center;"> <a href="http://i.imgur.com/rNos5v3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="53" src="https://i.imgur.com/rNos5v3.png" width="320" /></a></div> <br /> 3. Ketik Alamat blog, laku klik Continue.<br /> <div class="separator" style="clear: both; text-align: center;"> <a href="http://i.imgur.com/39gKkE8.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="129" src="https://i.imgur.com/39gKkE8.png" width="320" /></a></div> <br /> 4. Setelah itu maka akan keluar tampilan seperti di bawah ini, lalu klik Alternate methods.<br /> <div class="separator" style="clear: both; text-align: center;"> <a href="http://i.imgur.com/pWawVaa.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="159" src="https://i.imgur.com/pWawVaa.png" width="320" /></a></div> <br /> 5. klik menu HTML tag, maka akan keluar kode html blog anda.<br /> <div class="separator" style="clear: both; text-align: center;"> <a href="http://i.imgur.com/4fu0hCg.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="164" src="https://i.imgur.com/4fu0hCg.png" width="320" /></a></div> <br /> 6. Copy/Salin kode tersebut lalu paste di menu edit HTML blog anda tepat di bawah kode <head><br /> seperti gambar di bawah ini.<br /> <div class="separator" style="clear: both; text-align: center;"> <a href="http://i.imgur.com/J1QRZ6E.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="15" src="https://i.imgur.com/J1QRZ6E.png" width="320" /></a></div> <br /> 7. Jika sudah klik Save.<br /> <br /> 8. Kembali ke halaman Google Webmaster Tools yang tadi, lalu klik VERIFY.<br /> <div class="separator" style="clear: both; text-align: center;"> <a href="http://i.imgur.com/HZto2V2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://i.imgur.com/HZto2V2.png" /></a></div> <br /> 9. Jika berhasil maka akan keluar notifikasi seperti ini.<br /> <div class="separator" style="clear: both; text-align: center;"> <a href="http://i.imgur.com/a9UzQf6.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="50" src="https://i.imgur.com/a9UzQf6.png" width="320" /></a></div> <br /> 10. Selesai.<br /> <br /> Demikian tutorial tentang Cara Daftar dan Verifikasi Blog ke Webmaster Tools Terbaru semoga bermanfaat.<br /> <br />

Cara Daftar dan Verifikasi Blog ke Webmaster Tools Terbaru

Saat pertama kali membuat blog tentunya blog anda juga harus di daftarkan di Google Webmaster, fungsi Webmaster Tools adalah untuk memonit...

Baca selengkapnya »

Memasang Auto Lightbox Image pada Area Posting Blog dengan jQuery Lighter

Berikut kita simak cara memasang jQuery Lighter Image Automatis pada <span style="background-color: white;">Area </span>Posting Blog ini :<br /> <br /> Langkah-1 : Login Blogger, klik Template --> Edit HTML seperti gambar dibawah :<br /> <div class="separator" style="clear: both; text-align: center;"> <a href="http://i.imgur.com/pyeaujp.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="38" src="https://i.imgur.com/pyeaujp.png" width="320" /></a></div> Pastikan sobat sudah memasang jQuery Library! jika sobat belum memasang jQuery Library, silahkan simpan kode di bawah ini tepat di atas kode </head><br /> <br /> <span style="background-color: lime; color: red;"><script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"/></span><br /> <div class="separator" style="clear: both; text-align: center;"> <a href="http://i.imgur.com/d824M9N.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="117" src="https://i.imgur.com/d824M9N.jpg" width="320" /></a></div> <i><u><span style="color: blue;">Apabila sudah terpasang jQuery silahkan ganti dengan versi 1.7.2, karena saya coba dengan beberapa versi sampai yang terbaru, tidak bisa bekerja</span></u></i><br /> <div> <br /></div> <span style="background-color: white;">Langkah-2 : jika sudah silahkan simpan code CSS dibawah ini tepat di atas code ]]></b:skin> :</span><br /> <span style="background-color: white;"><br /></span> <span style="background-color: lime; color: red;">/* AUTO LIGHTBOX IMAGE BLOGGER POST</span><br /> <span style="background-color: lime; color: red;">=================================================== */</span><br /> <span style="background-color: lime; color: red;">.lighter,.lighter *{-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out}</span><br /> <span style="background-color: lime; color: red;">.lighter{position:fixed;top:0;bottom:0;left:0;right:0;z-index:400000;opacity:1}</span><br /> <span style="background-color: lime; color: red;">.lighter.fade{opacity:0}</span><br /> <span style="background-color: lime; color: red;">.lighter.fade .lighter-container{-webkit-transform:scale(0.5);-moz-transform:scale(0.5);-ms-transform:scale(0.5);-o-transform:scale(0.5);transform:scale(0.5)}</span><br /> <span style="background-color: lime; color: red;">.lighter img{width:100%;height:100%}</span><br /> <span style="background-color: lime; color: red;">.lighter .lighter-overlay{background:rgba(0,0,0,0.5);height:100%;width:100%}</span><br /> <span style="background-color: lime; color: red;">.lighter .lighter-container{background:white;position:absolute;z-index:400000;top:50%;left:50%;right:50%;bottom:50%;box-shadow:0 2px 8px rgba(0,0,0,0.5)}</span><br /> <span style="background-color: lime; color: red;">.lighter .lighter-container .lighter-close{top: 0;right: 0;width: 30px;height: 30px;margin: -15px;line-height: 30px;font-size: 16pt;font-family: Helvetica,Arial,serif;}</span><br /> <span style="background-color: lime; color: red;">.lighter .lighter-container .lighter-next{display:none;right:40px;top:50%;width:40px;height:40px;margin:-20px 0;line-height:34px;font-size:32pt;font-family:Times,serif}</span><br /> <span style="background-color: lime; color: red;">.lighter .lighter-container .lighter-prev{display:none;left:40px;top:50%;width:40px;height:40px;margin:-20px;line-height:24pt;font-size:34px;font-family:Times,serif}</span><br /> <span style="background-color: lime; color: red;">.lighter .lighter-container .lighter-next,.lighter .lighter-container .lighter-prev,.lighter .lighter-container .lighter-close{cursor:pointer;position:absolute;z-index:800000;text-align:center;border-radius:40px;color:rgba(255,255,255,0.8);background:rgba(0,0,0,0.2);}</span><br /> <span style="background-color: lime; color: red;">.lighter .lighter-container .lighter-next:hover,.lighter .lighter-container .lighter-prev:hover,.lighter .lighter-container .lighter-close:hover{color:white;text-decoration: none;background:rgba(0,0,0,0.6)}</span><br /> <span style="background-color: lime; color: red;">.lighter .lighter-container .lighter-next:active,.lighter .lighter-container .lighter-prev:active,.lighter .lighter-container .lighter-close:active{color:white;background:rgba(0,0,0,0.6)}</span><br /> <span style="background-color: lime; color: red;">/* ===================================================</span><br /> <span style="background-color: lime; color: red;">END AUTO LIGHTBOX IMAGE BLOGGER POST</span><br /> <div class="separator" style="clear: both; text-align: center;"> <a href="http://i.imgur.com/2qfBpM1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="118" src="https://i.imgur.com/2qfBpM1.jpg" width="320" /></a></div> <span style="background-color: lime; color: red;"><br /></span> <span style="background-color: white;">Langkah-3 : Menyimpan Kode JavaScript Lighter! cara-nya silahkan simpan code JavaScript dibawah ini tepat di atas kode </body> : </span><br /> <span style="background-color: white;"><br /></span> <span style="background-color: lime; color: red;"><script></span><br /> <span style="background-color: lime; color: red;">// tambahan code Javascript agar Auto Lightbox pada area .entry-content</span><br /> <span style="background-color: lime; color: red;">$(&quot;.entry-content img&quot;).parents(&quot;a&quot;).on(&quot;click&quot;,function(a){a.preventDefault();a.stopPropagation();return $(this).lighter()});</span><br /> <span style="background-color: lime; color: red;"><br /></span> <span style="background-color: lime; color: red;">// jQuery Lighter Plugin</span><br /> <span style="background-color: lime; color: red;">(function(){var g,h,e,f=function(b,a){return function(){return b.apply(a,arguments)}};g=jQuery;h=(function(){function a(){}a.transitions={webkitTransition:&quot;webkitTransitionEnd&quot;,mozTransition:&quot;mozTransitionEnd&quot;,oTransition:&quot;oTransitionEnd&quot;,transition:&quot;transitionend&quot;};a.transition=function(k){var c,l,d,b;c=k[0];b=this.transitions;for(d in b){l=b[d];if(c.style[d]!=null){return l}}};a.execute=function(d,b){var c;c=this.transition(d);if(c!=null){return d.one(c,b)}else{return b()}};return a})();e=(function(){a.settings={padding:40,dimensions:{width:960,height:540},template:&quot;<div class='lighter fade'>\n  <div class='lighter-container'>\n    <span class='lighter-content'/>\n    <a class='lighter-close'>&#215;</a>\n    <a class='lighter-prev'>&#8249;</a>\n    <a class='lighter-next'>&#8250;</a>\n  </div>\n  <div class='lighter-overlay'/>\n</div>&quot;};a.lighter=function(c,d){var b;if(d==null){d={}}b=c.data(&quot;_lighter&quot;);if(!b){b=new a(c,d);c.data(&quot;_lighter&quot;,b)}return b};a.prototype.$=function(b){return this.$lighter.find(b)};function a(c,b){if(b==null){b={}}this.show=f(this.show,this);this.hide=f(this.hide,this);this.toggle=f(this.toggle,this);this.keyup=f(this.keyup,this);this.align=f(this.align,this);this.resize=f(this.resize,this);this.process=f(this.process,this);this.href=f(this.href,this);this.type=f(this.type,this);this.image=f(this.image,this);this.prev=f(this.prev,this);this.next=f(this.next,this);this.close=f(this.close,this);this.$=f(this.$,this);this.$el=c;if((this.$el.data(&quot;width&quot;)!=null)&amp;&amp;(this.$el.data(&quot;height&quot;)!=null)){if(b.dimensions==null){b.dimensions={width:this.$el.data(&quot;width&quot;),height:this.$el.data(&quot;height&quot;)}}}this.settings=g.extend({},a.settings,b);this.$lighter=g(this.settings.template);this.$overlay=this.$(&quot;.lighter-overlay&quot;);this.$content=this.$(&quot;.lighter-content&quot;);this.$container=this.$(&quot;.lighter-container&quot;);this.$close=this.$(&quot;.lighter-close&quot;);this.$prev=this.$(&quot;.lighter-prev&quot;);this.$next=this.$(&quot;.lighter-next&quot;);this.$body=this.$(&quot;.lighter-body&quot;);this.width=this.settings.dimensions.width;this.height=this.settings.dimensions.height;this.align();this.process()}a.prototype.close=function(b){if(b!=null){b.preventDefault()}if(b!=null){b.stopPropagation()}return this.hide()};a.prototype.next=function(b){if(b!=null){b.preventDefault()}return b!=null?b.stopPropagation():void 0};a.prototype.prev=function(){if(typeof event!==&quot;undefined&quot;&amp;&amp;event!==null){event.preventDefault()}return typeof event!==&quot;undefined&quot;&amp;&amp;event!==null?event.stopPropagation():void 0};a.prototype.image=function(b){return b.match(/\.(jpeg|jpg|jpe|gif|png|bmp)$/i)};a.prototype.type=function(b){if(b==null){b=this.href()}return this.settings.type||(this.image(b)?&quot;image&quot;:void 0)};a.prototype.href=function(){return this.$el.attr(&quot;href&quot;)};a.prototype.process=function(){var j,c,d,b=this;d=this.type(j=this.href());this.$content.html((function(){switch(d){case&quot;image&quot;:return g(&quot;<img/>&quot;).attr({src:j});default:return g(j)}})());switch(d){case&quot;image&quot;:c=new Image();c.src=j;return c.onload=function(){return b.resize(c.width,c.height)}}};a.prototype.resize=function(b,c){this.width=b;this.height=c;return this.align()};a.prototype.align=function(){var d,b,c;b=Math.max((d=this.height)/(g(window).height()-this.settings.padding),(c=this.width)/(g(window).width()-this.settings.padding));if(b&gt;1){d=Math.round(d/b)}if(b&gt;1){c=Math.round(c/b)}return this.$container.css({height:d,width:c,margin:&quot;-&quot;+(d/2)+&quot;px -&quot;+(c/2)+&quot;px&quot;})};a.prototype.keyup=function(b){if(b.target.form!=null){return}if(b.which===27){this.close()}if(b.which===37){this.prev()}if(b.which===39){return this.next()}};a.prototype.toggle=function(b){if(b==null){b=&quot;on&quot;}g(window)[b](&quot;resize&quot;,this.align);g(document)[b](&quot;keyup&quot;,this.keyup);this.$overlay[b](&quot;click&quot;,this.close);this.$close[b](&quot;click&quot;,this.close);this.$next[b](&quot;click&quot;,this.next);return this.$prev[b](&quot;click&quot;,this.prev)};a.prototype.hide=function(){var d,b,c=this;d=function(){return c.toggle(&quot;off&quot;)};b=function(){return c.$lighter.remove()};d();this.$lighter.removeClass(&quot;fade&quot;);this.$lighter.position();this.$lighter.addClass(&quot;fade&quot;);return h.execute(this.$container,b)};a.prototype.show=function(){var d,b,c=this;b=function(){return c.toggle(&quot;on&quot;)};d=function(){return g(document.body).append(c.$lighter)};d();this.$lighter.addClass(&quot;fade&quot;);this.$lighter.position();this.$lighter.removeClass(&quot;fade&quot;);return h.execute(this.$container,b)};return a})();g.fn.extend({lighter:function(a){if(a==null){a={}}return this.each(function(){var b,c,d;b=g(this);d=g.extend({},g.fn.lighter.defaults,typeof a===&quot;object&quot;&amp;&amp;a);c=typeof a===&quot;string&quot;?a:a.action;if(c==null){c=&quot;show&quot;}return e.lighter(b,d)[c]()})}})}).call(this);</span><br /> <span style="background-color: lime;"><span style="color: red;"></span></span><br /> <span style="background-color: lime; color: red;"></script></span><br /> <div class="separator" style="clear: both; text-align: center;"> <a href="http://i.imgur.com/V5HjmTR.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="117" src="https://i.imgur.com/V5HjmTR.jpg" width="320" /></a></div> <span style="background-color: lime; color: red;"><br /></span> <span style="background-color: lime; color: red;"><br /></span> <span style="background-color: white;">Sekian Tutorial tentang Cara Membuat Lightbox Otomatis pada Gambar yang memiliki Link pada Area Posting Blog ini, semoga bermanfaat untuk sobat yang membutuhkan tutorial ini, untuk pertanyaan silahkan berkomentar di bawah area postingan ini. terima kasih sudah berkunjung dan membaca Kumpulan Tutorial Blog yang saya bagikan ini. </span><br /> <span style="background-color: white;"><br /></span>

Memasang Auto Lightbox Image pada Area Posting Blog dengan jQuery Lighter

Berikut kita simak cara memasang jQuery Lighter Image Automatis pada Area Posting Blog ini : Langkah-1 : Login Blogger, klik Template --...

Baca selengkapnya »

Cara ganti Logo Blogger jadi Bendera Indonesia

Oke langsung saja caranya ikuti petunjuk di bawah ini :<br /> <br /> ·   Login ke <a href="https://www.blogger.com/home" target="_blank">Dasbor Blogger</a> dan pilih blog anda<br /> ·   Pilih menu Template -> Edit HTML<br /> ·   Cari kode HTML dengan tuliskan "</head>" tanpa tanda petik<br /> ·   Copy Paste semua kode HTML di bawah ini persis di atas kode "</head>"<br /> <div class="separator" style="clear: both; text-align: center;"> <a href="http://i.imgur.com/GV7QRxR.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="195" src="https://i.imgur.com/GV7QRxR.jpg" width="400" /></a></div> <br /> <br /> <br /> ini untuk bendera diam :<br /> <br /> <link href='http://mnogisa.xtgem.com/images/kumpulanfavicon/benderaindonesia.png' rel='icon' type='image/x-icon'/><br /> <br /> <br /> <br /> ini untuk bendera berkibar atau animasi :<br /> <br /> <link href='https://s5.postimg.org/si962ksnb/indonesianflag.gif' rel='icon' type='image/x-icon'/><br /> <br /> <br /> <br /> ·   Pilih Tombol Simpan Template<br /> ·   Beres<br /> <div> <br /></div>

Cara ganti Logo Blogger jadi Bendera Indonesia

Oke langsung saja caranya ikuti petunjuk di bawah ini : ·   Login ke Dasbor Blogger  dan pilih blog anda ·   Pilih menu Template -> Ed...

Baca selengkapnya »

Cara Membuat Sitemap Otomatis di Blogger

Sitemap ini juga akan menampilkan tanda "New" yang terdapat pada artikel baru Anda. Berikut ini demonya silahkan klik <a href="https://hendrikff.blogspot.co.id/p/sitemap.html" target="_blank">disini</a><br /> <div class="separator" style="clear: both; text-align: center;"> <a href="http://i.imgur.com/Oy58spS.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="326" src="https://i.imgur.com/Oy58spS.jpg" width="400" /></a></div> <br /> Untuk dapat membuat sitemap di blogger Anda, silahkan ikuti tutorial berikut ini :<br /> <br /> Langkah Pertama : Silahkan Login ke <a href="https://www.blogger.com/home" target="_blank">Dashboard Blogger</a> dan pilih blog Anda.<br /> <br /> Langkah ke Dua : Pilih Pages >> New Page dan akan tampil halaman kosong.<br /> <div class="separator" style="clear: both; text-align: center;"> <a href="http://i.imgur.com/I7pW4s0.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="211" src="https://i.imgur.com/I7pW4s0.png" width="400" /></a></div> <br /> Langkah ke Tiga : Pada halaman kosong, pilih mode HTML lalu copy paste kode di bawah ini dan jangan lupa beri judul sitemap/daftar isi.<br /> <br /> <span style="background-color: lime; color: red;"><style type="text/css"></span><br /> <span style="background-color: lime; color: red;">#toc{</span><br /> <span style="background-color: lime; color: red;">width:99%;</span><br /> <span style="background-color: lime; color: red;">margin:5px auto;</span><br /> <span style="background-color: lime; color: red;">border:1px solid #2D96DF;</span><br /> <span style="background-color: lime; color: red;">-webkit-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);</span><br /> <span style="background-color: lime; color: red;">-moz-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);</span><br /> <span style="background-color: lime; color: red;">box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);</span><br /> <span style="background-color: lime; color: red;">}</span><br /> <span style="background-color: lime; color: red;">.labl{</span><br /> <span style="background-color: lime; color: red;">color:#FF5F00;</span><br /> <span style="background-color: lime; color: red;">font-weight:bold;</span><br /> <span style="background-color: lime; color: red;">margin:0 -5px;</span><br /> <span style="background-color: lime; color: red;">padding:1px 0 2px 11px;</span><br /> <span style="background-color: lime; color: red;">background:-moz-linear-gradient(right,#C2EAFE 0%,#055A85 40%);</span><br /> <span style="background-color: lime; color: red;">background:-webkit-gradient(linear,left 10,right 80,color-stop(0.20,#055A85),color-stop(1,#C2EAFE));</span><br /> <span style="background-color: lime; color: red;">border:1px solid #2D96DF;</span><br /> <span style="background-color: lime; color: red;">border-radius:4px;-moz-border-radius:4px;</span><br /> <span style="background-color: lime; color: red;">-webkit-border-radius:4px;box-shadow:3px 3px 1px #bbb;</span><br /> <span style="background-color: lime; color: red;">-moz-box-shadow:3px 3px 1px #bbb;-webkit-box-shadow:3px 3px 1px #bbb;display:block;</span><br /> <span style="background-color: lime; color: red;">}</span><br /> <span style="background-color: lime; color: red;">.labl a{</span><br /> <span style="background-color: lime; color: red;">color:#fff;</span><br /> <span style="background-color: lime; color: red;">}</span><br /> <span style="background-color: lime; color: red;">.labl:first-letter{t</span><br /> <span style="background-color: lime; color: red;">ext-transform:uppercase;</span><br /> <span style="background-color: lime; color: red;">}</span><br /> <span style="background-color: lime; color: red;">.new{</span><br /> <span style="background-color: lime; color: red;">color:#FF5F00;</span><br /> <span style="background-color: lime; color: red;">font-weight:bold;</span><br /> <span style="background-color: lime; color: red;">font-style:italic;</span><br /> <span style="background-color: lime; color: red;">}</span><br /> <span style="background-color: lime; color: red;">.postname{</span><br /> <span style="background-color: lime; color: red;">font-weight:normal;</span><br /> <span style="background-color: lime; color: red;">background:-moz-linear-gradient(right,#C2EAFE 0%,#fff 40%);</span><br /> <span style="background-color: lime; color: red;">background:-webkit-gradient(linear,left 80,right 10,color-stop(0.60,#fff),color-stop(1,#C2EAFE));</span><br /> <span style="background-color: lime; color: red;">}</span><br /> <span style="background-color: lime; color: red;">.postname li{</span><br /> <span style="background-color: lime; color: red;">border-bottom: #ddd 1px dotted;</span><br /> <span style="background-color: lime; color: red;">margin-right:5px</span><br /> <span style="background-color: lime; color: red;">}</span><br /> <span style="background-color: lime; color: red;"><br /></span> <span style="background-color: lime; color: red;"></style></span><br /> <span style="background-color: lime; color: red;"><br /></span> <span style="background-color: lime; color: red;"><br /></span> <span style="background-color: lime; color: red;"><div id="toc"></span><br /> <span style="background-color: lime; color: red;"><script src="https://googledrive.com/host/0B2ww3WS8P1MJM2JkeHlyUVp4dnc/" type="text/javascript"></script></span><br /> <span style="background-color: lime; color: red;"><script src="http://www.YOURBLOGDOMAIN.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></span><br /> <span style="background-color: lime; color: red;"></script></div></span><br /> <br /> Silahkan Anda ganti Url http://www.YOURBLOGDOMAIN.com menjadi situs Anda.<br /> <br /> Langkah ke Empat : Jika Anda tak ingin sitemap Anda di komentari, silahkan klik pada options di sisi kanan dan pilih don't allow,hide existing compose mode.<br /> <br /> Langkah ke Lima : Klik publiskan dan selesai sudah sitemap Anda sudah jadi dan tinggal Anda menampilkan sitemap Anda di menu, seperti milik saya di atas.<br /> <br /> Cukup itu saja cara membuat sitemap di blogspot!<br /> Indeks postingan akan selalu di perbarui secara otomatis setelah Anda mempubliskan artikel baru.<br /> <br /> <br />

Cara Membuat Sitemap Otomatis di Blogger

Sitemap ini juga akan menampilkan tanda "New" yang terdapat pada artikel baru Anda. Berikut ini demonya silahkan klik disini U...

Baca selengkapnya »

Membuat Google Maps Dan Menentukan Lokasi Sendiri

Hal ini dapat berguna jika Anda membuat web untuk hotel, perumahan, ataupun toko online agar pengunjung dapat mengetahui lokasi Anda dengan tepat.<br /><br />Dan dengan begitu akan memberikan kepercayaan tersendiri terhadap layanan online yang Anda bangun. Karena jika tidak ada kepercayaan, maka usaha online yang Anda bangun akan sia-sia saja.<br /><br />Nah kali ini saya akan share cara membuat Google Maps dengan menentukan lokasi kita sendiri dan menambahkan link web kita pada lokasi yang kita buat.<br /><br />Sebenarnya link tersebut tersemat sebagai rel="nofollow" namun setidaknya kita sudah menanamkan link blog kita di salah satu service tools milik Google.<br /><br />Untuk memulainya, silahkan Anda masuk ke webnya dan klik tombol <b>Create a new map</b> di bawah ini.<br /><br />Google Maps: <a href="https://mapsengine.google.com/map/" target="_blank">https://mapsengine.google.com/map/</a><br /><div class="separator" style="clear: both; text-align: center;"><a href="http://i.imgur.com/9WIfrrE.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="242" src="http://i.imgur.com/9WIfrrE.jpg" width="400" /></a></div><br />Kemudian setelah terbuka jendela baru, silahkan klik anchor text <b>Untitled Map</b> di kotak sebelah kiri untuk memulai membuat map Anda sendiri.<br /><div class="separator" style="clear: both; text-align: center;"><a href="http://i.imgur.com/KRWUSKt.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="225" src="http://i.imgur.com/KRWUSKt.jpg" width="400" /></a></div><br />Kemudian silahkan isi Map Title dan deskripsi untuk map yang Anda buat pada form dialog box yang muncul selanjutnya.<br /><div class="separator" style="clear: both; text-align: center;"><a href="http://i.imgur.com/Rh5rhq5.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="233" src="http://i.imgur.com/Rh5rhq5.jpg" width="400" /></a></div><br />Kemudian silahkan ketikan nama tempat atau daerah Anda untuk menuju ke daerah Anda dengan mudah pada kotak search di atas.<br /><div class="separator" style="clear: both; text-align: center;"><a href="http://i.imgur.com/zZZAL87.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="281" src="http://i.imgur.com/zZZAL87.jpg" width="400" /></a></div><br />Setelah peta daerah tempat tinggal Anda terbuka silahkan cari tempat Anda dengan men-zoom petanya agar mudah menemukan tempat kita yang tepat pada peta tersebut. Setelah Anda menemukan titik yang tepat untuk rumah Anda, silahkan klik <b>ikon Marker</b> di bawah kotak pencarian di atas kemudian klik pada titik yang tepat sebagai tempat tinggal kita. Kemudian silahkan beri nama dan deskripsi untuk titik tersebut.<br /><div class="separator" style="clear: both; text-align: center;"><a href="http://i.imgur.com/xwk4pvY.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="262" src="http://i.imgur.com/xwk4pvY.jpg" width="400" /></a></div><br />Kemudian silahkan beralih pada kotak putih di sebelah kiri layar, di situ terdapat tab <b>Style</b>, <b>Data</b>, dan <b>Label</b>.<br /><br />Tab <b>Style </b>untuk merubah gaya pointer/marker yang Anda tentukan tadi sebagai ciri titik tempat tinggal Anda.<br /><br />Tab <b>Data </b>untuk menentukan data tempat tinggal Anda yang muncul ketika seseorang mengklik marker tersebut.<br /><br />Tab <b>Label </b>untuk memberikan label pada ikon Marker Anda.<br /><br />Kemudian silahkan klik tab <b>Data </b>untuk menyematkan link web Anda pada data peta kita. Kemudian silahkan klik tanda panah kecil dan klik Insert Column After.<br /><div class="separator" style="clear: both; text-align: center;"><a href="http://i.imgur.com/vZsNr5E.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="251" src="http://i.imgur.com/vZsNr5E.jpg" width="400" /></a></div><br />Kemudian ketikan <b>URL </b>pada kolom yang tersedia dan biarkan type-nya pada text.<br /><div class="separator" style="clear: both; text-align: center;"><a href="http://i.imgur.com/t6b5SWB.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="248" src="http://i.imgur.com/t6b5SWB.jpg" width="400" /></a></div><br />Lalu silahkan re-fresh halamannya agar colom URL yang kita buat tadi muncul. Setelah itu silahkan klik kotak kosong di bawah tab URL dan paste URL blog Anda di situ.<br /><div class="separator" style="clear: both; text-align: center;"><a href="http://i.imgur.com/7MGaWIa.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="http://i.imgur.com/7MGaWIa.jpg" width="400" /></a></div><br />Sekarang coba klik marker titik tempat tinggal Anda. Jika di situ belum muncul URL yang kita buat tadi silahkan klik icon pensil (edit) kemudian centang radio button URL-nya.<br /><div class="separator" style="clear: both; text-align: center;"><a href="http://i.imgur.com/uLECGbA.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="257" src="http://i.imgur.com/uLECGbA.jpg" width="400" /></a></div><br />Sehingga ketika marker-nya diklik akan tampak seperti di bawah ini.<br /><div class="separator" style="clear: both; text-align: center;"><a href="http://i.imgur.com/qITXPBn.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="243" src="http://i.imgur.com/qITXPBn.jpg" width="400" /></a></div><br />Kemudian silahkan klik tombol Share di pojok kanan atas, lalu klik tulisan Change pada Private dan rubah menjadi Publik on the web.<br /><div class="separator" style="clear: both; text-align: center;"><a href="http://i.imgur.com/HszW76Z.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="303" src="http://i.imgur.com/HszW76Z.jpg" width="400" /></a></div><div class="separator" style="clear: both; text-align: center;"><a href="http://i.imgur.com/74QNhPz.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="262" src="http://i.imgur.com/74QNhPz.jpg" width="400" /></a></div><br />Kemudian silahkan klik icon folder pada kotak di sebelah kiri layar dan klik <b>Embed on my site</b> untuk mendapatkan kode embed untuk dipasang di blog kita.<br /><div class="separator" style="clear: both; text-align: center;"><a href="http://i.imgur.com/LF1OmC6.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="251" src="http://i.imgur.com/LF1OmC6.jpg" width="400" /></a></div><br />Agar widgetnya menjadi responsive, maka Anda perlu memodif sedikit kode frame-nya, biasanya kode frame-nya akan seperti berikut ini.<br /><br /><span style="background-color: lime;"><iframe src="https://mapsengine.google.com/map/embed?mid=zQ6XcjwSDKlE.kRcezXkXvJ7c" width="640" height="480"></iframe></span><br /><br />Ganti kode <span style="background-color: lime;">width="640" height="480"</span> menjadi <span style="background-color: lime;">style="width:100%;height:480px;"</span> sehingga menjadi seperti di bawah ini.<br /><br /><span style="background-color: lime;"><iframe src="https://mapsengine.google.com/map/embed?mid=zQ6XcjwSDKlE.kRcezXkXvJ7c" style="width:100%;height:480px;"></iframe></span><br /><br />Bagi yang tidak ingin pakai iframe, Anda bisa menggunakan script iframe loader agar iframe tidak terdetek yang bisa mengurangi nilai seo blog kita. Sebagai contoh seperti Google Maps Kompi Ajaib di bawah ini.<br /><div class="separator" style="clear: both; text-align: center;"><a href="http://i.imgur.com/RQbjYPW.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="223" src="http://i.imgur.com/RQbjYPW.jpg" width="400" /></a></div><br />Agar tempat kita bisa dicari di Google Maps, kini kita sudah bisa kembali untuk menandai tempat kita di Google Maps, silahkan baca postingannya di link di bawah ini.<br /><br /><br />source : http://www.kompiajaib.com/2014/10/membuat-google-maps-dan-menentukan.html<br /><br />

Membuat Google Maps Dan Menentukan Lokasi Sendiri

Hal ini dapat berguna jika Anda membuat web untuk hotel, perumahan, ataupun toko online agar pengunjung dapat mengetahui lokasi Anda dengan ...

Baca selengkapnya »