tag:blogger.com,1999:blog-42377075327290242432025-03-27T08:01:09.260+07:00Blogger IndonesiaUnknownnoreply@blogger.comBlogger42125tag:blogger.com,1999:blog-4237707532729024243.post-63078474645694726502018-12-23T17:14:00.001+07:002018-12-23T17:15:26.729+07:00<div dir="ltr" style="text-align: left;" trbidi="on"> <h2 style="text-align: left;"> <span style="font-family: Verdana, sans-serif;">TOP LIST WEB DIREKTORI 2018</span></h2> <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/AVvXsEgXDmOgeIsrGjHG0LkWuWsa3a5xVRlyMSzkF8w-m9ogPphO9SjAly1axYxah9rFfM8qW9zpDN1gSviiCYZatR4rLlisgvMmJiXzI7U-MGRUW_nt1WOwwk2XSL4NC9iygGe5EUVyOf4hOd8/s1600/top-list-web-direktori.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="top list web direktori 2018-2019" border="0" data-original-height="296" data-original-width="594" height="197" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXDmOgeIsrGjHG0LkWuWsa3a5xVRlyMSzkF8w-m9ogPphO9SjAly1axYxah9rFfM8qW9zpDN1gSviiCYZatR4rLlisgvMmJiXzI7U-MGRUW_nt1WOwwk2XSL4NC9iygGe5EUVyOf4hOd8/s400/top-list-web-direktori.png" title="web direktori" width="400" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;">Top list web direktori</td></tr> </tbody></table> <div> <span style="font-family: Verdana, sans-serif;"><br /></span></div> <span style="font-family: Verdana, sans-serif;"><b>Top list web direktori</b> - Mengoptimasi situs dengan teknik SEO tentu belum lengkap tanpa menanam backlink (tautan balik). Walaupun banyak pakar, mastah dan ahli SEO Indonesia yang mengatakan bahwa backlink sudah bukan penentu naiknya peringkat situs di mesin pencarian (search engine), menurut kami backlink masih sangat-sangat ampuh dalam mendongkrak peringkat situs.</span><br /> <span style="font-family: Verdana, sans-serif;"><br /></span> <span style="font-family: Verdana, sans-serif;">Ada banyak tempat untuk menanam backlink seperti Blog forum, social bookmarking, artikel direktori, blog comment, media social dll. Salah satu tempat yang baik untuk menanam backlink adalah web direktori, Anda hanya perlu mandaftar dan mengikuti petunjuk yang di berikan. Lalu daftarkan situs Anda ke web direktori, namun Anda harus sabar menunggu persetujuan dari admin web direktori tersebut untuk memasukan situs Anda di list web direktori mereka. Waktunya bisa sampai 3-6 bulan untuk mendapatkan approval.</span><br /> <span style="font-family: Verdana, sans-serif;"><br /></span> <span style="font-family: Verdana, sans-serif;">Lamanya waktu yang di perlukan untuk mendapat persetujuan sepadan dengan yang Anda dapatkan bila situs Anda di setujui untuk di list di web direktori mereka. Situs Anda akan mendapatkan tautan balik (backlink) yang cukup berkualitas. Jika Anda tidak sabar Anda bisa membayar sejumlah uang yang di tarif mereka, jumlahnya bevariasi...atau jika Anda ingin cepat menampilkan situs Anda di halaman pertama mesin pencari dalam waktu singkat, Anda bisa menggunakan layanan <b><a href="https://ads.google.com/intl/id_id/start/?subid=id-id-ha-g-aw-c-sklv_1-rlsa!o2~-1464629183-279988587066&amp;gclid=Cj0KCQiAgf3gBRDtARIsABgdL3m2F1LZj1IrwFqdA4FxjiKBWY0RQsIuiG-lTrn27zmKtHoEocGN0uAaAoYPEALw_wcB">Google Ads</a></b>. Karena menerapkan teknik SEO untuk mengoptimasi situs/blog adalah pekerjaan yang memerlukan kesabaran dan ketekunan.</span><br /> <span style="font-family: Verdana, sans-serif;"><br /></span> <span style="font-family: Verdana, sans-serif;">Ok itu saja yang bisa kami infokan mengenai web direktori, dan berikut Top List web direktori 2018 :</span><br /> <br /> <ol style="text-align: left;"> <li><span style="font-family: Verdana, sans-serif;">http://www.blogcatalog.com</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.bloghints.com</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.ontoplist.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.bloggingfusion.com</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.bizzdirectory.com</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.blogarama.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.blogs-collection.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.blogdirectory.ws/</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.bloghub.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.bloggernow.com</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.blogrollcenter.com/</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.blogtopsites.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.blog-search.com</span></li> <li><span style="font-family: Verdana, sans-serif;">http://blogswirl.com</span></li> <li><span style="font-family: Verdana, sans-serif;">http://blogville.us</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.blogflux.com</span></li> <li><span style="font-family: Verdana, sans-serif;">http://blogsrater.com</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.bloglisting.net</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.bocaiw.net</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.cluboo.com</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.directoryseo.biz</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.freetoprankdirectory.com</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.freewebsitedirectory.com/</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.findsites.net</span></li> <li><span style="font-family: Verdana, sans-serif;">http://fuelmyblog.com</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.h-log.com</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.happal.com</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.highrankdirectory.com</span></li> <li><span style="font-family: Verdana, sans-serif;">http://homepageseek.com/&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.info-listings.com</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.informationcrawler.com</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.jewana.com</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.linkpedia.net</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.linkroo.com</span></li> <li><span style="font-family: Verdana, sans-serif;">http://linksmaximum.com</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.link-minded.com</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.livepopular.com</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.marketingwebdirectory.com</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.nexusdirectory.com</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.onlinesociety.org</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.pegasusdirectory.com</span></li> <li><span style="font-family: Verdana, sans-serif;">http://picktu.com</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.plazoo.com</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.prolinkdirectory.com</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.promotebusinessdirectory.com</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.ranaf.com</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.rocktheadored.com</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.sites-plus.com</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.sitepromotiondirectory.com</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.submissionwebdirectory.com</span></li> <li><span style="font-family: Verdana, sans-serif;">http://somuch.com</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.synergy-directory.com</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.the-free-directory.co.uk/</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.topsiteswebdirectory.com</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.urlshack.com</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.usgeo.org</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.w3catalog.com</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.wilsdomain.com</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.worldweb-directory.com</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.addyourblog.com</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.blogdirs.com/</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.blogsdb.com</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.bloghints.com</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.blogratedirectory.com</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.blogsthatfollow.com</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.blogtoplist.com</span></li> <li><span style="font-family: Verdana, sans-serif;">http://carefullypicked.com</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.ellysdirectory.com</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.freeaddurl.org</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.ontoplist.com</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.mvomrat.com</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.rapidenetwork.eu</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.spillbean.com</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.thecgisite.com/</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.wordpressblogdirectory.com/</span></li> <li><span style="font-family: Verdana, sans-serif;">http://worldweb-directory.com/</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.bestfreewebsites.net/</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.alistsites.com/</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.gramrox.com/</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.worthdirectory.com/</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.dmoz.org/</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.sitepromotiondirectory.com/</span></li> <li><span style="font-family: Verdana, sans-serif;">http://highrankdirectory.com/</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.abc-directory.com/</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.submissionwebdirectory.com/</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.marketinginternetdirectory.com/</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.gmawebdirectory.com/</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.ukinternetdirectory.net/</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.siteswebdirectory.com/</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.usalistingdirectory.com/</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.britainbusinessdirectory.com/</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.promotebusinessdirectory.com/</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.dizila.com/</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.usgeo.org/</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.webdirectoryhealth.com/</span></li> <li><span style="font-family: Verdana, sans-serif;">http://jayde.com/</span></li> <li><span style="font-family: Verdana, sans-serif;">http://obln.org/</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.ellysdirectory.com/</span></li> <li><span style="font-family: Verdana, sans-serif;">http://mastermoz.com/</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.linkspurt.com/</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.findelio.com/</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.thecgisite.com/</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.bloghints.com/</span></li> <li><span style="font-family: Verdana, sans-serif;">http://1188la.net/</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.nationalflyfishingexpo.org/</span></li> <li><span style="font-family: Verdana, sans-serif;">http://topedusites.com/</span></li> <li><span style="font-family: Verdana, sans-serif;">http://viesearch.com/</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.gainweb.org/</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.tsection.com/</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.synergy-directory.com/</span></li> <li><span style="font-family: Verdana, sans-serif;">http://pegasusdirectory.com/</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.ironlinkdirectory.com/submit?c=9&amp;LINK_TYPE=1</span></li> <li><span style="font-family: Verdana, sans-serif;">https://freedirectorysubmissionsites.com/</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.linkmatch.info/</span></li> <li><span style="font-family: Verdana, sans-serif;">https://scrubtheweb.com/</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.enforum.net/</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.usawebsitesdirectory.com/</span></li> <li><span style="font-family: Verdana, sans-serif;">https://www.seoseek.net/</span></li> <li><span style="font-family: Verdana, sans-serif;">https://www.linkroo.com/</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.allstatesusadirectory.com/</span></li> <li><span style="font-family: Verdana, sans-serif;">https://www.hydeparkbooks.com/</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.alistdirectory.com/</span></li> <li><span style="font-family: Verdana, sans-serif;">http://1abc.org/</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.gmawebdirectory.com/</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.galyeannursery.com/</span></li> <li><span style="font-family: Verdana, sans-serif;">http://ww7.digitaleveuk.org/</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.deeplinksdirectory.co/</span></li> <li><span style="font-family: Verdana, sans-serif;">https://www.dondir.com/</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.contenteurope.com/</span></li> <li><span style="font-family: Verdana, sans-serif;">https://www.callyourcountry.com/</span></li> <li><span style="font-family: Verdana, sans-serif;">https://www.callbuster.net/</span></li> <li><span style="font-family: Verdana, sans-serif;">https://www.businessseek.biz/</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.brownlinker.com/</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.britainbusinessdirectory.com/</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.botid.org/</span></li> <li><span style="font-family: Verdana, sans-serif;">https://intelseek.com/</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.h-log.com/</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.eslovar.com/</span></li> <li><span style="font-family: Verdana, sans-serif;">http://thalesdirectory.com/</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.directoryseo.biz/</span></li> <li><span style="font-family: Verdana, sans-serif;">http://www.wwwi.co.uk/</span></li> <li><span style="font-family: Verdana, sans-serif;">http://usgeo.org/</span></li> <li><span style="font-family: Verdana, sans-serif;">http://hdvconnect.com/</span></li> </ol> <br /> <span style="font-family: Verdana, sans-serif;"><br /></span> <span style="font-family: Verdana, sans-serif;">PS: sebagian web mungkin sudah tidak aktif dan ada beberapa web direktori yang menerapkan sistem berbayar, enjoy!&nbsp; &nbsp; &nbsp;&nbsp;</span></div> Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4237707532729024243.post-60040133521985493152018-12-08T14:04:00.001+07:002019-01-05T10:27:46.125+07:00<div dir="ltr" style="text-align: left;" trbidi="on"> <h3> <span style="font-family: &quot;verdana&quot; , sans-serif;">Promosi Di Zoteromedia.com Solusi Untuk Meningkatkan Penjualan</span></h3> <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/AVvXsEhZstNd6Em2T3AeQokJLnzagIQ_WMd6YSav0BLuSJtebY0Y437L3yvXxMJU8FL1tP_yHaBBv1VhyphenhyphenX3xHs1tZsPJSfxQtSiVtx8abaZPtm9kSXPAXBjIZF8it9rX8mHDlFV7auxMmBAA9isz/s1600/cara-meningkatkan-penjualan-dengan-promosi-di-zoteromediacom.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="begini cara meningkatkan penjualan dengan promosi di zoteromedia.com" border="0" data-original-height="397" data-original-width="689" height="230" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZstNd6Em2T3AeQokJLnzagIQ_WMd6YSav0BLuSJtebY0Y437L3yvXxMJU8FL1tP_yHaBBv1VhyphenhyphenX3xHs1tZsPJSfxQtSiVtx8abaZPtm9kSXPAXBjIZF8it9rX8mHDlFV7auxMmBAA9isz/s400/cara-meningkatkan-penjualan-dengan-promosi-di-zoteromediacom.png" title="Digital promotion" width="400" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;">Cara Meningkatkan Penjualan Dengan Promosi di Zoteromedia.com</td></tr> </tbody></table> <div> <span style="font-family: &quot;verdana&quot; , sans-serif;"><b><a href="http://spotkreatif.blogspot.com/2018/12/cara-meningkatkan-penjualan-dengan-promosi-di-zoteromediacom.html">Cara meningkatkan penjualan dengan promosi di zoteromedia.com</a>&nbsp;</b>- Bagi sebagian besar pelaku usaha, kegiatan promosi memegang peranan sangat penting guna meningkatkan penjualan. Karena tanpa melakukan promosi usaha yang dijalankan akan sangat sulit berkembang. Banyak macam dan cara promosi dari cara yang sederhana sampai yang kompleks, dari cara konvesional hingga yang modern.</span></div> <span style="font-family: &quot;verdana&quot; , sans-serif;"><br /></span> <span style="font-family: &quot;verdana&quot; , sans-serif;">Anda bisa saja menjalankan usaha tanpa melakukan promosi, tapi coba bandingkan dengan pelaku usaha lainnya yang melakukan promosi, tentu akan terlihat perbedaannya. Mereka yang melakukan kegiatan promosi setahap demi setahap akan mengalami kemajuan demi kemajuan. Namun promosi juga tidak boleh di lakukan dengan sembarangan dan berharap akan benjir order, ada tempat dan cara untuk meningkatkan penjualan dari produk yang Anda tawarkan tentunya. Anda sebagai pelaku usaha di tuntut untuk mempunyai <b>Pengetahuan</b> yang baik akan hal ini.</span><br /> <span style="font-family: &quot;verdana&quot; , sans-serif;"><br /></span> <span style="font-family: &quot;verdana&quot; , sans-serif;">Promosi yang dilakukan secara brutal dan serampangan hanya akan bedampak buruk bagi usaha Anda. Seperti kehabisan budget atau modal usaha karena cash ludes di pakai untuk biaya promosi yang tidak karuan hehe...pelajari <a href="https://onlinemakelar.blogspot.com/">ilmu pemasaran </a>yang baik dan yang sesuai dengan usaha Anda. Dengan begitu Bisnis Anda akan mampu bertahan bahkan bersaing di lautan kompetitor yang semakin hari semakin sesak.</span><br /> <span style="font-family: &quot;verdana&quot; , sans-serif;"><br /></span> <span style="font-family: &quot;verdana&quot; , sans-serif;">Salah satu cara yang simpel namun efektif untuk mempromosikan usaha Anda adalah dengan memanfaatkan Internet, Saat ini Internet sudah seperti kebutuhan pokok bagi semua orang. Salah satu contoh tempat yang cukup baik untuk berpromosi di Internet adalah Zoteromedia.com, Ia merupakan usaha digital rintisan di bidang periklanan lokal, sangat cocok untuk usaha yang penjualannya di khususkan untuk pasar dalam negeri.</span><br /> <h4> <span style="font-family: &quot;verdana&quot; , sans-serif;"><br /></span></h4> <h4> <span style="font-family: &quot;verdana&quot; , sans-serif;">Bagaimana Cara Meningkatkan Penjualan Dengan Promosi di Zoteromedia.com?</span></h4> <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/AVvXsEhVfssIVQZdIOJmOOFL8s95ZSA3YeVdci127hhX8-yWXsx7ToFEAIbgEMj94ZayM-l8QHoQSZu0hUBQzRGZhDnAtVtz7XlCCMskkvRFW3LUGe19O5c0B-b1dAi7yKVfmV_jTNkny0BjeXNx/s1600/cara-meningkatkan-penjualan-dengan-promosi-di-zoteromedia.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Wow cara meningkatkan penjualan dengan promosi di zoteromedia.com yuk" border="0" data-original-height="407" data-original-width="536" height="302" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVfssIVQZdIOJmOOFL8s95ZSA3YeVdci127hhX8-yWXsx7ToFEAIbgEMj94ZayM-l8QHoQSZu0hUBQzRGZhDnAtVtz7XlCCMskkvRFW3LUGe19O5c0B-b1dAi7yKVfmV_jTNkny0BjeXNx/s400/cara-meningkatkan-penjualan-dengan-promosi-di-zoteromedia.png" title="Promosi" width="400" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;">Cara Untuk Meningkatkan Penjualan Dengan Promosi di Zoteromedia.com</td></tr> </tbody></table> <div> <span style="font-family: &quot;verdana&quot; , sans-serif;">Caranya sangat mudah sekali, berikut langkah-langkahnya:</span></div> <br /> <ul> <li><span style="font-family: &quot;verdana&quot; , sans-serif;">Kunjungi situsnya</span></li> <li><span style="font-family: &quot;verdana&quot; , sans-serif;">Daftar sebagai Advertiser</span></li> <li><span style="font-family: &quot;verdana&quot; , sans-serif;">Ikuti petunjuk yang di berikan</span></li> <li><span style="font-family: &quot;verdana&quot; , sans-serif;">Selesai, mudah bukan</span></li> </ul> <br /> <span style="font-family: &quot;verdana&quot; , sans-serif;">Cara meningkatkan penjualan dengan promosi di zoteromedia.com adalah cara yang tepat, karena zoteromedia.com merupakan platform periklanan digital <b>PPC Indonesi</b>a dan <b>CPM indonesia </b>yang sudah cukup baik. Keuntungan lainnya adalah bisa memulai pasang iklan dengan budget yang kecil dan iklan tayang tanpa batas waktu.</span><br /> <span style="font-family: &quot;verdana&quot; , sans-serif;"><br /></span> <span style="font-family: &quot;verdana&quot; , sans-serif;">Bagi Anda yang saat ini sedang <b>Belajar Ngeblog</b> dan ingin mempunyai penghasilan dari blog, Anda bisa mendaftar di zoteromedia.com sebagai publisher. Namun pastikan blog sudah siap dan layak tayang serta tidak mengandung konten dewasa dan perjudian juga tidak melanggar kaidah situs pada umumnya.</span><br /> <span style="font-family: &quot;verdana&quot; , sans-serif;"><br /></span> <span style="font-family: &quot;verdana&quot; , sans-serif;">Internet sudah menjadi bagian dari kehidupan masyarakat modern, hampir setiap kegiatan yang dikerjakan oleh orang-orang zaman sekarang tidak pernah lepas dari internet. Contohnya, berinteraksi dengan teman ataupun kolega di social media, belanja online, mencari informasi, bekerja dll. Melihat fenomena ini sangat di sayangkan jika usaha Anda tidak di promosikan di Internet mengingat besarnya pengguna yang semakin hari semakin bertambah.</span><br /> <span style="font-family: &quot;verdana&quot; , sans-serif;"><br /></span> <span style="font-family: &quot;verdana&quot; , sans-serif;">Indonesia dengan jumlah penduduk kurang lebih 250 juta jiwa dan terus bertambah, merupakan pasar yang sangat besar bukan? jadi tidak ada alasan untuk tidak mempromosikan usaha Anda di Internet. Sekian tulisan sederhana yang di buat oleh <a href="http://spotkreatif.blogspot.com/">spotkreatif.blogspot.com </a>ini, semoga membantu.</span><br /> <br /></div> Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4237707532729024243.post-32472639825262355052017-12-25T12:20:00.000+07:002018-12-25T12:24:09.304+07:00<div dir="ltr" style="text-align: left;" trbidi="on"> <h2 style="text-align: left;"> <span style="font-family: Verdana, sans-serif;">FREE LIST WEB FORUM HIGH PR</span></h2> <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/AVvXsEjLsHAxam1HmH-CwqGlCjfpCsiVzorvH6TZzcjMqCxjPWn6oT5NO41UqNeQWQMP9p_XYKEJpxv6GmE9H3ZHicv0f4FkiU20njw5mxmLIhCR14kQ1Q2LUcyW19sMnjrWoy3yFeooqWDJtzE/s1600/free-list-web-forum-high-pr.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="list web forum high pr " border="0" data-original-height="421" data-original-width="755" height="222" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLsHAxam1HmH-CwqGlCjfpCsiVzorvH6TZzcjMqCxjPWn6oT5NO41UqNeQWQMP9p_XYKEJpxv6GmE9H3ZHicv0f4FkiU20njw5mxmLIhCR14kQ1Q2LUcyW19sMnjrWoy3yFeooqWDJtzE/s400/free-list-web-forum-high-pr.png" title="web forum" width="400" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;">List web forum ber-PR tinggi</td></tr> </tbody></table> <div> <span style="font-family: Verdana, sans-serif;">Forum banyak digunakan untuk membuat situs web atau blog jadi populer. Banyak orang datang di forum yang berbeda dan mendiskusikan apa saja mengenai topik tertentu yang&nbsp; mereka minati untuk memberi tahu orang lain tentang produk atau layanan mereka.</span></div> <span style="font-family: Verdana, sans-serif;"><br /></span> <span style="font-family: Verdana, sans-serif;"><b>Apa itu Situs Web Forum</b>?</span><br /> <span style="font-family: Verdana, sans-serif;"><br /></span> <span style="font-family: Verdana, sans-serif;">Situs web forum sebenarnya seperti sesi tanya jawab. Situs web Forum menawarkan fasilitas diskusi yang sangat besar kepada webmaster yang tertarik untuk membahas tentang beberapa topik atau layanan. Proses diskusi ini pada dasarnya membantu orang untuk mendapatkan banyak tautan balik dari situs web forum. Tautan balik ini membantu mereka meningkatkan peringkat di mesin telusur dan juga menjadikan situs web atau produk mereka populer.</span><br /> <span style="font-family: Verdana, sans-serif;"><br /></span> <span style="font-family: Verdana, sans-serif;"><b>Pentingnya Forum</b></span><br /> <span style="font-family: Verdana, sans-serif;"><br /></span> <span style="font-family: Verdana, sans-serif;">Pengeposan forum secara luas digunakan sebagai alat dalam SEO terutama ketika Anda melakukan optimasi di luar halaman. Jika halaman forum diindeks di google, ini memberi Anda peluang bagus untuk mendapatkan backlink berkualitas dari forum itu dengan berpartisipasi dalam berbagai diskusi berbeda. Selain itu, forum juga memberikan Anda lalu lintas langsung dan ditargetkan ke situs web Anda sendiri.</span><br /> <span style="font-family: Verdana, sans-serif;"><br /></span> <span style="font-family: Verdana, sans-serif;">Seperti kita semua sadar akan fakta bahwa backlink adalah faktor penting dalam menentukan peringkat situs web di mesin pencari. Saat ini, ada banyak metode yang tersedia untuk mendapatkan backlink berkualitas untuk situs web Anda. Semakin banyak backlink yang Anda dapatkan untuk situs web Anda, semakin membantu Anda meningkatkan peringkat situs web Anda di berbagai mesin pencari. Pengeposan forum adalah cara yang sangat sederhana dan mudah untuk mendapatkan berbagai tautan balik untuk situs web Anda.</span><br /> <span style="font-family: Verdana, sans-serif;"><br /></span> <span style="font-family: Verdana, sans-serif;">Semakin banyak orang menggunakan metode posting forum untuk mendapatkan backlink karena ini tidak mengandung prosedur yang sulit. Anda hanya pergi ke forum dan berpartisipasi aktif dalam topik yang dibahas. Setelah membuat diskusi yang baik dan informatif, Anda dengan mudah diberikan backlink untuk situs web Anda.</span><br /> <span style="font-family: Verdana, sans-serif;"><br /></span> <span style="font-family: Verdana, sans-serif;"><b>Hal-hal yang Perlu Dipertimbangkan Sebelum Membuat Pos Forum</b>?</span><br /> <span style="font-family: Verdana, sans-serif;"><br /></span> <span style="font-family: Verdana, sans-serif;">Ada beberapa hal yang harus selalu Anda ingat ketika membuat posting forum, jika tidak semua upaya posting forum Anda sia-sia:</span><br /> <br /> <ul style="text-align: left;"> <li><span style="font-family: Verdana, sans-serif;">Saat memilih forum untuk diskusi, pastikan bahwa forum tersebut mirip dengan situs web atau niche Anda karena jika halaman forum tersebut diindeks, Anda akan mendapatkan banyak backlink berkualitas sebagai imbalannya.</span></li> <li><span style="font-family: Verdana, sans-serif;">Pilih forum yang memiliki jumlah lalu lintas yang penuh perhatian secara rutin. Jika Anda telah memulai diskusi yang menyenangkan tetapi tidak ada cukup banyak orang untuk mendiskusikan topik ini dengan Anda, peluang membuat posting forum itu populer berkurang banyak.</span></li> <li><span style="font-family: Verdana, sans-serif;">Selalu mencoba untuk memilih forum yang memiliki PR tinggi karena forum PR tinggi akan memberikan backlink berkualitas tinggi.</span></li> <li><span style="font-family: Verdana, sans-serif;">Saat Anda memulai posting forum, cobalah untuk memilih topik yang masuk akal bagi Anda dan anggota forum lainnya jika tidak, Anda dapat dengan mudah mendapatkan hukuman dari anggota forum yang lain.</span></li> <li><span style="font-family: Verdana, sans-serif;">Jangan pernah melakukan aktivitas spam apa pun di forum karena pemilik forum memegang semua hak untuk melarang Anda dari tempat itu.</span></li> </ul> <br /> <h4 style="text-align: left;"> <span style="font-family: Verdana, sans-serif;">List FREE Forum Sites High PR:&nbsp;&nbsp;</span></h4> <br /> <ol style="text-align: left;"> <li><span style="font-family: Verdana, sans-serif;">&nbsp; &nbsp;www.flickr.com/help/forum&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">&nbsp; &nbsp;www.sba.gov/community&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">&nbsp; &nbsp;www.addthis.com/forum&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">&nbsp; &nbsp;www.forums.mysql.com&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">&nbsp; &nbsp;social.microsoft.com/Forums&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">&nbsp; &nbsp;www.bbpress.org/forums&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">&nbsp; &nbsp;forum.filezilla-project.org&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">&nbsp; &nbsp;www.forums.cnet.com&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">&nbsp; &nbsp;www.flagcounter.boardhost.com&nbsp; &nbsp; &nbsp;&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">&nbsp; &nbsp;www.ckeditor.com/forums&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">&nbsp; &nbsp;www.forum.joomla.org&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">&nbsp; &nbsp;online.wsj.com/community&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">&nbsp; &nbsp;www.claroline.net/forum&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">&nbsp; &nbsp;www.forums.cpanel.net&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">&nbsp; &nbsp;www.cnet.com/forums&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">&nbsp; &nbsp;forums.hostgator.com&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">&nbsp; &nbsp;forum.siteground.com&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">&nbsp; &nbsp;forum.statcounter.com/vb&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">&nbsp; &nbsp;www.phpbb.com/community&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">&nbsp; &nbsp;forum.wordreference.com&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">&nbsp; &nbsp;community.skype.com&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">&nbsp; &nbsp;forums.mozillazine.org&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">&nbsp; &nbsp;arch.designcommunity.com&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">&nbsp; &nbsp;www.eubusiness.com/discussion&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">&nbsp; &nbsp;forums.businessweek.com&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">&nbsp; &nbsp;www.alice.org/community&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">&nbsp; &nbsp;ubuntuforums.org&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">&nbsp; &nbsp;www.smallbusinessbrief.com/forum&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">&nbsp; &nbsp;forums.lablit.com&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">&nbsp; &nbsp;seoforums.org&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">&nbsp; &nbsp;forums.metacafe.com&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">&nbsp; &nbsp;www.textiledegree.com&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">&nbsp; &nbsp;www.techsupportforum.com&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">&nbsp; &nbsp;forum.notebookreview.com&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">&nbsp; &nbsp;forums.afterdawn.com&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">&nbsp; &nbsp;www.dnforum.com&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">&nbsp; &nbsp;forums.afterdawn.com&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">&nbsp; &nbsp;www.htmlforums.com&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">&nbsp; &nbsp;websitebabble.com&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">&nbsp; &nbsp;www.bloggerforum.com&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">&nbsp; &nbsp;www.laptopbaginfo.com&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">&nbsp; &nbsp;www.blackhatworld.com&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">&nbsp; &nbsp;codingforums.com&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">&nbsp; &nbsp;siteownersforums.com&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">&nbsp; &nbsp;forum.seopanel.in&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">&nbsp; &nbsp;trafficplanet.com&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">&nbsp; &nbsp;www.techimo.com&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">&nbsp; &nbsp;www.warriorforum.com&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">&nbsp; &nbsp;forums.teneric.co.uk&nbsp; &nbsp;&nbsp;</span></li> </ol> </div> Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4237707532729024243.post-24612344657729755652017-12-23T14:13:00.000+07:002018-12-23T14:14:09.655+07:00<div dir="ltr" style="text-align: left;" trbidi="on"> <h2 style="text-align: left;"> <span style="font-family: Verdana, sans-serif;">List Blog Komentar High PR</span></h2> <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/AVvXsEgSKZDPPfADFDbJWkFaXKSFkHxNTD4MkjGgCVY1x6gScYZ9hBwKdLor5JcEIM1Y78HNMKapTaQlxqg7I_vRrfyfjG5QQ-14qE4uFkSp2pHWfr3yC8U6iKBji_sSrJkTjs_7AHo4hyphenhyphenEABD0/s1600/list-blog-komentar-high-pr.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="daftar blog komentar high pr" border="0" data-original-height="323" data-original-width="624" height="206" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSKZDPPfADFDbJWkFaXKSFkHxNTD4MkjGgCVY1x6gScYZ9hBwKdLor5JcEIM1Y78HNMKapTaQlxqg7I_vRrfyfjG5QQ-14qE4uFkSp2pHWfr3yC8U6iKBji_sSrJkTjs_7AHo4hyphenhyphenEABD0/s400/list-blog-komentar-high-pr.png" title="blog coment" width="400" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;">List blog coment high PR</td></tr> </tbody></table> <div> <span style="font-family: Verdana, sans-serif;"><br /></span></div> <span style="font-family: Verdana, sans-serif;">Komentar blog adalah cara yang sangat tradisional dan populer digunakan untuk mendapatkan tautan balik berkualitas untuk situs web Anda. Para&nbsp; webmaster profesional dan pemula telah melakukannya sejak Seo mulai muncul.</span><br /> <span style="font-family: Verdana, sans-serif;"><br /></span> <span style="font-family: Verdana, sans-serif;"><b>Apa itu Blog Komentar?</b></span><br /> <span style="font-family: Verdana, sans-serif;"><br /></span> <span style="font-family: Verdana, sans-serif;">Komentar blog pada dasarnya adalah sapaan, pendapat atau pandangan oleh pengunjung yang mendatangi sebuah situs/blog. Ini merupakan cara yang bagus untuk berbagi pemikiran dan pendapat Anda tentang apa yang Anda rasakan atau pikirkan tentang topik tertentu yang dibagikan di situs/blog. Mengomentari blog meningkatkan popularitas situs web dan membantu mendapatkan banyak traffic.</span><br /> <span style="font-family: Verdana, sans-serif;"><br /></span> <span style="font-family: Verdana, sans-serif;">Pemirsa blog, pengunjung atau pembaca meninggalkan beberapa komentar pada posting blog yang berbeda dalam bentuk pertanyaan atau dengan hanya menghargai artikel. Ini memberi mereka kesempatan untuk mendapatkan tautan balik (backlink) yang baik untuk situs web mereka.</span><br /> <span style="font-family: Verdana, sans-serif;"><br /></span> <span style="font-family: Verdana, sans-serif;"><b>Mengapa Mengomentari Blog Penting</b></span><br /> <span style="font-family: Verdana, sans-serif;"><br /></span> <span style="font-family: Verdana, sans-serif;">Sama seperti mobil membutuhkan kendaraan, blog membutuhkan komentar. Komentar blog memberikan peluang yang sangat baik untuk meretas blog-blog Anda yang ditulis dengan baik. Mereka mengarah ke diskusi yang sehat tentang topik tertentu yang pada gilirannya akan memperkuat pengguna dan hubungan penulis. Semakin Anda berinteraksi dengan pengguna Anda dalam komentar, semakin banyak blog Anda menjadi populer. Selain semakin populer, komentar blog juga membantu dalam mendapatkan beberapa tautan balik (backlink) untuk situs web Anda yang meningkatkan peringkat Anda di mesin telusur.</span><br /> <span style="font-family: Verdana, sans-serif;"><br /></span> <span style="font-family: Verdana, sans-serif;"><b>Apa manfaat dari komentar blog?</b></span><br /> <span style="font-family: Verdana, sans-serif;"><br /></span> <span style="font-family: Verdana, sans-serif;">Komentar blog menawarkan berbagai keuntungan baik bagi blogger maupun pengguna. Berikut adalah beberapa keuntungan bermanfaat dari komentar blog yang terdaftar di bawah:</span><br /> <span style="font-family: Verdana, sans-serif;"><br /></span> <span style="font-family: Verdana, sans-serif;"><b>✔️ Mencapai Mesin Pencari</b></span><br /> <span style="font-family: Verdana, sans-serif;"><br /></span> <span style="font-family: Verdana, sans-serif;">Jika situs web Anda tidak mendapatkan lalu lintas (traffic/pengunjung) yang cukup, salah satu alasannya mungkin karena mesin telusur tidak memberikan otoritas ke situs web Anda. Saat Anda mengomentari blog orang lain, ini memberi Anda peluang untuk mendapatkan tautan balik yang meningkatkan peringkat Anda di mesin telusur.</span><br /> <span style="font-family: Verdana, sans-serif;"><br /></span> <b style="font-family: Verdana, sans-serif;">✔️&nbsp;</b><span style="font-family: Verdana, sans-serif;"><b>Promosi Merek</b></span><br /> <span style="font-family: Verdana, sans-serif;"><br /></span> <span style="font-family: Verdana, sans-serif;">Ini memberi Anda cara untuk mempromosikan merek Anda di situs web lain tanpa membayar biaya apa pun untuk itu.</span><br /> <span style="font-family: Verdana, sans-serif;"><br /></span> <b style="font-family: Verdana, sans-serif;">✔️&nbsp;</b><span style="font-family: Verdana, sans-serif;"><b>Hubungan Antar Pemilik Blog</b></span><br /> <span style="font-family: Verdana, sans-serif;"><br /></span> <span style="font-family: Verdana, sans-serif;">Membangun hubungan yang transparan dan kuat antara pengguna dan blogger adalah hal yang cukup sulit tetapi komentar blog membuatnya lebih mudah bagi Anda. Ini memberi Anda cara alami untuk berinteraksi dengan pengguna Anda dan belajar tentang mereka.</span><br /> <span style="font-family: Verdana, sans-serif;"><br /></span> <b style="font-family: Verdana, sans-serif;">✔️&nbsp;</b><span style="font-family: Verdana, sans-serif;"><b>Mengemudi Lalu Lintas Pengunjung</b></span><br /> <span style="font-family: Verdana, sans-serif;"><br /></span> <span style="font-family: Verdana, sans-serif;">Komentar blog membuat situs web atau produk Anda populer dengan memberi tahu orang lain tentang hal itu. Pastikan untuk memenuhi beberapa komentar yang relevan, jika tidak, pemilik tidak akan melayani Anda dengan baik.</span><br /> <span style="font-family: Verdana, sans-serif;"><br /></span> <span style="font-family: Verdana, sans-serif;">Kami telah menyusun daftar berikut yang mencakup semua situs web yang menawarkan komentar blog dan tautan balik (backlink) High PR. Berikut daftarnya :</span><br /> <br /> <ol style="text-align: left;"> <li><span style="font-family: Verdana, sans-serif;">Blogger.com</span></li> <li><span style="font-family: Verdana, sans-serif;">my.telegraph.co.uk</span></li> <li><span style="font-family: Verdana, sans-serif;">Politico.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Issuu.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Xing.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Smh.com.au&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Theage.com.au&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Movabletype.org&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Meetup.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Zillow.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">eHow.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Codeproject.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">www.seofreetips.net/blog&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">WWW.CC.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">www.Blogger.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Telegraph.co.uk&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Politico.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Issuu.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Xing.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Smh.com.au&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Theage.com.au&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Movabletype.org&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">iSSUU.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Meetup.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">eHow.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Codeproject.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Avclub.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">WWW.CC.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">2checkout.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Javaworld.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Canberratimes.com.au&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">30boxes.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">www.mrqe.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">www.adweek.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Tripit.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Searchenginejournal.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Unbounce.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Alltop.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Btemplates.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Host.madison.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Problogger.net&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Japantoday.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Blog.woorank.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Quicksprout.com/blog&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Carscoops.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Backlinko.com/blog&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Bloggingcage.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Medianama.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Dailyblogtips.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Missoulian.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Kikolani.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Interactiondesign.sva.edu&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Successfulblogging.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Gazettetimes.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Wiscnews.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Anokhimedia.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Timemanagementchef.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Sylvianenuccio.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Helenair.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Finweb.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Intenseblog.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Weblogtoolscollection.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Blog-directory.org&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Blogtoplist.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Rebootauthentic.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Democratherald.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">W3blog.dk&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Globeofblogs.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Links.org.au&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Jiscdigitalmedia.ac.uk/blog&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Thestudentsunion.co.uk&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Journalstar.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Justcreative.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Updateland.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Justcreative.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Leftlanenews.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Bloggingtips.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Missoulian.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Searchenginepeople.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Kikolani.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Blogflux.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Thegloss.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Seosiren.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Poststar.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Seobythesea.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Quickonlinetips.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Fashionnstyle.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Siouxcityjournal.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Bloghints.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Comluv.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Mtstandard.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Exeideas.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Lovechicliving.co.uk&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Wassupblog.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Currybet.net&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Newcritics.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Fortheloss.org&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Contentmarketingup.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Midasoracle.org&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Warriorforum.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Blogengage.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Allbloggingtips.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">SEO-hacker.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Magemojo.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Basicblogtips.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Famousbloggers.net&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Fuelmyblog.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Kaiserthesage.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Blondish.net&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Blogville.us&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Becomeablogger.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Techatlast.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Bloggodown.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Theemotionmachine.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Hanfordsentinel.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Santamariatimes.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Cravingtech.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Blogstash.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Just-ask-kim.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Animhut.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Mackcollier.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Windowstalk.org&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Dmiracle.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Howtospoter.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Benspark.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Kopiaste.org&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Myrecycledbags.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Bizchickblogs.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Thevirtualasst.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Communicatevalue.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Techgyd.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Johnchow.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Heraldextra.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Bloggingtips.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Steamfeed.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Shalusharma.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Blogdirectory.ws&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">iTechcode.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Blogelina.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Smartbloggerz.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Techehow.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Webgnomes.org&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Stayonsearch.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Avdhootblogger.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Exceptnothing.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Oddblogger.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">SEOallrounder.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Bloggingwithoutablog.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Ttmitchellconsulting.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Pulkit.me&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Blogdir.co.uk&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Wassupblog.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">eHowportal.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Techgau.org&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Pqinternet.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Whoismikehobbs.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Dailytekk.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Bloggingways.net&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Abovealloffers.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Dollarsblog.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Daddydewberry.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Bloggergo.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">iPhone6update.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Techtricksworld.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Blogtrepreneur.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Growmap.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Blog.Brsoftech.com&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Weblogbetter.com&nbsp;</span></li> </ol> <br /> <div> <br /></div> </div> Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4237707532729024243.post-12073774072264973292016-12-23T14:02:00.000+07:002018-12-23T14:02:56.365+07:00<div dir="ltr" style="text-align: left;" trbidi="on"> <h2 style="text-align: left;"> <span style="font-family: Verdana, sans-serif;">Belajar SEO Pemula</span></h2> <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/AVvXsEhioCpXVAeCzmgUeaDtzeJMRnL8e-9C8J4vsc_dJ4woiciB2D68EL5OKVELQHACGkB0E94PTiq2CLLOtjTPyA0f08eIUA2fF5jWOxkAsXjXCL7WUnmxbkNVLtgJzJogh_jCKBkS6WP_qBY/s1600/belajar-seo-pemula.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="pengertian mendasar tentang SEO" border="0" data-original-height="439" data-original-width="729" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhioCpXVAeCzmgUeaDtzeJMRnL8e-9C8J4vsc_dJ4woiciB2D68EL5OKVELQHACGkB0E94PTiq2CLLOtjTPyA0f08eIUA2fF5jWOxkAsXjXCL7WUnmxbkNVLtgJzJogh_jCKBkS6WP_qBY/s400/belajar-seo-pemula.png" title="seo" width="400" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;">Belajar Seo pemula</td></tr> </tbody></table> <div> <span style="font-family: Verdana, sans-serif;"><br /></span></div> <span style="font-family: Verdana, sans-serif;"><b>Dua Komponen Penting dalam Belajar SEO</b></span><br /> <span style="font-family: Verdana, sans-serif;"><br /></span> <span style="font-family: Verdana, sans-serif;">Banyak sekali kursus online belajar SEO (Search Engine Optimization) yang sebenarnya semuanya sama saja. Setidaknya ada dua komponen yang pasti diajarkan di manapun Anda belajar SEO untuk keperluan website anda.</span><br /> <span style="font-family: Verdana, sans-serif;"><br /></span> <span style="font-family: Verdana, sans-serif;">Ya, memang para ahli SEO tidak mungkin menawarkan pedoman tentang SEO yang sama. Pasti ada pembeda sehingga mereka bisa dikatakan lebih hebat daripada yang lain. Namun, dalam belajar seo dua hal ini selalu diikut sertakan. Hanya saja, penerapannya saja yang sedikit berbeda.</span><br /> <span style="font-family: Verdana, sans-serif;"><br /></span> <span style="font-family: Verdana, sans-serif;">Apa saja dua hal tersebut? Onpage SEO dan Offpage SEO. Anda mungkin sudah tahu tentang dua hal ini. Namun, apakah Anda tahu basic idea dari dua komponen tersebut?</span><br /> <span style="font-family: Verdana, sans-serif;"><br /></span> <span style="font-family: Verdana, sans-serif;"><b>Basic Idea dari Onpage SEO</b></span><br /> <span style="font-family: Verdana, sans-serif;"><br /></span> <span style="font-family: Verdana, sans-serif;">Anda yang sudah menggeluti dunia internet marketing sudah familiar dengan Onpage SEO beserta teknis penggarapannya, seperti riset keyword, membangun konten, memasang meta description, dan lain-lain.</span><br /> <span style="font-family: Verdana, sans-serif;"><br /></span> <span style="font-family: Verdana, sans-serif;">Akan tetapi, apa ide utama men-SEO-kan secara onpage ini? Setidaknya ada satu hal paling utama kenapa Anda harus melakukan optimasi SEO Onpage, yaitu relevansi. Mesin pencari apapun tidak akan menggiring pembaca jika website atau blog Anda tidak memiliki konten yang relevan. Kalaupun blog Anda sudah ada kontennya, kemungkinan kecil atau bahkan tidak aka nada pembaca jika kontennya tidak ada relevansi dengan pembaca.</span><br /> <span style="font-family: Verdana, sans-serif;"><br /></span> <span style="font-family: Verdana, sans-serif;">Contoh sederhananya seperti ini. Anda membuka toko es krim. Walaupun toko Anda berada di pinggir jalan, tidak akan ada yang berkunjung dan beli jika Anda jualan di daerah bersalju. Ini artinya tidak ada relevansi antara apa yang diinginkan dengan apa yang Anda sajikan dalam website.</span><br /> <span style="font-family: Verdana, sans-serif;"><br /></span> <span style="font-family: Verdana, sans-serif;">Itulah mengapa penting sekali relevansi, yaitu menebak kira-kira apa yang dibutuhkan oleh pembaca. Anda bisa menggunakan alat keyword planner untuk mendapatkan informasi keyword atau informasi tentang apa yang diinginkan oleh pembaca.</span><br /> <span style="font-family: Verdana, sans-serif;"><br /></span> <span style="font-family: Verdana, sans-serif;">Oleh karena itu, di kalangan IMers, sangat dikenal istilah content is a king. Konten adalah raja karena konten inilah yang mendatangkan pengunjung atau pembaca website. Tidak itu saja, konten tersebut juga harus informatif. Sekarang semakin banyak konten bertebaran di dunia maya dan hanya konten unik dan informatif yang akan mendatangkan banyak pembaca.</span><br /> <span style="font-family: Verdana, sans-serif;"><br /></span> <span style="font-family: Verdana, sans-serif;"><b>Basic Idea dari Offpage SEO</b></span><br /> <span style="font-family: Verdana, sans-serif;"><br /></span> <span style="font-family: Verdana, sans-serif;">Banyak yang menganggap Offpage ini adalah backlink. Namun, apa fungsi utama backlink itu?</span><br /> <span style="font-family: Verdana, sans-serif;"><br /></span> <span style="font-family: Verdana, sans-serif;">Membangun trust, itulah inti dari backlink atau melakukan optimasi Offpage. Anda tidak hanya cukup memberikan konten yang bermanfaat jika mesin pencarian seperti Google tidak membantu untuk mendatangkan pengunjung, bukan?</span><br /> <span style="font-family: Verdana, sans-serif;"><br /></span> <span style="font-family: Verdana, sans-serif;">Ibaratnya seperti ini. Anda menjual beras super bagus yang banyak dicari oleh masyarakat. Tapi, tidak ada yang tahu kalau Anda jualan atau mereka tidak tahu di mana toko Anda. Apa yang Anda perlukan? Anda perlu memasang banner, baliho, atau meminta seseorang untuk mengumumkan jualan Anda tersebut, bukan?</span><br /> <span style="font-family: Verdana, sans-serif;"><br /></span> <span style="font-family: Verdana, sans-serif;">Itu semua ibaratnya adalah backlink. Dalam dunia online, backlink itu bisa dikatakan referensi dari luar yang meng-link ke website Anda. akan tetapi, bukan berarti kuntitas backlink saja yang penting, tapi juga kualitas. Percuma jika Anda memasang banyak banner tapi tidak banyak orang yang tertarik membaca banner tersebut. Jadi, selain kuantitas, pikirkan juga kualitas backlink.</span><br /> <span style="font-family: Verdana, sans-serif;"><br /></span> <span style="font-family: Verdana, sans-serif;">Dari dua komponen tersebut, manakah yang paling penting? Keduanya penting. Jika content is a King, maka backlink could be the queen. Untuk menjalankan bisnis online profesional, diperlukan website dengan konten serta backlink yang berkualitas pula. Konten mewakili Onpage SEO sementara backlink mewakili Offpage SEO.&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</span></div> Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4237707532729024243.post-14061314230791941502015-03-29T19:06:00.000+07:002018-12-27T14:39:04.603+07:00<div dir="ltr" style="text-align: left;" trbidi="on"> <h2> <span style="font-size: large;">Cara Download Video Youtube Selain Dari Savefrom.net Dengan Mudah</span></h2> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi11pcM5IorV7fniikeTFlLzttbxbP-LMV6VRB_DR0uhEZ5w-i5ENX5hxt8zUJPuhtvRIMBLaVzZs5uqTNfx16kj-Fqwl4EVG3zCbYKow1AasyPGf0dYGMimOPqBU6cGsWmoyXkp9WY1uk/s1600/youtube.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="cara download video youtube dengan mudah" border="0" height="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi11pcM5IorV7fniikeTFlLzttbxbP-LMV6VRB_DR0uhEZ5w-i5ENX5hxt8zUJPuhtvRIMBLaVzZs5uqTNfx16kj-Fqwl4EVG3zCbYKow1AasyPGf0dYGMimOPqBU6cGsWmoyXkp9WY1uk/s1600/youtube.jpg" title="cara download video youtube dengan mudah" width="320" /></a></div> <br /> Lagi cari video musik, game, trailer film atau yang lucu-lucu ? youtube jawaban nya, hingga detik ini belum ada pesaing berat untuk website portal penyedia video unggahan ini. Dengan fitur yang kaya serta pengunjung yang mencapai jutaan dalam sehari membuat youtube terkenal dalam urusan streaming video. Bukan cuma tentang melihat video, kita juga bisa meng-upload video di youtube dan bisa di tonton oleh jutaan mata dari seluruh dunia.<br /> <br /> Oke cukup basa basi nya, karena kali ini saya bukan membahas youtube itu seperti apa, melainkan membahas tentang bagaimana cara mendownload video dari youtube dengan mudah ? karena mungkin sampai sekarang masih ada orang yang belum tahu cara mendownload video dari youtube. Bukan tanpa alasan hal ini terjadi, penyebab nya karena memang youtube tidak menyediakan fitur download.<br /> <br /> Ada beberapa cara yang mudah untuk mengunduh video dari youtube, yang paling terkenal mungkin website SAVEFROM..NET. Ya di situ kita bisa mendownload video yang kita inginkan dari youtube, cara nya sudah pernah saya bahas di artikel <a href="http://spotkreatif.blogspot.com/2015/01/cara-mendownload-video-dari-youtube.html" target="_blank">download video youtube</a> sebelumnya. Nah cara yang akan saya bahas sekarang juga cuku mudah, hanya memanfaatkan plugin browser firefox. Untuk langkahnya nya langsung seperti ini.<br /> <br /> 1. Buka browser firefox lalu klik gambar garis tiga pada pojok bagian kanan atas di bawah tombol close.(versi firefox 36.5) lalu klik add-ons/pengaya.<br /> <br /> 2. Pada jendela baru yang terbuka ketikan 1 click youtube downloader pada kolom search/pencarian dan tekan enter.<br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjawaSyj0KEV2grZOO16GTSwakcWzGfXxOup0oBPzuEjvI0Q4dSMLYt9CyCkvIHjtes05s_wHLe2X8XHOAcVMpXS6DzWkduWxycj_qrWOQ7nDVgRrDuf6w2MyjYwHhn8lrVPU-ABm1xZPQ/s1600/download+video+youtube+dengan+mudah+selain+savefrom+net.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="cara download video youtube dengan mudah" border="0" height="44" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjawaSyj0KEV2grZOO16GTSwakcWzGfXxOup0oBPzuEjvI0Q4dSMLYt9CyCkvIHjtes05s_wHLe2X8XHOAcVMpXS6DzWkduWxycj_qrWOQ7nDVgRrDuf6w2MyjYwHhn8lrVPU-ABm1xZPQ/s1600/download+video+youtube+dengan+mudah+selain+savefrom+net.jpg" title="cara download video youtube dengan mudah" width="320" /></a></div> 3. Lihat pada gambar di atas jika muncul plugin seperti itu klik instal pada bagian kanan.<br /> <br /> 4. Jika sudah di instal restart firefox, lalu buka youtube dan coba carilah video yang ingin anda download.<br /> <br /> 5. Setelah itu klik video yang anda cari tersebut, pada jendela player youtube lihat di bagian bawah videi ada tombol baru yang muncul seperti gambar di bawah ini.<br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKxaMr0zbEmGLI1Jz1ahfacMaEM5g0rXVq1b3XkhWJe8mkZMwBYAp9ACvlXCdxFTZH0MtLPkNwngtrm7UcdFFEMrr7p4UXjaaOcJl9-owH1PAhGFiJvrbTVQZ5mrxtvKTWONLoObW8haE/s1600/download+video+youtube+selain+savefrom+net+(Small).jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="cara download video youtube selain savefrom.net" border="0" height="201" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKxaMr0zbEmGLI1Jz1ahfacMaEM5g0rXVq1b3XkhWJe8mkZMwBYAp9ACvlXCdxFTZH0MtLPkNwngtrm7UcdFFEMrr7p4UXjaaOcJl9-owH1PAhGFiJvrbTVQZ5mrxtvKTWONLoObW8haE/s1600/download+video+youtube+selain+savefrom+net+(Small).jpg" title="cara download video youtube selain savefrom.net" width="320" /></a></div> 6. Klik pada tombol download tersebut akan muncul drop menu ke bawah yang memuat kualitas video yang bisa di download/unduh dari video tersebut.<br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwQpkTymqcxtmjEpfV0tL4mWOYWmzn2Blm6veoF9QYDnaL_PFV7n3MquQwASncM1A2Y6zhfdDv5AfNFYsRjwW4_LoJy9_eOfWZbtqBKs97aS7CkDA8X0tTDY5FfqSVuSZSS7zbG4cGx0E/s1600/download+video+youtube+2+(Small).jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="cara download video youtube selain savefrom.net" border="0" height="198" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwQpkTymqcxtmjEpfV0tL4mWOYWmzn2Blm6veoF9QYDnaL_PFV7n3MquQwASncM1A2Y6zhfdDv5AfNFYsRjwW4_LoJy9_eOfWZbtqBKs97aS7CkDA8X0tTDY5FfqSVuSZSS7zbG4cGx0E/s1600/download+video+youtube+2+(Small).jpg" title="cara download video youtube selain savefrom.net" width="320" /></a></div> 7. Klik di salah satu kualitas video yang anda inginkan akan muncul jendela baru seperti di bawah ini.<br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsoQyKmXKhIobUQ01f38SD5axVZYa4TaavRl6LeRgMengLSVLR9Pqv-yuGdBTomqdGEeRFqh3tpIymi2lXWkf7quGJbqFF1D77Dr0LR4ZD1ll77S2wSSskkyREEeSfQX6nTjHPhRjOlY0/s1600/download+video+youtube+3+(Small).jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="cara download video youtube selain savefrom.net" border="0" height="177" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsoQyKmXKhIobUQ01f38SD5axVZYa4TaavRl6LeRgMengLSVLR9Pqv-yuGdBTomqdGEeRFqh3tpIymi2lXWkf7quGJbqFF1D77Dr0LR4ZD1ll77S2wSSskkyREEeSfQX6nTjHPhRjOlY0/s1600/download+video+youtube+3+(Small).jpg" title="cara download video youtube selain savefrom.net" width="320" /></a></div> 8. Pastikan kualitas yang anda download mp4 atau terserah anda yang bagus yang mana. Beri nama filenya dan klik save.<br /> <br /> 9. Tunggu hingga proses download selesai dan anda sudah memiliki video yang anda inginkan dari youtube dengan mudah.<br /> <br /> Dengan menggunakan cara di atas anda bisa mendownload video dari youtube hingga kualitas 1080p atau full HD, tergantung apakah video tersebut menyediakan nya atau tidak.<br /> <br /> Oke sekian artikel saya kali ini tentang bagaimana <b>cara download video youtube selain savefrom net dengan mudah</b>. Semoga dapat membantu dan bermanfaat, jangan lupa juga untuk membaca cara <a href="http://spotkreatif.blogspot.com/2015/03/merubah-format-file-ke-format-lainnya.html" target="_blank">merubah file video</a> di komputer dengan mudah.</div> Unknownnoreply@blogger.com2tag:blogger.com,1999:blog-4237707532729024243.post-49900655980537876902015-03-29T18:21:00.001+07:002018-12-25T10:08:56.633+07:00<div dir="ltr" style="text-align: left;" trbidi="on"> <h2> <span style="font-size: large;">Cara Mengunci Hardisk Tanpa Software Di Windows 7</span></h2> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmOyMSe6LyWajmCuX8oO0o3Lpz2ATcpC-sjHrr8zjInqCT455QOu_dHjyFRPH1MKWTI_0o9-a6lN_-2ftNXzPt_mfznI6MKXhi6qwZeAauXaMeskKLB62oDYa5K1KV_pqPDMC99WO__0E/s1600/cara+mengunci+hard+drive+tanpa+software.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="cara mengunci hardisk windows 7" border="0" height="298" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmOyMSe6LyWajmCuX8oO0o3Lpz2ATcpC-sjHrr8zjInqCT455QOu_dHjyFRPH1MKWTI_0o9-a6lN_-2ftNXzPt_mfznI6MKXhi6qwZeAauXaMeskKLB62oDYa5K1KV_pqPDMC99WO__0E/s1600/cara+mengunci+hard+drive+tanpa+software.jpg" title="cara mengunci hardisk windows 7" width="320" /></a></div> <span style="font-family: Verdana, sans-serif;">File dalam hard drive anda kecolongan ? mengunci adalah salah satu cara paling ampuh untuk menghindari hal yang tidak di inginkan tersebut. Belum lagi jika ada seseorang yang dengan sengaja mengacak-acak file dalam hard drive anda. Ada banyak cara untuk membuat hard drive anda tidak bisa di akses, bisa menggunakan software berbayar yang banyak tersedia di google atau menggunakan cara yang lebih mudah dan tanpa software sama sekali, hanya menggunakan tools dari bawaan <a href="http://spotkreatif.blogspot.com/2015/03/membuat-windows-7-menjadi-full-version.html" target="_blank">windows 7</a>.</span><br /> <span style="font-family: Verdana, sans-serif;"><br /></span> <span style="font-family: Verdana, sans-serif;">Nah kali ini saya akan membahas cara yang lebih simpel, mudah dan tanpa software sekalipun. Hanya memanfaatkan beberapa menu system yang sudah di sediakan windows untuk user nya. Untuk yang ingin menerapkan nya di komputer, anda bisa ikuti langkah-langkah nya sebagai berikut.</span><br /> <span style="font-family: Verdana, sans-serif;"><br /></span> <h3> <span style="font-family: Verdana, sans-serif; font-size: small;">Mengunci Hard Drive Tanpa Software Di Windows 7</span></h3> <span style="font-family: Verdana, sans-serif;">1. Klik START MENU lalu pilih RUN. (jika menu RUN belum ada, klik kanan pada taskbar &gt; pilih tab start menu &gt; pilih costumize &gt; scrool ke bawah cari run command dan centang box nya, lalu pilih oke).</span><br /> <span style="font-family: Verdana, sans-serif;"><br /></span> <span style="font-family: Verdana, sans-serif;">2.&nbsp; Jika muncul jendela baru ketikan "gpedit.msc" dan klik oke.</span><br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiphbahEc9iFHlr7PeaIpOLSPu7eB2NLwW_DZNOPMR_tNnPNi3B-pDfKF1u8ybf_8Jaegaw9LtaE2GKM5cQ19YEwDLAQjQes_4sR5GdRLdP1i610aX_8l_UEPTu_fDugxjf4_XxaNlsP0k/s1600/cara+mengunci+hardisk+windows+7.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Verdana, sans-serif;"><img alt="cara mengunci hardisk windows 7 tanpa software" border="0" height="227" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiphbahEc9iFHlr7PeaIpOLSPu7eB2NLwW_DZNOPMR_tNnPNi3B-pDfKF1u8ybf_8Jaegaw9LtaE2GKM5cQ19YEwDLAQjQes_4sR5GdRLdP1i610aX_8l_UEPTu_fDugxjf4_XxaNlsP0k/s1600/cara+mengunci+hardisk+windows+7.jpg" title="cara mengunci hardisk windows 7 tanpa software" width="320" /></span></a></div> <span style="font-family: Verdana, sans-serif;">3. Akan muncul jendela baru, seperti gambar di bawah ini. Klik panah kecil USER CONFIGURATION.</span><br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFyueysa2ojUKeYHmhW_OdTEIp7R_E_eaMJR6huhvWmMo7kYY6zp4rZNe8iJTNHWLfmi7g0RKZfarG7Pkg45jB4re98BCbRmq7Sh7AnmuzMA2CxueirwCAJy8MgcoQE5coWSDgtirNxQw/s1600/mengunci+hardisk+di+windows+7.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Verdana, sans-serif;"><img alt="cara mengunci hardisk windows 7 tanpa software" border="0" height="286" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFyueysa2ojUKeYHmhW_OdTEIp7R_E_eaMJR6huhvWmMo7kYY6zp4rZNe8iJTNHWLfmi7g0RKZfarG7Pkg45jB4re98BCbRmq7Sh7AnmuzMA2CxueirwCAJy8MgcoQE5coWSDgtirNxQw/s1600/mengunci+hardisk+di+windows+7.jpg" title="cara mengunci hardisk windows 7 tanpa software" width="320" /></span></a></div> <span style="font-family: Verdana, sans-serif;">4. Akan deretan menu ke bawah, lalu klik panah kecil ADMINISTRATIVE TEMPLATES &gt; lalu klik 2x WINDOWS COMPONENT &gt; lihat bagian kanan klik 2 kali WINDOWS EXPLORER.</span><br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOvbsF907iJAgfEhRC8wfsxADif3zadImRbsanp3ZQpGGo9Hk_rpuQ5DmSYlzuwYgcrv0YtwRQLFfOtkb_VOJ4XsjSwe7YDlro_FvWAg0_maWhAwv7u19gxEK0GZjSGki5voC8U3nQ9sU/s1600/cara+mengunci+hard+drive+di+windows+7.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Verdana, sans-serif;"><img alt="cara mengunci hardisk windows 7 tanpa software" border="0" height="285" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOvbsF907iJAgfEhRC8wfsxADif3zadImRbsanp3ZQpGGo9Hk_rpuQ5DmSYlzuwYgcrv0YtwRQLFfOtkb_VOJ4XsjSwe7YDlro_FvWAg0_maWhAwv7u19gxEK0GZjSGki5voC8U3nQ9sU/s1600/cara+mengunci+hard+drive+di+windows+7.jpg" title="cara mengunci hardisk windows 7 tanpa software" width="320" /></span></a></div> <span style="font-family: Verdana, sans-serif;">5. Setelah itu akan muncul menu baru, tetap di bagian kanan cari tulisan PREVENT ACCESS TO DRIVES FROM MY COMPUTER lalu klik 2 kali.</span><br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKH1huLp9eh2Ynv0BVwYfcHoqhWc1dycwfOf7QARnWmLMOHyfLU5_vEtMSIFbZNLen69RClotYCJJgcn22zjUi0_NxEMKfukDzXfIa9FtxcoNLWfz8nbGl7yRvMPXtr-Elh_6myz_Vb9E/s1600/cara+mengunci+hardisk+(Small).jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Verdana, sans-serif;"><img alt="cara mengunci hardisk windows 7 tanpa software" border="0" height="191" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKH1huLp9eh2Ynv0BVwYfcHoqhWc1dycwfOf7QARnWmLMOHyfLU5_vEtMSIFbZNLen69RClotYCJJgcn22zjUi0_NxEMKfukDzXfIa9FtxcoNLWfz8nbGl7yRvMPXtr-Elh_6myz_Vb9E/s1600/cara+mengunci+hardisk+(Small).jpg" title="cara mengunci hardisk windows 7 tanpa software" width="320" /></span></a></div> <span style="font-family: Verdana, sans-serif;">6. Lalu pada jendela baru klik di bagian ENABLE dan pada bagian option tentukan HDD mana yang ingin di kunci akses nya. (contoh drives C).</span><br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRJiQD1608tjU6PM9vg9c0-eJrwm3Utukml2wvtXEvRgtAsOZmiXjR8XfSnvTYmm_WndHG14v7lSju1IFnK33-ZSWbV2F6Z-fdDXTjRl6NHB_MQsNio5k6lR8JdR4ATEdyE6TTcwIampo/s1600/cara+mengunci+hardisk+2+(Small).jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Verdana, sans-serif;"><img alt="cara mengunci hardisk windows 7 tanpa software" border="0" height="293" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRJiQD1608tjU6PM9vg9c0-eJrwm3Utukml2wvtXEvRgtAsOZmiXjR8XfSnvTYmm_WndHG14v7lSju1IFnK33-ZSWbV2F6Z-fdDXTjRl6NHB_MQsNio5k6lR8JdR4ATEdyE6TTcwIampo/s1600/cara+mengunci+hardisk+2+(Small).jpg" title="cara mengunci hardisk windows 7 tanpa software" width="320" /></span></a></div> <span style="font-family: Verdana, sans-serif;">&nbsp;7. Jika sudah klik APPLY dan OKE.</span><br /> <span style="font-family: Verdana, sans-serif;">8. Terakhir tinggal close dan restart komputer anda (pada beberapa kasus tidak perlu restart PC). Untuk mengetes nya coba silahkan anda buka hard drive yang anda kunci akses nya, dan lihat apakah muncul pesan error seperti ini.</span><br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvkq3bpsBxgH0adfC-M-cUw1A3DenEgu7XRJNFYWtRB2iZrFHM53dDZ4006fP9qFDE0va_elgdMNkBphDscRUAbcRXgrkk2pCgDHtiHgiG3OqnGFRnIBWtoJbYVbMIWpyQ6gXe6XJtvKE/s1600/cara+mengunci+partisi+HDD+(Small).jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Verdana, sans-serif;"><img alt="cara mengunci hardisk windows 7 tanpa software" border="0" height="161" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvkq3bpsBxgH0adfC-M-cUw1A3DenEgu7XRJNFYWtRB2iZrFHM53dDZ4006fP9qFDE0va_elgdMNkBphDscRUAbcRXgrkk2pCgDHtiHgiG3OqnGFRnIBWtoJbYVbMIWpyQ6gXe6XJtvKE/s1600/cara+mengunci+partisi+HDD+(Small).jpg" title="cara mengunci hardisk windows 7 tanpa software" width="320" /></span></a></div> <span style="font-family: Verdana, sans-serif;">9. Jika muncul berarti anda sudah berhasil. Selama lamgkah di atas anda ikuti dengan benar, saya rasa pasti berhasil. (cara ini bisa di terapkan di windows 8 dan 8.1) tested by friend.</span><br /> <span style="font-family: Verdana, sans-serif;"><br /></span> <span style="font-family: Verdana, sans-serif;">NB :</span><br /> <span style="font-family: Verdana, sans-serif;">Untuk mengembalikan seperti semula atau ingin melepaskan blokir akses HDD nya, cukup ikuti cara seperti di atas tapi di menu PREVENT ACCESS TO DRIVES FROM MY COMPUTER pilih NOT CONFIGURED lalu klik APPLY dan OKE. close dan tidak perlu restart.</span><br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMXewprzAlPCGpPbGPl_IxrGK5e-L0E-Txa72XELFIWqD6L0H5joehTLZ_LTqPNsyv1o5MQXJgMMYblrzqMLTLDXPXi1ISi0FWuqWTDSEXzoqkxVxIUPHjN261ZMkDGziRPm7F3ZQw1LQ/s1600/cara+mengunci+hardisk+3+(Small).jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Verdana, sans-serif;"><img alt="cara mengunci hardisk windows 7 tanpa software" border="0" height="293" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMXewprzAlPCGpPbGPl_IxrGK5e-L0E-Txa72XELFIWqD6L0H5joehTLZ_LTqPNsyv1o5MQXJgMMYblrzqMLTLDXPXi1ISi0FWuqWTDSEXzoqkxVxIUPHjN261ZMkDGziRPm7F3ZQw1LQ/s1600/cara+mengunci+hardisk+3+(Small).jpg" title="cara mengunci hardisk windows 7 tanpa software" width="320" /></span></a></div> <span style="font-family: Verdana, sans-serif;">Selesai dan hard drive anda pun bisa di akses kembali seperti semula.</span><br /> <span style="font-family: Verdana, sans-serif;"><br /></span> <span style="font-family: Verdana, sans-serif;">Oke <a href="http://spotkreatif.blogspot.com/" target="_blank">spoter</a>, mudah-mudahan dapat bermanfaat dan bisa membantu yang memang sedang mencari tentang ini. Jangan lupa juga membaca artikel saudara nya tentang cara <a href="http://spotkreatif.blogspot.com/2015/03/membuat-pastisi-hardisk-hdd-tidak.html" target="_blank">menyembunyikan hardisk di windows 7 </a>tanpa software. Oke sekian artikel kali ini tentang <b>cara mengunci hardisk tanpa software di windows 7</b>, terima kasih.</span><br /> <span style="font-family: Verdana, sans-serif;"><br /></span> <span style="font-family: Verdana, sans-serif;">Baca Juga : <a href="https://spotkreatif.blogspot.com/2018/12/cara-meningkatkan-penjualan-dengan-promosi-di-zoteromediacom.html">Cara Meningkatkan Penjualan Dengan Promosi</a></span></div> Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4237707532729024243.post-26321693962618622392015-03-29T09:47:00.000+07:002018-12-27T14:37:57.725+07:00<div dir="ltr" style="text-align: left;" trbidi="on"> <h2> <span style="font-family: &quot;verdana&quot; , sans-serif; font-size: small;">Cara Mempercepat Kinerja Komputer Menggunakan CCleaner</span></h2> <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/AVvXsEjALIdLiDTvPlDfVI4hEPzi4xDfsbT0OCvGqacHnH6NmdSqq7iCtYK5sr5j276ROsyn4E2YmAsr4xG_LwIFdQAm6hhFxEfsFhD8zBuG-uXSfhYuPWcX_6M4uAGwSrJeFLIxroKBEkv5WY3V/s1600/mempercepat-kinerja-komputer-dengan-mudah.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="cara mempercepat kinerja komputer dengan mudah" border="0" data-original-height="350" data-original-width="348" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjALIdLiDTvPlDfVI4hEPzi4xDfsbT0OCvGqacHnH6NmdSqq7iCtYK5sr5j276ROsyn4E2YmAsr4xG_LwIFdQAm6hhFxEfsFhD8zBuG-uXSfhYuPWcX_6M4uAGwSrJeFLIxroKBEkv5WY3V/s400/mempercepat-kinerja-komputer-dengan-mudah.png" title="komputer" width="397" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;">cara mempercepat kinerja komputer dengan mudah</td></tr> </tbody></table> <span style="font-family: &quot;verdana&quot; , sans-serif;"><br /></span> <span style="font-family: &quot;verdana&quot; , sans-serif;">Komputer lemot, mungkin ini terkadang terjadi pada komputer kita. Bukan tanpa alasan, banyak nya cache dan file sampah membuat system pada komputer mulai melambat. Ada banyak cara menanggulanginya, mulai dari disk cleanup windows sam pai menggunakan software cleanup.</span><br /> <span style="font-family: &quot;verdana&quot; , sans-serif;"><br /></span> <span style="font-family: &quot;verdana&quot; , sans-serif;">System menjadi berat dan lambat bukan hanya karena file sampah saja, tapi juga karena space HDD yang mulai menyempit, system registry yang mulai errror atau file yang berantakan dan tidak berada di tempat semestinya. Hal ini bisa di sebabkan terlalu banyak nya instalan dalam HDD, terlalu banyak menyimpan file hingga space menjadu sempit, penggunaan komputer yang setiap harinya berhubungan dengan system dan tentu saja virus.</span><br /> <span style="font-family: &quot;verdana&quot; , sans-serif;"><br /></span> <span style="font-family: &quot;verdana&quot; , sans-serif;">Kali ini saya memberikan salah satu cara paling ampuh dan mudah untuk di gunakan, yaitu dengan CCleaner. Bukan cuma membersihkan file yang tidak berguna saja, tapi software ini juga bisa di pakai untuk memperbaiki system registry yang error. Nah untuk yang ingin mencoba nya bisa ikuti cara di bwaah ini.</span><br /> <span style="font-family: &quot;verdana&quot; , sans-serif;"><br /></span> <span style="font-family: &quot;verdana&quot; , sans-serif;">1. Pergi ke website CCleaner, atau bisa googling banyak yang sudah menyediakan full version.</span><br /> <span style="font-family: &quot;verdana&quot; , sans-serif;"><br /></span> <span style="font-family: &quot;verdana&quot; , sans-serif;">2. Jika sudah di download, instal software nya.</span><br /> <span style="font-family: &quot;verdana&quot; , sans-serif;"><br /></span> <span style="font-family: &quot;verdana&quot; , sans-serif;">3. Setelah terinstal, buka CCleaner nya, tampilan CCleaner seperti ini.</span><br /> <div class="separator" style="clear: both; text-align: center;"> <br /></div> <div class="separator" style="clear: both; text-align: center;"> <span style="font-family: &quot;verdana&quot; , sans-serif; margin-left: 1em; margin-right: 1em;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_A-Z-nkjYjZnajk7YTvDLopJVC1fzAo4Tz-PCe3jP3pcnCovW5OTwsHNq68c14PLQt6tU_GVZ4XIwKoE5Q5M4CiztoteuQXAi37c_aAJKsAT2ctsA9lrD4eUGIrGTLRP69BWhCyuFSi4/s1600/mempercepat+kinerja+komputer+(Small).jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="cara memperbaiki komputer yang lelet" border="0" height="238" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_A-Z-nkjYjZnajk7YTvDLopJVC1fzAo4Tz-PCe3jP3pcnCovW5OTwsHNq68c14PLQt6tU_GVZ4XIwKoE5Q5M4CiztoteuQXAi37c_aAJKsAT2ctsA9lrD4eUGIrGTLRP69BWhCyuFSi4/s1600/mempercepat+kinerja+komputer+(Small).jpg" title="cara memperbaiki komputer yang lelet" width="320" /></a></span></div> <span style="font-family: &quot;verdana&quot; , sans-serif;"><br /></span> <span style="font-family: &quot;verdana&quot; , sans-serif;">4. Lihat di bagian sidebar kiri terdapat pilihan tools yang dapat kita pakai. (full version needed).</span><br /> <span style="font-family: &quot;verdana&quot; , sans-serif;"><br /></span> <span style="font-family: &quot;verdana&quot; , sans-serif;">5. Pilihan tools sidebar paling atas adalah CLEANER. Gunanya untuk membersihkan semua sampah dan file tidak berguna dari komputer anda. Mulai dari sampah internet, software dan aplikasi. Cukup ceklis semua pilihan yang ingin di bersihkan, lalu klik ANALYZE, akan loading beberapa lalu akan muncul file apa saja yang akan di hapus dan berapa besar ukuran file sampah/tidak berguna tersebut. Setelah itu klik RUN CLEANER dan tunggu hingga proses pembersihan selesai.</span><br /> <span style="font-family: &quot;verdana&quot; , sans-serif;"><br /></span> <span style="font-family: &quot;verdana&quot; , sans-serif;">6. Lanjut ke pilihan tools berikutnya, adalah REGISTRY.</span><br /> <div class="separator" style="clear: both; text-align: center;"> <br /></div> <div class="separator" style="clear: both; text-align: center;"> <span style="font-family: &quot;verdana&quot; , sans-serif; margin-left: 1em; margin-right: 1em;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPYHZ2JiO_AnlGE2-qtsJ6m6rWw5Gnw4ySRuKOAnkjwNfPGGTjtI-VLHjY0sSnRUJlhkMawN2jpvGlUw9wwxNqVD3fxTFKfuMX-0yaMn03XcppO5EKmET31ZzXNsUWffWzM1bL4jGClOY/s1600/memperbaiki+file+registry+yang+rusak.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="cara mempercepat kinerja komputer" border="0" height="238" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPYHZ2JiO_AnlGE2-qtsJ6m6rWw5Gnw4ySRuKOAnkjwNfPGGTjtI-VLHjY0sSnRUJlhkMawN2jpvGlUw9wwxNqVD3fxTFKfuMX-0yaMn03XcppO5EKmET31ZzXNsUWffWzM1bL4jGClOY/s1600/memperbaiki+file+registry+yang+rusak.jpg" title="cara mempercepat kinerja komputer" width="320" /></a></span></div> <span style="font-family: &quot;verdana&quot; , sans-serif;"><br /></span> <span style="font-family: &quot;verdana&quot; , sans-serif;">7. Pada tools yang ini bisa di lihat seperti gambar di atas ada pilihan system file registry yang mana saja yang ingin di periksa kesehatan nya. Cukup centang saja (atau centang semua saja), lalu klik SCAN FOR ISSUES. Tunggu beberapa saat akan muncul file registry yang error/rusak, setelah selesai terbaca klik tombol FIX SELECTED ISSUES. Jika ada notif yang muncul pilih saja NO lalu pilih FIX ALL SELECTED ISSUES dan tunggu hingga proses nya selesai.</span><br /> <span style="font-family: &quot;verdana&quot; , sans-serif;"><br /></span> <span style="font-family: &quot;verdana&quot; , sans-serif;">8. Selain dua kegunaan di atas, ada pilihan tools lain yang di tawarkan software ini, seperti UNINSTALL untuk menghapus software yang terinstal di komputer anda, STARUP untuk mengatur apa saja yang ingin anda jalankan dan tidak ingin di jalankan di saat komputer baru di hidupkan, DUPLICATE FINDER untuk mencari file ganda atau yang sama pada komputer anda karena jika ada file ganda pada komputer anda jelas akan merugikan buat space <a href="http://spotkreatif.blogspot.com/2015/03/membuat-pastisi-hardisk-hdd-tidak.html" target="_blank">HDD</a>, SYSTEM RESTORE untuk menampilkan apakah anda sudah melakukan backup terhadap komputer anda atau belum dan dapat meremove juga dari sini, DRIVE WIPER untuk me-wipe partisi hardisk (menghapus isi hardisk dengan cepat dengan melakukan overwrite terlebih dahulu.</span><br /> <div class="separator" style="clear: both; text-align: center;"> <br /></div> <div class="separator" style="clear: both; text-align: center;"> <span style="font-family: &quot;verdana&quot; , sans-serif; margin-left: 1em; margin-right: 1em;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfoAuaz3GatEuhfXfkFDJF4zCHo3ZBrlu54x7Cnz6J2SGRLIDBVkZE_puM_boqqI_dUd-TRZhDlndOVi9xB2Gg_dfJy7Yfbi2nHgHSPefQQROgXHLfkL5DIRe-JK0h-44YtTGRzPCEUjA/s1600/uninstal+dan+repair+software+dengan+mudah+(Small).jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="cara mempercepat kinerja komputer" border="0" height="239" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfoAuaz3GatEuhfXfkFDJF4zCHo3ZBrlu54x7Cnz6J2SGRLIDBVkZE_puM_boqqI_dUd-TRZhDlndOVi9xB2Gg_dfJy7Yfbi2nHgHSPefQQROgXHLfkL5DIRe-JK0h-44YtTGRzPCEUjA/s1600/uninstal+dan+repair+software+dengan+mudah+(Small).jpg" title="cara mempercepat kinerja komputer" width="320" /></a></span></div> <span style="font-family: &quot;verdana&quot; , sans-serif;"><br /></span> <span style="font-family: &quot;verdana&quot; , sans-serif;">Oke <a href="http://spotkreatif.blogspot.com/" target="_blank">spoter</a>, mungkin sekian dulu artikel kali ini tentang <b>mempercepat kinerja komputer dengan mudah</b> menggunakan ccleaner. Semoga dapat membantu anda, jangan lupa juga untuk membaca cara <a href="http://spotkreatif.blogspot.com/2015/03/mempercepat-koneksi-internet-komputer.html" target="_blank">mempercepat koneksi internet</a>. Terima kasih.</span><br /> <span style="font-family: &quot;verdana&quot; , sans-serif;"><br /></span> <span style="font-family: &quot;verdana&quot; , sans-serif;">Baca Juga : <a href="https://spotkreatif.blogspot.com/2018/12/cara-meningkatkan-penjualan-dengan-promosi-di-zoteromediacom.html">Cara meningkatkan penjualan dengan promosi di zoteromedia</a></span></div> Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4237707532729024243.post-12183182370259337882015-03-21T22:47:00.000+07:002018-12-25T10:02:46.735+07:00<div dir="ltr" style="text-align: left;" trbidi="on"> <h2> <span style="font-size: small;">Cara Merubah Format Suatu File Menggunakan Format Factory (video, audio, picture, ISO)</span></h2> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhu-sM00275ahIvdyBNpMSy1uR35b8veXzgHViN5t8Cz8guLnlvrx49FpLz7RU_gaEuxF-HwBGI3tmmzyF1WDcAlmATovBGv1iUJsvEnnGDP80wUis1FjMgvDikQNjdSooRBtrUXO59woo/s1600/Format-Factory-Full-Version.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="cara merubah format video audio picture" border="0" height="143" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhu-sM00275ahIvdyBNpMSy1uR35b8veXzgHViN5t8Cz8guLnlvrx49FpLz7RU_gaEuxF-HwBGI3tmmzyF1WDcAlmATovBGv1iUJsvEnnGDP80wUis1FjMgvDikQNjdSooRBtrUXO59woo/s1600/Format-Factory-Full-Version.jpg" title="cara merubah format video audio picture" width="320" /></a></div> Punya sebuah file ? baik itu file video, audio, picture/gambar atau file CD dan DVD ? pernah satu waktu anda pasti ingin merubah format file tersebut, entah format file video mp4 yang ingin anda rubah ke 3gp agar bisa di putar di handphone atau merubah format audio mp3 ke AAC dan lain sebagainya. Nah jika sampai sekarang anda masih bingung bagaimana cara merubahnya, kali ini saya akan memberi tahu cara yang paling ampuh karena saya sendiri menggunakan nya.<br /> <br /> Format Factory. Ini adalah software gratisan untuk merubah format sebuah file. Meskipun gratis bukan berarti software ini tidak bermutu, software ini punya "seabrek" keunggulan di antaranya bisa merubah file mp3 ke WAV atau ke AAC. Bukan cuma merubah format nya saja tapi bisa sampai merubah kualitas dan bahkan memotong nya (membuang yang tidak di perlukan).<br /> <br /> Cara memakai software ini cukup mudah, selain navigasi nya jelas dan simple, software ini juga memiliki fitur bahasa Indonesia. Jadi saya rasa tidak akan sulit untuk mengoperasikan nya. Untuk fitur-fitur yang di sediakan bisa di lihat dari pembahasan dan screenshot di bawah ini.<br /> <br /> <h3> <span style="font-size: small;">1. MERUBAH FORMAT VIDEO</span></h3> Software ini cukup powerfull untuk urusan yang satu ini, bisa di lihat dari segudang fitur converter yang di sediakan. Seperti merubah format video dari MP4 ke MKV, AVI, 3GP, VOB, WMV, MPG dan lain-lain. Begitu juga sebaliknya, seperti MKV di rubah ke MPG, AVI DLL. Software ini juga memiliki fitur converter ke alat mobile (smartphone/handphone). Bisa di lihat dari gambar di bawah, hampir lengkap fitur yang di sediakan software gratisan ini.<br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLIjKLJAIlPakyiWcMCr4WVHtoXmddOUEtV9cobiRHBOsN2M6unMiNaYaI-FBVA7XkH4mLvTJhtgFyATFZieDUKlEjlo4AT0j46UpgXsWpxx55LTnKdczauxPXYKGkP8T5JuqgZMCwxbM/s1600/merubah+format+file+video+(Small).jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="cara merubah format file video" border="0" height="213" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLIjKLJAIlPakyiWcMCr4WVHtoXmddOUEtV9cobiRHBOsN2M6unMiNaYaI-FBVA7XkH4mLvTJhtgFyATFZieDUKlEjlo4AT0j46UpgXsWpxx55LTnKdczauxPXYKGkP8T5JuqgZMCwxbM/s1600/merubah+format+file+video+(Small).jpg" title="cara merubah format file video" width="320" /></a></div> <br /> <h3> <span style="font-size: small;">2. MERUBAH FORMAT AUDIO</span></h3> Lanjut ke fitur keren lainya, converter audio pada software ini juga cukup lengkap dan mumpuni. Terlihat dari pilihan format audio yang lumayan banyak dan adanya fitur cut/potong membuat pengguna software ini sangat senang. Anda bisa membuat nada dering sendiri, sesuai dengan keinginan dari lagu kesukaan anda.<br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeGbqu609ZeRuvLbL1C4-l1SYs_eWbk7Nd-kJT7_77FDTLvv1U-6OY6wOIomZVJl_cYTHPWbZyZTp6OFoARybCfCcYXQ6XsnYe4kM9AlXP3bY7KWW_14ZO6xjvsuz_6IswMzzRl7xc_N8/s1600/merubah+format+audio+mp3+(Small).jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="cara merubah format file audio" border="0" height="213" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeGbqu609ZeRuvLbL1C4-l1SYs_eWbk7Nd-kJT7_77FDTLvv1U-6OY6wOIomZVJl_cYTHPWbZyZTp6OFoARybCfCcYXQ6XsnYe4kM9AlXP3bY7KWW_14ZO6xjvsuz_6IswMzzRl7xc_N8/s1600/merubah+format+audio+mp3+(Small).jpg" title="cara merubah format file audio" width="320" /></a></div> <br /> <br /> <br /> Baca Juga : <a href="https://spotkreatif.blogspot.com/2018/12/cara-meningkatkan-penjualan-dengan-promosi-di-zoteromediacom.html">Promosi untuk meningkatkan penjualan</a><br /> <br /> <h3> <span style="font-size: small;">3. MERUBAH FORMAT GAMBAR</span></h3> Selain dapat merubah format file video dan audio, format factory juga dapat merubah format file gambar seperti JPEG, BMP, PNG, GIF dan lain-lain. Selain format nya yang di rubah, ukuran dan resolusi juga bisa di rubah dengan Format Factory ini.<br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfmnboEJfNyS0Fe2q0M1ycIHhmppxqCIXRHx2DONLu3dNETMJ5hc99N3kW90f_yvgPgMP2NU5-vaBkxuG35eas63ZLueBQCJ3l6398Pv4HAwG9BuTIcyLhnXhbwAgkxs1NjcbFHce0zRs/s1600/merubah+format+gambar+(Small).jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="cara merubah format file gambar" border="0" height="213" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfmnboEJfNyS0Fe2q0M1ycIHhmppxqCIXRHx2DONLu3dNETMJ5hc99N3kW90f_yvgPgMP2NU5-vaBkxuG35eas63ZLueBQCJ3l6398Pv4HAwG9BuTIcyLhnXhbwAgkxs1NjcbFHce0zRs/s1600/merubah+format+gambar+(Small).jpg" title="cara merubah format file gambar" width="320" /></a></div> <br /> <h3> <span style="font-size: small;">4. MERUBAH FORMAT DVD, CD, ISO DAN CSO</span></h3> Bagaimana tidak powerfull, tidak berhenti di converter video, audio dan picture, Foramt Factory juga bisa merubah file lain seperti DVD to video file (avi, mkv, vob, mp4 dll), lalu bisa juga merubah CD to file audio (mp3, wav dll), bisa juga dari DVD to ISO/CSO dan ISO to CSO.<br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPiJVCLmb0asolR3NTWHCyIIIkER1ccu9Jrp8s5SCjSIyQ6phE8oRBQBDs8A7Hjja4KpRkQ3k_ljUsvY-jCU5NZnlOym-DZotPvjIWZKIRq6eMel0csOHA44Z5ElpuKo6fwtR2BNbFDeM/s1600/merubah+format+cd+ke+audio+dvd+ke+file+video+(Small).jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="cara merubah format dvd ke file video" border="0" height="213" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPiJVCLmb0asolR3NTWHCyIIIkER1ccu9Jrp8s5SCjSIyQ6phE8oRBQBDs8A7Hjja4KpRkQ3k_ljUsvY-jCU5NZnlOym-DZotPvjIWZKIRq6eMel0csOHA44Z5ElpuKo6fwtR2BNbFDeM/s1600/merubah+format+cd+ke+audio+dvd+ke+file+video+(Small).jpg" title="cara merubah format dvd ke file video" width="320" /></a></div> <br /> <h3> <span style="font-size: small;">5. MENGGABUNGKAN VIDEO, AUDIO ATAU PICTURE</span></h3> Ini adalah fitur terakhir dari Format Factory dan tidak kalah keren nya. Di fitur ini anda bisa menggabungkan beberapa video menjadi satu, atau menggabungkan beberapa gambar (poto dll) bisa juga menggabungkan beberapa audio atau bahkan menggabungkan / mix kesemua file tersebut.<br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpNSJ1AnCsiDkClvbw3VKPr2N0pdYu8Qz7BDtJgFaAIpvQDZPiv4CMjaQ7agwhtlG86MTk6UD87_0I1jotvNIEwsCrdQ7bK0br0gh38DkXEr5YTFuyPDO5XX9jPmsA7hnxPc4vqDiCGHE/s1600/menyatkan+file+video+dan+audio+(Small).jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="cara menggabungkan video audio picture" border="0" height="213" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpNSJ1AnCsiDkClvbw3VKPr2N0pdYu8Qz7BDtJgFaAIpvQDZPiv4CMjaQ7agwhtlG86MTk6UD87_0I1jotvNIEwsCrdQ7bK0br0gh38DkXEr5YTFuyPDO5XX9jPmsA7hnxPc4vqDiCGHE/s1600/menyatkan+file+video+dan+audio+(Small).jpg" title="cara menggabungkan video audio picture" width="320" /></a></div> <br /> <br /> <br /> <br /> <br /> Nah spoter, bagaimana menurut anda software converter ini ? dari review saya di atas sudah menunjukan bahwa software ini bukan software gratisan sembarangan. Untuk anda yang tertarik dan ingin mencoba Format Factory bisa langsung download dari website resminya di <a href="http://www.pcfreetime.com/">formatfactory.com</a><br /> <br /> NB :<br /> - Klik tombol download sebelah kanan untuk mendownload nya.<br /> <br /> Oke sekian artikel kali in tentang <b>merubah format file ke format lainnya</b>. semoga dapat bermanfaat jangan lupa juga untuk membaca cara <a href="http://spotkreatif.blogspot.com/2015/02/cara-membuka-file-001-002-menggunakan.html" target="_blank">menggabungkan file .001</a> dan cara <a href="http://spotkreatif.blogspot.com/2015/02/cara-merubah-file-pdf-ke-word-mudah.html" target="_blank">merubah pdf to word</a>. Terima kasih</div> Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4237707532729024243.post-31322804811221823742015-03-21T21:58:00.000+07:002015-03-29T18:24:52.795+07:00<h2> <span style="font-size: large;">Cara Merubah Resolusi Gambar Dengan Mudah Di Komputer</span></h2> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiLkf6TL8vzJhvH-f2wArzvs1W59w53T7iP2saz3bnYMIySw-1qbLLQAoORl0WE9p60WQeqNNLktS49GL8O_INfeLpVJ0qNVO1ztJ3MwlWxXen7HVj92Hueqdm7TiWUd1b6P2X6ujLPlM/s1600/image+resizer.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiLkf6TL8vzJhvH-f2wArzvs1W59w53T7iP2saz3bnYMIySw-1qbLLQAoORl0WE9p60WQeqNNLktS49GL8O_INfeLpVJ0qNVO1ztJ3MwlWxXen7HVj92Hueqdm7TiWUd1b6P2X6ujLPlM/s1600/image+resizer.jpg" height="88" width="320" /></a></div> Jumpa lagi spoter, artikel kali ini berbeda dari sebelumnya. Jika kemarin-kemarin saya selalu meng update tentang tutorial blogger kali ini lagi getol update artikel tentang totorial komputer dan internet. Seperti yang satu ini, Image Resizer. Ini adalah software yang terbilang ringan dan kecil tapi mampu berbuat banyak. Seperti namaya software ini adalah tools utnuk merubah ukuran atau resolusi gambar/picture. Mulai dari gambar (poto dan lain-lain) berformat .jpg .jpeg .PNG dan .gif bisa di rubah ukuran nya sesuai yang di inginkan.<br /> <br /> Cara menggunakan software ini pun cukup mudah, tidak memerlukan keahlian khusus seperti jika anda menggunakan software photoshop, corel draw, gimp dan lainnya. Software ringan ini bisa anda download gratis di website resminya di <a href="http://imageresizer.codeplex.com/">imageresizer.codeplex.com</a><br /> <br /> Untuk cara menggunakan nya bisa ikuti beberapa langkah sebagai berikut.<br /> <br /> <h3> <span style="font-size: small;">Merubah Ukuran Gambar ke Berbagai Ukuran</span></h3> 1. Buka website image resizer dan download file nya (klik tombol download sebelah kanan)<br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjoX9pKckK031gw_AP5Ng0VC_941QnXbFbMpu39NJ4NPQaiBfA2yfhb7wGWuEcZwa78xl8bNqxG-BTY33gD86QBRg03VjXDQueDCLe9Wil8pp4hQ7d6T4li5Vmq0sI5isCnsk_15rQo0g/s1600/merubah+resolusi+gambar+dengan+mudah+(Small).jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="merubah ukuran gambar dengan mudah" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjoX9pKckK031gw_AP5Ng0VC_941QnXbFbMpu39NJ4NPQaiBfA2yfhb7wGWuEcZwa78xl8bNqxG-BTY33gD86QBRg03VjXDQueDCLe9Wil8pp4hQ7d6T4li5Vmq0sI5isCnsk_15rQo0g/s1600/merubah+resolusi+gambar+dengan+mudah+(Small).jpg" height="123" title="merubah ukuran gambar dengan mudah" width="320" /></a></div> 2. Jika sudah ter download, tinggal instal saja.<br /> <br /> 3. Jika sudah terinstal tinggal cari gambar yang ingin di rubah ukuran atau resolusi nya.<br /> <br /> 4. Lalu klik kanan pada gambar dan akan ada opsi baru RESIZE PICTURES.<br /> <br /> 5. Pilih itu dan akan muncul jendela image resizer seperti di bawah ini.<br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsaoIOJAF0uwHshUcENUyXsFNp8W-7nMYtIZw252Pd5Ow4kH4vWAAi6lGP0ET5OC5De0GXFVUD6c7tNENom4CHBtyRLiEgGMQFIP5dOrCCLaBn-kBki7XAiHMS4o21PgVt6Wu1q9SKbj4/s1600/merubah+resolusi+gambar+dengan+mudah+2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="merubah resolusi gambar dengan mudah" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsaoIOJAF0uwHshUcENUyXsFNp8W-7nMYtIZw252Pd5Ow4kH4vWAAi6lGP0ET5OC5De0GXFVUD6c7tNENom4CHBtyRLiEgGMQFIP5dOrCCLaBn-kBki7XAiHMS4o21PgVt6Wu1q9SKbj4/s1600/merubah+resolusi+gambar+dengan+mudah+2.jpg" height="302" title="merubah resolusi gambar dengan mudah" width="320" /></a></div> 6. Terlihat seperti gambar di atas ada beberapa pilihan resolusi/ukuran dan ada pilihan custom jika ingin merubah resolusi nya secara manual.<br /> <br /> 7. Jika sudah di pilih ukuran nya tinggal klik resize.<br /> <br /> 8. Tunggu beberapa saat dan gambar pun sudah berubah ukuran nya (resolusi dan ukuran file).<br /> <br /> NB :<br /> - Gambar yang di resize akan muncul di sebelah gambar aslinya.<br /> <br /> Oke spoter, semoga dapat membantu yang sedang mencari cara <b>merubah resoulusi gambar dengan mudah</b>. Jangan lupa baca juga tentang cara menggabungkan dan membuka<a href="http://spotkreatif.blogspot.com/2015/02/cara-membuka-file-001-002-menggunakan.html" target="_blank"> file .001 dst</a>. Terima kasih.Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4237707532729024243.post-45981976805830959802015-03-21T21:23:00.000+07:002018-12-25T10:02:46.876+07:00<h2> <span style="font-family: Verdana, sans-serif; font-size: small;">Cara Mempercepat Koneksi Internet Komputer Dengan Setting Browser Firefox</span></h2> <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/AVvXsEjWkiybOmchNGCL4yDFqzsLfU2ZCW1nr4keItLMyWSD2u0VTMPNAiPoHbMdbbR2sA-SEzgRO0qvD85jsGh1h5cDJCKXf1MurWjVeBnW8UgORNHJPYJiXqbToUhquy71LFy54jGdFpIeV7YZ/s1600/cara-mempercepat-koneksi-internet.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="cara mempercepat koneksi internet komputer dengan mudah" border="0" data-original-height="384" data-original-width="706" height="217" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWkiybOmchNGCL4yDFqzsLfU2ZCW1nr4keItLMyWSD2u0VTMPNAiPoHbMdbbR2sA-SEzgRO0qvD85jsGh1h5cDJCKXf1MurWjVeBnW8UgORNHJPYJiXqbToUhquy71LFy54jGdFpIeV7YZ/s400/cara-mempercepat-koneksi-internet.png" title="Internet" width="400" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;">cara mempercepat koneksi internet</td></tr> </tbody></table> <div> <span style="font-family: Verdana, sans-serif; font-size: small;"><br /></span></div> <div class="separator" style="clear: both; text-align: center;"> </div> <span style="font-family: Verdana, sans-serif;">Mozilla Firefox, browser engine dengan segudang kelebihan. Browser ini ada jutaan pengguna di seluruh dunia, mulai dari akses lewat komputer/PC dan <a href="http://spotkreatif.blogspot.com/search/label/android" target="_blank">Smartphone</a>. firefox datang dengan segudang kelebihan bukan berarti tanpa celah, satu hal yang membuat firefox terasa kurang nyaman di gunakan saat mulai terasa lambat dan pada akhirnya mempengaruhi koneksi <a href="http://spotkreatif.blogspot.com/search/label/internet" target="_blank">internet</a>.</span><br /> <span style="font-family: Verdana, sans-serif;"><br /></span> <span style="font-family: Verdana, sans-serif;">Penyebab nya bisa dari mana saja, seperti addons yang terinstal terlalu banyak atau terlalu menumpuknya bookmark di toolbar dan lain-lain. Nah kali ini saya akan memberi tahu bagaimana mana cara mengakali agar firefox bisa berjalan dengan cepat dan tentu saja bisa membuat koneksi internet jadi wuusss.</span><br /> <span style="font-family: Verdana, sans-serif;"><br /></span> <span style="font-family: Verdana, sans-serif;">Cara nya cukup simple, tapi harus di lakukan dengan hati-hati. Cukup setting beberapa config firefox, langkahnya sebagai berikut.</span><br /> <span style="font-family: Verdana, sans-serif;"><br /></span> <h3> <span style="font-family: Verdana, sans-serif; font-size: small;">Mempercepat koneksi dan kinerja Firefox</span></h3> <span style="font-family: Verdana, sans-serif;">1. Yang jelas buka Firefox nya.</span><br /> <span style="font-family: Verdana, sans-serif;"><br /></span> <span style="font-family: Verdana, sans-serif;">2. Lalu ketikan&nbsp; about:config&nbsp; pada kolom address bar/kolom URL.</span><br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdD-DLWXzu5lF2fyNL_xQ-Kb8fuGV1fM99OUfYMs-T_LmLXcOyYoE5XlAZZeE74GF15eBIC7duYkvR0MbooUWYWFQYKavTdOQaKZlAKzQyls8AKAcmAj2uTbplPc6vb6DY2Xb6eiIHl-Y/s1600/mempercepat+kinerja+firefox+(Small).jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Verdana, sans-serif;"><img border="0" height="130" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdD-DLWXzu5lF2fyNL_xQ-Kb8fuGV1fM99OUfYMs-T_LmLXcOyYoE5XlAZZeE74GF15eBIC7duYkvR0MbooUWYWFQYKavTdOQaKZlAKzQyls8AKAcmAj2uTbplPc6vb6DY2Xb6eiIHl-Y/s1600/mempercepat+kinerja+firefox+(Small).jpg" width="320" /></span></a></div> <span style="font-family: Verdana, sans-serif;">3. Akan muncul notif dialog seperti gambar di bawah ini, klik saja tombol yang tengah.</span><br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKUxx3Q9hrkUxYnaqpXy8u_7auw4F0_ILbEWjwq2-bZleMyLp5FXP2CdMuyt_8V98vZFqkYjUTDu-hFpHXqKig3ADIAYabCWPleyFCFffUAvqsxTuSyOyPVWGC6aU8MjLGl5PlMINnY_E/s1600/mempercepat+kinerja+firefox+2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Verdana, sans-serif;"><img border="0" height="136" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKUxx3Q9hrkUxYnaqpXy8u_7auw4F0_ILbEWjwq2-bZleMyLp5FXP2CdMuyt_8V98vZFqkYjUTDu-hFpHXqKig3ADIAYabCWPleyFCFffUAvqsxTuSyOyPVWGC6aU8MjLGl5PlMINnY_E/s1600/mempercepat+kinerja+firefox+2.jpg" width="320" /></span></a></div> <span style="font-family: Verdana, sans-serif;">4. Setelah di klik akan muncul editor config firefox seperti di bawah ini.</span><br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiu5Yw6yjCUreq0-LdRki_QJon3x-t13ERCc3yU9szCbzk-xk73IB18OvTbMB0v9_FiTY-FOQJzBeNkPWjivi8mpyh_hC5VHe9CXirO6-QYdaB7u7bn9AlyuaDvWox3J8_nuDi1Vj38qbY/s1600/mempercepat+kinerja+firefox+3+(Small).jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Verdana, sans-serif;"><img border="0" height="177" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiu5Yw6yjCUreq0-LdRki_QJon3x-t13ERCc3yU9szCbzk-xk73IB18OvTbMB0v9_FiTY-FOQJzBeNkPWjivi8mpyh_hC5VHe9CXirO6-QYdaB7u7bn9AlyuaDvWox3J8_nuDi1Vj38qbY/s1600/mempercepat+kinerja+firefox+3+(Small).jpg" width="320" /></span></a></div> <span style="font-family: Verdana, sans-serif;">5. Ketikan key yang ingin kita cari "di bawah ini" pada kolom search/cari.</span><br /> <span style="font-family: Verdana, sans-serif;"><br /></span> <span style="font-family: Verdana, sans-serif;">Ini dia daftar key yang harus di cari dan di rubah agar firefox menjdai cepat. </span><br /> <ol> <li><span style="font-family: Verdana, sans-serif;">network.http.pipelining&nbsp; rubah false menjadi true</span></li> <li><span style="font-family: Verdana, sans-serif;">network.http.proxy.pipelining&nbsp; rubah false menjadi true</span></li> <li><span style="font-family: Verdana, sans-serif;">network.dns.disableIPv6 rubah&nbsp; false menjadi true</span></li> <li><span style="font-family: Verdana, sans-serif;">network.http.max-connections rubah nilai nya jadi ‘64’</span></li> <li><span style="font-family: Verdana, sans-serif;">network.http.max-connections-per-server rubah nilai nya jadi ‘21’</span></li> <li><span style="font-family: Verdana, sans-serif;">network.http.max-persistent-connections-per-server rubah nilai nya jadi&nbsp; ‘8’</span></li> <li><span style="font-family: Verdana, sans-serif;">network.http.pipelining.maxrequests rubah nilai nya jadi ‘100’</span></li> </ol> <span style="font-family: Verdana, sans-serif;">6. Jika sudah lanjut klik kanan pada area yang kosong dan ikuti langkah di bawah ini.</span><br /> <ol> <li><span style="font-family: Verdana, sans-serif;">Klik kanan - Pilih new - integer - Ketik "content.max.tokenizing.time" -&nbsp; Masukan dengan nilai "1000000"</span></li> <li><span style="font-family: Verdana, sans-serif;">Klik kanan - Pilih new - integer - Ketik "content.notify.interval" -&nbsp; Masukan dengan nilai "500000"&nbsp;</span></li> <li><span style="font-family: Verdana, sans-serif;">Klik kanan - Pilih new - integer - Ketik "content.notify.backoffcount" -&nbsp; Masukan dengan nilai "5"</span></li> <li><span style="font-family: Verdana, sans-serif;">Klik kanan - Pilih new - integer - Ketik "content.switch.threshold" -&nbsp; Masukan dengan nilai "500000"</span></li> <li><span style="font-family: Verdana, sans-serif;">Klik kanan - Pilih new -integer - Ketik "nglayout.initialpaint.delay" – Masukan dengan nilai "0"</span></li> <li><span style="font-family: Verdana, sans-serif;">Klik kanan - Pilih new - boolean - Ketik "content.interrupt.parsing" - Pilih&nbsp; "true" - Klik Oke</span></li> <li><span style="font-family: Verdana, sans-serif;">Klik kanan -&nbsp; Pilih new - boolean - Ketik "content.notify.ontimer" -&nbsp; Pilih&nbsp; "true" - Klik Oke</span></li> </ol> <h3> <span style="font-family: Verdana, sans-serif; font-size: small;">Yang Harus Di Ingat !</span></h3> <span style="font-family: Verdana, sans-serif;">Tanda " "&nbsp; tidak usah di ketik atau di copy, langsung saja ketik key nya, misalnya : content.notify.ontimer</span><br /> <span style="font-family: Verdana, sans-serif;"><br /></span> <h3> <span style="font-family: Verdana, sans-serif; font-size: small;">Jika Key Yang Di Cari Tidak Ditemukan ?</span></h3> <span style="font-family: Verdana, sans-serif;">Solusinya adalah dengan membuat key nya sendiri. Contohnya key network.http.max-persistent-connections-per-server tidak ada, Maka Caranya klik kanan terus pilih new → Pilih Integer, kemudian isi sesuai nilainya.</span><br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRMxT3z6rrZxTPc-obJhrOwRtNeew2dUPTsN-TtFlI9KQ2kqHD2U1YAsTo6gMAxaxkhhIhPp_SyMNtkv4dh84oj4TLWkbOOKTuakoMsDpDBPEiZ0WzJyI4Fqf9OYcD7AIXzRZNLyLUfaE/s1600/cara+mempercepat+internet+firefox.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Verdana, sans-serif;"><img border="0" height="188" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRMxT3z6rrZxTPc-obJhrOwRtNeew2dUPTsN-TtFlI9KQ2kqHD2U1YAsTo6gMAxaxkhhIhPp_SyMNtkv4dh84oj4TLWkbOOKTuakoMsDpDBPEiZ0WzJyI4Fqf9OYcD7AIXzRZNLyLUfaE/s1600/cara+mempercepat+internet+firefox.png" width="320" /></span></a></div> <span style="font-family: Verdana, sans-serif;">7. Langkah terakhir adalah merestart mozilla firefox nya.</span><br /> <span style="font-family: Verdana, sans-serif;"><br /></span> <span style="font-family: Verdana, sans-serif;">Setelah semua langkah di atas sudah di lakukan dengan benar, sekarang tinggal anda tes hasilnya. Cobalah browsing dengan membuka beberapa tab dan lain-lain dan rasakan bedanya.</span><br /> <span style="font-family: Verdana, sans-serif;"><br /></span> <span style="font-family: Verdana, sans-serif;">Oke sekian posting artikel kali ini tentang cara <b>mempercepat koneksi internet komputer dengan mudah</b> tanpa software. Semoga saja bisa bermanfaat untuk para <a href="http://spotkreatif.blogspot.com/" target="_blank">spoter</a> dan terima kasih.</span>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4237707532729024243.post-46190440551670596122015-03-21T19:16:00.000+07:002015-03-21T19:16:34.475+07:00<h2> <span style="font-size: small;">Cara Membuat Widget Menu Navigation Bar Di Blog Dengan Mudah (with icon)</span></h2> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIVdFq2oDSlP25Fj4251x2FGlaXHsG8Fj2sT30nWlfVRF4dLIobanmXmDH7HpKdM-uLQV9FghSZo3Q8X_Ah3DPoxnIW8F202bf3ZyQ9XBatlXbKBtHAF4LGCldYLG3zHrqUMBm42DMJUI/s1600/Multilevel+CSS3+Menu+Bar+With+Icons.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="cara mudah membuat navigation bar keren blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIVdFq2oDSlP25Fj4251x2FGlaXHsG8Fj2sT30nWlfVRF4dLIobanmXmDH7HpKdM-uLQV9FghSZo3Q8X_Ah3DPoxnIW8F202bf3ZyQ9XBatlXbKBtHAF4LGCldYLG3zHrqUMBm42DMJUI/s1600/Multilevel+CSS3+Menu+Bar+With+Icons.png" title="membuat widget navigation bar" /></a></div> Sepertiterlihat di gambar atas, menu navigation multi level ini sangat bagus dan fungsional. Untuk anda yang mempunyai blog dengan segudang menu dan label, menggunakan menu navbar ini sangat cocok. Cara membuat nya pun tidak sulit, hanya sedikit menambahkan kode HTML pada template anda dan jadilah menu bar seperti di atas.<br /> <br /> Menu navigation bar ini juga tidak berat dan sudah di lengkapi dengan jquery, jadi akan ada animasi yang sangat enak di lihat. Jadi selain fungsional juga bagus dan enak di lihat. Untuk cara membuat nya ikuti langkah-langkah di bawah ini.<br /> <br /> <h3> <span style="font-size: small;">Multilevel CSS3 Menu Bar With Icon</span></h3> <span style="font-size: small;">1. Buka Blogger dan login</span><br /> <span style="font-size: small;">2. Masuk atau pilih TEMPLATE</span><br /> <span style="font-size: small;">3. Lalu pilih edit HTML</span><br /> <span style="font-size: small;">4. Pada kolom editor HTML cari kode ]]&gt;&lt;b:skin&gt;</span><br /> <span style="font-size: small;">5. jika sudah ketemu, copy kode di bawah ini dan paste sebelum kode ]]&gt;&lt;b:skin&gt;</span><br /> <br /> <div style="border: 1px solid #eee; height: 1000px; overflow: auto; padding: 10px; width: 520px;"> <span style="font-size: small;"><br />/* icons Css3 menu spotkreatif.blogspot.com*/<br /><br />ul#navbt {<br />&nbsp;&nbsp;&nbsp; display:block;<br />&nbsp;&nbsp;&nbsp; float:left;<br />&nbsp;&nbsp;&nbsp; font-family:Trebuchet MS,sans-serif;<br />&nbsp;&nbsp;&nbsp; font-size:0;<br />&nbsp;&nbsp;&nbsp; padding:5px 5px 5px 0;<br /><br />&nbsp;&nbsp;&nbsp; background: -moz-linear-gradient(#f5f5f5, #c4c4c4); /* FF 3.6+ */&nbsp; <br />&nbsp;&nbsp;&nbsp; background: -ms-linear-gradient(#f5f5f5, #c4c4c4); /* IE10 */&nbsp; <br />&nbsp;&nbsp;&nbsp; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #c4c4c4)); /* Safari 4+, Chrome 2+ */&nbsp; <br />&nbsp;&nbsp;&nbsp; background: -webkit-linear-gradient(#f5f5f5, #c4c4c4); /* Safari 5.1+, Chrome 10+ */&nbsp; <br />&nbsp;&nbsp;&nbsp; background: -o-linear-gradient(#f5f5f5, #c4c4c4); /* Opera 11.10 */&nbsp; <br />&nbsp;&nbsp;&nbsp; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#c4c4c4'); /* IE6 &amp; IE7 */&nbsp; <br />&nbsp;&nbsp;&nbsp; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#c4c4c4')"; /* IE8+ */&nbsp; <br />&nbsp;&nbsp;&nbsp; background: linear-gradient(#f5f5f5, #c4c4c4); /* the standard */ <br />}<br />ul#navbt,ul#navbt ul {<br />&nbsp;&nbsp;&nbsp; list-style:none;<br />&nbsp;&nbsp;&nbsp; margin:0;<br />}<br />ul#navbt,ul#navbt .subs {<br />&nbsp;&nbsp;&nbsp; background-color:#444;<br />&nbsp;&nbsp;&nbsp; border:1px solid #454545;<br /><br />&nbsp;&nbsp;&nbsp; border-radius:9px;<br />&nbsp;&nbsp;&nbsp; -moz-border-radius:9px;<br />&nbsp;&nbsp;&nbsp; -webkit-border-radius:9px;<br />}<br />ul#navbt .subs {<br />&nbsp;&nbsp;&nbsp; background-color:#fff;<br />&nbsp;&nbsp;&nbsp; border:2px solid #222;<br />&nbsp;&nbsp;&nbsp; display:none;<br />&nbsp;&nbsp;&nbsp; float:left;<br />&nbsp;&nbsp;&nbsp; left:0;<br />&nbsp;&nbsp;&nbsp; padding:0 6px 6px;<br />&nbsp;&nbsp;&nbsp; position:absolute;<br />&nbsp;&nbsp;&nbsp; top:100%;<br />&nbsp;&nbsp;&nbsp; width:300px;<br /><br />&nbsp;&nbsp;&nbsp; border-radius:7px;<br />&nbsp;&nbsp;&nbsp; -moz-border-radius:7px;<br />&nbsp;&nbsp;&nbsp; -webkit-border-radius:7px;<br />}<br />ul#navbt li:hover&gt;* {<br />&nbsp;&nbsp;&nbsp; display:block;<br />}<br />ul#navbt li:hover {<br />&nbsp;&nbsp;&nbsp; position:relative;<br />}<br />ul#navbt ul .subs {<br />&nbsp;&nbsp;&nbsp; left:100%;<br />&nbsp;&nbsp;&nbsp; position:absolute;<br />&nbsp;&nbsp;&nbsp; top:0;<br />}<br />ul#navbt ul {<br />&nbsp;&nbsp;&nbsp; padding:0 5px 5px;<br />}<br />ul#navbt .col {<br />&nbsp;&nbsp;&nbsp; float:left;<br />&nbsp;&nbsp;&nbsp; width:50%;<br />}<br />ul#navbt li {<br />&nbsp;&nbsp;&nbsp; display:block;<br />&nbsp;&nbsp;&nbsp; float:left;<br />&nbsp;&nbsp;&nbsp; font-size:0;<br />&nbsp;&nbsp;&nbsp; white-space:nowrap;<br />}<br />ul#navbt&gt;li,ul#navbt li {<br />&nbsp;&nbsp;&nbsp; margin:0 0 0 5px;<br />}<br />ul#navbt ul&gt;li {<br />&nbsp;&nbsp;&nbsp; margin:5px 0 0;<br />}<br />ul#navbt a:active,ul#navbt a:focus {<br />&nbsp;&nbsp;&nbsp; outline-style:none;<br />}<br />ul#navbt a {<br />&nbsp;&nbsp;&nbsp; border-style:none;<br />&nbsp;&nbsp;&nbsp; border-width:0;<br />&nbsp;&nbsp;&nbsp; color:#181818;<br />&nbsp;&nbsp;&nbsp; cursor:pointer;<br />&nbsp;&nbsp;&nbsp; display:block;<br />&nbsp;&nbsp;&nbsp; font-size:13px;<br />&nbsp;&nbsp;&nbsp; font-weight:bold;<br />&nbsp;&nbsp;&nbsp; padding:8px 18px;<br />&nbsp;&nbsp;&nbsp; text-align:left;<br />&nbsp;&nbsp;&nbsp; text-decoration:none;<br />&nbsp;&nbsp;&nbsp; text-shadow:#fff 0 1px 1px;<br />&nbsp;&nbsp;&nbsp; vertical-align:middle;<br />}<br />ul#navbt ul li {<br />&nbsp;&nbsp;&nbsp; float:none;<br />&nbsp;&nbsp;&nbsp; margin:6px 0 0;<br />}<br />ul#navbt ul a {<br />&nbsp;&nbsp;&nbsp; background-color:#fff;<br />&nbsp;&nbsp;&nbsp; border-color:#efefef;<br />&nbsp;&nbsp;&nbsp; border-style:solid;<br />&nbsp;&nbsp;&nbsp; border-width:0 0 1px;<br />&nbsp;&nbsp;&nbsp; color:#000;<br />&nbsp;&nbsp;&nbsp; font-size:11px;<br />&nbsp;&nbsp;&nbsp; padding:4px;<br />&nbsp;&nbsp;&nbsp; text-align:left;<br />&nbsp;&nbsp;&nbsp; text-decoration:none;<br />&nbsp;&nbsp;&nbsp; text-shadow:#fff 0 0 0;<br /><br />&nbsp;&nbsp;&nbsp; border-radius:0;<br />&nbsp;&nbsp;&nbsp; -moz-border-radius:0;<br />&nbsp;&nbsp;&nbsp; -webkit-border-radius:0;<br />}<br />ul#navbt li:hover&gt;a {<br />&nbsp;&nbsp;&nbsp; border-style:none;<br />&nbsp;&nbsp;&nbsp; color:#fff;<br />&nbsp;&nbsp;&nbsp; font-size:13px;<br />&nbsp;&nbsp;&nbsp; font-weight:bold;<br />&nbsp;&nbsp;&nbsp; text-decoration:none;<br />&nbsp;&nbsp;&nbsp; text-shadow:#181818 0 1px 1px;<br />}<br />ul#navbt img {<br />&nbsp;&nbsp;&nbsp; border:none;<br />&nbsp;&nbsp;&nbsp; margin-right:8px;<br />&nbsp;&nbsp;&nbsp; vertical-align:middle;<br />}<br />ul#navbt span {<br />&nbsp;&nbsp;&nbsp; background-position:right center;<br />&nbsp;&nbsp;&nbsp; background-repeat:no-repeat;<br />&nbsp;&nbsp;&nbsp; display:block;<br />&nbsp;&nbsp;&nbsp; overflow:visible;<br />&nbsp;&nbsp;&nbsp; padding-right:0;<br />}<br />ul#navbt ul span {<br />&nbsp;&nbsp;&nbsp; background-image:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQsmBM8XBTd3UiEhD9H979SRAZK4dZKeRz51XEe27-3XMboNHrxEHvXft5gJsDrLJe7mSGv5ztBQ7-rD3Oz8TdLgJAbsqnqDHCDHIetj7tMg3BVzMJKefsvp2DHKALdrPBmBDT9GcaGz8/s1600/bloggetrix-arrow.png");<br />&nbsp;&nbsp;&nbsp; padding-right:20px;<br />}<br />ul#navbt ul li:hover&gt;a {<br />&nbsp;&nbsp;&nbsp; border-color:#444;<br />&nbsp;&nbsp;&nbsp; border-style:solid;<br />&nbsp;&nbsp;&nbsp; color:#444;<br />&nbsp;&nbsp;&nbsp; font-size:11px;<br />&nbsp;&nbsp;&nbsp; text-decoration:none;<br />&nbsp;&nbsp;&nbsp; text-shadow:#fff 0 0 0;<br />}<br />ul#navbt &gt; li &gt;a {<br />&nbsp;&nbsp;&nbsp; background-color:transpa;<br />&nbsp;&nbsp;&nbsp; height:25px;<br />&nbsp;&nbsp;&nbsp; line-height:25px;<br /><br />&nbsp;&nbsp;&nbsp; border-radius:11px;<br />&nbsp;&nbsp;&nbsp; -moz-border-radius:11px;<br />&nbsp;&nbsp;&nbsp; -webkit-border-radius:11px;<br />}<br />ul#navbt &gt; li:hover &gt; a {<br />&nbsp;&nbsp;&nbsp; background-color:#313638;<br />&nbsp;&nbsp;&nbsp; line-height:25px;<br />} </span> </div> <br /> 6. Simpan template.<br /> 7. Lanjut pilih tata letak / layout<br /> 8. Pilih add gadget / tambahkan gadget<br /> 9. Copy dan paste kode di bawah ini pada kolom gadget<br /> <br /> <div style="border: 1px solid #eee; height: 1000px; overflow: auto; padding: 10px; width: 520px;"> &lt;ul id="navbt"&gt;<br /> &lt;li&gt;&lt;a href="#"&gt;&lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGkgsdLB7yFEgp9xvUW4CiKnXw5ZEkhjeDAJvvhiD-xh_c-Gp0PlC0MODz3N5zgJrgcq3nOIKDIB4fqANsDP06FlLMTkJnKtTF4uTYWu58LsiN82Kq-EQt1Bj4myPrDkX22LZi3RtA3wY/s1600/bloggetrix-home.png" /&gt; Home&lt;/a&gt;&lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="#"&gt;&lt;span&gt;&lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcOk9rbH7hNq_OEIMoYk9wbCxXhcccbUBUPbRVtfcGlHVtQeDi-ZU-_DXISz7qX0FRxnVcCeJG5wkIJjJEreuUPTh1B6L4RVyFNpqXC8cYxRvK0pftkz3vIvXpSLKRV5FDLv9eHl2vQrM/s1600/bloggetrix-top1.png" /&gt; HTML/CSS&lt;/span&gt;&lt;/a&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div class="subs"&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div class="col"&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;ul&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="#"&gt;&lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqAZOr_yPuQ0xU_lmYlKIu8yxA64AJHdnJhZeP8tWV9zQGE2zSViu5eRkQc6PIM8SYVvX0a3ot_dBtjXlDAzSJ72plVDoio4K-nABrYN13TY1XkXza9I_RzRExbBwrx6EfZgaYsNEJoU4/s1600/bloggetrix-bub.png" /&gt; <span style="background-color: red;">Link 1</span>&lt;/a&gt;&lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="#"&gt;&lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqAZOr_yPuQ0xU_lmYlKIu8yxA64AJHdnJhZeP8tWV9zQGE2zSViu5eRkQc6PIM8SYVvX0a3ot_dBtjXlDAzSJ72plVDoio4K-nABrYN13TY1XkXza9I_RzRExbBwrx6EfZgaYsNEJoU4/s1600/bloggetrix-bub.png" /&gt; <span style="background-color: red;">Link 2</span>&lt;/a&gt;&lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="#"&gt;&lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqAZOr_yPuQ0xU_lmYlKIu8yxA64AJHdnJhZeP8tWV9zQGE2zSViu5eRkQc6PIM8SYVvX0a3ot_dBtjXlDAzSJ72plVDoio4K-nABrYN13TY1XkXza9I_RzRExbBwrx6EfZgaYsNEJoU4/s1600/bloggetrix-bub.png" /&gt; <span style="background-color: red;">Link 3</span>&lt;/a&gt;&lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="#"&gt;&lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqAZOr_yPuQ0xU_lmYlKIu8yxA64AJHdnJhZeP8tWV9zQGE2zSViu5eRkQc6PIM8SYVvX0a3ot_dBtjXlDAzSJ72plVDoio4K-nABrYN13TY1XkXza9I_RzRExbBwrx6EfZgaYsNEJoU4/s1600/bloggetrix-bub.png" /&gt; <span style="background-color: red;">Link 4</span>&lt;/a&gt;&lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="#"&gt;&lt;span&gt;&lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqAZOr_yPuQ0xU_lmYlKIu8yxA64AJHdnJhZeP8tWV9zQGE2zSViu5eRkQc6PIM8SYVvX0a3ot_dBtjXlDAzSJ72plVDoio4K-nABrYN13TY1XkXza9I_RzRExbBwrx6EfZgaYsNEJoU4/s1600/bloggetrix-bub.png" /&gt; Sublinks&lt;/span&gt;&lt;/a&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div class="subs"&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div class="col"&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;ul&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="#"&gt;&lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqAZOr_yPuQ0xU_lmYlKIu8yxA64AJHdnJhZeP8tWV9zQGE2zSViu5eRkQc6PIM8SYVvX0a3ot_dBtjXlDAzSJ72plVDoio4K-nABrYN13TY1XkXza9I_RzRExbBwrx6EfZgaYsNEJoU4/s1600/bloggetrix-bub.png" /&gt; Link 41&lt;/a&gt;&lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="#"&gt;&lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqAZOr_yPuQ0xU_lmYlKIu8yxA64AJHdnJhZeP8tWV9zQGE2zSViu5eRkQc6PIM8SYVvX0a3ot_dBtjXlDAzSJ72plVDoio4K-nABrYN13TY1XkXza9I_RzRExbBwrx6EfZgaYsNEJoU4/s1600/bloggetrix-bub.png" /&gt; Link 42&lt;/a&gt;&lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="#"&gt;&lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqAZOr_yPuQ0xU_lmYlKIu8yxA64AJHdnJhZeP8tWV9zQGE2zSViu5eRkQc6PIM8SYVvX0a3ot_dBtjXlDAzSJ72plVDoio4K-nABrYN13TY1XkXza9I_RzRExbBwrx6EfZgaYsNEJoU4/s1600/bloggetrix-bub.png" /&gt; Link 43&lt;/a&gt;&lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="#"&gt;&lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqAZOr_yPuQ0xU_lmYlKIu8yxA64AJHdnJhZeP8tWV9zQGE2zSViu5eRkQc6PIM8SYVvX0a3ot_dBtjXlDAzSJ72plVDoio4K-nABrYN13TY1XkXza9I_RzRExbBwrx6EfZgaYsNEJoU4/s1600/bloggetrix-bub.png" /&gt; Link 44&lt;/a&gt;&lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="#"&gt;&lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqAZOr_yPuQ0xU_lmYlKIu8yxA64AJHdnJhZeP8tWV9zQGE2zSViu5eRkQc6PIM8SYVvX0a3ot_dBtjXlDAzSJ72plVDoio4K-nABrYN13TY1XkXza9I_RzRExbBwrx6EfZgaYsNEJoU4/s1600/bloggetrix-bub.png" /&gt; Link 45&lt;/a&gt;&lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/ul&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/div&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div class="col"&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;ul&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="#"&gt;&lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqAZOr_yPuQ0xU_lmYlKIu8yxA64AJHdnJhZeP8tWV9zQGE2zSViu5eRkQc6PIM8SYVvX0a3ot_dBtjXlDAzSJ72plVDoio4K-nABrYN13TY1XkXza9I_RzRExbBwrx6EfZgaYsNEJoU4/s1600/bloggetrix-bub.png" /&gt; Link 46&lt;/a&gt;&lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="#"&gt;&lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqAZOr_yPuQ0xU_lmYlKIu8yxA64AJHdnJhZeP8tWV9zQGE2zSViu5eRkQc6PIM8SYVvX0a3ot_dBtjXlDAzSJ72plVDoio4K-nABrYN13TY1XkXza9I_RzRExbBwrx6EfZgaYsNEJoU4/s1600/bloggetrix-bub.png" /&gt; Link 47&lt;/a&gt;&lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="#"&gt;&lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqAZOr_yPuQ0xU_lmYlKIu8yxA64AJHdnJhZeP8tWV9zQGE2zSViu5eRkQc6PIM8SYVvX0a3ot_dBtjXlDAzSJ72plVDoio4K-nABrYN13TY1XkXza9I_RzRExbBwrx6EfZgaYsNEJoU4/s1600/bloggetrix-bub.png" /&gt; Link 48&lt;/a&gt;&lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="#"&gt;&lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqAZOr_yPuQ0xU_lmYlKIu8yxA64AJHdnJhZeP8tWV9zQGE2zSViu5eRkQc6PIM8SYVvX0a3ot_dBtjXlDAzSJ72plVDoio4K-nABrYN13TY1XkXza9I_RzRExbBwrx6EfZgaYsNEJoU4/s1600/bloggetrix-bub.png" /&gt; Link 49&lt;/a&gt;&lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/ul&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/div&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/div&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/ul&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/div&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div class="col"&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;ul&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="#"&gt;&lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqAZOr_yPuQ0xU_lmYlKIu8yxA64AJHdnJhZeP8tWV9zQGE2zSViu5eRkQc6PIM8SYVvX0a3ot_dBtjXlDAzSJ72plVDoio4K-nABrYN13TY1XkXza9I_RzRExbBwrx6EfZgaYsNEJoU4/s1600/bloggetrix-bub.png" /&gt; Link 6&lt;/a&gt;&lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="#"&gt;&lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqAZOr_yPuQ0xU_lmYlKIu8yxA64AJHdnJhZeP8tWV9zQGE2zSViu5eRkQc6PIM8SYVvX0a3ot_dBtjXlDAzSJ72plVDoio4K-nABrYN13TY1XkXza9I_RzRExbBwrx6EfZgaYsNEJoU4/s1600/bloggetrix-bub.png" /&gt; Link 7&lt;/a&gt;&lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="#"&gt;&lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqAZOr_yPuQ0xU_lmYlKIu8yxA64AJHdnJhZeP8tWV9zQGE2zSViu5eRkQc6PIM8SYVvX0a3ot_dBtjXlDAzSJ72plVDoio4K-nABrYN13TY1XkXza9I_RzRExbBwrx6EfZgaYsNEJoU4/s1600/bloggetrix-bub.png" /&gt; Link 8&lt;/a&gt;&lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="#"&gt;&lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqAZOr_yPuQ0xU_lmYlKIu8yxA64AJHdnJhZeP8tWV9zQGE2zSViu5eRkQc6PIM8SYVvX0a3ot_dBtjXlDAzSJ72plVDoio4K-nABrYN13TY1XkXza9I_RzRExbBwrx6EfZgaYsNEJoU4/s1600/bloggetrix-bub.png" /&gt; Link 9&lt;/a&gt;&lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="#"&gt;&lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqAZOr_yPuQ0xU_lmYlKIu8yxA64AJHdnJhZeP8tWV9zQGE2zSViu5eRkQc6PIM8SYVvX0a3ot_dBtjXlDAzSJ72plVDoio4K-nABrYN13TY1XkXza9I_RzRExbBwrx6EfZgaYsNEJoU4/s1600/bloggetrix-bub.png" /&gt; Link 10&lt;/a&gt;&lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/ul&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/div&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/div&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="#"&gt;&lt;span&gt;&lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi658fg5jL07MpP0bY6i2s2kX7DDfC_1KlPVrTGI_NSHlWOpzhrif6dNluwPSj58Y6beUVxG-SqXzFbnb5i40OOdPpCoc-c8lGj6eMoW10v7m7nb9wjPRr2kUSsKljvc-rEuuCQaFA89b0/s1600/bloggetrix-top2.png" /&gt; jQuery/JS&lt;/span&gt;&lt;/a&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div class="subs"&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div class="col"&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;ul&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="#"&gt;&lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqAZOr_yPuQ0xU_lmYlKIu8yxA64AJHdnJhZeP8tWV9zQGE2zSViu5eRkQc6PIM8SYVvX0a3ot_dBtjXlDAzSJ72plVDoio4K-nABrYN13TY1XkXza9I_RzRExbBwrx6EfZgaYsNEJoU4/s1600/bloggetrix-bub.png" /&gt; Link 1&lt;/a&gt;&lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="#"&gt;&lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqAZOr_yPuQ0xU_lmYlKIu8yxA64AJHdnJhZeP8tWV9zQGE2zSViu5eRkQc6PIM8SYVvX0a3ot_dBtjXlDAzSJ72plVDoio4K-nABrYN13TY1XkXza9I_RzRExbBwrx6EfZgaYsNEJoU4/s1600/bloggetrix-bub.png" /&gt; Link 2&lt;/a&gt;&lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="#"&gt;&lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqAZOr_yPuQ0xU_lmYlKIu8yxA64AJHdnJhZeP8tWV9zQGE2zSViu5eRkQc6PIM8SYVvX0a3ot_dBtjXlDAzSJ72plVDoio4K-nABrYN13TY1XkXza9I_RzRExbBwrx6EfZgaYsNEJoU4/s1600/bloggetrix-bub.png" /&gt; Link 3&lt;/a&gt;&lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="#"&gt;&lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqAZOr_yPuQ0xU_lmYlKIu8yxA64AJHdnJhZeP8tWV9zQGE2zSViu5eRkQc6PIM8SYVvX0a3ot_dBtjXlDAzSJ72plVDoio4K-nABrYN13TY1XkXza9I_RzRExbBwrx6EfZgaYsNEJoU4/s1600/bloggetrix-bub.png" /&gt; Link 4&lt;/a&gt;&lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="#"&gt;&lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqAZOr_yPuQ0xU_lmYlKIu8yxA64AJHdnJhZeP8tWV9zQGE2zSViu5eRkQc6PIM8SYVvX0a3ot_dBtjXlDAzSJ72plVDoio4K-nABrYN13TY1XkXza9I_RzRExbBwrx6EfZgaYsNEJoU4/s1600/bloggetrix-bub.png" /&gt; Link 5&lt;/a&gt;&lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/ul&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/div&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div class="col"&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;ul&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="#"&gt;&lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqAZOr_yPuQ0xU_lmYlKIu8yxA64AJHdnJhZeP8tWV9zQGE2zSViu5eRkQc6PIM8SYVvX0a3ot_dBtjXlDAzSJ72plVDoio4K-nABrYN13TY1XkXza9I_RzRExbBwrx6EfZgaYsNEJoU4/s1600/bloggetrix-bub.png" /&gt; Link 6&lt;/a&gt;&lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="#"&gt;&lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqAZOr_yPuQ0xU_lmYlKIu8yxA64AJHdnJhZeP8tWV9zQGE2zSViu5eRkQc6PIM8SYVvX0a3ot_dBtjXlDAzSJ72plVDoio4K-nABrYN13TY1XkXza9I_RzRExbBwrx6EfZgaYsNEJoU4/s1600/bloggetrix-bub.png" /&gt; Link 7&lt;/a&gt;&lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="#"&gt;&lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqAZOr_yPuQ0xU_lmYlKIu8yxA64AJHdnJhZeP8tWV9zQGE2zSViu5eRkQc6PIM8SYVvX0a3ot_dBtjXlDAzSJ72plVDoio4K-nABrYN13TY1XkXza9I_RzRExbBwrx6EfZgaYsNEJoU4/s1600/bloggetrix-bub.png" /&gt; Link 8&lt;/a&gt;&lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="#"&gt;&lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqAZOr_yPuQ0xU_lmYlKIu8yxA64AJHdnJhZeP8tWV9zQGE2zSViu5eRkQc6PIM8SYVvX0a3ot_dBtjXlDAzSJ72plVDoio4K-nABrYN13TY1XkXza9I_RzRExbBwrx6EfZgaYsNEJoU4/s1600/bloggetrix-bub.png" /&gt; Link 9&lt;/a&gt;&lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="#"&gt;&lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqAZOr_yPuQ0xU_lmYlKIu8yxA64AJHdnJhZeP8tWV9zQGE2zSViu5eRkQc6PIM8SYVvX0a3ot_dBtjXlDAzSJ72plVDoio4K-nABrYN13TY1XkXza9I_RzRExbBwrx6EfZgaYsNEJoU4/s1600/bloggetrix-bub.png" /&gt; Link 10&lt;/a&gt;&lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/ul&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/div&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/div&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="#"&gt;&lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-P0jkXb9XFxvllp0j0DqFQIWXprSgSov13TDaBT38FjGtvkGPNq51ZzDlGWZCmFSMy2_w3XpcXtY7HBC3wHCkSZF9oCYLFU_0O2YJLslHYxU8yveUyAZMRWFrBlKxOyYi9EtERblgRFM/s1600/bloggetrix-top3.png" /&gt; PHP&lt;/a&gt;&lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="#"&gt;&lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCWyMhOKz4IzQfpNyhqRaDRItolDHWSY3QvrYFlo6M6Uco64XB0ov36FhipGyVcvtE3IyKDcCMyC0qoCXGgPxApPKdO7hojkzFl-m1-jBMrr84qGduE8kXA9NdI38WyUxcBvs2cm-gysQ/s1600/bloggetrix-top4.png" /&gt; MySQL&lt;/a&gt;&lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="#"&gt;&lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju-viylGKmgdYpnjUPPJNxc0eVueFkspj-zrDZhcly6HFB8VzCg103Qay4uAkvs25CT-TORQ0d4o7aKjdoxuRS3XeMrbahpPnQwaN7TPb_66lr0nAFFIgFZWJ-S978Tlmn71mH_UxujgM/s1600/bloggetrix-top5.png" /&gt; XSLT&lt;/a&gt;&lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/ul&gt; </div> <br /> NB :<br /> - Ganti tanda # dengan url anda dan <span style="background-color: red;">title</span> dengan tulisan terserah anda<br /> <br /> 10. Terakhir simpan template.<br /> <br /> Oke sekian artikel kali ini tentang cara <b>membuat menu navigation bar multi level di blog</b> dengan mudah. Semoga dapat bermanfaat dan membantu yang memang sedang mencari nya, jangan lupa utnuk membaca asrtikel yang lain tentang membuat <a href="http://spotkreatif.blogspot.com/2015/03/membuat-menu-navigation-bar-flying-style.html" target="_blank">menu navigation bar fyling styel</a> dan warna <a href="http://spotkreatif.blogspot.com/2015/03/membuat-menu-bar-slide-drop-keren-di.html" target="_blank">slide drop</a>. Terima kasih.Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4237707532729024243.post-78005921419907257472015-03-19T22:38:00.000+07:002015-03-19T22:38:10.368+07:00<h2> <span style="font-size: small;">Cara Membuat Menu Bar Slide Drop Di Bloge Dengan Mudah</span></h2> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-ZJBb5Wsx1kTK-D4xckc5uDkr4ZSDc6S7o2wGzq7fftpNK0luGBKk69zofVGagzl0_IZDFGnSRSx_I0uvoQDH49J1HFuZWJnFihLOf82tCoVU3dU2-TUL9QOQ6GHJu7ZeQ8tMM7co58M/s1600/Simple+Css3+Drop+Down+Navigation+Bar.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="cara membuat menu navigation bar keren" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-ZJBb5Wsx1kTK-D4xckc5uDkr4ZSDc6S7o2wGzq7fftpNK0luGBKk69zofVGagzl0_IZDFGnSRSx_I0uvoQDH49J1HFuZWJnFihLOf82tCoVU3dU2-TUL9QOQ6GHJu7ZeQ8tMM7co58M/s1600/Simple+Css3+Drop+Down+Navigation+Bar.png" title="membuat menu navigasi header" /></a></div> Lanjut artikel hari ini, kembali membahas tentang menu bar. Bisa lihat contohnya di atas, sama seperti artikel tentang menu bar sebelumnya, menu bar kali ini juga terlihat keren dan bagus. Menu bar ini memiliki slide drop dengan jquery, jadi akan terlihat sangat bagus di blog.<br /> <br /> Tanpa panjang lebar lagi, buat yang tertarik ingin membuat menu bar slide drop keren ini bisa ikuti step-step nya di bawah.<br /> <br /> <h3> <span style="font-size: small;"><b>Menu Navigation Bar Black Slide Drop</b></span></h3> 1. Buka Blogger dan login<br /> 2.&nbsp; Pilih TEMPLATE lalu edit HTML<br /> 3. Pada kolom editor HTML cari kode ]]&gt;&lt;/b:skin&gt; gunakan ctrl+F<br /> 4. Jika sudah di temukan, copy dan paste kode di bawah ini tepat di atas kode ]]&gt;&lt;/b:skin&gt;<br /> <br /> <div style="border: 1px solid #eee; height: 700px; overflow: auto; padding: 10px; width: 520px;"> &nbsp;/* icons Css3 menu spotkreatif.blogspot.com*/<br /> <br /> ul#navbt {<br /> &nbsp;&nbsp;&nbsp; display:block;<br /> &nbsp;&nbsp;&nbsp; float:left;<br /> &nbsp;&nbsp;&nbsp; font-family:Trebuchet MS,sans-serif;<br /> &nbsp;&nbsp;&nbsp; font-size:0;<br /> &nbsp;&nbsp;&nbsp; padding:5px 5px 5px 0;<br /> <br /> &nbsp;&nbsp;&nbsp; background: -moz-linear-gradient(#f5f5f5, #c4c4c4); /* FF 3.6+ */ <br /> &nbsp;&nbsp;&nbsp; background: -ms-linear-gradient(#f5f5f5, #c4c4c4); /* IE10 */ <br /> &nbsp;&nbsp;&nbsp; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #c4c4c4)); /* Safari 4+, Chrome 2+ */ <br /> &nbsp;&nbsp;&nbsp; background: -webkit-linear-gradient(#f5f5f5, #c4c4c4); /* Safari 5.1+, Chrome 10+ */ <br /> &nbsp;&nbsp;&nbsp; background: -o-linear-gradient(#f5f5f5, #c4c4c4); /* Opera 11.10 */ <br /> &nbsp;&nbsp;&nbsp; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#c4c4c4'); /* IE6 &amp; IE7 */ <br /> &nbsp;&nbsp;&nbsp; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#c4c4c4')"; /* IE8+ */ <br /> &nbsp;&nbsp;&nbsp; background: linear-gradient(#f5f5f5, #c4c4c4); /* the standard */ <br /> }<br /> ul#navbt,ul#navbt ul {<br /> &nbsp;&nbsp;&nbsp; list-style:none;<br /> &nbsp;&nbsp;&nbsp; margin:0;<br /> }<br /> ul#navbt,ul#navbt .subs {<br /> &nbsp;&nbsp;&nbsp; background-color:#444;<br /> &nbsp;&nbsp;&nbsp; border:1px solid #454545;<br /> <br /> &nbsp;&nbsp;&nbsp; border-radius:9px;<br /> &nbsp;&nbsp;&nbsp; -moz-border-radius:9px;<br /> &nbsp;&nbsp;&nbsp; -webkit-border-radius:9px;<br /> }<br /> ul#navbt .subs {<br /> &nbsp;&nbsp;&nbsp; background-color:#fff;<br /> &nbsp;&nbsp;&nbsp; border:2px solid #222;<br /> &nbsp;&nbsp;&nbsp; display:none;<br /> &nbsp;&nbsp;&nbsp; float:left;<br /> &nbsp;&nbsp;&nbsp; left:0;<br /> &nbsp;&nbsp;&nbsp; padding:0 6px 6px;<br /> &nbsp;&nbsp;&nbsp; position:absolute;<br /> &nbsp;&nbsp;&nbsp; top:100%;<br /> &nbsp;&nbsp;&nbsp; width:300px;<br /> <br /> &nbsp;&nbsp;&nbsp; border-radius:7px;<br /> &nbsp;&nbsp;&nbsp; -moz-border-radius:7px;<br /> &nbsp;&nbsp;&nbsp; -webkit-border-radius:7px;<br /> }<br /> ul#navbt li:hover&gt;* {<br /> &nbsp;&nbsp;&nbsp; display:block;<br /> }<br /> ul#navbt li:hover {<br /> &nbsp;&nbsp;&nbsp; position:relative;<br /> }<br /> ul#navbt ul .subs {<br /> &nbsp;&nbsp;&nbsp; left:100%;<br /> &nbsp;&nbsp;&nbsp; position:absolute;<br /> &nbsp;&nbsp;&nbsp; top:0;<br /> }<br /> ul#navbt ul {<br /> &nbsp;&nbsp;&nbsp; padding:0 5px 5px;<br /> }<br /> ul#navbt .col {<br /> &nbsp;&nbsp;&nbsp; float:left;<br /> &nbsp;&nbsp;&nbsp; width:50%;<br /> }<br /> ul#navbt li {<br /> &nbsp;&nbsp;&nbsp; display:block;<br /> &nbsp;&nbsp;&nbsp; float:left;<br /> &nbsp;&nbsp;&nbsp; font-size:0;<br /> &nbsp;&nbsp;&nbsp; white-space:nowrap;<br /> }<br /> ul#navbt&gt;li,ul#navbt li {<br /> &nbsp;&nbsp;&nbsp; margin:0 0 0 5px;<br /> }<br /> ul#navbt ul&gt;li {<br /> &nbsp;&nbsp;&nbsp; margin:5px 0 0;<br /> }<br /> ul#navbt a:active,ul#navbt a:focus {<br /> &nbsp;&nbsp;&nbsp; outline-style:none;<br /> }<br /> ul#navbt a {<br /> &nbsp;&nbsp;&nbsp; border-style:none;<br /> &nbsp;&nbsp;&nbsp; border-width:0;<br /> &nbsp;&nbsp;&nbsp; color:#181818;<br /> &nbsp;&nbsp;&nbsp; cursor:pointer;<br /> &nbsp;&nbsp;&nbsp; display:block;<br /> &nbsp;&nbsp;&nbsp; font-size:13px;<br /> &nbsp;&nbsp;&nbsp; font-weight:bold;<br /> &nbsp;&nbsp;&nbsp; padding:8px 18px;<br /> &nbsp;&nbsp;&nbsp; text-align:left;<br /> &nbsp;&nbsp;&nbsp; text-decoration:none;<br /> &nbsp;&nbsp;&nbsp; text-shadow:#fff 0 1px 1px;<br /> &nbsp;&nbsp;&nbsp; vertical-align:middle;<br /> }<br /> ul#navbt ul li {<br /> &nbsp;&nbsp;&nbsp; float:none;<br /> &nbsp;&nbsp;&nbsp; margin:6px 0 0;<br /> }<br /> ul#navbt ul a {<br /> &nbsp;&nbsp;&nbsp; background-color:#fff;<br /> &nbsp;&nbsp;&nbsp; border-color:#efefef;<br /> &nbsp;&nbsp;&nbsp; border-style:solid;<br /> &nbsp;&nbsp;&nbsp; border-width:0 0 1px;<br /> &nbsp;&nbsp;&nbsp; color:#000;<br /> &nbsp;&nbsp;&nbsp; font-size:11px;<br /> &nbsp;&nbsp;&nbsp; padding:4px;<br /> &nbsp;&nbsp;&nbsp; text-align:left;<br /> &nbsp;&nbsp;&nbsp; text-decoration:none;<br /> &nbsp;&nbsp;&nbsp; text-shadow:#fff 0 0 0;<br /> <br /> &nbsp;&nbsp;&nbsp; border-radius:0;<br /> &nbsp;&nbsp;&nbsp; -moz-border-radius:0;<br /> &nbsp;&nbsp;&nbsp; -webkit-border-radius:0;<br /> }<br /> ul#navbt li:hover&gt;a {<br /> &nbsp;&nbsp;&nbsp; border-style:none;<br /> &nbsp;&nbsp;&nbsp; color:#fff;<br /> &nbsp;&nbsp;&nbsp; font-size:13px;<br /> &nbsp;&nbsp;&nbsp; font-weight:bold;<br /> &nbsp;&nbsp;&nbsp; text-decoration:none;<br /> &nbsp;&nbsp;&nbsp; text-shadow:#181818 0 1px 1px;<br /> }<br /> ul#navbt img {<br /> &nbsp;&nbsp;&nbsp; border:none;<br /> &nbsp;&nbsp;&nbsp; margin-right:8px;<br /> &nbsp;&nbsp;&nbsp; vertical-align:middle;<br /> }<br /> ul#navbt span {<br /> &nbsp;&nbsp;&nbsp; background-position:right center;<br /> &nbsp;&nbsp;&nbsp; background-repeat:no-repeat;<br /> &nbsp;&nbsp;&nbsp; display:block;<br /> &nbsp;&nbsp;&nbsp; overflow:visible;<br /> &nbsp;&nbsp;&nbsp; padding-right:0;<br /> }<br /> ul#navbt ul span {<br /> &nbsp;&nbsp;&nbsp; background-image:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQsmBM8XBTd3UiEhD9H979SRAZK4dZKeRz51XEe27-3XMboNHrxEHvXft5gJsDrLJe7mSGv5ztBQ7-rD3Oz8TdLgJAbsqnqDHCDHIetj7tMg3BVzMJKefsvp2DHKALdrPBmBDT9GcaGz8/s1600/bloggetrix-arrow.png");<br /> &nbsp;&nbsp;&nbsp; padding-right:20px;<br /> }<br /> ul#navbt ul li:hover&gt;a {<br /> &nbsp;&nbsp;&nbsp; border-color:#444;<br /> &nbsp;&nbsp;&nbsp; border-style:solid;<br /> &nbsp;&nbsp;&nbsp; color:#444;<br /> &nbsp;&nbsp;&nbsp; font-size:11px;<br /> &nbsp;&nbsp;&nbsp; text-decoration:none;<br /> &nbsp;&nbsp;&nbsp; text-shadow:#fff 0 0 0;<br /> }<br /> ul#navbt &gt; li &gt;a {<br /> &nbsp;&nbsp;&nbsp; background-color:transpa;<br /> &nbsp;&nbsp;&nbsp; height:25px;<br /> &nbsp;&nbsp;&nbsp; line-height:25px;<br /> <br /> &nbsp;&nbsp;&nbsp; border-radius:11px;<br /> &nbsp;&nbsp;&nbsp; -moz-border-radius:11px;<br /> &nbsp;&nbsp;&nbsp; -webkit-border-radius:11px;<br /> }<br /> ul#navbt &gt; li:hover &gt; a {<br /> &nbsp;&nbsp;&nbsp; background-color:#313638;<br /> &nbsp;&nbsp;&nbsp; line-height:25px;<br /> }<br /> <br /> <br /> 7. Go to blogger and click Layout<br /> <br /> 8. Click Add Gadget and select 'HTML/Javascript<br /> <br /> 9. Paste below code.<br /> <br /> <br /> &lt;ul id="navbt"&gt;<br /> &lt;li&gt;&lt;a href="#"&gt;&lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGkgsdLB7yFEgp9xvUW4CiKnXw5ZEkhjeDAJvvhiD-xh_c-Gp0PlC0MODz3N5zgJrgcq3nOIKDIB4fqANsDP06FlLMTkJnKtTF4uTYWu58LsiN82Kq-EQt1Bj4myPrDkX22LZi3RtA3wY/s1600/bloggetrix-home.png" /&gt; Home&lt;/a&gt;&lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="#"&gt;&lt;span&gt;&lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcOk9rbH7hNq_OEIMoYk9wbCxXhcccbUBUPbRVtfcGlHVtQeDi-ZU-_DXISz7qX0FRxnVcCeJG5wkIJjJEreuUPTh1B6L4RVyFNpqXC8cYxRvK0pftkz3vIvXpSLKRV5FDLv9eHl2vQrM/s1600/bloggetrix-top1.png" /&gt; HTML/CSS&lt;/span&gt;&lt;/a&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div class="subs"&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div class="col"&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;ul&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="#"&gt;&lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqAZOr_yPuQ0xU_lmYlKIu8yxA64AJHdnJhZeP8tWV9zQGE2zSViu5eRkQc6PIM8SYVvX0a3ot_dBtjXlDAzSJ72plVDoio4K-nABrYN13TY1XkXza9I_RzRExbBwrx6EfZgaYsNEJoU4/s1600/bloggetrix-bub.png" /&gt; Link 1&lt;/a&gt;&lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="#"&gt;&lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqAZOr_yPuQ0xU_lmYlKIu8yxA64AJHdnJhZeP8tWV9zQGE2zSViu5eRkQc6PIM8SYVvX0a3ot_dBtjXlDAzSJ72plVDoio4K-nABrYN13TY1XkXza9I_RzRExbBwrx6EfZgaYsNEJoU4/s1600/bloggetrix-bub.png" /&gt; Link 2&lt;/a&gt;&lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="#"&gt;&lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqAZOr_yPuQ0xU_lmYlKIu8yxA64AJHdnJhZeP8tWV9zQGE2zSViu5eRkQc6PIM8SYVvX0a3ot_dBtjXlDAzSJ72plVDoio4K-nABrYN13TY1XkXza9I_RzRExbBwrx6EfZgaYsNEJoU4/s1600/bloggetrix-bub.png" /&gt; Link 3&lt;/a&gt;&lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="#"&gt;&lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqAZOr_yPuQ0xU_lmYlKIu8yxA64AJHdnJhZeP8tWV9zQGE2zSViu5eRkQc6PIM8SYVvX0a3ot_dBtjXlDAzSJ72plVDoio4K-nABrYN13TY1XkXza9I_RzRExbBwrx6EfZgaYsNEJoU4/s1600/bloggetrix-bub.png" /&gt; Link 4&lt;/a&gt;&lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="#"&gt;&lt;span&gt;&lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqAZOr_yPuQ0xU_lmYlKIu8yxA64AJHdnJhZeP8tWV9zQGE2zSViu5eRkQc6PIM8SYVvX0a3ot_dBtjXlDAzSJ72plVDoio4K-nABrYN13TY1XkXza9I_RzRExbBwrx6EfZgaYsNEJoU4/s1600/bloggetrix-bub.png" /&gt; Sublinks&lt;/span&gt;&lt;/a&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div class="subs"&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div class="col"&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;ul&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="#"&gt;&lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqAZOr_yPuQ0xU_lmYlKIu8yxA64AJHdnJhZeP8tWV9zQGE2zSViu5eRkQc6PIM8SYVvX0a3ot_dBtjXlDAzSJ72plVDoio4K-nABrYN13TY1XkXza9I_RzRExbBwrx6EfZgaYsNEJoU4/s1600/bloggetrix-bub.png" /&gt; Link 41&lt;/a&gt;&lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="#"&gt;&lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqAZOr_yPuQ0xU_lmYlKIu8yxA64AJHdnJhZeP8tWV9zQGE2zSViu5eRkQc6PIM8SYVvX0a3ot_dBtjXlDAzSJ72plVDoio4K-nABrYN13TY1XkXza9I_RzRExbBwrx6EfZgaYsNEJoU4/s1600/bloggetrix-bub.png" /&gt; Link 42&lt;/a&gt;&lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="#"&gt;&lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqAZOr_yPuQ0xU_lmYlKIu8yxA64AJHdnJhZeP8tWV9zQGE2zSViu5eRkQc6PIM8SYVvX0a3ot_dBtjXlDAzSJ72plVDoio4K-nABrYN13TY1XkXza9I_RzRExbBwrx6EfZgaYsNEJoU4/s1600/bloggetrix-bub.png" /&gt; Link 43&lt;/a&gt;&lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="#"&gt;&lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqAZOr_yPuQ0xU_lmYlKIu8yxA64AJHdnJhZeP8tWV9zQGE2zSViu5eRkQc6PIM8SYVvX0a3ot_dBtjXlDAzSJ72plVDoio4K-nABrYN13TY1XkXza9I_RzRExbBwrx6EfZgaYsNEJoU4/s1600/bloggetrix-bub.png" /&gt; Link 44&lt;/a&gt;&lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="#"&gt;&lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqAZOr_yPuQ0xU_lmYlKIu8yxA64AJHdnJhZeP8tWV9zQGE2zSViu5eRkQc6PIM8SYVvX0a3ot_dBtjXlDAzSJ72plVDoio4K-nABrYN13TY1XkXza9I_RzRExbBwrx6EfZgaYsNEJoU4/s1600/bloggetrix-bub.png" /&gt; Link 45&lt;/a&gt;&lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/ul&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/div&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div class="col"&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;ul&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="#"&gt;&lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqAZOr_yPuQ0xU_lmYlKIu8yxA64AJHdnJhZeP8tWV9zQGE2zSViu5eRkQc6PIM8SYVvX0a3ot_dBtjXlDAzSJ72plVDoio4K-nABrYN13TY1XkXza9I_RzRExbBwrx6EfZgaYsNEJoU4/s1600/bloggetrix-bub.png" /&gt; Link 46&lt;/a&gt;&lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="#"&gt;&lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqAZOr_yPuQ0xU_lmYlKIu8yxA64AJHdnJhZeP8tWV9zQGE2zSViu5eRkQc6PIM8SYVvX0a3ot_dBtjXlDAzSJ72plVDoio4K-nABrYN13TY1XkXza9I_RzRExbBwrx6EfZgaYsNEJoU4/s1600/bloggetrix-bub.png" /&gt; Link 47&lt;/a&gt;&lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="#"&gt;&lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqAZOr_yPuQ0xU_lmYlKIu8yxA64AJHdnJhZeP8tWV9zQGE2zSViu5eRkQc6PIM8SYVvX0a3ot_dBtjXlDAzSJ72plVDoio4K-nABrYN13TY1XkXza9I_RzRExbBwrx6EfZgaYsNEJoU4/s1600/bloggetrix-bub.png" /&gt; Link 48&lt;/a&gt;&lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="#"&gt;&lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqAZOr_yPuQ0xU_lmYlKIu8yxA64AJHdnJhZeP8tWV9zQGE2zSViu5eRkQc6PIM8SYVvX0a3ot_dBtjXlDAzSJ72plVDoio4K-nABrYN13TY1XkXza9I_RzRExbBwrx6EfZgaYsNEJoU4/s1600/bloggetrix-bub.png" /&gt; Link 49&lt;/a&gt;&lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/ul&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/div&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/div&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/ul&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/div&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div class="col"&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;ul&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="#"&gt;&lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqAZOr_yPuQ0xU_lmYlKIu8yxA64AJHdnJhZeP8tWV9zQGE2zSViu5eRkQc6PIM8SYVvX0a3ot_dBtjXlDAzSJ72plVDoio4K-nABrYN13TY1XkXza9I_RzRExbBwrx6EfZgaYsNEJoU4/s1600/bloggetrix-bub.png" /&gt; Link 6&lt;/a&gt;&lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="#"&gt;&lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqAZOr_yPuQ0xU_lmYlKIu8yxA64AJHdnJhZeP8tWV9zQGE2zSViu5eRkQc6PIM8SYVvX0a3ot_dBtjXlDAzSJ72plVDoio4K-nABrYN13TY1XkXza9I_RzRExbBwrx6EfZgaYsNEJoU4/s1600/bloggetrix-bub.png" /&gt; Link 7&lt;/a&gt;&lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="#"&gt;&lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqAZOr_yPuQ0xU_lmYlKIu8yxA64AJHdnJhZeP8tWV9zQGE2zSViu5eRkQc6PIM8SYVvX0a3ot_dBtjXlDAzSJ72plVDoio4K-nABrYN13TY1XkXza9I_RzRExbBwrx6EfZgaYsNEJoU4/s1600/bloggetrix-bub.png" /&gt; Link 8&lt;/a&gt;&lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="#"&gt;&lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqAZOr_yPuQ0xU_lmYlKIu8yxA64AJHdnJhZeP8tWV9zQGE2zSViu5eRkQc6PIM8SYVvX0a3ot_dBtjXlDAzSJ72plVDoio4K-nABrYN13TY1XkXza9I_RzRExbBwrx6EfZgaYsNEJoU4/s1600/bloggetrix-bub.png" /&gt; Link 9&lt;/a&gt;&lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="#"&gt;&lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqAZOr_yPuQ0xU_lmYlKIu8yxA64AJHdnJhZeP8tWV9zQGE2zSViu5eRkQc6PIM8SYVvX0a3ot_dBtjXlDAzSJ72plVDoio4K-nABrYN13TY1XkXza9I_RzRExbBwrx6EfZgaYsNEJoU4/s1600/bloggetrix-bub.png" /&gt; Link 10&lt;/a&gt;&lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/ul&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/div&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/div&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="#"&gt;&lt;span&gt;&lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi658fg5jL07MpP0bY6i2s2kX7DDfC_1KlPVrTGI_NSHlWOpzhrif6dNluwPSj58Y6beUVxG-SqXzFbnb5i40OOdPpCoc-c8lGj6eMoW10v7m7nb9wjPRr2kUSsKljvc-rEuuCQaFA89b0/s1600/bloggetrix-top2.png" /&gt; jQuery/JS&lt;/span&gt;&lt;/a&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div class="subs"&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div class="col"&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;ul&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="#"&gt;&lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqAZOr_yPuQ0xU_lmYlKIu8yxA64AJHdnJhZeP8tWV9zQGE2zSViu5eRkQc6PIM8SYVvX0a3ot_dBtjXlDAzSJ72plVDoio4K-nABrYN13TY1XkXza9I_RzRExbBwrx6EfZgaYsNEJoU4/s1600/bloggetrix-bub.png" /&gt; Link 1&lt;/a&gt;&lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="#"&gt;&lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqAZOr_yPuQ0xU_lmYlKIu8yxA64AJHdnJhZeP8tWV9zQGE2zSViu5eRkQc6PIM8SYVvX0a3ot_dBtjXlDAzSJ72plVDoio4K-nABrYN13TY1XkXza9I_RzRExbBwrx6EfZgaYsNEJoU4/s1600/bloggetrix-bub.png" /&gt; Link 2&lt;/a&gt;&lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="#"&gt;&lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqAZOr_yPuQ0xU_lmYlKIu8yxA64AJHdnJhZeP8tWV9zQGE2zSViu5eRkQc6PIM8SYVvX0a3ot_dBtjXlDAzSJ72plVDoio4K-nABrYN13TY1XkXza9I_RzRExbBwrx6EfZgaYsNEJoU4/s1600/bloggetrix-bub.png" /&gt; Link 3&lt;/a&gt;&lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="#"&gt;&lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqAZOr_yPuQ0xU_lmYlKIu8yxA64AJHdnJhZeP8tWV9zQGE2zSViu5eRkQc6PIM8SYVvX0a3ot_dBtjXlDAzSJ72plVDoio4K-nABrYN13TY1XkXza9I_RzRExbBwrx6EfZgaYsNEJoU4/s1600/bloggetrix-bub.png" /&gt; Link 4&lt;/a&gt;&lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="#"&gt;&lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqAZOr_yPuQ0xU_lmYlKIu8yxA64AJHdnJhZeP8tWV9zQGE2zSViu5eRkQc6PIM8SYVvX0a3ot_dBtjXlDAzSJ72plVDoio4K-nABrYN13TY1XkXza9I_RzRExbBwrx6EfZgaYsNEJoU4/s1600/bloggetrix-bub.png" /&gt; Link 5&lt;/a&gt;&lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/ul&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/div&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div class="col"&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;ul&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="#"&gt;&lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqAZOr_yPuQ0xU_lmYlKIu8yxA64AJHdnJhZeP8tWV9zQGE2zSViu5eRkQc6PIM8SYVvX0a3ot_dBtjXlDAzSJ72plVDoio4K-nABrYN13TY1XkXza9I_RzRExbBwrx6EfZgaYsNEJoU4/s1600/bloggetrix-bub.png" /&gt; <span style="background-color: red;">Link 6</span>&lt;/a&gt;&lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="#"&gt;&lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqAZOr_yPuQ0xU_lmYlKIu8yxA64AJHdnJhZeP8tWV9zQGE2zSViu5eRkQc6PIM8SYVvX0a3ot_dBtjXlDAzSJ72plVDoio4K-nABrYN13TY1XkXza9I_RzRExbBwrx6EfZgaYsNEJoU4/s1600/bloggetrix-bub.png" /&gt; <span style="background-color: red;">Link 7</span>&lt;/a&gt;&lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="#"&gt;&lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqAZOr_yPuQ0xU_lmYlKIu8yxA64AJHdnJhZeP8tWV9zQGE2zSViu5eRkQc6PIM8SYVvX0a3ot_dBtjXlDAzSJ72plVDoio4K-nABrYN13TY1XkXza9I_RzRExbBwrx6EfZgaYsNEJoU4/s1600/bloggetrix-bub.png" /&gt; <span style="background-color: red;">Link 8</span>&lt;/a&gt;&lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="#"&gt;&lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqAZOr_yPuQ0xU_lmYlKIu8yxA64AJHdnJhZeP8tWV9zQGE2zSViu5eRkQc6PIM8SYVvX0a3ot_dBtjXlDAzSJ72plVDoio4K-nABrYN13TY1XkXza9I_RzRExbBwrx6EfZgaYsNEJoU4/s1600/bloggetrix-bub.png" /&gt; <span style="background-color: red;">Link 9</span>&lt;/a&gt;&lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="#"&gt;&lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqAZOr_yPuQ0xU_lmYlKIu8yxA64AJHdnJhZeP8tWV9zQGE2zSViu5eRkQc6PIM8SYVvX0a3ot_dBtjXlDAzSJ72plVDoio4K-nABrYN13TY1XkXza9I_RzRExbBwrx6EfZgaYsNEJoU4/s1600/bloggetrix-bub.png" /&gt; Link 10&lt;/a&gt;&lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/ul&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/div&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/div&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="#"&gt;&lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-P0jkXb9XFxvllp0j0DqFQIWXprSgSov13TDaBT38FjGtvkGPNq51ZzDlGWZCmFSMy2_w3XpcXtY7HBC3wHCkSZF9oCYLFU_0O2YJLslHYxU8yveUyAZMRWFrBlKxOyYi9EtERblgRFM/s1600/bloggetrix-top3.png" /&gt; PHP&lt;/a&gt;&lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="#"&gt;&lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCWyMhOKz4IzQfpNyhqRaDRItolDHWSY3QvrYFlo6M6Uco64XB0ov36FhipGyVcvtE3IyKDcCMyC0qoCXGgPxApPKdO7hojkzFl-m1-jBMrr84qGduE8kXA9NdI38WyUxcBvs2cm-gysQ/s1600/bloggetrix-top4.png" /&gt; MySQL&lt;/a&gt;&lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="#"&gt;&lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju-viylGKmgdYpnjUPPJNxc0eVueFkspj-zrDZhcly6HFB8VzCg103Qay4uAkvs25CT-TORQ0d4o7aKjdoxuRS3XeMrbahpPnQwaN7TPb_66lr0nAFFIgFZWJ-S978Tlmn71mH_UxujgM/s1600/bloggetrix-top5.png" /&gt; XSLT&lt;/a&gt;&lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/ul&gt; </div> <br /> NB :<br /> - Ganti tanda # dengan url yang di inginkan.<br /> - ganti juga title nya, contoh nya tulisan yang di blok <span style="background-color: red;">merah</span>.<br /> <br /> 5. Terakhir simpan template dan selesai.<br /> <br /> Jika langkah nya benar saya rasa semua berjalan dengan semestinya. Sekian dulu posting tentang membuat menu navigation bar slide drop di blog, semoga dapat di terima dan bermanfaat. Terima kasih.Unknownnoreply@blogger.com2tag:blogger.com,1999:blog-4237707532729024243.post-46693817244389853362015-03-19T22:19:00.000+07:002015-03-19T22:19:25.115+07:00<h2> <span style="font-size: small;">Cara Membuat Number Navigation Page Di Blog Dengan Mudah</span></h2> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjflhG8r6mnRq-tLodE0pOJGHZ7c_1oxkoM-yGb40cKuEk0BhM6Hjr2CZfDVDv5z4si2AlzhD44QoHNP9mkCa0jKsNboCzbf8x6hMrqurDl3u2oSVcoQrZSvgQdkFG921jfhncg7hQV74s/s1600/navigation+number+white.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="cara membuat navigasi halaman menjadi nomor" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjflhG8r6mnRq-tLodE0pOJGHZ7c_1oxkoM-yGb40cKuEk0BhM6Hjr2CZfDVDv5z4si2AlzhD44QoHNP9mkCa0jKsNboCzbf8x6hMrqurDl3u2oSVcoQrZSvgQdkFG921jfhncg7hQV74s/s1600/navigation+number+white.png" title="membuat navigation page blog keren" /></a></div> Sudah terlalu malam untuk update artikel, tapi tidak apa-apa jika yang di update dapat bermanfaat. Melanjutkan tutorial yang sudah-sudah, kali ini datang dari navigation page. Contoh nya bisa lihat di atas, jika template blog masih standar blogger, saya rasa navigation page yang muncul hanyalah (post baru/new post) lalu di tengah ada (home/beranda) dan di sebelah kanan nya (post lama/older post). Nah jika menggunakan navigatin page berupa nomor, bukan cuma terlihat bagus, tapi juga friendly yang artinya bisa memudahkan pengunjung blog.<br /> <br /> Jika pengunjung blog harus satu persatu membuka halama hanya untuk mencari sesuatu saya rasa itu kurang efektif. Nah dengan <b>membuat number navigation page</b> ini, semua itu tidak akan terjadi. Untuk spoter yang ingin memakai navigation page atau navigasi halaman menggunakan nomor seperti di atas, bisa langsung ikuti langkah nya di abwah ini.<br /> <br /> <h3> <span style="font-size: small;">Number Navigation page (clearly white)</span></h3> 1. Seperti biasa buka Blogger dan login.<br /> 2. Buka tata letak/layout<br /> 3. Add gadget atau tambahkan gadget (saran saya taruh di atas posting atau di bawah posting)<br /> 4. Pilih HTML/Javascript<br /> 5. Copy kode di bawah dan paste di kolom yang ada.<br /> <br /> <div style="border: 1px solid #eee; height: 700px; overflow: auto; padding: 10px; width: 520px;"> &lt;style type='text/css'&gt;<br /> <br /> .showpageArea a {<br /> text-decoration:underline;<br /> }<br /> .showpageNum a {<br /> border:1px solid #aeaeae;<br /> margin:0 3px;<br /> padding:3px 7px;<br /> text-decoration:none;<br /> }<br /> .showpageNum a:hover {<br /> background-color:#0a8be5;<br /> border:1px solid #000000;<br /> <br /> }<br /> .showpagePoint {<br /> -moz-background-clip:border;<br /> -moz-background-inline-policy:continuous;<br /> -moz-background-origin:padding;<br /> background:#aeaeae none repeat scroll 0 0;<br /> border:1px solid #aeaeae;<br /> color:#333333;<br /> margin:0 3px;<br /> padding:3px 7px;<br /> text-decoration:none;<br /> }<br /> .showpageOf {<br /> margin:0 3px 0 0;<br /> padding:3px 7px;<br /> text-decoration:none;<br /> }<br /> .showpage a {<br /> border:1px solid #aeaeae;<br /> padding:3px 7px;<br /> text-decoration:none;<br /> }<br /> .showpage a:hover {<br /> text-decoration:none;<br /> }<br /> .showpageNum a:link, .showpage a:link {<br /> color:#333333;<br /> text-decoration:none;<br /> }<br /> <br /> &lt;/style&gt;<br /> <br /> <br /> &lt;script type='text/javascript'&gt;<br /> <br /> var home_page_url = location.href;<br /> <br /> var pageCount=<span style="background-color: red;">1</span>;<br /> var displayPageNum=<span style="background-color: #e69138;">3</span>;<br /> var upPageWord ='Previous';<br /> var downPageWord ='Next';<br /> <br /> function showpageCount(json) {<br /> var thisUrl = home_page_url;<br /> var htmlMap = new Array();<br /> var thisNum = 1;<br /> var postNum=1;<br /> var itemCount = 0;<br /> var fFlag = 0;<br /> var eFlag = 0;<br /> var html= '';<br /> var upPageHtml ='';<br /> var downPageHtml ='';<br /> <br /> for(var i=0, post; post = json.feed.entry[i]; i++) {<br /> <br /> var timestamp1 = post.published.$t.substring(0,19)+post.published.$t.substring(23,29);<br /> timestamp = encodeURIComponent(timestamp1);<br /> <br /> var title = post.title.$t;<br /> <br /> if(title!=''){<br /> if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){<br /> if(thisUrl.indexOf(timestamp)!=-1 ){<br /> &nbsp; thisNum = postNum;<br /> }<br /> <br /> if(title!='') postNum++;<br /> htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'&amp;max-results='+pageCount;<br /> }<br /> }<br /> itemCount++;<br /> <br /> }<br /> <br /> for(var p =0;p&lt; htmlMap.length;p++){<br /> if(p&gt;=(thisNum-displayPageNum-1) &amp;&amp; p&lt;(thisNum+displayPageNum)){<br /> if(fFlag ==0 &amp;&amp; p == thisNum-2){<br /> if(thisNum==2){<br /> &nbsp;upPageHtml = '&lt;span class="showpage"&gt;&lt;a href="/"&gt;'+ upPageWord +'&lt;/a&gt;&lt;/span&gt;';<br /> }else{<br /> &nbsp;upPageHtml = '&lt;span class="showpage"&gt;&lt;a href="'+htmlMap[p]+'"&gt;'+ upPageWord +'&lt;/a&gt;&lt;/span&gt;';<br /> }<br /> <br /> fFlag++;<br /> }<br /> <br /> if(p==(thisNum-1)){<br /> html += '&lt;span class="showpagePoint"&gt;'+thisNum+'&lt;/span&gt;';<br /> }else{<br /> if(p==0){<br /> &nbsp; html += '&lt;span class="showpageNum"&gt;&lt;a href="/"&gt;1&lt;/a&gt;&lt;/span&gt;';<br /> <br /> }else{<br /> &nbsp;html += '&lt;span class="showpageNum"&gt;&lt;a href="'+htmlMap[p]+'"&gt;'+ (p+1) +'&lt;/a&gt;&lt;/span&gt;';<br /> }<br /> }<br /> <br /> if(eFlag ==0 &amp;&amp; p == thisNum){<br /> downPageHtml = '&lt;span class="showpage"&gt; &lt;a href="'+htmlMap[p]+'"&gt;'+ downPageWord +'&lt;/a&gt;&lt;/span&gt;';<br /> eFlag++;<br /> }<br /> }<br /> }<br /> <br /> if(thisNum&gt;1){<br /> html = ''+upPageHtml+' '+html +' ';<br /> }<br /> <br /> html = '&lt;div class="showpageArea"&gt;&lt;span&nbsp; class="showpageOf"&gt; Pages ('+(postNum-1)+')&lt;/span&gt;'+html;<br /> <br /> if(thisNum&lt;(postNum-1)){<br /> html += downPageHtml;<br /> }<br /> <br /> if(postNum==1) postNum++;<br /> html += '&lt;/div&gt;';<br /> <br /> var pageArea = document.getElementsByName("pageArea");<br /> var blogPager = document.getElementById("blog-pager");<br /> <br /> if(postNum &lt;= 2){<br /> html ='';<br /> }<br /> <br /> for(var p =0;p&lt; pageArea.length;p++){<br /> pageArea[p].innerHTML = html;<br /> }<br /> <br /> if(pageArea&amp;&amp;pageArea.length&gt;0){<br /> html ='';<br /> }<br /> <br /> if(blogPager){<br /> blogPager.innerHTML = html;<br /> }<br /> <br /> }<br /> <br /> function showpageCount2(json) {<br /> <br /> var thisUrl = home_page_url;<br /> var htmlMap = new Array();<br /> var isLablePage = thisUrl.indexOf("/search/label/")!=-1;<br /> var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";<br /> thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;<br /> var thisNum = 1;<br /> var postNum=1;<br /> var itemCount = 0;<br /> var fFlag = 0;<br /> var eFlag = 0;<br /> var html= '';<br /> var upPageHtml ='';<br /> var downPageHtml ='';<br /> <br /> var labelHtml = '&lt;span class="showpageNum"&gt;&lt;a href="/search/label/'+thisLable+'?&amp;max-results='+pageCount+'"&gt;';<br /> var thisUrl = home_page_url;<br /> <br /> for(var i=0, post; post = json.feed.entry[i]; i++) {<br /> <br /> var timestamp1 = post.published.$t.substring(0,19)+post.published.$t.substring(23,29);<br /> timestamp = encodeURIComponent(timestamp1);<br /> <br /> var title = post.title.$t;<br /> <br /> if(title!=''){<br /> if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){<br /> if(thisUrl.indexOf(timestamp)!=-1 ){<br /> &nbsp;thisNum = postNum;<br /> }<br /> <br /> if(title!='') postNum++;<br /> htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'&amp;max-results='+pageCount;<br /> <br /> }<br /> }<br /> itemCount++;<br /> }<br /> <br /> for(var p =0;p&lt; htmlMap.length;p++){<br /> if(p&gt;=(thisNum-displayPageNum-1) &amp;&amp; p&lt;(thisNum+displayPageNum)){<br /> if(fFlag ==0 &amp;&amp; p == thisNum-2){<br /> if(thisNum==2){<br /> &nbsp;upPageHtml = labelHtml + upPageWord +'&lt;/a&gt;&lt;/span&gt;';<br /> }else{<br /> &nbsp;upPageHtml = '&lt;span class="showpage"&gt;&lt;a href="'+htmlMap[p]+'"&gt;'+ upPageWord +'&lt;/a&gt;&lt;/span&gt;';<br /> }<br /> <br /> fFlag++;<br /> }<br /> <br /> if(p==(thisNum-1)){<br /> html += '&lt;span class="showpagePoint"&gt;'+thisNum+'&lt;/span&gt;';<br /> }else{<br /> if(p==0){<br /> &nbsp;html = labelHtml+'1&lt;/a&gt;&lt;/span&gt;';<br /> }else{<br /> &nbsp;html += '&lt;span class="showpageNum"&gt;&lt;a href="'+htmlMap[p]+'"&gt;'+ (p+1) +'&lt;/a&gt;&lt;/span&gt;';<br /> }<br /> }<br /> <br /> if(eFlag ==0 &amp;&amp; p == thisNum){<br /> downPageHtml = '&lt;span class="showpage"&gt; &lt;a href="'+htmlMap[p]+'"&gt;'+ downPageWord +'&lt;/a&gt;&lt;/span&gt;';<br /> eFlag++;<br /> }<br /> }<br /> }<br /> <br /> if(thisNum&gt;1){<br /> if(!isLablePage){<br /> html = ''+upPageHtml+' '+html +' ';<br /> }else{<br /> html = ''+upPageHtml+' '+html +' ';<br /> }<br /> }<br /> <br /> html = '&lt;div class="showpageArea"&gt;&lt;span&nbsp; class="showpageOf"&gt; Pages ('+(postNum-1)+')&lt;/span&gt;'+html;<br /> <br /> if(thisNum&lt;(postNum-1)){<br /> html += downPageHtml;<br /> }<br /> <br /> if(postNum==1) postNum++;<br /> html += '&lt;/div&gt;';<br /> <br /> var pageArea = document.getElementsByName("pageArea");<br /> var blogPager = document.getElementById("blog-pager");<br /> <br /> if(postNum &lt;= 2){<br /> html ='';<br /> }<br /> <br /> for(var p =0;p&lt; pageArea.length;p++){<br /> pageArea[p].innerHTML = html;<br /> }<br /> <br /> if(pageArea&amp;&amp;pageArea.length&gt;0){<br /> html ='';<br /> }<br /> <br /> if(blogPager){<br /> blogPager.innerHTML = html;<br /> }<br /> <br /> }<br /> <br /> &lt;/script&gt;<br /> &lt;script type='text/javascript'&gt;<br /> <br /> var thisUrl = home_page_url;<br /> if (thisUrl.indexOf("/search/label/")!=-1){<br /> if (thisUrl.indexOf("?updated-max")!=-1){<br /> var lblname1 = thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?updated-max"));<br /> }else{<br /> var lblname1 = thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?&amp;max"));<br /> }<br /> }<br /> <br /> var home_page = "/";<br /> if (thisUrl.indexOf("?q=")==-1){<br /> if (thisUrl.indexOf("/search/label/")==-1){<br /> document.write('&lt;script src="'+home_page+'feeds/posts/summary?alt=json-in-script&amp;callback=showpageCount&amp;max-results=99999" &gt;&lt;\/script&gt;')<br /> }else{document.write('&lt;script src="'+home_page+'feeds/posts/full/-/'+lblname1+'?alt=json-in-script&amp;callback=showpageCount2&amp;max-results=99999" &gt;&lt;\/script&gt;')<br /> }<br /> }<br /> &lt;/script&gt; </div> <br /> NB :<br /> - angka 1 (di blok merah) dan 3 (di blok kuning) bisa di ganti sesuai selera.<br /> - Silahkan ganti warna dengan selera masing masing.<br /> <br /> 6. Simpan template. Selesai.<br /> <br /> Nah bagaimana spoter, mudah bukan ? semoga saja dapat membantu dan bermanfaat, baca juga artikel sebelumnya tentang membuat <a href="http://spotkreatif.blogspot.com/2015/03/membuat-menu-navigation-bar-warna-warni.html" target="_blank">menu navigation bar warna warni</a> dan <a href="http://spotkreatif.blogspot.com/2015/03/membuat-menu-navigation-bar-flying-style.html" target="_blank">flying style</a>. Oke sekian artikel kali ini, kalau ada pertanyaan boleh tulis di kolom komentar, terima kasih.Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4237707532729024243.post-92069428282742207302015-03-18T15:38:00.001+07:002015-03-18T15:38:38.798+07:00<h2> <span style="font-size: small;">Cara Membuat Menu Navigation Bar Warna Warni Di Blog Dengan Mudah</span></h2> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgosVu1Es7t5ObJPDXtLvoC3f_g5P-tcXuNSbVONG3uJkmnaXzfDC1D6q0u1_m1Qa4oIONbEGFvD_81A3fhNGFuLRwYisX2Jm5mx_5cWbCAZLztZRmZUg018e2omTJyDT6im8Hj6e462yE/s1600/sprite-menu.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="cara membuat menu bar warna warni blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgosVu1Es7t5ObJPDXtLvoC3f_g5P-tcXuNSbVONG3uJkmnaXzfDC1D6q0u1_m1Qa4oIONbEGFvD_81A3fhNGFuLRwYisX2Jm5mx_5cWbCAZLztZRmZUg018e2omTJyDT6im8Hj6e462yE/s1600/sprite-menu.jpg" title="membuat navigation bar warna warni" /></a></div> Lanjut lagi artikel tentang menu bar spoter. Setelah sebelumnya membahas tentang <a href="http://spotkreatif.blogspot.com/2015/03/membuat-menu-navigation-bar-flying-style.html" target="_blank">menu navigation bar flying style</a>, kali ini tentang menu bar cool sprite navigation. Penampakan bisa lihat gambar di atas, sama seperti sebelumnya cara membuat atau memasang nya tidak sulit. Cukup sedikit edit kode HTML template anda, maka jadilah seperti di atas.<br /> <br /> Untuk spoter yang ingin menerapkan nya di blog cara nya bisa ikuti tutorial di bawah ini.<br /> <br /> <h3> <span style="font-size: small;">Menu Navigation Bar Cool Sprite Widget</span></h3> 1. Buka Blogger dan tentu saja login.<br /> 2. Buka template dan pilih edit HTML.<br /> 3. Temukan kode &lt;div id='content-wrapper'&gt; gunakan ctrl+F<br /> 4. Jika sudah ketemu copy dan paste kode di bawah tepat sebelum kode &lt;div id='content-wrapper'&gt;<br /> <br /> <div style="border: 1px solid #eee; height: 200px; overflow: auto; padding: 10px; width: 520px;"> &lt;div class="kreatifspot-navi1"&gt;<br /> &nbsp; &lt;ul&gt;<br /> &nbsp;&nbsp;&nbsp; &lt;li class="sm1"&gt;&lt;a href="#"&gt;&lt;/a&gt;&lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp; &lt;li class="sm2"&gt;&lt;a href="#"&gt;&lt;/a&gt;&lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp; &lt;li class="sm3"&gt;&lt;a href="#"&gt;&lt;/a&gt;&lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp; &lt;li class="sm4"&gt;&lt;a href="#"&gt;&lt;/a&gt;&lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp; &lt;li class="sm5"&gt;&lt;a href="http://spotkreatif.blogspot.com/"&gt;&lt;/a&gt;&lt;/li&gt;<br /> &nbsp; &lt;/ul&gt;<br /> &lt;/div&gt; </div> <br /> NB : Ganti tanda # dengan url anda<br /> <br /> 5. Lanjut temukan kode ]]&gt;&lt;/b:skin&gt; pakai ctrl+F<br /> 6. Copy lalu paste kode di bawah ini tepat di atas kode ]]&gt;&lt;/b:skin&gt;<br /> <br /> <div style="border: 1px solid #eee; height: 700px; overflow: auto; padding: 10px; width: 520px;"> /*menubar by kreatifspot.com */<br /> .bloggertrix-navi1 {<br /> &nbsp;&nbsp;&nbsp; display:block;<br /> &nbsp;&nbsp;&nbsp; height:72px;<br /> &nbsp;&nbsp;&nbsp; margin:30px auto;<br /> &nbsp;&nbsp;&nbsp; position:relative;<br /> &nbsp;&nbsp;&nbsp; width:525px; }<br /> .bloggertrix-navi1 ul {<br /> &nbsp;&nbsp;&nbsp; float:none;<br /> &nbsp;&nbsp;&nbsp; list-style-image:none;<br /> &nbsp;&nbsp;&nbsp; list-style-type:none;<br /> &nbsp;&nbsp;&nbsp; margin:3px 0; }<br /> .bloggertrix-navi1 ul li {<br /> &nbsp;&nbsp;&nbsp; background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxi-x7yvGADGduXdgW4RkG3CNohtvn75qRzNrkmWX2il2MWGGuG2l9p8jF7MeW7hvB4yGTsYJ9W0AMmK69FUcY9S8N8cbELAegBY1kMm4vXVj-j383EXFk85XiGS1DEswRXD6Y8cI6AK0/s1600/bloggertrix.com-tab-1.png);<br /> &nbsp;&nbsp;&nbsp; background-repeat:no-repeat;<br /> &nbsp;&nbsp;&nbsp; float:left;<br /> &nbsp;&nbsp;&nbsp; height:72px;<br /> &nbsp;&nbsp;&nbsp; margin:0px;<br /> &nbsp;&nbsp;&nbsp; padding-top:5px;<br /> &nbsp;&nbsp;&nbsp; position:absolute; }<br /> .bloggertrix-navi1 ul li a {<br /> &nbsp;&nbsp;&nbsp; display:block;<br /> &nbsp;&nbsp;&nbsp; height:100%;<br /> &nbsp;&nbsp;&nbsp; width:100%; }<br /> .bloggertrix-navi1 ul li.sm1 {<br /> &nbsp;&nbsp;&nbsp; background-position:0 0;<br /> &nbsp;&nbsp;&nbsp; left:0px;<br /> &nbsp;&nbsp;&nbsp; width:125px; }<br /> .bloggertrix-navi1 ul li.sm2 {<br /> &nbsp;&nbsp;&nbsp; background-position:-125px 0;<br /> &nbsp;&nbsp;&nbsp; left:100px;<br /> &nbsp;&nbsp;&nbsp; width:124px; }<br /> .bloggertrix-navi1 ul li.sm3 {<br /> &nbsp;&nbsp;&nbsp; background-position:-249px 0;<br /> &nbsp;&nbsp;&nbsp; left:200px;<br /> &nbsp;&nbsp;&nbsp; width:124px; }<br /> .bloggertrix-navi1 ul li.sm4 {<br /> &nbsp;&nbsp;&nbsp; background-position:-373px 0;<br /> &nbsp;&nbsp;&nbsp; left:300px;<br /> &nbsp;&nbsp;&nbsp; width:125px; }<br /> .bloggertrix-navi1 ul li.sm5 {<br /> &nbsp;&nbsp;&nbsp; background-position:-498px 0;<br /> &nbsp;&nbsp;&nbsp; left:400px;<br /> &nbsp;&nbsp;&nbsp; width:126px; }<br /> .bloggertrix-navi1 ul li:hover {<br /> &nbsp;&nbsp;&nbsp; z-index:1000; }<br /> .bloggertrix-navi1 ul li.sm1:hover {<br /> &nbsp;&nbsp;&nbsp; background-position:0 -75px; }<br /> .bloggertrix-navi1 ul li.sm2:hover {<br /> &nbsp;&nbsp;&nbsp; background-position:-125px -75px; }<br /> .bloggertrix-navi1 ul li.sm3:hover {<br /> &nbsp;&nbsp;&nbsp; background-position:-249px -75px; }<br /> .bloggertrix-navi1 ul li.sm4:hover {<br /> &nbsp;&nbsp;&nbsp; background-position:-373px -75px; }<br /> .bloggertrix-navi1 ul li.sm5:hover {<br /> &nbsp;&nbsp;&nbsp; background-position:-498px -75px; }<br /> /*menubar by kreatifspot.com */ </div> <br /> 7. Terakhir simpan template dan selesai.<br /> <br /> nah <a href="http://spotkreatif.blogspot.com/" target="_blank">spoter</a> saya rasa sampai disini <b>menu navigation bar warna warni ini</b> sudah jadi di buat. Jika tidak ada langkah yang salah pasti berhasil dengan baik. Kalau ada pertanyaan bisa taruh di komentar. Oke sekian dulu postingan kali ini, semoga saja dapat membantu blogger yang memang sedang mencari tutorial ini, baca juga tentang membuat menu navigation bar multi level. Terima kasih.Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4237707532729024243.post-43667374338075979922015-03-18T15:14:00.001+07:002015-03-18T15:58:17.867+07:00<h2> <span style="font-size: small;">Cara Membuat Menu Navigation Bar Fyling Style Dengan Mudah</span></h2> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTyn6iNMGmkRtCHXy_GhP0LFJKhw_ocMZ75a3IIEJempmKVKEr67k8jYQVs3xWi9lkJESwmhvEYgWSJSrJ4yeydPedB45kr7-E9TSfkGKjOp8kMztJLkd1PRc-Z6nsR6Dqv4DwnrieAic/s1600/Css3+Flying+Style+Drop+Down+Menubar+For+Blogger.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="cara membuat navigation bar keren di blog" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTyn6iNMGmkRtCHXy_GhP0LFJKhw_ocMZ75a3IIEJempmKVKEr67k8jYQVs3xWi9lkJESwmhvEYgWSJSrJ4yeydPedB45kr7-E9TSfkGKjOp8kMztJLkd1PRc-Z6nsR6Dqv4DwnrieAic/s1600/Css3+Flying+Style+Drop+Down+Menubar+For+Blogger.jpg" title="membuat menu navigation bar keren" /></a></div> Kembali lagi <a href="http://spotkreatif.blogspot.com/" target="_blank">spoter</a>, artikel terbaru tentang blogger. Kali ini tentang cara membuat menu navigation bar flying style, contoh nya bisa lihat gambar di atas. Menu bar ini sama seperti gadget, hanya saja perlu sedikit menambahkan kode di template HTML. Untuk yang tertarik ingin membuat menu bar seperti ini, bisa ikuti cara nya di bawah ini.<br /> <br /> Widget ini di lengkapi jquery, jadi sangat keren dan enak di lihat. Langkah nya lanjut nya ke bawah.<br /> <br /> <h3> <span style="font-size: small;">Menu Navigation Bar Widget Flying Style</span></h3> 1. Buka Blogger dan login.<br /> 2. Lalu pilih TEMPLATE dan pilih edit HTML.<br /> 3. Cari kode ]]&gt;&lt;/b:skin&gt; gunakan ctrl+F<br /> 4. Copy kode di bawah ini dan paste di atas kode ]]&gt;&lt;/b:skin&gt;<br /> <br /> <div style="border: 1px solid #eee; height: 1000px; overflow: auto; padding: 10px; width: 520px;"> /* Flying Css3 menu http://spotkreatif.blogspot.com*/<br /> <br /> #flyingmenubt,#flyingmenubt ul {<br /> &nbsp;&nbsp;&nbsp; list-style: none outside none;<br /> &nbsp;&nbsp;&nbsp; margin: 0;<br /> &nbsp;&nbsp;&nbsp; padding: 0;<br /> &nbsp;&nbsp;&nbsp; height:500px;}<br /> #flyingmenubt {<br /> &nbsp;&nbsp;&nbsp; font-family: "Lucida Sans Unicode",Verdana,Arial,sans-serif;<br /> &nbsp;&nbsp;&nbsp; font-size: 13px;<br /> &nbsp;&nbsp;&nbsp; height: 36px;<br /> &nbsp;&nbsp;&nbsp; list-style: none outside none;<br /> &nbsp;&nbsp;&nbsp; margin: 40px auto;<br /> &nbsp;&nbsp;&nbsp; text-shadow: 0 -1px 3px #202020;<br /> &nbsp;&nbsp;&nbsp; width: 980px;<br /> &nbsp;&nbsp;&nbsp; -moz-border-radius:4px;<br /> &nbsp;&nbsp;&nbsp; -webkit-border-radius:4px;<br /> &nbsp;&nbsp;&nbsp; border-radius:4px;<br /> &nbsp;&nbsp;&nbsp; -moz-box-shadow: 0px 3px 3px #cecece;<br /> &nbsp;&nbsp;&nbsp; -webkit-box-shadow: 0px 3px 3px #cecece;<br /> &nbsp;&nbsp;&nbsp; box-shadow: 0 3px 4px #8b8b8b;<br /> &nbsp;&nbsp;&nbsp; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #787878), color-stop(0.5, #5E5E5E), color-stop(0.51, #707070), color-stop(1, #838383));<br /> &nbsp;&nbsp;&nbsp; background-image: -moz-linear-gradient(center bottom, #787878 0%, #5E5E5E 50%, #707070 51%, #838383 100%);<br /> &nbsp;&nbsp;&nbsp; background-color:#5f5f5f;<br /> }<br /> #flyingmenubt ul {<br /> &nbsp;&nbsp;&nbsp; left: -9999px;<br /> &nbsp;&nbsp;&nbsp; position: absolute;<br /> &nbsp;&nbsp;&nbsp; top: -9999px;<br /> &nbsp;&nbsp;&nbsp; z-index: 2;<br /> }<br /> #flyingmenubt li {<br /> &nbsp;&nbsp;&nbsp; border-bottom: 1px solid #575757;<br /> &nbsp;&nbsp;&nbsp; border-left: 1px solid #929292;<br /> &nbsp;&nbsp;&nbsp; border-right: 1px solid #5d5d5d;<br /> &nbsp;&nbsp;&nbsp; border-top: 1px solid #797979;<br /> &nbsp;&nbsp;&nbsp; display: block;<br /> &nbsp;&nbsp;&nbsp; float: left;<br /> &nbsp;&nbsp;&nbsp; height: 34px;<br /> &nbsp;&nbsp;&nbsp; position: relative;<br /> &nbsp;&nbsp;&nbsp; width: 105px;<br /> }<br /> #flyingmenubt li:first-child {<br /> &nbsp;&nbsp;&nbsp; border-left: 0 none;<br /> &nbsp;&nbsp;&nbsp; margin-left: 5px;<br /> }<br /> #flyingmenubt li a {<br /> &nbsp;&nbsp;&nbsp; color: #FFFFFF;<br /> &nbsp;&nbsp;&nbsp; display: block;<br /> &nbsp;&nbsp;&nbsp; line-height: 34px;<br /> &nbsp;&nbsp;&nbsp; outline: medium none;<br /> &nbsp;&nbsp;&nbsp; text-align: center;<br /> &nbsp;&nbsp;&nbsp; text-decoration: none;<br /> &nbsp;&nbsp;&nbsp; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #787878), color-stop(0.5, #5E5E5E), color-stop(0.51, #707070), color-stop(1, #838383));<br /> &nbsp;&nbsp;&nbsp; background-image: -moz-linear-gradient(center bottom, #787878 0%, #5E5E5E 50%, #707070 51%, #838383 100%);<br /> &nbsp;&nbsp;&nbsp; background-color:#5f5f5f;<br /> }<br /> <br /> /* keyframes #animation1 */<br /> @-webkit-keyframes animation1 {<br /> &nbsp;&nbsp;&nbsp; 0% {-webkit-transform: scale(1);}<br /> &nbsp;&nbsp;&nbsp; 30% {-webkit-transform: scale(1.3);}<br /> &nbsp;&nbsp;&nbsp; 100% {-webkit-transform: scale(1);}}<br /> @-moz-keyframes animation1 {<br /> &nbsp;&nbsp;&nbsp; 0% {-moz-transform: scale(1);}<br /> &nbsp;&nbsp;&nbsp; 30% {-moz-transform: scale(1.3);}<br /> &nbsp;&nbsp;&nbsp; 100% {-moz-transform: scale(1);}}<br /> #flyingmenubt li &gt; a:hover {<br /> <br /> &nbsp;&nbsp;&nbsp; -moz-animation-name: animation1;<br /> &nbsp;&nbsp;&nbsp; -moz-animation-duration: 0.7s;<br /> &nbsp;&nbsp;&nbsp; -moz-animation-timing-function: linear;<br /> &nbsp;&nbsp;&nbsp; -moz-animation-iteration-count: infinite;<br /> &nbsp;&nbsp;&nbsp; -moz-animation-direction: normal;<br /> &nbsp;&nbsp;&nbsp; -moz-animation-delay: 0;<br /> &nbsp;&nbsp;&nbsp; -moz-animation-play-state: running;<br /> &nbsp;&nbsp;&nbsp; -moz-animation-fill-mode: forwards;<br /> &nbsp;&nbsp;&nbsp; -webkit-animation-name: animation1;<br /> &nbsp;&nbsp;&nbsp; -webkit-animation-duration: 0.7s;<br /> &nbsp;&nbsp;&nbsp; -webkit-animation-timing-function: linear;<br /> &nbsp;&nbsp;&nbsp; -webkit-animation-iteration-count: infinite;<br /> &nbsp;&nbsp;&nbsp; -webkit-animation-direction: normal;<br /> &nbsp;&nbsp;&nbsp; -webkit-animation-delay: 0;<br /> &nbsp;&nbsp;&nbsp; -webkit-animation-play-state: running;<br /> &nbsp;&nbsp;&nbsp; -webkit-animation-fill-mode: forwards;<br /> }<br /> #flyingmenubt li:hover &gt; a {<br /> &nbsp;&nbsp;&nbsp; z-index: 4;<br /> }<br /> #flyingmenubt li:hover ul.subs {<br /> &nbsp;&nbsp;&nbsp; left: 0;<br /> &nbsp;&nbsp;&nbsp; top: 34px;<br /> &nbsp;&nbsp;&nbsp; width: 150px;<br /> }<br /> #flyingmenubt ul li {<br /> &nbsp;&nbsp;&nbsp; background: none repeat scroll 0 0 #838383;<br /> &nbsp;&nbsp;&nbsp; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);<br /> &nbsp;&nbsp;&nbsp; opacity: 0;<br /> &nbsp;&nbsp;&nbsp; width: 100%;<br /> &nbsp;&nbsp;&nbsp; /*-webkit-transition:all 0.3s ease-in-out;<br /> &nbsp;&nbsp;&nbsp; -moz-transition:all 0.3s ease-in-out;<br /> &nbsp;&nbsp;&nbsp; -o-transition:all 0.3s ease-in-out;<br /> &nbsp;&nbsp;&nbsp; -ms-transition:all 0.3s ease-in-out;<br /> &nbsp;&nbsp;&nbsp; transition:all 0.3s ease-in-out;*/<br /> }<br /> <br /> /* keyframes #animation2 */<br /> @-webkit-keyframes animation2 {<br /> &nbsp;&nbsp;&nbsp; 0% {margin-left:185px;}<br /> &nbsp;&nbsp;&nbsp; 100% {margin-left:0px;opacity:1;}<br /> }<br /> @-moz-keyframes animation2 {<br /> &nbsp;&nbsp;&nbsp; 0% {margin-left:185px;}<br /> &nbsp;&nbsp;&nbsp; 100% { margin-left:0px;opacity:1;}<br /> }<br /> #flyingmenubt li:hover ul li {<br /> &nbsp;&nbsp;&nbsp; /* css3 animation */<br /> &nbsp;&nbsp;&nbsp; -moz-animation-name: animation2;<br /> &nbsp;&nbsp;&nbsp; -moz-animation-duration: 0.3s;<br /> &nbsp;&nbsp;&nbsp; -moz-animation-timing-function: linear;<br /> &nbsp;&nbsp;&nbsp; -moz-animation-iteration-count: 1;<br /> &nbsp;&nbsp;&nbsp; -moz-animation-direction: normal;<br /> &nbsp;&nbsp;&nbsp; -moz-animation-delay: 0;<br /> &nbsp;&nbsp;&nbsp; -moz-animation-play-state: running;<br /> &nbsp;&nbsp;&nbsp; -moz-animation-fill-mode: forwards;<br /> &nbsp;&nbsp;&nbsp; -webkit-animation-name: animation2;<br /> &nbsp;&nbsp;&nbsp; -webkit-animation-duration: 0.3s;<br /> &nbsp;&nbsp;&nbsp; -webkit-animation-timing-function: linear;<br /> &nbsp;&nbsp;&nbsp; -webkit-animation-iteration-count: 1;<br /> &nbsp;&nbsp;&nbsp; -webkit-animation-direction: normal;<br /> &nbsp;&nbsp;&nbsp; -webkit-animation-delay: 0;<br /> &nbsp;&nbsp;&nbsp; -webkit-animation-play-state: running;<br /> &nbsp;&nbsp;&nbsp; -webkit-animation-fill-mode: forwards;<br /> <br /> &nbsp;&nbsp;&nbsp; /*-webkit-transition:all 0.3s ease-in-out;<br /> &nbsp;&nbsp;&nbsp; -moz-transition:all 0.3s ease-in-out;<br /> &nbsp;&nbsp;&nbsp; -o-transition:all 0.3s ease-in-out;<br /> &nbsp;&nbsp;&nbsp; -ms-transition:all 0.3s ease-in-out;<br /> &nbsp;&nbsp;&nbsp; transition:all 0.3s ease-in-out;*/<br /> }<br /> /* animation delays */<br /> #flyingmenubt li:hover ul li:nth-child(1) {<br /> &nbsp;&nbsp;&nbsp; -moz-animation-delay: 0;<br /> &nbsp;&nbsp;&nbsp; -webkit-animation-delay: 0;<br /> }<br /> #flyingmenubt li:hover ul li:nth-child(2) {<br /> &nbsp;&nbsp;&nbsp; -moz-animation-delay: 0.05s;<br /> &nbsp;&nbsp;&nbsp; -webkit-animation-delay: 0.05s;<br /> }<br /> #flyingmenubt li:hover ul li:nth-child(3) {<br /> &nbsp;&nbsp;&nbsp; -moz-animation-delay: 0.1s;<br /> &nbsp;&nbsp;&nbsp; -webkit-animation-delay: 0.1s;<br /> }<br /> #flyingmenubt li:hover ul li:nth-child(4) {<br /> &nbsp;&nbsp;&nbsp; -moz-animation-delay: 0.15s;<br /> &nbsp;&nbsp;&nbsp; -webkit-animation-delay: 0.15s;<br /> }<br /> #flyingmenubt li:hover ul li:nth-child(5) {<br /> &nbsp;&nbsp;&nbsp; -moz-animation-delay: 0.2s;<br /> &nbsp;&nbsp;&nbsp; -webkit-animation-delay: 0.2s;<br /> }<br /> #flyingmenubt li:hover ul li:nth-child(6) {<br /> &nbsp;&nbsp;&nbsp; -moz-animation-delay: 0.25s;<br /> &nbsp;&nbsp;&nbsp; -webkit-animation-delay: 0.25s;<br /> }<br /> #flyingmenubt li:hover ul li:nth-child(7) {<br /> &nbsp;&nbsp;&nbsp; -moz-animation-delay: 0.3s;<br /> &nbsp;&nbsp;&nbsp; -webkit-animation-delay: 0.3s;<br /> }<br /> #flyingmenubt li:hover ul li:nth-child(8) {<br /> &nbsp;&nbsp;&nbsp; -moz-animation-delay: 0.35s;<br /> &nbsp;&nbsp;&nbsp; -webkit-animation-delay: 0.35s;<br /> } </div> <br /> 5. Jika sudah simpan template.<br /> 6. Lalu pilih tata letak / layout.<br /> 7. Pilih add gadget / tambahkan gadget dan pilih HTML/Javascript.<br /> 8. copy kode di bawah ini dan paste di kolom yang tersedia.<br /> <br /> <div style="border: 1px solid #eee; height: 765px; overflow: auto; padding: 10px; width: 520px;"> &lt;ul id="flyingmenubt"&gt;<br /> &nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="http://spotkreatif.blogspot.com/"&gt;Home&lt;/a&gt;&lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a class="hsubs" href="#"&gt;Menu 1&lt;/a&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;ul class="subs"&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="#"&gt;Submenu 1&lt;/a&gt;&lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="#"&gt;Submenu 2&lt;/a&gt;&lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="#"&gt;Submenu 3&lt;/a&gt;&lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="#"&gt;Submenu 4&lt;/a&gt;&lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="#"&gt;Submenu 5&lt;/a&gt;&lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/ul&gt;<br /> &nbsp;&nbsp;&nbsp; &lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a class="hsubs" href="http://www.bloggertrix.com/"&gt;Menu 2&lt;/a&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;ul class="subs"&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="#"&gt;Submenu 2-1&lt;/a&gt;&lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="#"&gt;Submenu 2-2&lt;/a&gt;&lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="#"&gt;Submenu 2-3&lt;/a&gt;&lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="#"&gt;Submenu 2-4&lt;/a&gt;&lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="#"&gt;Submenu 2-5&lt;/a&gt;&lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="#"&gt;Submenu 2-6&lt;/a&gt;&lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="#"&gt;Submenu 2-7&lt;/a&gt;&lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="#"&gt;Submenu 2-8&lt;/a&gt;&lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/ul&gt;<br /> &nbsp;&nbsp;&nbsp; &lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a class="hsubs" href="#"&gt;Menu 3&lt;/a&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;ul class="subs"&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="#"&gt;Submenu 3-1&lt;/a&gt;&lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="#"&gt;Submenu 3-2&lt;/a&gt;&lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="#"&gt;Submenu 3-3&lt;/a&gt;&lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="#"&gt;Submenu 3-4&lt;/a&gt;&lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="#"&gt;Submenu 3-5&lt;/a&gt;&lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/ul&gt;<br /> &nbsp;&nbsp;&nbsp; &lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="#"&gt;Menu 4&lt;/a&gt;&lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="#"&gt;Menu 5&lt;/a&gt;&lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="#"&gt;Menu 6&lt;/a&gt;&lt;/li&gt;<br /> &nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="http://spotkreatif.blogspot.com/"&gt;Back&lt;/a&gt;&lt;/li&gt;<br /> &lt;/ul&gt; </div> <br /> NB :<br /> - Rubah tanda # dengan url/link yang anda inginkan<br /> - Rubah title sesuai yang anda inginkan (home, menu dan submenu)<br /> <br /> 9. Simpan template dan selesai.<br /> <br /> Oke spoter sekian dulu postingan kali ini, jika punya pertanyaan bisa langsung taruh di kolom komentar di bawah. Baca juga tentang cara memasang menu bar <a href="http://spotkreatif.blogspot.com/2015/03/membuat-menu-navigation-bar-warna-warni.html" target="_blank">navigation cool sprite</a> dan multi level. Semoga dapat bermanfaat dan terima kasih.Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4237707532729024243.post-49861754093191759402015-03-18T12:30:00.000+07:002015-03-18T12:30:00.207+07:00<h2> <span style="font-size: small;">Cara Membuat Widget Multi Tab Atraktif Di Blog Dengan Mudah</span></h2> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEil9TjXC4WG5vEyzOUN41oVHIjDFM3jOXvSznqtVJEDNbga8YZP_-Bq68Q4RJOypA5BBchYxNPqdnNM4oCaaRcsR-Ok3P5vGtw6c6U20nNfF3sSNPIfdCCVaFx07eCuFty7MF85rt090WI/s1600/tabview+widget.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="cara membuat multitab blogger dengan mudah" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEil9TjXC4WG5vEyzOUN41oVHIjDFM3jOXvSznqtVJEDNbga8YZP_-Bq68Q4RJOypA5BBchYxNPqdnNM4oCaaRcsR-Ok3P5vGtw6c6U20nNfF3sSNPIfdCCVaFx07eCuFty7MF85rt090WI/s1600/tabview+widget.jpg" title="membuat multi tab widget blogger" /></a></div> Di artikel sebelumnya saya sudah membahas tentang cara <a href="http://spotkreatif.blogspot.com/2015/03/membuat-multi-tab-widget-animated-blog.html" target="_blank">membuat widget mutli tab animated</a>. Kali ini tetap pada widget multi tab, tapi dengan tampilan yang berbeda, bisa di lihat dari gambar di atas. Sama seperti sebelumnya, widget ini tidak berat dan menggunakan jquery animated (sekali lagi maaf belum bisa kasih demo).<br /> <br /> Untuk yang tertarik ingin memasang widget multi tab ini, bisa mengikuti tutorial di bawah ini.<br /> <br /> <h3> <span style="font-size: small;">Multi Tab Atractive Widget</span></h3> 1. Buka Blogger dan login.<br /> 2. Pilih TEMPLATE lalu edit HTML.<br /> 3. DI kolom editor HTML cari kode &lt;/head&gt;<br /> 4. Setelah ketemu copy kode di bawah ini dan paste tepat di atas kode &lt;/head&gt;<br /> <br /> <div style="border: 1px solid #eee; height: 1000px; overflow: auto; padding: 10px; width: 520px;"> &lt;script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js'&gt;&lt;/script&gt;<br /> <br /> &lt;script type='text/javascript'&gt;<br /> //&lt;![CDATA[<br /> <br /> eval(function(p,a,c,k,e,d){e=function(c){return(c&lt;a?'':e(parseInt(c/a)))+((c=c%a)&gt;35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('(3(C){C.8={3o:{19:3(E,F,H){6 G=C.8[E].1h;21(6 D 3p H){G.1I[D]=G.1I[D]||[];G.1I[D].28([F,H[D]])}},2P:3(D,F,E){6 H=D.1I[F];5(!H){7}21(6 G=0;G&lt;H.k;G++){5(D.b[H[G][0]]){H[G][1].1H(D.c,E)}}}},1l:{},n:3(D){5(C.8.1l[D]){7 C.8.1l[D]}6 E=C(\'&lt;2a 3s="8-3r"&gt;\').j(D).n({3q:"3i",2g:"-2A",3g:"-2A",1r:"1w"}).22("2C");C.8.1l[D]=!!((!(/3I|3P/).12(E.n("3z"))||(/^[1-9]/).12(E.n("2T"))||(/^[1-9]/).12(E.n("2E"))||!(/2v/).12(E.n("3w"))||!(/3S|3C\\(0, 0, 0, 0\\)/).12(E.n("3D"))));3E{C("2C").2w(0).3B(E.2w(0))}3x(F){}7 C.8.1l[D]},3y:3(D){C(D).v("1p","2I").n("2q","2v")},3H:3(D){C(D).v("1p","3O").n("2q","")},3Q:3(G,E){6 D=/2g/.12(E||"2g")?"3N":"3M",F=e;5(G[D]&gt;0){7 t}G[D]=1;F=G[D]&gt;0?t:e;G[D]=0;7 F}};6 B=C.2e.W;C.2e.W=3(){C("*",2).19(2).z("W");7 B.1H(2,2M)};3 A(E,F,G){6 D=C[E][F].35||[];D=(1F D=="1E"?D.2h(/,?\\s+/):D);7(C.1j(G,D)!=-1)}C.1i=3(E,D){6 F=E.2h(".")[0];E=E.2h(".")[1];C.2e[E]=3(J){6 H=(1F J=="1E"),I=2D.1h.3J.2P(2M,1);5(H&amp;&amp;A(F,E,J)){6 G=C.i(2[0],E);7(G?G[J].1H(G,I):1n)}7 2.14(3(){6 K=C.i(2,E);5(H&amp;&amp;K&amp;&amp;C.3v(K[J])){K[J].1H(K,I)}o{5(!H){C.i(2,E,3e C[F][E](2,J))}}})};C[F][E]=3(I,H){6 G=2;2.15=E;2.2H=F+"-"+E;2.b=C.1A({},C.1i.1k,C[F][E].1k,H);2.c=C(I).u("1e."+E,3(L,J,K){7 G.1e(J,K)}).u("2j."+E,3(K,J){7 G.2j(J)}).u("W",3(){7 G.1b()});2.23()};C[F][E].1h=C.1A({},C.1i.1h,D)};C.1i.1h={23:3(){},1b:3(){2.c.1q(2.15)},2j:3(D){7 2.b[D]},1e:3(D,E){2.b[D]=E;5(D=="f"){2.c[E?"j":"r"](2.2H+"-f")}},1X:3(){2.1e("f",e)},1P:3(){2.1e("f",t)}};C.1i.1k={f:e};C.8.2J={3h:3(){6 D=2;2.c.u("3d."+2.15,3(E){7 D.2G(E)});5(C.x.13){2.2K=2.c.v("1p");2.c.v("1p","2I")}2.3c=e},38:3(){2.c.16("."+2.15);(C.x.13&amp;&amp;2.c.v("1p",2.2K))},2G:3(F){(2.V&amp;&amp;2.1o(F));2.1C=F;6 E=2,G=(F.39==1),D=(1F 2.b.25=="1E"?C(F.2f).2x().19(F.2f).y(2.b.25).k:e);5(!G||D||!2.2S(F)){7 t}2.1D=!2.b.26;5(!2.1D){2.3a=1x(3(){E.1D=t},2.b.26)}5(2.2m(F)&amp;&amp;2.1T(F)){2.V=(2.1U(F)!==e);5(!2.V){F.3b();7 t}}2.2n=3(H){7 E.2r(H)};2.2l=3(H){7 E.1o(H)};C(2N).u("2O."+2.15,2.2n).u("2t."+2.15,2.2l);7 e},2r:3(D){5(C.x.13&amp;&amp;!D.3j){7 2.1o(D)}5(2.V){2.1V(D);7 e}5(2.2m(D)&amp;&amp;2.1T(D)){2.V=(2.1U(2.1C,D)!==e);(2.V?2.1V(D):2.1o(D))}7!2.V},1o:3(D){C(2N).16("2O."+2.15,2.2n).16("2t."+2.15,2.2l);5(2.V){2.V=e;2.2u(D)}7 e},2m:3(D){7(29.3m(29.2z(2.1C.2L-D.2L),29.2z(2.1C.2s-D.2s))&gt;=2.b.2F)},1T:3(D){7 2.1D},1U:3(D){},1V:3(D){},2u:3(D){},2S:3(D){7 t}};C.8.2J.1k={25:U,2F:1,26:0}})(27);(3(A){A.1i("8.4",{23:3(){2.b.Z+=".4";2.1m(t)},1e:3(B,C){5((/^d/).12(B)){2.1v(C)}o{2.b[B]=C;2.1m()}},k:3(){7 2.$4.k},1Q:3(B){7 B.2R&amp;&amp;B.2R.1g(/\\s/g,"2Q").1g(/[^A-4o-4x-9\\-2Q:\\.]/g,"")||2.b.2X+A.i(B)},8:3(C,B){7{b:2.b,4u:C,30:B,11:2.$4.11(C)}},1m:3(O){2.$l=A("1O:4p(a[p])",2.c);2.$4=2.$l.1G(3(){7 A("a",2)[0]});2.$h=A([]);6 P=2,D=2.b;2.$4.14(3(R,Q){5(Q.X&amp;&amp;Q.X.1g("#","")){P.$h=P.$h.19(Q.X)}o{5(A(Q).v("p")!="#"){A.i(Q,"p.4",Q.p);A.i(Q,"q.4",Q.p);6 T=P.1Q(Q);Q.p="#"+T;6 S=A("#"+T);5(!S.k){S=A(D.2d).v("1s",T).j(D.1u).4l(P.$h[R-1]||P.c);S.i("1b.4",t)}P.$h=P.$h.19(S)}o{D.f.28(R+1)}}});5(O){2.c.j(D.2b);2.$h.14(3(){6 Q=A(2);Q.j(D.1u)});5(D.d===1n){5(20.X){2.$4.14(3(S,Q){5(Q.X==20.X){D.d=S;5(A.x.13||A.x.43){6 R=A(20.X),T=R.v("1s");R.v("1s","");1x(3(){R.v("1s",T)},44)}4m(0,0);7 e}})}o{5(D.1c){6 J=46(A.1c("8-4"+A.i(P.c)),10);5(J&amp;&amp;P.$4[J]){D.d=J}}o{5(P.$l.y("."+D.m).k){D.d=P.$l.11(P.$l.y("."+D.m)[0])}}}}D.d=D.d===U||D.d!==1n?D.d:0;D.f=A.41(D.f.40(A.1G(2.$l.y("."+D.1a),3(R,Q){7 P.$l.11(R)}))).31();5(A.1j(D.d,D.f)!=-1){D.f.3V(A.1j(D.d,D.f),1)}2.$h.j(D.18);2.$l.r(D.m);5(D.d!==U){2.$h.w(D.d).1S().r(D.18);2.$l.w(D.d).j(D.m);6 K=3(){A(P.c).z("1K",[P.Y("1K"),P.8(P.$4[D.d],P.$h[D.d])],D.1S)};5(A.i(2.$4[D.d],"q.4")){2.q(D.d,K)}o{K()}}A(3U).u("3W",3(){P.$4.16(".4");P.$l=P.$4=P.$h=U})}21(6 G=0,N;N=2.$l[G];G++){A(N)[A.1j(G,D.f)!=-1&amp;&amp;!A(N).1f(D.m)?"j":"r"](D.1a)}5(D.17===e){2.$4.1q("17.4")}6 C,I,B={"3X-2E":0,1R:1},E="3Z";5(D.1d&amp;&amp;D.1d.3Y==2D){C=D.1d[0]||B,I=D.1d[1]||B}o{C=I=D.1d||B}6 H={1r:"",47:"",2T:""};5(!A.x.13){H.1W=""}3 M(R,Q,S){Q.2p(C,C.1R||E,3(){Q.j(D.18).n(H);5(A.x.13&amp;&amp;C.1W){Q[0].2B.y=""}5(S){L(R,S,Q)}})}3 L(R,S,Q){5(I===B){S.n("1r","1w")}S.2p(I,I.1R||E,3(){S.r(D.18).n(H);5(A.x.13&amp;&amp;I.1W){S[0].2B.y=""}A(P.c).z("1K",[P.Y("1K"),P.8(R,S[0])],D.1S)})}3 F(R,T,Q,S){T.j(D.m).4k().r(D.m);M(R,Q,S)}2.$4.16(".4").u(D.Z,3(){6 T=A(2).2x("1O:w(0)"),Q=P.$h.y(":4e"),S=A(2.X);5((T.1f(D.m)&amp;&amp;!D.1z)||T.1f(D.1a)||A(2).1f(D.1t)||A(P.c).z("2y",[P.Y("2y"),P.8(2,S[0])],D.1v)===e){2.1M();7 e}P.b.d=P.$4.11(2);5(D.1z){5(T.1f(D.m)){P.b.d=U;T.r(D.m);P.$h.1Y();M(2,Q);2.1M();7 e}o{5(!Q.k){P.$h.1Y();6 R=2;P.q(P.$4.11(2),3(){T.j(D.m).j(D.2c);L(R,S)});2.1M();7 e}}}5(D.1c){A.1c("8-4"+A.i(P.c),P.b.d,D.1c)}P.$h.1Y();5(S.k){6 R=2;P.q(P.$4.11(2),Q.k?3(){F(R,T,Q,S)}:3(){T.j(D.m);L(R,S)})}o{4b"27 4c 4d: 3n 49 4a."}5(A.x.13){2.1M()}7 e});5(!(/^24/).12(D.Z)){2.$4.u("24.4",3(){7 e})}},19:3(E,D,C){5(C==1n){C=2.$4.k}6 G=2.b;6 I=A(G.37.1g(/#\\{p\\}/g,E).1g(/#\\{1L\\}/g,D));I.i("1b.4",t);6 H=E.4i("#")==0?E.1g("#",""):2.1Q(A("a:4g-4h",I)[0]);6 F=A("#"+H);5(!F.k){F=A(G.2d).v("1s",H).j(G.18).i("1b.4",t)}F.j(G.1u);5(C&gt;=2.$l.k){I.22(2.c);F.22(2.c[0].48)}o{I.36(2.$l[C]);F.36(2.$h[C])}G.f=A.1G(G.f,3(K,J){7 K&gt;=C?++K:K});2.1m();5(2.$4.k==1){I.j(G.m);F.r(G.18);6 B=A.i(2.$4[0],"q.4");5(B){2.q(C,B)}}2.c.z("2Y",[2.Y("2Y"),2.8(2.$4[C],2.$h[C])],G.19)},W:3(B){6 D=2.b,E=2.$l.w(B).W(),C=2.$h.w(B).W();5(E.1f(D.m)&amp;&amp;2.$4.k&gt;1){2.1v(B+(B+1&lt;2.$4.k?1:-1))}D.f=A.1G(A.34(D.f,3(G,F){7 G!=B}),3(G,F){7 G&gt;=B?--G:G});2.1m();2.c.z("2V",[2.Y("2V"),2.8(E.2k("a")[0],C[0])],D.W)},1X:3(B){6 C=2.b;5(A.1j(B,C.f)==-1){7}6 D=2.$l.w(B).r(C.1a);5(A.x.4n){D.n("1r","4t-1w");1x(3(){D.n("1r","1w")},0)}C.f=A.34(C.f,3(F,E){7 F!=B});2.c.z("33",[2.Y("33"),2.8(2.$4[B],2.$h[B])],C.1X)},1P:3(C){6 B=2,D=2.b;5(C!=D.d){2.$l.w(C).j(D.1a);D.f.28(C);D.f.31();2.c.z("32",[2.Y("32"),2.8(2.$4[C],2.$h[C])],D.1P)}},1v:3(B){5(1F B=="1E"){B=2.$4.11(2.$4.y("[p$="+B+"]")[0])}2.$4.w(B).4q(2.b.Z)},q:3(G,K){6 L=2,D=2.b,E=2.$4.w(G),J=E[0],H=K==1n||K===e,B=E.i("q.4");K=K||3(){};5(!B||!H&amp;&amp;A.i(J,"17.4")){K();7}6 M=3(N){6 O=A(N),P=O.2k("*:4s");7 P.k&amp;&amp;P.4v(":45(3R)")&amp;&amp;P||O};6 C=3(){L.$4.y("."+D.1t).r(D.1t).14(3(){5(D.1N){M(2).3l().1B(M(2).i("1L.4"))}});L.1y=U};5(D.1N){6 I=M(J).1B();M(J).3k("&lt;2o&gt;&lt;/2o&gt;").2k("2o").i("1L.4",I).1B(D.1N)}6 F=A.1A({},D.1J,{2U:B,2i:3(O,N){A(J.X).1B(O);C();5(D.17){A.i(J,"17.4",t)}A(L.c).z("2Z",[L.Y("2Z"),L.8(L.$4[G],L.$h[G])],D.q);D.1J.2i&amp;&amp;D.1J.2i(O,N);K()}});5(2.1y){2.1y.3f();C()}E.j(D.1t);1x(3(){L.1y=A.3u(F)},0)},2U:3(C,B){2.$4.w(C).1q("17.4").i("q.4",B)},1b:3(){6 B=2.b;2.c.16(".4").r(B.2b).1q("4");2.$4.14(3(){6 C=A.i(2,"p.4");5(C){2.p=C}6 D=A(2).16(".4");A.14(["p","q","17"],3(E,F){D.1q(F+".4")})});2.$l.19(2.$h).14(3(){5(A.i(2,"1b.4")){A(2).W()}o{A(2).r([B.m,B.2c,B.1a,B.1u,B.18].3G(" "))}})},Y:3(B){7 A.Z.3L({3t:B,2f:2.c[0]})}});A.8.4.1k={1z:e,Z:"24",f:[],1c:U,1N:"3F&amp;#3A;",17:e,2X:"8-4-",1J:{},1d:U,37:\'&lt;1O&gt;&lt;a p="#{p}"&gt;&lt;2W&gt;#{1L}&lt;/2W&gt;&lt;/a&gt;&lt;/1O&gt;\',2d:"&lt;2a&gt;&lt;/2a&gt;",2b:"8-4-3K",m:"8-4-d",2c:"8-4-1z",1a:"8-4-f",1u:"8-4-30",18:"8-4-3T",1t:"8-4-4w"};A.8.4.35="k";A.1A(A.8.4.1h,{1Z:U,4r:3(C,F){F=F||e;6 B=2,E=2.b.d;3 G(){B.1Z=42(3(){E=++E&lt;B.$4.k?E:0;B.1v(E)},C)}3 D(H){5(!H||H.4j){4f(B.1Z)}}5(C){G();5(!F){2.$4.u(2.b.Z,D)}o{2.$4.u(2.b.Z,3(){D();E=B.b.d;G()})}}o{D();2.$4.16(2.b.Z,D)}}})})(27);',62,282,'||this|function|tabs|if|var|return|ui|||options|element|selected|false|disabled||panels|data|addClass|length|lis|selectedClass|css|else|href|load|removeClass||true|bind|attr|eq|browser|filter|triggerHandler|||||||||||||||||||||null|_mouseStarted|remove|hash|fakeEvent|event||index|test|msie|each|widgetName|unbind|cache|hideClass|add|disabledClass|destroy|cookie|fx|setData|hasClass|replace|prototype|widget|inArray|defaults|cssCache|tabify|undefined|mouseUp|unselectable|removeData|display|id|loadingClass|panelClass|select|block|setTimeout|xhr|unselect|extend|html|_mouseDownEvent|_mouseDelayMet|string|typeof|map|apply|plugins|ajaxOptions|tabsshow|label|blur|spinner|li|disable|tabId|duration|show|mouseDelayMet|mouseStart|mouseDrag|opacity|enable|stop|rotation|location|for|appendTo|init|click|cancel|delay|jQuery|push|Math|div|navClass|unselectClass|panelTemplate|fn|target|top|split|success|getData|find|_mouseUpDelegate|mouseDistanceMet|_mouseMoveDelegate|em|animate|MozUserSelect|mouseMove|pageY|mouseup|mouseStop|none|get|parents|tabsselect|abs|5000px|style|body|Array|width|distance|mouseDown|widgetBaseClass|on|mouse|_mouseUnselectable|pageX|arguments|document|mousemove|call|_|title|mouseCapture|height|url|tabsremove|span|idPrefix|tabsadd|tabsload|panel|sort|tabsdisable|tabsenable|grep|getter|insertBefore|tabTemplate|mouseDestroy|which|_mouseDelayTimer|preventDefault|started|mousedown|new|abort|left|mouseInit|absolute|button|wrapInner|parent|max|Mismatching|plugin|in|position|gen|class|type|ajax|isFunction|backgroundImage|catch|disableSelection|cursor|8230|removeChild|rgba|backgroundColor|try|Loading|join|enableSelection|auto|slice|nav|fix|scrollLeft|scrollTop|off|default|hasScroll|img|transparent|hide|window|splice|unload|min|constructor|normal|concat|unique|setInterval|opera|500|not|parseInt|overflow|parentNode|fragment|identifier|throw|UI|Tabs|visible|clearInterval|first|child|indexOf|clientX|siblings|insertAfter|scrollTo|safari|Za|has|trigger|rotate|last|inline|tab|is|loading|z0'.split('|'),0,{}))<br /> <br /> //]]&gt;<br /> &lt;/script&gt;<br /> <br /> &lt;style type="text/css"&gt;<br /> .widgets545 {<br /> &nbsp;width:295px;<br /> &nbsp;overflow:hidden;<br /> &nbsp;margin-top:5px;<br /> &nbsp;margin-bottom:5px;<br /> &nbsp;padding:0px 0px 0px 0px;<br /> &nbsp;background:#e8dbcc;<br /> }<br /> .widgets545 a {<br /> &nbsp;color: #222;<br /> &nbsp;text-decoration: none;<br /> &nbsp;}<br /> .widgets545 a:hover {<br /> &nbsp;color: #009;<br /> &nbsp;text-decoration: underline;<br /> &nbsp;}<br /> ul.tabnav{<br /> <br /> &nbsp;padding:0px 0px 0px 0px;<br /> &nbsp;height:26px;<br /> &nbsp;margin:0px 0px;<br /> &nbsp;background:#FFFFFF;<br /> }<br /> .tabnav li {<br /> &nbsp;display: inline;<br /> &nbsp;list-style: none;<br /> &nbsp;float:left;<br /> &nbsp;text-align:center;<br /> &nbsp;margin-right:8px;<br /> }<br /> .tabnav li a {<br /> &nbsp;text-decoration: none;<br /> &nbsp;text-transform: uppercase;<br /> &nbsp;font-weight: normal;<br /> &nbsp;padding: 5px 8px 6px 8px;<br /> &nbsp;width:70px;<br /> &nbsp;font-weight:normal;<br /> &nbsp;font: 12px tahoma, helvetica,arial,sans-serif;<br /> &nbsp;color: #E8DBCC;<br /> &nbsp;text-decoration: none;<br /> &nbsp;display:block;<br /> &nbsp;background:#5F381D url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg30sxnhUCavZx-68Ur2lxBLuNiEMRMOqScwVIu2VwcCwEwX5mpSoFwt9_nK2dVa1BQgSK09soTRI0h0qjUcwYXZgLJ4iIdZN4iv7KIDgRkWMafPI2rintWReYnl2O6Kr14-MKDy25SEDd4/) repeat-x;<br /> &nbsp;border-top:1px solid #7F1E00;<br /> &nbsp;border-left:1px solid #7F1E00;<br /> &nbsp;border-right:1px solid #7F1E00;<br /> &nbsp;}<br /> .tabnav li a:hover, .tabnav li a:active, .tabnav li.ui-tabs-selected a {<br /> &nbsp;text-decoration:none;<br /> &nbsp;background: #E8DBCC;<br /> &nbsp;color: #AE8269;<br /> &nbsp;border-top:1px solid #DFD2C3;<br /> &nbsp;border-left:1px solid #DFD2C3;<br /> &nbsp;border-right:1px solid #DFD2C3;<br /> &nbsp;}<br /> .tabdiv {<br /> &nbsp;padding: 5px 5px 5px 5px;<br /> &nbsp;font-family:Tahoma,Century gothic, Arial, sans-serif;<br /> &nbsp;border-bottom:1px solid #DFD2C3;<br /> &nbsp;border-left:1px solid #DFD2C3;<br /> &nbsp;border-right:1px solid #DFD2C3;<br /> &nbsp;}<br /> .tabdiv a:link,.tabdiv&nbsp; a:visited {<br /> color:#333;<br /> }<br /> .tabdiv a:hover{<br /> &nbsp;color: #2676A1;<br /> &nbsp;}<br /> .tabdiv ul{<br /> &nbsp;list-style-type:none;<br /> &nbsp;margin:0px 0px;<br /> &nbsp;padding:0px 0px;}<br /> .tabdiv ul li{<br /> &nbsp;height:100%;<br /> &nbsp;line-height:28px;<br /> &nbsp;padding: 0px 0px 0px 0px;<br /> &nbsp;color:#333;<br /> }<br /> .tabdiv li a:link,.tabdiv li a:visited{<br /> &nbsp;background:#f9f5f1;<br /> &nbsp;display:block;<br /> &nbsp;margin-left:5px;<br /> &nbsp;overflow:hidden;<br /> &nbsp;line-height:24px;<br /> &nbsp;padding:2px 5px ;<br /> &nbsp;margin:2px 0px;<br /> &nbsp;color:#6F6B53;<br /> &nbsp;font-size:13px;<br /> }<br /> .tabdiv li a:hover {<br /> &nbsp;background:#fff;<br /> &nbsp;color: #3F200C;<br /> &nbsp;text-decoration:none;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }<br /> .ui-tabs-hide {<br /> &nbsp;display: none;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }<br /> &lt;/style&gt; </div> <br /> 5. Jika sudah save template.<br /> 6. Lalu pilih tata letak / layout.<br /> 7. Pilih add gadget / tambahkan gadget dan pilih HTML/Javascript.<br /> 8. Copy dan paste kode di bawah ini ke dalam kolom yang ada.<br /> <br /> <div style="border: 1px solid #eee; height: 700px; overflow: auto; padding: 10px; width: 520px;"> &lt;script type="text/javascript"&gt;<br /> var $jx = jQuery.noConflict();<br /> $jx(document).ready(function() {<br /> $jx('#tabzine&gt; ul').tabs({ fx: { height: 'toggle', opacity: 'toggle' } });<br /> <br /> });<br /> &lt;/script&gt;<br /> <br /> &lt;br /&gt;<br /> &lt;div class="widgets545" id="tabzine"&gt;<br /> &lt;ul class="tabnav"&gt;<br /> &lt;li&gt;&lt;a href="#tab11"&gt; Recent &lt;/a&gt;&lt;/li&gt;<br /> &lt;li&gt;&lt;a href="#tab22"&gt; Popular &lt;/a&gt;&lt;/li&gt;<br /> &lt;li&gt;&lt;a href="#tab33"&gt; Comments&nbsp; &lt;/a&gt;&lt;/li&gt;<br /> &lt;/ul&gt;<br /> &lt;div class="tabdiv" id="tab11"&gt;<br /> &lt;script language="JavaScript" src="http://feed2js.org//feed2js.php?src=http%3A%2F%2Fwww.bloggertrix.com%2Ffeeds%2Fposts%2Fdefault&amp;amp;num=5" type="text/javascript"&gt;&lt;/script&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class="tabdiv" id="tab22"&gt;<br /> &lt;script language="javascript"&gt;<br /> aBold = true;<br /> numposts=200;<br /> maxshowresult=<span style="background-color: #3d85c6;">5</span>;<br /> home_page = "<span style="background-color: red;">http://spotkreatif.blogspot.com</span>/";<br /> &lt;/script&gt;<br /> &lt;script language="JavaScript" type="text/JavaScript"&gt;<br /> var postTitlear=new Array();var postUrlar=new Array();var postCommentar=new Array();var totalpost;document.write("&lt;ul&gt;");function showrecentposts(j){var a=j.feed.entry.length;totalpost=a;for(var f=0;f&lt;a;f++){var h=j.feed.entry[f];var c=h.title.$t;var b;var g;if(f==j.feed.entry.length){break}for(var d=0;d&lt;h.link.length;d++){if(h.link[d].rel=="alternate"){g=h.link[d].href;break}}for(var d=0;d&lt;h.link.length;d++){if(h.link[d].rel=="replies"&amp;&amp;h.link[d].type=="text/html"){b=h.link[d].title.split(" ")[0];break}}c=(aBold)?"&lt;b&gt;"+c+"&lt;/b&gt;":c;postTitlear.push(c);postUrlar.push(g);postCommentar.push(b)}sortPosts();for(var f=0;f&lt;maxshowresult;f++){var e='<br /> &lt;li&gt;&lt;a href="'+postUrlar[f]+'" class="recent-link"&gt;'+postTitlear[f]+"<br /> &nbsp;("+postCommentar[f]+" comments)&lt;/a&gt;";document.write(e)}}function <br /> sortPosts(){function c(d,f){var <br /> e=postTitlear[d];postTitlear[d]=postTitlear[f];postTitlear[f]=e;var <br /> e=postUrlar[d];postUrlar[d]=postUrlar[f];postUrlar[f]=e;var <br /> e=postCommentar[d];postCommentar[d]=postCommentar[f];postCommentar[f]=e}for(var<br /> &nbsp;b=0;b&lt;postTitlear.length-1;b++){for(var <br /> a=b+1;a&lt;postTitlear.length;a++){if(parseInt(postCommentar[b])&lt;parseInt(postCommentar[a])){c(b,a)}}}}document.write('&lt;script src="'+home_page+"feeds/posts/default?max-results="+numposts+'&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts"&gt;&lt;\/script&gt;');<br /> &lt;/script&gt;<br /> &lt;/div&gt;<br /> &lt;div class="tabdiv" id="tab33"&gt;<br /> &lt;script language="JavaScript" src="http://feed2js.org//feed2js.php?src=http%3A%2F%2F<span style="background-color: red;">spotkreatif.blogspot.com</span>%2Ffeeds%2Fcomments%2Fdefault&amp;amp;num=5" type="text/javascript"&gt;&lt;/script&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt; </div> <br /> 9. Dan terakhir simpan template, selesai.<br /> <br /> NB :<br /> - Ganti tulisan yang di blok <span style="background-color: red;">merah</span> dengan url blog anda.<br /> - Ganti tulisan yang di blok <span style="background-color: #3d85c6;">biru</span> dengan jumlah terserah anda.<br /> <br /> Bagaiaman spoter ? mudah-mudahan dapat membantu yang memang sedang mencari tutorial ini. Jangan lupa juga untuk membaca tutorial lain tentang cara <a href="http://spotkreatif.blogspot.com/2015/03/cara-membuat-scroll-box-di-blog-dengan.html" target="_blank">membuat scrool box</a> pada blog. Oke sekian dulu artikel kali ini, jika ada pertanyaan silahkan tulis di kolom komentar dan terima kasih. Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4237707532729024243.post-1663793055511920592015-03-18T11:27:00.000+07:002015-03-18T11:27:36.707+07:00<h2> <span style="font-size: small;">Cara Membuat Widget Multi Tab Keren Di Blog Dengan Mudah</span></h2> <div class="separator" style="clear: both; text-align: center;"> </div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiH2Rou7pV6HmsL7leKXeD9dtG31aDK3aBW_lnsj-V1IYIz8gEKnPUiRKIezucmsjLhuyxr-dwCQ4ujx36XFndIkC8j794GDDJ7wj8gKPf6mvL4NqypsllDRGY9YB-EoHuNvniKdzJVmww/s1600/animated+multitab.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="cara membuat widget multi tab keren blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiH2Rou7pV6HmsL7leKXeD9dtG31aDK3aBW_lnsj-V1IYIz8gEKnPUiRKIezucmsjLhuyxr-dwCQ4ujx36XFndIkC8j794GDDJ7wj8gKPf6mvL4NqypsllDRGY9YB-EoHuNvniKdzJVmww/s1600/animated+multitab.jpg" height="289" title="membuat widget multi tab blogger" width="320" /></a></div> Halo spoter, kemarin saya sudah membahas tentang beberpa tutorial dan trik komputer, hari ini lanjut ke blogger lagi. Mutil tab, seperti terlihat di gambar atas tutorial blogger kali ini masih seputaran widget. Widget yang satu ini bagus dan tidak berat, dengan 3 tab membuat ruang sidebar blog anda menjadi hemat dan rapi. Widget ini di lengkapi jquery smooth animated (maaf belum bisa kasih demo).<br /> <br /> Buat spoter yang ingin menggunakan widget ini, cara memasang nya cukup mudah. Terlebih jika sudah sering berurusan dengan kode HTML, oke lagsung ke langkah nya di bawah ini.<br /> <br /> <h3> <span style="font-size: small;">Animated Multi Tab Widget</span></h3> 1. Seperti biasa buka Blogger dan login.<br /> 2. Lalu pilih TEMPLATE<br /> 3. Setelahnya pilih EDIT HTML<br /> 4. Di dalam editor HTML cari kode&nbsp; ]]&gt;&lt;/b:skin&gt;<br /> 5. Jika sudah ketemu, copy kode di bawah ini dan paste tepat di bawah kode ]]&gt;&lt;/b:skin&gt;<br /> <br /> <div style="border: 1px solid #eee; height: 1000px; overflow: auto; padding: 10px; width: 520px;"> &lt;style&gt;<br /> .b, .c{ display:none;}<br /> .buttons{<br /> &nbsp;&nbsp;&nbsp; border-bottom:solid #d1c8b8 4px;<br /> &nbsp;&nbsp;&nbsp; display:block;<br /> &nbsp;&nbsp;&nbsp; padding:8px;<br /> &nbsp;&nbsp;&nbsp; width:80px;-moz-border-radius: 1em 4em 1em 4em;<br /> &nbsp;&nbsp;&nbsp; border-radius: 1em 4em 1em 4em;<br /> &nbsp;&nbsp;&nbsp; text-align:center;<br /> &nbsp;&nbsp;&nbsp; margin:1px;<br /> &nbsp;&nbsp;&nbsp; background:#4b7975;<br /> &nbsp;&nbsp;&nbsp; text-decoration:none; color:#FFFFFF;<br /> &nbsp;&nbsp;&nbsp; float:left;font-family:Georgia, "Times New Roman", Times, serif; font-size:14px<br /> }<br /> .buttonHover{background:#86b8b4;border-bottom:solid #FF0000 4px;}<br /> a.buttons:hover{background:#86b8b4;border-bottom:solid #FF0000 4px;}<br /> #multitab {<br /> &nbsp;&nbsp;&nbsp; background:#919b9d;<br /> &nbsp;&nbsp;&nbsp; text-align:justify;<br /> &nbsp;&nbsp;&nbsp; overflow:hidden;<br /> &nbsp;&nbsp;&nbsp; color:#fff;<br /> &nbsp;&nbsp;&nbsp; padding:20px;<br /> &nbsp;&nbsp;&nbsp; -moz-border-radius: 1em 4em 1em 4em;<br /> &nbsp;&nbsp;&nbsp; border-radius: 1em 4em 1em 4em;&nbsp;&nbsp;&nbsp; height:200px;<br /> &nbsp;&nbsp;&nbsp; width:272px;<br /> }<br /> #multwrap{<br /> &nbsp;&nbsp;&nbsp; text-align:left;<br /> &nbsp;&nbsp;&nbsp; overflow:hidden;<br /> &nbsp;&nbsp;&nbsp; width:350px;<br /> &nbsp;&nbsp;&nbsp; height:380px;<br /> }<br /> &nbsp; &lt;/style&gt;<br /> <br /> &lt;script type='text/javascript'&gt;<br /> // &lt;![CDATA[<br /> $(document).ready(function() {<br /> &nbsp;&nbsp;&nbsp; $("#first-tab").addClass('buttonHover');<br /> });<br /> function navigate_tabs(container, tab)<br /> {&nbsp; <br /> &nbsp;&nbsp;&nbsp; $(".b").css('display' , 'none');<br /> &nbsp;&nbsp;&nbsp; $(".c").css('display' , 'none');<br /> &nbsp;&nbsp;&nbsp; $(".a").css('display' , 'none');<br /> &nbsp; <br /> &nbsp;&nbsp;&nbsp; $("#first-tab").removeClass('buttonHover');<br /> &nbsp;&nbsp;&nbsp; $("#second-tab").removeClass('buttonHover');<br /> &nbsp;&nbsp;&nbsp; $("#third-tab").removeClass('buttonHover');<br /> &nbsp; <br /> &nbsp;&nbsp;&nbsp; $("#"+tab).addClass('buttonHover');<br /> &nbsp;&nbsp;&nbsp; $("."+container).show('slow');<br /> }<br /> // ]]&gt;<br /> &lt;/script&gt;<br /> &lt;script charset='utf-8' src='https://bloggertrixcode.googlecode.com/files/jquery1.2.6.js' type='text/javascript'/&gt; </div> <br /> 6. Jika sudah simpan template.<br /> 7. Setelah itu buka tata letak / layout.<br /> 8. Pilih add gadget / tambahkan gadget dan pilih HTML/Javascript.<br /> 9. Copy kode di bawah ini dan paste pada kolom yang ada.<br /> <br /> <div style="border: 1px solid #eee; height: 600px; overflow: auto; padding: 10px; width: 520px;"> &lt;div id="multwrap"&gt;<br /> &nbsp;&lt;a href="javascript:navigate_tabs('a','first-tab');" class="buttons" id="first-tab"&gt;<span style="background-color: red;">spot 1</span>&lt;/a&gt;<br /> &lt;a href="javascript:navigate_tabs('b','second-tab');" class="buttons" id="second-tab"&gt;<span style="background-color: red;">spot 2</span>&lt;/a&gt;<br /> &lt;a href="javascript:navigate_tabs('c','third-tab');" class="buttons" id="third-tab"&gt;<span style="background-color: red;">spot 3</span>&lt;/a&gt;<br /> &nbsp;&nbsp; &lt;br clear="all" /&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div id="multitab" align="center"&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div class="a"&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span style="background-color: #3d85c6;">&lt;em&gt;B&lt;/em&gt;logger is a blog-publishing service that allows private or multi-user blogs with time-stamped entries. It was developed by Pyra Labs, which was bought by Google in 2003. Generally, the blogs are hosted by Google at a subdomain of blogspot.com.&nbsp; &lt;br /&gt;&nbsp; &lt;br /&gt; Thanks!</span><br /> <br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/div&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div class="b"&gt;<span style="background-color: #3d85c6;">&lt;em&gt;L&lt;/em&gt;orem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.</span><br /> <br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/div&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div class="c"&gt;<span style="background-color: #3d85c6;">&lt;em&gt;S&lt;/em&gt;tarting in February 2013 Blogger began integrating user blogs with multiple country specific URL addresses i.e. exampleuserblogname.blogspot.com would be automatically redirected to exampleuserblogname.blogspot.ca in Canada, exampleuserblogname.blogspot.co.uk in the United Kingdom etc.</span> &lt;/div&gt;<br /> &lt;/div&gt; &lt;/div&gt;<br /> &lt;/div&gt; </div> <br /> NB :<br /> - Ganti tulisan yang di blok warna <span style="background-color: red;">merah</span> terserah anda.<br /> - Ganti tulisan yang di blok <span style="background-color: #3d85c6;">biru</span> tersrah anda, atau bisa juga di isi dengan kode HTML lain seperti <a href="http://spotkreatif.blogspot.com/2015/02/cara-membuat-random-post-di-blog-dengan.html" target="_blank">random post</a>, <a href="http://spotkreatif.blogspot.com/2015/03/cara-membuat-recent-post-di-blog-dengan.html" target="_blank">post terbaru</a> DLL.<br /> <br /> 10. Terakhir simpan template dan selesai.<br /> <br /> Oke sekian dulu artikel tentang cara <b>membuat muti tab widget animated blog</b> dengan mudah. Semoga dapat bermanfaat, jika ada pertanyaan jangan sungkan tinggalkan komentar di bawah. Terima kasih.Unknownnoreply@blogger.com4tag:blogger.com,1999:blog-4237707532729024243.post-28533082179302823562015-03-17T17:19:00.000+07:002018-12-25T10:09:43.458+07:00<div dir="ltr" style="text-align: left;" trbidi="on"> <h2> <span style="font-size: large;">Cara Menyembunyikan Partisi Hardsik (HDD) Di Windows 7</span></h2> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitmH9QX3JID_4XzAd5nf4k4cIoEPEDITbpKpuYGEZvl5cCN-Fh6Uzh16YeGwXJcBWHAw9GOcFM-CpJobiIWVwqk0sNB3_t5wCsJMY3Zl8TnlHjlR66CyObouSPU6OJetCv5u9-W93ET0o/s1600/hardisk+tersembunyi.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="cara membuat partisi hardisk tidak terlihat" border="0" height="306" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitmH9QX3JID_4XzAd5nf4k4cIoEPEDITbpKpuYGEZvl5cCN-Fh6Uzh16YeGwXJcBWHAw9GOcFM-CpJobiIWVwqk0sNB3_t5wCsJMY3Zl8TnlHjlR66CyObouSPU6OJetCv5u9-W93ET0o/s1600/hardisk+tersembunyi.jpg" title="menyembunyikan partisi hardisk" width="320" /></a></div> Hal yang sering membuat pengguna windows murka adalah file yang error, hilang atau bahkan di curi. Ada banyak kemungkinan hal itu bisa terjadi, salah satu nya ada seseorang yang memakai komputer kita lalu merubah isi <a href="http://spotkreatif.blogspot.com/2015/03/10-cara-menjaga-hdd-hardisk-drive-dari.html" target="_blank">hardisk</a> kita, mengambil file yang ada di hardisk kita atau bahakn ada yang usil menghapus file milik kita. Ada banyak cara untuk mencegah nya, salah satunya dengan menyembunyikan partisi hardisk kita. Bisa menggunakan software atau dengan cara yang lebih simple tanpa menggunakan software apapun.<br /> <br /> Saya akan membahas cara yang lebih simple, tidak munggunakan software dan sangat mudah dalam penerapan nya. Untuk yang tertarik bisa lanjut ke langkah-langkah di bawah ini.<br /> <br /> 1. Yang pertama buka START MENU &gt; lalu pilih RUN (jika menu RUN belum ada, klik kanan pada taskbar &gt; pilih tab start menu &gt; pilih costumize &gt; scrool ke bawah cari run command dan centang box nya, lalu pilih oke.<br /> 2. Akan muncul jendela baru dan ketikan gpedit.msc<br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVc9zyiWEylE801aJ1CKdYT__hyJe2dD3CZVhOgVswfo5yPbQpjkvPNeJY347au2yz6DrNcgVhCB28DLOjOZPuemZJSXcUMCK4TP0lgz5aHEuVIK-dHdxCrnaUtM1Pw-AgjUthB4R5Ytc/s1600/hardisk+hilang+1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="membuat hardisk tidak terlihat di windows 7" border="0" height="227" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVc9zyiWEylE801aJ1CKdYT__hyJe2dD3CZVhOgVswfo5yPbQpjkvPNeJY347au2yz6DrNcgVhCB28DLOjOZPuemZJSXcUMCK4TP0lgz5aHEuVIK-dHdxCrnaUtM1Pw-AgjUthB4R5Ytc/s1600/hardisk+hilang+1.jpg" title="cara mudah menyembunyikan hardisk" width="320" /></a></div> <br /> <div class="separator" style="clear: both; text-align: center;"> </div> 3. Klik oke dan akan muncul jendela baru lagi, klik panah kecil USER CONFIGURATION.<br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhynL3nF0qxCjKgE0meX9uQk8SU7Cdr7efklcQF6Ua4CBYO0yQr1qRGfI8lNQORVznxTG0116FM61gSxVJMOQfV5a3XxA_0WHgGVrzr7JD4XHbNr0Y-V7B-S941zVYbei5TQz66kqgtfe0/s1600/hardisk+hilang+2+(Small).jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="membuat hardisk tidak terlihat dengan mudah" border="0" height="286" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhynL3nF0qxCjKgE0meX9uQk8SU7Cdr7efklcQF6Ua4CBYO0yQr1qRGfI8lNQORVznxTG0116FM61gSxVJMOQfV5a3XxA_0WHgGVrzr7JD4XHbNr0Y-V7B-S941zVYbei5TQz66kqgtfe0/s1600/hardisk+hilang+2+(Small).jpg" title="cara mudah menyembunyikan hardisk" width="320" /></a></div> <br /> <div class="separator" style="clear: both; text-align: center;"> </div> 4. Klik dua kali ADMINISTRATIVE TEMPLATES &gt; klik dua kali WINDOWS COMPONENTS &gt; klik dua kali WINDOWS EXPLORER.<br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghxbSnI4PZz_MnaPSlH4Vfw7yTXNkbwaLl_uqPLDhWZ24ZA-2F2s8Vmt7vjS5eKjGDEzTFVr2mJ-4aZsbnaIyr8Wt0jR0M78lx1to76TV4IWg01sx_fUZT-8kg3KQf6TJMlKMhjWRaD34/s1600/hardisk+hilang+3+(Small).jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="cara menyembunyikan hardisk di windows 7" border="0" height="285" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghxbSnI4PZz_MnaPSlH4Vfw7yTXNkbwaLl_uqPLDhWZ24ZA-2F2s8Vmt7vjS5eKjGDEzTFVr2mJ-4aZsbnaIyr8Wt0jR0M78lx1to76TV4IWg01sx_fUZT-8kg3KQf6TJMlKMhjWRaD34/s1600/hardisk+hilang+3+(Small).jpg" title="menyembunyikan hardisk di windows 7" width="320" /></a></div> <br /> 5. Akan muncul menu baru lalu cari dan klik 2x HIDE THESE SPECIFIED DRIVES IN MY <a href="http://spotkreatif.blogspot.com/" target="_blank">COMPUTER</a><br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNWLvfS_LuxwQ3IkwiJdsWcWSS3G_Vs4jNN9yl3T_0ioiLEB-t9SX7K792P47lRcOOnB3lX9Py6ZEQqJ7l_O1e5qmCWpwcZSTki7U18-oG_cMVN5jMT0L1wJvKDbJ7KLdBnM1YU-Kiwo8/s1600/hardisk+hilang+4+(Small).jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="membuat hardisk tidak terlihat di windows 7" border="0" height="241" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNWLvfS_LuxwQ3IkwiJdsWcWSS3G_Vs4jNN9yl3T_0ioiLEB-t9SX7K792P47lRcOOnB3lX9Py6ZEQqJ7l_O1e5qmCWpwcZSTki7U18-oG_cMVN5jMT0L1wJvKDbJ7KLdBnM1YU-Kiwo8/s1600/hardisk+hilang+4+(Small).jpg" title="cara menyembunyikan hardisk windows 7" width="320" /></a></div> <br /> 6. Muncul jendela baru, pilih ENABLED dan di bagian options tentukan partisi hardisk mana yang ingin di semnunyikan. (contoh drive C).<br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmjpcfIe4VUnBqU5TwImMvUH3vBMQajz7cD2XfVyevtc3mY6Qd1cSY4xvS3_psQE1sqexOJ5Uhv8rCGrDbqdbEtFZfMq4i_DcVxzA9DEPAewHF2dHvXUvT9nT8WOj5jqWLO7Fx-cgU1sk/s1600/hardisk+hilang+5+(Small).jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="cara menyembunyikan hardisk tanpa software" border="0" height="292" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmjpcfIe4VUnBqU5TwImMvUH3vBMQajz7cD2XfVyevtc3mY6Qd1cSY4xvS3_psQE1sqexOJ5Uhv8rCGrDbqdbEtFZfMq4i_DcVxzA9DEPAewHF2dHvXUvT9nT8WOj5jqWLO7Fx-cgU1sk/s1600/hardisk+hilang+5+(Small).jpg" title="menyembunyikan hdd tanpa software" width="320" /></a></div> 7. Jika sudah lalu pilih APPLY dan OKE.<br /> 8. Selesai tinggal close semua lalu restart komputer dan hardisk yang kita sembunyikan benar benar hilang.<br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigK24jGb8Ccm5H9zEXH9Z2gPohQ1y6qcTmcSMXhPmTs38AvxqZUVy2bneem5C1bDLwazv61B0uz4HM6bx58dgZG0GsKbgGXhT9YuIi6pqhcvcnHbEU7ToDLWf8LyeMqZlSd0QjiTxf5RE/s1600/hardisk+hilang+6+(Small).jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="membuat hardisk tidak terlihat dengan mudah" border="0" height="124" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigK24jGb8Ccm5H9zEXH9Z2gPohQ1y6qcTmcSMXhPmTs38AvxqZUVy2bneem5C1bDLwazv61B0uz4HM6bx58dgZG0GsKbgGXhT9YuIi6pqhcvcnHbEU7ToDLWf8LyeMqZlSd0QjiTxf5RE/s1600/hardisk+hilang+6+(Small).jpg" title="membuat hardisk tidak terlihat" width="320" /></a></div> <br /> NB :<br /> Untuk mengembalikan atau memunculkan kembali hardisk kita, caranya juga sangat mudah. sama seperti di atas langkah nya, tapi pada menu HIDE THESE SPECIFIED DRIVES IN MY COMPUTER pilih NOT CONFIGURED. lalu klik Apply dan Oke.<br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrJxCSTVUNBw2TDuYEfKnXropSMpo6D35D0vkoYiC-Mrk_lXc2tEUDQ5oVpRe2_iFpKBN-6iL6tqGJL9tdaSdPudUdMx-_gg2xyZN-u_gDJcxTK1MUxD6osHuBJ9MsFoT0O1VUR6nA6gU/s1600/hardisk+hilang+7+(Small).jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="cara menyembunuikan hardisk dengan mudah" border="0" height="292" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrJxCSTVUNBw2TDuYEfKnXropSMpo6D35D0vkoYiC-Mrk_lXc2tEUDQ5oVpRe2_iFpKBN-6iL6tqGJL9tdaSdPudUdMx-_gg2xyZN-u_gDJcxTK1MUxD6osHuBJ9MsFoT0O1VUR6nA6gU/s1600/hardisk+hilang+7+(Small).jpg" title="cara menyembunyikan hardisk" width="320" /></a></div> <br /> Selesai, hardisk anda muncul kembali. Pada beberapa kasus, setelah menggunakan cara ini tidak perlu restart komputer.<br /> <br /> Bagaimana ? cukup mudah bukan ? Selain cara dia atas ada juga cara lain yang sama, namun bedanya cara ini tidak menyembunyikan hardisk (HDD) seperti pada artikel ini. Anda bisa membacanya di Cara mengunci partisi hardisk tanpa software. Oke saya rasa sekian dulu artikel kali ini, semog dapat bermanfaat, jika ada pertanyaan silahkan tulis di kolom komentar, sebisa mungkin akan saya jawab. Terima kasih.<br /> <div class="separator" style="clear: both; text-align: center;"> </div> </div> Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4237707532729024243.post-33844123783057273672015-03-17T15:53:00.000+07:002015-03-17T16:01:46.776+07:00<h2> <span style="font-size: small;">Cara Aktivasi Windows 7 Dengan Mudah Dan Cepat</span></h2> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZkWm1eHbckglOHfRZ2jPZSAFhAQpLN4NUH7jm9bUHXvRWp99jRIzvrvkNe3a8claMOTCxmibORP9gtq4TFkG8xtCPGu_eNHrHd-prvAx-I_L2kqfx2uL-SzrLq51SNYeHdkKVtGwYdZc/s1600/Genuine_Logo.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="cara aktivasi windows 7 dengan mudah" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZkWm1eHbckglOHfRZ2jPZSAFhAQpLN4NUH7jm9bUHXvRWp99jRIzvrvkNe3a8claMOTCxmibORP9gtq4TFkG8xtCPGu_eNHrHd-prvAx-I_L2kqfx2uL-SzrLq51SNYeHdkKVtGwYdZc/s1600/Genuine_Logo.jpg" height="178" title="membuat windows full version" width="320" /></a></div> <br /> Seperti judul nya, kali ini saya akan membahas tentang bagaimana cara membuat windows 7 menjadi full version. Mungkin ada yang sudah tahu tapi tidak ada salahnya artikel ini di buat, karena saya yakin masih ada yang belum mengerti kenapa windows 7 yang di instal bisa mati atau di block setelah satu bulan dari waktu instal.<br /> <br /> Ada beberapa cara yang bisa di terapkan untuk aktivasi windows 7, mulai dari yang legal seperti membeli key dari microsoft nya, atau dengan jalan pintas seperti menggunakan loader. Dua cara ini akan saya bahas, dan berikut ulasan nya.<br /> <br /> <h3> <span style="font-size: small;">Membeli Key activation Windows.</span></h3> Cara yang pertama ini, sperti nya tidak perlu banyak penjelasan. Anda cukup membuka website resmi Microsoft dan disitu sudah jelas karen website nya sudah menyediaka bahasa indonesia. Sistem pembayaran yang di sediakan adalah dengan menggunakan credit card. jadi kalau anda sudah tahu dengan sistem pembayaran seperti ini, silahkan anda lanjutkan di website microsoftnya.<br /> <br /> <h3> <span style="font-size: small;">Menggunakan Windows Loader</span></h3> Untuk cara yang kedua sebenarnya agak menyimpang, karena kita tidak membeli sama sekali ke pihak microsoft. Cara nya cukup mudah, anda bisa mendownload software ini tinggal anda cari di google sudah banyak bertebaran dan ukuran nya pun relatif kecil. Hanya 3-4mb. Untuk menggunakan nya cukup mudah, cukup instal software nya, tunggu hingga selesai (atau langsung buka aplikasi nya jika portable). Lalu di jendela yang muncul pilih instal, tunggu hingga loader selesai berjalan, nanti akan notif yang muncul berupa pesa untuk me restart komputer anda. Pilih yes restart now.<br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6RBMyDLUEvhhcDpuJMAITTjyO0DSdy26Ho8hjrOc1BqAO2Wr5adq9W5ZIBJK38INbqeqcN4zp7O-JNfCDaStEeNjKT55q-XggEyD_qeBP7xfBq8-7L7XHkDwluKtaabWKu1MR3KJqG90/s1600/Windows-7-loader.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6RBMyDLUEvhhcDpuJMAITTjyO0DSdy26Ho8hjrOc1BqAO2Wr5adq9W5ZIBJK38INbqeqcN4zp7O-JNfCDaStEeNjKT55q-XggEyD_qeBP7xfBq8-7L7XHkDwluKtaabWKu1MR3KJqG90/s1600/Windows-7-loader.jpg" height="240" width="320" /></a></div> <br /> Tunggu hingga selesai restart dan Windows 7 anda sudah menjadi full version.<br /> Cek di bagian properties computer. Pilih start menu &gt; computer (klik kanan) &gt; properties.<br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCAyJNCuAMnKv2AROZ2fxFqobYJP_MF8rnWE3wphP1qTvSpsKqqDX07U73FDFqU7zVMofucWMF6lQvM15dd4s4s8qbF_W85TonNjYV-EfuUWVbbu3Tum98oWZQg6aeZbKPJhI24W1kpGY/s1600/genuige+(Small).jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCAyJNCuAMnKv2AROZ2fxFqobYJP_MF8rnWE3wphP1qTvSpsKqqDX07U73FDFqU7zVMofucWMF6lQvM15dd4s4s8qbF_W85TonNjYV-EfuUWVbbu3Tum98oWZQg6aeZbKPJhI24W1kpGY/s1600/genuige+(Small).jpg" height="194" width="320" /></a></div> Jika sudah muncul logo genuine windows, berarti aktivasi anda berhasil.<br /> <br /> Oke <a href="http://spotkreatif.blogspot.com/" target="_blank">spoter</a>, semoga artikel ini dapat membantu dan jangan lupa untuk membaca cara <a href="http://spotkreatif.blogspot.com/2015/02/cara-instal-windows-7-mudah-dan-cepat.html" target="_blank">instal ulang windows 7</a>. Terima kasih.Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4237707532729024243.post-44146192453460515722015-03-17T15:21:00.000+07:002015-03-17T15:21:33.147+07:00<h2> <span style="font-size: small;">Cara Membuat Popular Post Dengan Gambar Bulat (circle thumnail) dengan mudah</span></h2> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcB4fHPrTE0Qq2N_-NRIgBDCq2Rq_vbrWS8tuCNJuRQxt_5Ci5BPJSxVmkozJmIqKL3AKeZTQrS0KZ2waZQDq-vooDiDA4bwN3y22b8beqyvYsKnvWSHrHxLxaSgowMU3UFzVB0Wuyi2w/s1600/Populer+Post.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="cara membuat popular post keren dan mudah" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcB4fHPrTE0Qq2N_-NRIgBDCq2Rq_vbrWS8tuCNJuRQxt_5Ci5BPJSxVmkozJmIqKL3AKeZTQrS0KZ2waZQDq-vooDiDA4bwN3y22b8beqyvYsKnvWSHrHxLxaSgowMU3UFzVB0Wuyi2w/s1600/Populer+Post.gif" height="320" title="membuat gambar popular post bulat" width="280" /></a></div> Halo <a href="http://spotkreatif.blogspot.com/" target="_blank">spoter</a>, lanjut artikel tutorial kali ini tentang cara membuat widget popular post keren. Bisa lihat di gambar, selain tidak berat gambar thumbnail nya terlihat bulat (circle thumbnail) menjadikan tampilan popular post ini enak di pandang. Cara memasang nya tidak sulit, cukup menambahkan kode html di blogger anda, dan jadilah seperti di gambar. Nah untuk yang ingin mencoba nya bisa langsung lanjut ke langkah-langkah nya.<br /> <br /> Popular post with circle thumbnail<br /> 1. Buka Blogger dan login<br /> 2. Lalu pilih template<br /> 3. Setelah itu pilih edit HTML (jangan lupa untuk backup terlebih dahulu)<br /> 4. Di editor HTML cari kode ]]&gt;&lt;/b:skin&gt; (gunakan ctrl+F) agar lebih cepat mencarinya.<br /> 5. Copy kode di bawah ini dan paste di atas kode ]]&gt;&lt;/b:skin&gt;<br /> <br /> <div style="border: 1px solid #eee; height: 380px; overflow: auto; padding: 10px; width: 520px;"> #PopularPosts1 {<br /> max-width: 300px}<br /> #PopularPosts1 dd {<br /> float: left;<br /> border-bottom: none;<br /> margin: 8px 8px 0 8px;<br /> background: none;<br /> display: block;<br /> padding: 0}<br /> #PopularPosts1 img {<br /> width:75px;height:75px;border-radius:50px;font-size:20px;color:#fff;line-height:100px;text-align:center;}<br /> #PopularPosts1 img:hover {<br /> width:77px;height:77px;border-radius:50px;font-size:20px;color:#fff;line-height:100px;text-align:center;<br /> cursor: pointer;-webkit-box-shadow: 0 0 20px #0cb1f6, inset 0 0 20px #0cb1f6;<br /> -moz-box-shadow: 0 0 20px #0cb1f6, inset 0 0 20px #0cb1f6;<br /> box-shadow: 0 0 20px #0cb1f6, inset 0 0 20px #0cb1f6;} </div> <br /> 6. Jika sudah lalu cari kode di bawah ini (gunakan ctrl+F)<br /> <br /> &lt;b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'&gt;<br /> <br /> 7. Setelah ketemu, blok ke bawah sampai menemukan kode&nbsp; &lt;/b:widget&gt;<br /> 8. Sekarang hapus kode itu dari awal kode tadi sampai akhir.<br /> 9. Setelah di delete masukan kode di bawah ini di tempat yang sama.<br /> <br /> <div style="border: 1px solid #eee; height: 800px; overflow: auto; padding: 10px; width: 520px;"> &lt;b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'&gt;<br /> &nbsp;&nbsp;&nbsp; &lt;b:includable id='main'&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;b:if cond='data:title'&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;h2&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;data:title/&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/h2&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/b:if&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div class='widget-content popular-posts'&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;ul&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;b:loop values='data:posts' var='post'&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;dd&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;b:if cond='data:showThumbnails == &amp;quot;false&amp;quot;'&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;b:if cond='data:showSnippets == &amp;quot;false&amp;quot;'&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;!-- (1) No snippet/thumbnail --&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;a expr:href='data:post.href'&gt;&lt;data:post.title/&gt;&lt;/a&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;b:else/&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;!-- (2) Show only snippets --&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div class='item-title'&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;a expr:href='data:post.href'&gt;&lt;data:post.title/&gt;&lt;/a&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/div&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div class='item-snippet'&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;data:post.snippet/&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/div&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/b:if&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;b:else/&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;b:if cond='data:showSnippets == &amp;quot;false&amp;quot;'&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;!-- (3) Show only thumbnails --&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div class='item-thumbnail-only'&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;b:if cond='data:post.thumbnail'&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div class='item-thumbnail'&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;a expr:href='data:post.href' target='_blank'&gt;<br /> &lt;img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/&gt;<br /> &lt;/a&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/div&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/b:if&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div class='item-title'&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;a expr:href='data:post.href'&gt;&lt;data:post.title/&gt;&lt;/a&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/div&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/div&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div style='clear: both;' /&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;b:else/&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;!-- (4) Show snippets and thumbnails --&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;b:if cond='data:post.thumbnail'&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;a expr:href='data:post.href' expr:title='data:post.title' rel='bookmark'&gt;&lt;img expr:alt='data:post.title' expr:src='data:post.thumbnail' height='60px' width='60px'/&gt;&lt;/a&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;b:else/&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;a expr:href='data:post.href' expr:title='data:post.title' rel='bookmark'&gt;&lt;img alt='no image' height='60px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKk-Af4e8rLNyoU38nN1AzztsOfjDUNk08aDy4Mmgv_Gq2wOunQ2opTI40Q9CDou6IwScsc_Kjhyphenhyphenl1anUCldOxXML5ttNjLQJX_o-PVeZWxbi9noraTNUvrWHdZlzncoPLNq6sglLoq0I/s1600/helperblogger-default-image.jpg' width='60px'/&gt;&lt;/a&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/b:if&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/b:if&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/b:if&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/dd&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/b:loop&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/ul&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div class='clear' /&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;b:include name='quickedit' /&gt;<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/div&gt;<br /> &nbsp;&nbsp;&nbsp; &lt;/b:includable&gt;<br /> &lt;/b:widget&gt; </div> <br /> 10. Langkah terakhir save atau simpan template. Selesai.<br /> <br /> Sekarang widget popular post anda sudah seperti contoh di atas bukan ? jika belum, setting di bagian widget template, pilih edit lalu centang thumbnail gambar dan cuplikan jika ingin ada potongan artikel yang di munculkan. Oke sekian dulu sampai disini, semoga dapat membantu blogger semua. Jangan lupa untuk membaca cara membuat <a href="http://spotkreatif.blogspot.com/2015/03/cara-membuat-scroll-box-di-blog-dengan.html" target="_blank">scrool box pada blog</a>. terima kasih.Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-4237707532729024243.post-26709677816338094602015-03-17T14:21:00.000+07:002015-03-17T14:21:02.744+07:00<h2> <span style="font-size: small;">Cara Membuat Widget RSS box blue plus sosial media keren dan mudah</span></h2> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjky1QbMdRAH3IhJpUb5Q0lUVlq9o7og58QqfqaePLR5JKwwDbXybUG51KLCePEdlyYjm0_k1dyiQfCoaN8vwNd4osQlGr3_GiRNiA1eAgApAOayOqFhZwDVSUiBLsbBLlVv1wh1n8b7gE/s1600/Stylish+Rss+Feed+Subscription+Box+blue.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="cara membuat rss box sosmed mudah keren" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjky1QbMdRAH3IhJpUb5Q0lUVlq9o7og58QqfqaePLR5JKwwDbXybUG51KLCePEdlyYjm0_k1dyiQfCoaN8vwNd4osQlGr3_GiRNiA1eAgApAOayOqFhZwDVSUiBLsbBLlVv1wh1n8b7gE/s1600/Stylish+Rss+Feed+Subscription+Box+blue.png" title="membuat widget rss box mudah" /></a></div> Setelah sebelumnya saya membuat artikel tutorial tentang membuat widget RSS subscribe unik, kali ini saya akan membahas tentang membuat widget RSS box plus sosial media (lihat gamabr di atas). Selain tampilan nya simple dan bagus, widget ini pun sudah ada kolom langganan/subscribe dan tombol 4 sosial media. Untuk yang tertarik ingin memasang widget ini, bisa lanjut ke bawah.<br /> <br /> <h3> <span style="font-size: small;">Widget RSS box blue plus sosial media</span></h3> 1. Buka blogger dan login.<br /> 2. Masuk atau pilih tata letak / layout<br /> 3. Lalu pilih tambahkan gadget / add gadget<br /> 4. Setelah itu pilih HTML/Script<br /> 5. Jika muncul jendela baru, copy kode di bawah ini dan paste di kolom yang tersedia.<br /> <br /> <div style="border: 1px solid #eee; height: 800px; overflow: auto; padding: 10px; width: 520px;"> &lt;center&gt;<br /> &lt;div align="center" id="bloggertrix1-Subscribe-wrapper"&gt;<br /> &lt;div id="ig-subscription-optin" style="border: 3px solid #000000; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55AAEE', endColorstr='#003366',GradientType=0 ); width: 250px;"&gt;<br /> &lt;h3 id="bloggertrix1-title-text" style="color: white; font-size: 20px;"&gt;<br /> GET FREE EMAIL UPDATES&lt;/h3&gt;<br /> &lt;form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=bloggertrix', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"&gt;<br /> &lt;a class="social-icons" href="<span style="background-color: #3d85c6;">https://facebook.com/kreatifspot</span>"&gt;&lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZp5Ne8RtFuC25Mw3Uq-k6PKBwnQmJsZ2zDwJYxnP_agAvhLKqWkyn8WXo4Jvfb7TqYM_S5V8cIZnuJX6wwsPK_i_2stAIxjX7uRUcgXeoRJBlEifGIG2PEEznfJtIWSeWyObA_1pO-MVZ/s1600/Bloggertrix-facebook.png" /&gt;&lt;/a&gt;<br /> &lt;a class="social-icons" href="<span style="background-color: cyan;">https://twitter.com/kreatifspot</span>"&gt;&lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCaL3sQrlUj1HMjm3GiUV575FkE6EHFMY0baX5kKeFONhHnVFUovi1y7wnR2TYpioZTvzOpZnhkotVW8mICNDP2_Pmn90lL3yKAnZvSKULjyb_2CU0zdEK6Xh1WqUPa2kkCXFuHsS35DtD/s1600/bloggertrix-twitter.png" /&gt;&lt;/a&gt;<br /> &lt;a class="social-icons" href="<span style="background-color: red;">https://plus.google.com/userId</span>"&gt;&lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQAuYLqfp3iIyDT7tu57yFhtXbkwm7eAnKBUPNed7ltpCMHSkaHDWMDO0mdvdzBgXZCEiCRsep4ubZdUKIV7Q7dkwdJG7NCFL77gGjh7L0K8aL2zvxNz5nRZWZNYDR6IHz1EmjNu6wL56N/s1600/Bloggertrix-Googleplus.png" /&gt;&lt;/a&gt;<br /> &lt;a class="social-icons" href="<span style="background-color: orange;">http://www.feedburner.com/kreatifspot</span>"&gt;&lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguIqmqzb5g-P-oGkvN3pM3eqoMkIjdvQ9QR5Nkub9yjbI9TC1F9SKM4wsPP-MvyWItyMuzZIj7oifZPRJxApf1JLmWlbUd5Xd8Jh2Dg_F3wYL14_y-tluhB9_Zo0zNKy6Ph7zyPLkMoFPX/s1600/Bloggertrix-Rss.png" /&gt;&lt;/a&gt;<br /> <br /> &lt;input class="email" id="bloggertrix_Subscriber_email" name="from" onblur="if(this.value=='')this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value='';" style="width: 130px;" type="text" value="Enter Email Address" /&gt;&lt;br /&gt;<br /> &lt;div class="separator" style="clear: both; text-align: center;"&gt;<br /> &lt;/div&gt;<br /> &lt;input name="uri" type="hidden" value="<span style="background-color: orange;">kreatifspot</span>" /&gt;&lt;input name="loc" type="hidden" value="en_US" /&gt; &lt;input id="digitalhubinc_Submit_Text" style="height: auto; padding: 5px 0;" type="submit" value="Get Access Today!" /&gt;&lt;/form&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/center&gt;<br /> &lt;style&gt;<br /> a.social-icons {margin-right: 5px; height:40px;width:40px;}<br /> a.social-icons:hover {opacity: .7;filter:alpha(opacity=70); }<br /> #ig-subscription-optin {margin: 0px;padding: 10px;background: #2A6DA9;<br /> background: -moz-linear-gradient(top, #5AE, #036);background: -webkit-gradient(linear, left top, left bottom, from(#5AE), to(#036));height: auto!important;color: white !important;padding: 20px 15px !important;<br /> text-align: center !important;font-family: Georgia, Times, "Times New Roman", serif !important;margin: 10px;margin: 0px;padding: 10px;<br /> margin: 8px 0 0 !important;line-height: 22px;font-family: Georgia, Times, "Times New Roman", serif;padding: 5px;border: none;}#ig-subscription-optin p {margin: 8px 0 0 !important;line-height: 22px;font-family: Georgia, Times, "Times New Roman", serif;<br /> padding: 5px;border: none;}#ig-subscription-optin input.name {<br /> background: white url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzaiLBbEp-srVIHuaehSEjCVw3iDiusxeVQNpcIclRCO4AFOVicSGEuauese_FaV8ZwSOZmna7gbriUrC9Og7MPQj-5riIvsImVqTqxiv166UaTZBcBuumy-UUGUgF2oRukdWT48KQkWnG/s1600/subscribe-name.png) no-repeat center right;}<br /> #ig-subscription-optin input[type="text"] {border: 1px solid #111 !important;<br /> font-size: 15px !important;margin-bottom: 10px !important;padding: 8px 28px 8px 10px !important;width: 80% !important;height: auto !important;}<br /> #ig-subscription-optin input.email {background: white url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoLsFUtt_p8yc5Xg5VOqz7Nfk807sBRY_KnhNeR65GXQDyCDUClJjUaE3zu4FZPI-pWRL_qJmzLz4L0Aeg5I2N6_riKLcqLxmZ9Q9-7xd8p8qpBZFjTarfQn0zfuND4uUzH7JLOt5SPB2s/s1600/subscribe-email.png) no-repeat center right;}#ig-subscription-optin input {<br /> font-family: Georgia, Times, "Times New Roman", serif;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;box-shadow: 0 2px 2px #111;-moz-box-shadow: 0 2px 2px #111;-webkit-box-shadow: 0 2px 2px #111;margin: 0px;padding: 0px;}#ig-subscription-optin h3 {margin-top: 10px !important;margin-bottom: 8px !important;margin-left: 10px !important;margin-right: 10px !important;<br /> font-weight: bold !important;line-height: 26px !important;letter-spacing: normal;<br /> text-transform: none;text-decoration: none;<br /> text-align: center !important;font-family: Georgia, Times, "Times New Roman", serif;<br /> border: none;padding: 0px !important;float: none;}input:hover[type="submit"] {<br /> background-color: #0094D2;border: 1px solid #0094D2;color: white;text-decoration: none;}input[type="submit"] {background-color: #00A7ED;border: 1px solid #0094D2;<br /> color: white;cursor: pointer;font-family: 'Droid Sans', sans-serif !important;font-size: 13px;font-weight: normal;padding: 5px;text-decoration: none;}input {<br /> color: #333;font-family: 'Droid Sans', sans-serif;}#ig-subscription-optin input[type="submit"] {background: #960E17 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPDKuKpLzME0E-maLe2u2SMuEIF5wxwfuUsuQeD6JAa4waMnEcs_g-qM_FHRwoi8xANaAYav29yQ6KY2BxYmWzCSEWYYpPLtGntJwDCsPSxE9X6PgvDW4xa9Uy9yxITss6OnrQKfAThPay/s1600/subscribe-red.png) repeat-x top;border: 1px solid #111 !important;color: white;cursor: pointer !important;font-size: 18px !important;font-weight: bold !important;<br /> padding: 6px 0 !important;text-shadow: -1px -1px #3A060A !important;width: 90% !important;height: auto !important;line-height: 24px !important;}<br /> #ig-subscription-optin input[type="submit"]:hover {color: #FFA5A5;}&lt;/style&gt; </div> <br /> NB :<br /> - Ganti tulisan yang di blok <span style="background-color: #0b5394;">biru tua</span> dengan url facebook anda.<br /> - Ganti tulisan yang di blok <span style="background-color: cyan;">biru muda</span> dengan url twitter anda.<br /> - Ganti tulisan yang di blok <span style="background-color: orange;">kuning</span> dengan url rss feed anda.<br /> - Ganti tulisan yang di blok <span style="background-color: red;">merah</span> dengan url pinterest anda.<br /> <br /> 6. Terakhir simpan template / save template.<br /> 7. Widget rss boxblue sudah selesai.<br /> <br /> Cukup mudah bukan ? jika masih ada yang ingin di tanyakn sialhkan tinggalkan komentar di bawah. Jangan lupa baca juga tentang membuat blue navigation bar. Semog artikel kali ini dapat membantu dan terima kasih.Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4237707532729024243.post-45268584857940518912015-03-17T14:01:00.001+07:002015-03-17T14:21:17.068+07:00<h2> <span style="font-size: small;">Cara Membuat Widget RSS Subscribe Plus Sosial Media Keren</span></h2> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcQMG_GxJw3MrwDg47nLovo1CuzKpc0M876Uc4HwVBXmYWl8JRsFbDF8pb0_jvCt_IlmsmlUI6k-NLvjzsuGiwThzeEl5wbc29PfJko-t5vzMmW_8xnQFRxk_eeQiKnjf5xQjy39YnYv0/s1600/Rss+Subscribe+Widget.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="cara membuat widget rss sosmed keren blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcQMG_GxJw3MrwDg47nLovo1CuzKpc0M876Uc4HwVBXmYWl8JRsFbDF8pb0_jvCt_IlmsmlUI6k-NLvjzsuGiwThzeEl5wbc29PfJko-t5vzMmW_8xnQFRxk_eeQiKnjf5xQjy39YnYv0/s1600/Rss+Subscribe+Widget.png" title="membuat widget rss sosial media" /></a></div> Artikel kali ini adalah tutorial tentang membuat widget rss subscribe plus sosial media keren. Kenapa di bilang keren ? bisa langsung lihat gambar di atas. Widget ini sangat bagus, selain kolom subscribe juga tersedia tombol sosial media seperti facebook, twitter, RSS feed dan pinterest. Cara membuat dan memasang nya pun mudah. Nah untuk yang ingin memasang widget ini bisa langsung mengikuti langkah di bawah ini.<br /> <br /> <h3> <span style="font-size: small;">Widget RSS subscribe plus sosial media</span></h3> <br /> 1. Buka blogger dan login.<br /> 2. Masuk atau pilih tata letak / layout<br /> 3. Lalu pilih tambahkan gadget / add gadget<br /> 4. Setelah itu pilih HTML/Script<br /> 5. Jika muncul jendela baru, copy kode di bawah ini dan paste di kolom yang tersedia.<br /> <br /> <div style="border: 1px solid #eee; height: 800px; overflow: auto; padding: 10px; width: 520px;"> &lt;style&gt; <br /> .btrixsocial_box-email{ <br /> background:Fff no-repeat 0px 12px ; width:270px;float:center;font-size:1.4em;font-weight:bold;margin:2px 20px 0px 10px;color:#686B6C;<br /> }<br /> .btrixsocial_box-emailsubmit{ <br /> background:#0084CE;cursor:pointer;&nbsp; color:#fff; border:none;padding:3px;margin:0 0 0px 0;text-shadow:0 -1px 1px rgbaundefined0,0,0,0.25); <br /> -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; font:12px sans-serif;<br /> } <br /> .btrixsocial_box-emailsubmit:hover{ <br /> background:#E98313; <br /> } <br /> .textarea{ <br /> padding:2px; margin:0px 2px 0px 2px; background:#f9f9f9; border:1px solid #ccc; resize:none; box-shadow:inset 1px 1px 1px rgbaundefined0,0,0,0.1); <br /> -moz-box-shadow:inset 1px 1px 1px rgbaundefined0,0,0,0.1); -webkit-box-shadow:inset 1px 1px 1px rgbaundefined0,0,0,0.1); font-size:13px;&nbsp;&nbsp; width:200px; height:20px;color:#666;}<br /> #socialboxbt <br /> {<br /> text-align:center;font-weight:bold;padding:5px;border:1px solid black;width:300px;<br /> -moz-box-shadow: 0px 0px 8px #000000;-webkit-box-shadow: 0px 0px 8px #000000;box-shadow: 0px 0px 8px #000000;}<br /> &lt;/style&gt;<br /> &lt;br /&gt;<br /> &lt;div id="socialboxbt"&gt;<br /> &lt;a href="http://feeds.feedburner.com/bloggertrix" imageanchor="1" rel="nofollow" style="float: center; margin-left: .5em; margin-right: 1em;" target="blank"&gt;&lt;img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzVmT01LxoHHHQxTEKLFwLJJFXmJ8xcYNt_1u3QbL-ADfIhjgmPmuSldXwjm7dojMFaP4zhvPQUmdJXPjQ7f3dheFaJz31asBnbFmbY06i5zPnJOhrniueZFO75xBlefIWGN0Bcc8Qcdlc/s1600/rss.png" /&gt;&lt;/a&gt;<br /> Submit your Email Address to Get Free latest Articles Directly to your Inbox<br /> &lt;br /&gt;<br /> &lt;div class="btrixsocial_box-email"&gt;<br /> &lt;form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" onsubmit="window.openundefined'http://feedburner.google.com/fb/a/mailverify?uri=bloggertrix', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"&gt;<br /> &lt;input class="textarea" gtbfieldid="3" name="email" onblur="if undefinedthis.value == &amp;quot;&amp;quot;) {this.value = &amp;quot;Enter email address here&amp;quot;;}" onfocus="if undefinedthis.value == &amp;quot;Enter email address here&amp;quot;) {this.value = &amp;quot;&amp;quot;;}" type="text" value="Enter email address here..." /&gt; <br /> &lt;input name="uri" type="hidden" value="<span style="background-color: orange;">kreatifspot</span>" /&gt;&lt;input name="loc" type="hidden" value="en_US" /&gt; <br /> &lt;input class="btrixsocial_box-emailsubmit" type="submit" value="Submit" /&gt; <br /> &lt;/form&gt;<br /> &lt;/div&gt;<br /> &lt;style class="text/css"&gt;<br /> table<br /> {border-bottom: 0px solid #E6E6E6;float: center;width: 300px;margin:-8px 0 0 0px;}<br /> .subicons<br /> {border-right: 0px solid #E6E6E6;}<br /> .Fadeout {filter:alphaundefinedopacity=100);opacity: 1.0;border:0;<br /> }<br /> .Fadeout:hover{filter:alphaundefinedopacity=80);opacity: 0.8;border:0;<br /> }<br /> &lt;/style&gt;<br /> &lt;br /&gt;&lt;div class="table"&gt;&lt;table&gt;<br /> &lt;tbody&gt;&lt;tr&gt;<br /> &lt;td&gt;&lt;div class="subicons"&gt;<br /> &lt;a class="Fadeout" href="<span style="background-color: #0b5394;">http://www.facebook.com/Kreatifspot</span>" imageanchor="1" rel="nofollow" target="_blank"&gt;&lt;img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKGFoSC5FicJZ1-GmqNZdE1Ypw_nx6fAIuHq00KgkQepeI28NDz0Xn6VVIscLr5_iQyFVQsR4r8LJvcqTr4XRUPKUX-CkRd6ZAKVv6LXOU6ja_fYm5mp-oqf8l7K8_A_IZtkVd9i3j__Q/s1600/btrix-facebook-icon.png" /&gt;&lt;/a&gt;&lt;/div&gt;<br /> &lt;/td&gt;&lt;td&gt;&lt;div class="subicons"&gt;<br /> &lt;a class="Fadeout" href="<span style="background-color: cyan;">http://twitter.com/kreatifspot</span>" imageanchor="1" rel="nofollow" target="_blank"&gt;&lt;img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5sf2H962qnhFRhEUsAgnncsm2r6Btr8_ep7M_WysYJPzMOgAf-3P5zD5ZPX-uBzIBJX_TgbcdPUn9a7cdEFmnGS1I1ywp-NhaRUCc0MhQIi9lq1UtAh1Max8fcR-RKBwBpZxE0cVN6YI/s1600/btrix-twitter-icon.png" /&gt;&lt;/a&gt;&lt;/div&gt;<br /> &lt;/td&gt;<br /> &lt;td&gt;&lt;div class="subicons"&gt;<br /> &lt;a class="Fadeout" href="<span style="background-color: orange;">http://feeds.feedburner.com/kreatifspot</span>" imageanchor="1" rel="nofollow" target="_blank"&gt;&lt;img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXy0FAKOztO3T2G0mYJH9x1h0U1Iik9p4VKf8EeIY2xeSutC1C6GZbjP4y8L88x2VaCkKmEm26zwMFosFt-GzT_yaQQyIHPJq62wV689M6gx_ds7HXgTkDmdzHef51wTEeHpopywpRL5M/s1600/btrix-rss-icon.png" /&gt;&lt;/a&gt;&lt;/div&gt;<br /> &lt;/td&gt;<br /> &lt;td&gt;&lt;a class="Fadeout" href="<span style="background-color: red;">https://pinterest.com/kreatifspot</span>" imageanchor="1" rel="nofollow" target="_blank"&gt;&lt;img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3oUduslCL2QIe9sescEF3d7FwgcoFNWZ46zfS8Uydo-0PnHbesJ-VZ-8AhaxuqKYHNwF9kaua-Aic_eX5erqMdGiDk4MeH_OxlVzd_Un3Z30n68rh2Ga4apRGjVj2t9t8AxRJgPiLM7M/s1600/btrix-Pinterest-icon.png" /&gt;&lt;/a&gt;&lt;/td&gt;<br /> &lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/div&gt;&lt;/div&gt; </div> <br /> NB :<br /> - Ganti tulisan yang di blok <span style="background-color: #0b5394;">biru tua</span> dengan url facebook anda.<br /> - Ganti tulisan yang di blok <span style="background-color: cyan;">biru muda</span> dengan url twitter anda.<br /> - Ganti tulisan yang di blok <span style="background-color: orange;">kuning</span> dengan url rss feed anda.<br /> - Ganti tulisan yang di blok <span style="background-color: red;">merah</span> dengan url pinterest anda.<br /> <br /> 6. Simpan template.<br /> 7. Dan selesai, widget unik blogger sudah jadi.<br /> <br /> Oke sekian dulu artikel kali ini tentang membuat widget rss subscribe sosial media keren. Semoga dapat bermanfaat dan membantu blogger semua. Baca juga tentang cara membuat rss box blue widget. Terima kasih.Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4237707532729024243.post-4888407501055530022015-03-09T23:54:00.000+07:002018-12-25T10:02:29.287+07:00<h2> <span style="font-size: small;">Merakit Pc untuk Kebutuhan Kantor Dan Gaming Pemula</span></h2> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLqCmwUAnwOxSHxQWwkImsDOb-P1rHtWXSeuHUv0gfyyQ0xiLqSPb7LN_EppvW8gAUAQ3tOjAPlF9jUECIJfYi-gMIdhnOOupXJB2MTIuj0YYzi1uIrcEeVpG_eehgVpNm86r48Rv0NI8/s1600/Build-A-PC.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="daftar komponen komputer kantor dan gaming" border="0" height="153" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLqCmwUAnwOxSHxQWwkImsDOb-P1rHtWXSeuHUv0gfyyQ0xiLqSPb7LN_EppvW8gAUAQ3tOjAPlF9jUECIJfYi-gMIdhnOOupXJB2MTIuj0YYzi1uIrcEeVpG_eehgVpNm86r48Rv0NI8/s1600/Build-A-PC.jpg" title="belajar merakit pc untuk pemula" width="320" /></a></div> <br /> PC atau <a href="http://spotkreatif.blogspot.com/" target="_blank">komputer</a> sudah menjadi elektronik wajib untuk manusia. Bukan tanpa sebab, hampir semua aktifitas pekerjaan kita dilakukan dengan komputer. Bahkan jualan tempe pun sudah memakai komputer. PC atau komputer sendiri bisa di beli secara lengkap dalam satu paket, atau dengan membeli per part komponen (hardware).<br /> <br /> Kali ini saya akan memberikan sedikit gambaran tentang <b>merakit PC</b> atau komputer, kalo tutorial pemasangan saya rasa dalam manual book sudah ada jika kita membeli hardware nya, atau biasanya di toko tempat kita membeli sudah menyediakan rakit gratis.<br /> <br /> Yang akan saya jelaskan disini adalah komponen apa saja yang harus di beli dan di rakit, mulai dari procesor, RAM, <a href="http://spotkreatif.blogspot.com/2015/03/10-cara-menjaga-hdd-hardisk-drive-dari.html" target="_blank">Hardisk</a> DLL, lalu apa saja nama dan merk komponen (hardware) tersebut. Karena mungkin masih banyak yang bingung, harus memebeli hardware dengan merk apa, lalu dengan budget <i>segini</i> bisa dapat yang seperti apa. Oke berikut daftar rakitan yang menurut saya bisa jadi referensi ketika ingin merakit PC.<br /> <br /> Yang pertama adalah rakitan PC untuk kebutuhan office/kantor, atau kegiatan digital ringan seperti browsing, chating, menonton video dan mendengarkan musik. Ini dia muali dari budget terendah.<br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhKk5-bBPceqZi1g8NFjlgV3C_mA4hbFQvGY8xfdFSz72nAzJA7oroAH8JBcUr2_f-1vIXvTg-SXNyHtLkX3nMvKmWMuqP4qE9uFfKLnkwzGJ47J6WGjUenPP3Th9S-0MTxOYHGtdpl2I/s1600/lowest1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="380" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhKk5-bBPceqZi1g8NFjlgV3C_mA4hbFQvGY8xfdFSz72nAzJA7oroAH8JBcUr2_f-1vIXvTg-SXNyHtLkX3nMvKmWMuqP4qE9uFfKLnkwzGJ47J6WGjUenPP3Th9S-0MTxOYHGtdpl2I/s1600/lowest1.jpg" width="400" /></a></div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5GLXBbcHlcDOXgBu9EHMJrpdYr_FdLx_TUwRF0XkMeLJACaxJeB5dg_IpU5YQfKvRCvQzfyiapGSZD0n3KGKsLgecdDDD7HaSdsb9SYWbXYEDa5TS7LH2DJ_gZ03kpD1m59tPZ60X5ac/s1600/lowest2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5GLXBbcHlcDOXgBu9EHMJrpdYr_FdLx_TUwRF0XkMeLJACaxJeB5dg_IpU5YQfKvRCvQzfyiapGSZD0n3KGKsLgecdDDD7HaSdsb9SYWbXYEDa5TS7LH2DJ_gZ03kpD1m59tPZ60X5ac/s1600/lowest2.jpg" width="383" /></a></div> <br /> Berikut nya adalah daftar rakitan untuk kebutuhan gaming dan entertainment. Ini bukan yang paling bagus, tapi worth untuk budget yang di tawarkan. Berikut daftar nya.<br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWRXtb5CyPEcyxRFXtyq0W_jmNE0pQAgGfLN6Hqm6vc66o5uLA_5zbl2ji9Ys0Q7a22y5fttYFSVJFVfQQCoFlMZlYpVEUQVNanchXeHaQxYRAs2zyNg0Erdp6-WMnO7gbXvA7QCyD2ZE/s1600/medium1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWRXtb5CyPEcyxRFXtyq0W_jmNE0pQAgGfLN6Hqm6vc66o5uLA_5zbl2ji9Ys0Q7a22y5fttYFSVJFVfQQCoFlMZlYpVEUQVNanchXeHaQxYRAs2zyNg0Erdp6-WMnO7gbXvA7QCyD2ZE/s1600/medium1.jpg" width="382" /></a></div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUnLB5YMrCSBupdXdA0KbZws47BUSoBUyhRjzTInjy7e1yTnHBo46kV-0HX1C6XSbbQFCzanqLHpVeBfNmzurrR0RGZBRXwB2KrhznRy8OjIujQvimpUMOQxu573kskml4s77Gxtpmkc4/s1600/medium2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="331" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUnLB5YMrCSBupdXdA0KbZws47BUSoBUyhRjzTInjy7e1yTnHBo46kV-0HX1C6XSbbQFCzanqLHpVeBfNmzurrR0RGZBRXwB2KrhznRy8OjIujQvimpUMOQxu573kskml4s77Gxtpmkc4/s1600/medium2.jpg" width="400" /></a></div> <br /> Nah sampai disini mungkin saya rasa sadah ada bayangan akan merakit PC seperti apa. Untuk selera tinggal di sesuaikan dengan budget, karena jika ingin merakit PC, budget adalah segalanya :). Oke artikel saya kali ini semoga dapat membantu dalam mencari referensi merakit PC/Komputer dan terima kasih.Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4237707532729024243.post-12720477562569642112015-03-09T22:25:00.000+07:002018-12-25T10:02:29.194+07:00<div dir="ltr" style="text-align: left;" trbidi="on"> <h2 style="text-align: left;"> <span style="font-family: Verdana, sans-serif; font-size: small;">Cara Menjaga Hard Drive Agar Tetap Sehat Dan Terhindar Dari Kerusakan</span></h2> <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/AVvXsEjdLk0CIGAm4yi4iJ21lo-_Ifanf83bBAtHD4ZONbdYGsh9GKpz27v5TMzvZNuoOdXDbDWW7wZFDMW6G7-3GQmc3kmgVZtDId933COGipPAz1_gXxYHffPuj1WFT9ifqik8YDjh84KW_E4/s1600/cara-menjaga-hdd.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="cara menjaga hdd dari kerusakan" border="0" data-original-height="586" data-original-width="855" height="273" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdLk0CIGAm4yi4iJ21lo-_Ifanf83bBAtHD4ZONbdYGsh9GKpz27v5TMzvZNuoOdXDbDWW7wZFDMW6G7-3GQmc3kmgVZtDId933COGipPAz1_gXxYHffPuj1WFT9ifqik8YDjh84KW_E4/s400/cara-menjaga-hdd.png" title="hard drive" width="400" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;">Cara menjaga hard drive dari kerusakan</td></tr> </tbody></table> <div> <span style="font-family: Verdana, sans-serif; font-size: small;"><br /></span></div> <div style="text-align: left;"> <span style="font-weight: normal;"><span style="font-family: Verdana, sans-serif;">Hardisk Drive atau biasa disebut HDD adalah salah satu bagian terpenting dari perangkat Laptop atau Komputer. Mulai dari proses pembacaan data offline di komputer sampai yang berjalan terus di komputer. Selain untuk tempat menyimpan data, HDD adalah perangkat keras dimana suatu sistem operasi di instal dan di jalankan.</span></span></div> <span style="font-family: Verdana, sans-serif;"><br /></span> <span style="font-family: Verdana, sans-serif;">Sama seperti perangkat keras atau hardware komputer yang lain, hardisk juga perlu di perhatikan perawatan nya. Karena tanpa perawatan yang rutin sudah pasti akan ada masalah yang timbul, terlebih jika Laptop atau komputer kita di gunakan setiap hari.</span><br /> <span style="font-family: Verdana, sans-serif;"><br /></span> <span style="font-family: Verdana, sans-serif;">Berikut akan saya ulas apa saja yang bisa kita lakukan untuk menjaga HDD atau hardisk drive agar tetap sehat dan terhindar dari kerusakan.</span><br /> <span style="font-family: Verdana, sans-serif;"><br /></span> <h3> <span style="font-family: Verdana, sans-serif; font-size: small;">1. Jalankan chkdsk (chekdisk)</span></h3> <span style="font-family: Verdana, sans-serif;">Sekuat-kuat nya HDD kita pasti ada saat nya mendapat kesalahan. Kesalahan ini bisa datang dalam bentuk masalah fisik, masalah perangkat lunak, masalah tabel partisi, dan banyak lagi. Program chkdsk Windows bisa di coba menangani masalah ini, seperti bad sector, cluster yang hilang, cross-linked file, dan / atau kesalahan direktori. Kesalahan ini dapat dengan cepat menyebabkan drive unbootable, yang akan menyebabkan downtime bagi kita. Cara terbaik yang bisa kita ambil untuk menjaga dari kesalahan-kesalahan penggunan adalah dengan chkdsk ini.</span><br /> <span style="font-family: Verdana, sans-serif;"><br /></span> <h3> <span style="font-family: Verdana, sans-serif; font-size: small;">2. Monitoring</span></h3> <span style="font-family: Verdana, sans-serif;">Banyak aplikasi/software di luar sana yang bisa di gunakan untuk memantau drive kita. Cara ini dirasa perlu karena kita bisa tahu keadaan/kesehatan HDD kita. Menurut pendapat saya, salah satu software pilihan terbaik adalah Acronis Drive Monitor, software gratis ini akan memonitor segala sesuatu yang terjadi di HDD dari suhu hard drive sampai persentase ruang/space yang kososng atau bebas. Kita juga bisa mengecek apa saja kesalahan yang terjadi pada HDD kita.</span><br /> <span style="font-family: Verdana, sans-serif;"><br /></span> <h3> <span style="font-family: Verdana, sans-serif; font-size: small;">3. Instal OS terpisah dari partisi data pribadi.</span></h3> <span style="font-family: Verdana, sans-serif;">Apapun OS (Operation system) yang kita pakai cara ini harus tetap di terapkan. Jangan pernah meng instal OS pada partisi hardisk data pribadi, apalagi jika partisi drive tersebut sering di gunakan untuk menyimpan file atau mengoper file.</span><br /> <span style="font-family: Verdana, sans-serif;"><br /></span> <h3> <span style="font-family: Verdana, sans-serif; font-size: small;">4. Perhatikan ruang komputer anda</span></h3> <span style="font-family: Verdana, sans-serif;">Usahakan sirkulasi udara yang masuk ke laptop atau komputer kita baik. Jangan sampai terasa pengap/sesak dan panas, karena berbahaya untuk HDD. Sirkulasi udara laptop/komputer yang buruk akan membuat HDD ikut panas dan akhirnya bekerja sangat berat. Bukan cuma&nbsp; HDD tapi hampir semua komponen komputer kita.</span><br /> <span style="font-family: Verdana, sans-serif;"><br /></span> <h3> <span style="font-family: Verdana, sans-serif; font-size: small;">5. Perhatikan power / tegangan listrik (statis)</span></h3> <span style="font-family: Verdana, sans-serif;">Listrik statis adalah musuh komponen komputer. Jauhkankan perangkat laptop atau komputer kita dari speaker stereo, TV, dan peralatan / perangkat lain yang dapat menyemburkan gelombang elektromagnetik (tidak perlu terlalu jauh, tapi jangan juga terlalu dekat). Memang, sebagian besar peralatan ini memiliki magnet yang tidak cukup kuat untuk merusak hard drive. Tapi jika terus menerus bukan tidak mungkin Hard drive kita akan pensiun. Dan perhatikan listrik rumah kita, terlebih jika daerah kita sering terjadi pemadaman listrik. UPS merupakan cara yang bagus untuk berjaga-jaga.</span><br /> <span style="font-family: Verdana, sans-serif;"><br /></span> <h3> <span style="font-family: Verdana, sans-serif; font-size: small;">6. Defragment drive</span></h3> <span style="font-family: Verdana, sans-serif;">Cara ini juga dirasa perlu karena salah satu penyebab kesalahan pada hard drive adalah file yang acak-acakan tidak beraturan. Itu bisa terjadi karena banyak hal, mulai dari cara kita mengcopy file, atau merubah file dan banyak lagi. Defragment dapat membantu kita mengatur file dala HDD kita agar tersusun rapi kembali dan memperbaiki dan memindahakan file hard drive kita ke tempat seharusnya.</span><br /> <span style="font-family: Verdana, sans-serif;"><br /></span> <h3> <span style="font-family: Verdana, sans-serif; font-size: small;">7. Upgrade ke Solid state drive (SSD)</span></h3> <span style="font-family: Verdana, sans-serif;">Solid state drive, mengesampinkan harga nya yang relatif mahal. Coba kita lihat, drive ini seperti flash drive yang besar, sehingga drive ini tidak memiliki bagian yang bergerak (memutar/disk dalam HDD). Tanpa bagian yang bergerak, umur drive (secara keseluruhan) secara alami akan menjadi lebih lama. Meskipun terkesan mahal, tapi ingat jika umur drive kita lebih lama itu artnya <a href="http://spotkreatif.blogspot.com/2015/01/cara-mudah-mencari-uang-di-internet.html" target="_blank">uang</a> kita juga akan awet lebih lama. Dan satu lagi bahwa SSD mempunyai read speed dan write speed yang jauh lebih cepat dari HDD.</span><br /> <span style="font-family: Verdana, sans-serif;"><br /></span> <h3> <span style="font-family: Verdana, sans-serif; font-size: small;">8. Manfaatkan fitur hemat daya</span></h3> <span style="font-family: Verdana, sans-serif;">Hampir semua OS memiliki fitur hemat daya. Windows, MacOSx atau linux. Gunakan fitur ini dengan sangat maksimal, karena tidak jarang seseorang membiarkan laptop atau komputer nya hidup bahkan sampai berjam-jam lamanya. Disaat laptop atau komputer kita hidup HDD kita akan terus berputar, meskipun dalam keadaan idle sekalipun. Karena harus kita catat bahwa banyak program yang berjalan di background OS.</span><br /> <span style="font-family: Verdana, sans-serif;"><br /></span> <h3> <span style="font-family: Verdana, sans-serif; font-size: small;">9. Kencangkan sekrup/baut dengan benar</span></h3> <span style="font-family: Verdana, sans-serif;">Sekrup atau baut yang di pasang asal-asalan kan membuat HDD kita goyang dan tidak menapak. Artinya Getaran yang terjadi di komputer kita akan berdampak buruk untuk HDD kita. Semakin sering bergetar atau goyang (terbentur kesana kemari) itu artinya tinggal menunggu saja hard drive kita <i>wasalam</i>.</span><br /> <span style="font-family: Verdana, sans-serif;"><br /></span> <h3> <span style="font-family: Verdana, sans-serif; font-size: small;">10. Back up</span></h3> <span style="font-family: Verdana, sans-serif;">Cara terkahir ini lebih seperti antisipasi file kita. Ya tidak bisa di pungkiri bahwa seberapa besar pun kita menjaga hard drive kita, terkdang ajal hardisk bisa datang. Saran saya sebelum terlamabat biasakan utnuk beck up file dalam hardsik atau HDD. Terutama jika file tersebut adalah file penting buat kita.</span><br /> <span style="font-family: Verdana, sans-serif;"><br /></span> <span style="font-family: Verdana, sans-serif;"><br /></span> <span style="font-family: Verdana, sans-serif;">Oke sekian artikel saya tentang 10 cara menjaga HDD dari kerusakan. hati-hati adalah hal terpenting dalam menangani komponen laptop atau komputer. Semoga dapat bermanfaat, baca juga artikel saya tentang <a href="http://spotkreatif.blogspot.com/2015/02/cara-instal-windows-7-mudah-dan-cepat.html" target="_blank">cara instal ulang komputer</a>. Terima kasih.</span></div> Unknownnoreply@blogger.com0