Cara Terbaru Memasang Komentar Facebook Pada Blogger

Cara Mudah Memasang Komen Box Facebook Pada Blogger - Pada postingan kali ini saya akan membagikan sebuah tutorial untuk memasang komen facebook pada blog. Mempermudah pengunjung dalam berkomentar dan sekaligus memperindah tampilan blog dengan elemen baru merupakan sebuah keinginan pemilik blog. Untuk mempermudah pengunjung yang tidak memiliki akses akun google atau bahkan yang tidak sempat untuk login ke google, agar dapat berkomentar adalah tujuan dari tutorial kali ini. Pengunjung blog tidak semuanya memiliki akses google, beberapa dari mereka tidak mempunyai akun google yang akan digunakan untuk berkomentar pada postingan di blog.

Pada tutorial kali ini, kita akan memadukan komentar blog dengan komentar facebook seperti pada gambar di atas. Selain mempermudah pengunjung dalam berkomentar, dengan ada nya dua tab komentar pada blog dapat mempercantik tampilan pada blog kita. Nah tutorial ini cocok buat kalian yang suka promosi blog lewat sosial media facebook, karna dengan promosi di facebook maka sebagian dari pengunjung blog kalian adalah pengguna facebook yang sudah login.

Baca Juga : 

Cara Memasang Komentar Disqus Pada Blog

Cara Mengganti Domain Blogspot ke Domain TLD

Langsung saja ke cara pemasangan komentar facebook di blogspot :

Langkah Pertama : Pertama login dulu ke blogger, kemudian pada dashboard blogger pilih template kemudian edit html.

Langkah Kedua : Setelah berada di halaman edit html, sekarang silahkan cari kode <div class='comments' id='comments'> dengan cara menggunakan kombinasi CTRL+F.

Langkah Ketiga : Setelah kode <div class='comments' id='comments'> sudah ketemu, sekarang copy kode di bawah ini, kemudian paste tepat di bawah kode <div class='comments' id='comments'>.

<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle("#fb-comments");' title='Comments made with Facebook'>
<img class='comments-tab-icon' src='https://s27.postimg.org/7jvh2tfw3/facebook_iamukon.png'/><fb:comments-count expr:href='data:post.url'/> Comments</div>
<div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle("#blogger-comments");' title='Comments from Blogger'>
<img class='comments-tab-icon' src='https://s28.postimg.org/6g453jb65/Blogger_iamukon.png'/> <data:post.numComments/> Comments</div>
<div class='clear'/>
</div>
<div class='comments-page' id='fb-comments-page'>
<b:if cond='data:blog.pageType == "item"'><div id='fb-root'/>
<fb:comments expr:href='data:post.url' num_posts='2' width='550'/></b:if></div>
<div class='comments comments-page' id='blogger-comments-page'>

<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><script src='http://code.jquery.com/jquery-latest.js'/><meta content='GANTIDENGANFBID' property='fb:admins'/><script type='text/javascript'>function commentToggle(selectTab) {$(".comments-tab").addClass("inactive-select-tab");$(selectTab).removeClass("inactive-select-tab");$(".comments-page").hide();$(selectTab + "-page").show();}</script>

<style>.comments-page { background-color: #f2f2f2;}#blogger-comments-page { padding: 0px 5px; display: none;}.comments-tab { float: left; padding: 5px; margin-right: 3px; cursor: pointer; background-color: #f2f2f2;}.comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}.comments-tab:hover { background-color: #eeeeee;}.inactive-select-tab { background-color: #d1d1d1;}</style>

Silhkan di save template.

Untuk kustomisasi, pada bagian GANTIDENGANFBID silahkan di ganti dengan FB ID Fanpage Facebook kalian. Untuk mengetahui ID nya silahkan buka facebook kemudian masuk ke fanpage milik kalian, lalu masuk ke info halaman. Scroll saja ke bawah, nanti ada kode ID Facebook nya.

Read More

Cara Terbaru Daftar Akun Instagram Lewat Komputer

Instagram adalah salah satu dari sekian banyak aplikasi sosial media yang berada di dunia, dan aplikasi sosial media yang satu ini tidak bisa memposting status hanya berupa foto dan video saja. Ya seperti itu penjelasan singkat tentang instagram, memang aplikasi ini di khususkan untuk berbagi foto dan video yang kita punya. Instagram sendiri di rancang oleh Kevin Systrom dan Mike Krieger ( Burbn inc.), dan seperti yang saya bilang pada postingan sebelum nya tentang instagram juga, bahwa instagram ini di kembangkan oleh pihak Facebook. Pengguna instagram sendiri cenderung lebih suka mengakses melalui aplikasi, tapi untuk Anda yang memiliki kendala untuk mengakses nya melalui aplikasi bisa mengakses nya melalui browser di komputer. Apalagi untuk Anda yang harus memiliki banyak akun instagram untuk keperluan lain seperti akun online shop, akun pribadi lainnya, akun untuk kelas, akun untuk angkatan sampai untuk organisasi, sudah pasti Anda harus membuat nya kembali.

 Sebenernya kita bisa daftar melalui aplikasi nya langsung, hanya saja pada aplikasi instagram terdapat batasan untuk registrasi. Berdasarkan pengalaman saya sendiri, hanya bisa mendaftar sebanyak 5 akun dalam 1 smartphone. Jika Anda sudah mendaftar lebih dari 3 akun, besar kemungkinan saat mendaftar kembali sudah tidak bisa. Kenapa bisa gitu? saya juga ga tau alasan nya, tapi mungkin itu untuk mencegah terjadinya banyak akun spam atau akun bot. Nah solusi nya adalah mendaftar melalui media lain bukan dari smartphone yang Anda punya. Daftar nya sama seperti yang kita lakukan saat mendaftar melalui aplikasi instagram, hanya saja disini tampilan nya berbeda dengan aplikasi nya. Langsung saja kita ke cara nya :

Langkah Pertama : Buka situs resmi instagram https://www.instagram.com/, pada halaman awal Anda akan diminta untuk melakukan login, tapi abaikan saja, pilih sign up di bawah form login instagram yang terdapat di situs nya. Isi saja form yang tersedia dengan data data milik Anda, lihat gambar di bawah ini.

Isikan data data seperti gambar di atas untuk melakukan pendaftaran.

Keterangan: Untuk email anda bisa menggunakan nomor telepon sebagai pengganti bila email sudah pernah di gunakan, atau Anda bisa membuat email baru untuk melakukan pendaftaran akun instagram. Nama silahkan di isi sesuai dengan nama Anda. Username adalah identitas Anda, silahkan di isi sesuai selera Anda, ini nantinya akan digunakan untuk login. Untuk password di usahakan agar lebih sulit supaya menghindari hal hal yang tidak di inginkan.

Langkah Kedua : Setelah mengklik tombol Sign Up Anda akan dibawa login ke dalam situs intagram. Tapi ingat, Anda harus memverifikasi email Anda untuk instagram agar dapat memudahkan Anda bila lupa password atau kehilangan akun dengan alasan lain. Silahkan edit bio dan ganti foto profil dengan foto yang Anda Mau.

Sampai disini Anda sudah memiliki akun instagram baru, tapi harus Anda ingat bahwa instagram adalah situs besar, sudah pasti memiliki aturan aturan tersendiri seperti Term of Use dan Privacy Policy, Silahkan lihat isi dari privacy policy dan TOS instagram agar tidak melanggar peraturan yang telah di buat.

Untuk lebih lengkap nya silahkan masuk ke halaman Term of Use dan Privacy Policy instagram. Semoga artikel nya bermanfaat.

Read More

iPhone 7 Plus 128GB Gratis ! Buruan Sebelum Kehabisan

Punya Smartphone Gratis memang menjadi impian buat kita yang ga punya cukup dana buat membeli smartphone flagship. Smartphone flagship dengan spesifikasi yang tinggi pastinya membuat kita ingin meminang nya. Contoh saja dengan smartphone berchipset qualcomm terbaru yaitu snapdragon 820 keatas, yang membuat performa smartphone menjadi lebih dahsyat. Tapi, dengan berlabel flagship ini, dan yang pasti nya premium membuat nya dibanderol dengan harga yang ga bersahabat sama kantong. Apalagi smartphone seperti Samsung Galaxy S7 Edge dan pesaing nya yaitu iPhone 7 Plus, siapa si yang ga mau punya smartphone yang lagi hits ditahun ini kaya gitu. Seperti yang kita ketahui, Samsung dan Apple memang akhir akhir ini mengeluarkan smartphone yang berharga belasan juta, body yang premium, kinerja yang baik, membuat beberapa orang bahkan semua nya mau memiliki nya. Hanya saja harga yang tinggi itu yang membuat sebagian orang mengurungkan niat untuk membeli nya.

Disini saya bukan mereview kedua smartphone tersebut, saya hanya ingin berbagi cara untuk mendapatkan nya secara gratis. Dua dua nya gratis? Ko judul nya iPhone doang? Sebenernya si bukan cuma iPhone 7 plus aja yang bisa kita dapatkan dengan cara ini, hampir semua smartphone, perangkat elektronik, peralatan rumah tangga, dan masih banyak lagi hadiah yang bisa kita dapatkan dengan cara ini. Seperti gambar di atas, disana terdapat liat hadiah yang bisa kita dapatkan, ada iPhone 7 plus 128gb, iphone 7 plus 32gb, sampai samsung galaxy s6 Edge. Gimana? Keren ga. Keren dong pastinya kalo bisa dapetin smartphone premium secara gratis hanya dengan sebuah aplikasi. Untuk keaslian aplikasi ini, saya sendiri tidak 100% menyatakan langsung bahwa ini asli, tapi berdasarkan apa yang saya lihat di dalam aplikasi nya, banyak testimoni yaitu sebuah foto hadiah yang di upload dari para pemenang, bagi saya itu sudah meyakinkan bahwa setelah menang hadiah akan langsung dikirim. Sebelum nya saya akan jelaskan terlebih dahulu apa saja yang bisa kita dapatkan pada aplikasi ini.

• Smartphone, tentunya ini adalah daftar hadiah yang sesuai dengan judul dari postingan ini. Seperti yang tadi saya bilang, kalo di dalem aplikasi ini tidak hanya iphone 7 series yang bisa kita dapatkan. Ada banyak smartphone yang tersedia, mulai dari iPhone, Samsung, Lenovo, Xiaomi, Asus dan masih banyak lagi merk smartphone lainnya yang tersedia.
• Elektronik, karna elektronik ini mencakup banyak, dan mungkin bisa dikatakan bahwa memang hampir semua alat elektronik ada di dalam aplikasi ini. Ada banyak juga yang tersedia, mulai dari Televisi, Kulkas, AC dan beberapa lainnya tersedia.
• Aksesoris Handphone, nah yang ini mungkin salah satu yang kita cari agar smartphone kita bisa punya temen alias aksesoris. Ada banyak juga aksesoris untuk handphone yang tersedia mulai dari lensa untuk selfie, tripod, tongsis, headphone bluetooth, earphone bluetooth, dan masih banyak lagi.

Itu adalah 3 jenis hadiah dari banyak lagi yang tersedia yang bisa kita raih loh. Mau ikutan dan dapetin hadiah hadiah tersebut? Langsung aja yu ke caranya.

Step 1 : Langkah pertama adalah Anda harus menginstal aplikasi nya di playstore (Toko Saku), atau bisa menggunakan link berikut untuk langsung redirect ke playstore. Unduh Lewat Playstore. Setelah terinstal langsung ke langkah selanjutnya.

Step 2 : Buka aplikasinya, dihalaman pertama memang Anda bisa masuk ke aplikasi nya tanpa login, tapi disini Anda harus login terlebih dahulu. Jika belum punya akun nya silahkan daftar dengan menggunakan nomor handphone milik Anda, dengan cara klik atau pilih tab di pojok kanan bawah, nanti di laman tersebut ada pilihan untuk login. Kemudian anda bisa mendaftar jika belum memiliki akun, silahkan login terlebih dahulu, lalu verifikasi dengan kode yang dikirim ke nomor hadphone yang di gunakan.

Step 3 : Susah berhasil daftar dan login ke dalam aplikasinya? Kalian ga bisa langsung partisipasi untuk mendapatkan hadiah nya, kalian harus memiliki coin yang dinamakan Scoin pada aplikasi tersebut. Gimana cara mendapatkan nya, cara nya gampang kalian bisa mendapatkan nya melalui Lucky Draw, Daily Login, dan untuk pertama kali pemakaian kalian bisa memberi rating 5 bintang untuk mendapatkan 1 buah angpao berisi 5 scoin.

Step 4 : Jika Anda sudah punya cukup scoin atau angpao yang berisi coin, minimal 1 buah scoin untuk berpartisipasi, Anda bisa menukarkan coin tersebut dengan sebuah hadiah yang Anda inginkan. Sebagai contoh karna sesuai dengan judul nya, silahkan lihat gambar dibawah untuk ilustrasi penukaran nya.

Silahkan pilih hadiah dihalaman beranda aplikasi nya, kemudia ketika sudah di pilih akan nampak seperti gambar di atas. Silahkan lihat pada bagian bawah kiri, terdapat tombol tukar sekarang, untuk menukarkan nya silahlan pilih tombol tersebut. Kemudian Anda akan di alihkan ke halaman troli, di sana Anda diminta untuk memilih jumlah coin yang akan ditukar,silahkan pilih berapa coin yang mau Anda tukar kemudian silahlan tukar. Untuk Anda yang menggunakan kupon untuk menukarnya, silahkan pilih kupon pada saat pemilihan transaksi menggunakan apa. Selesai, nanti Anda mendapatkan kode unik berupa angka, kode unik yang Anda dapatkan itu tergantung dari jumlah coin yang Anda tukarkan. Semakin banyak coin yang ditukar maka akan semakin banyak kode angka yang Anda dapatkan yang nantinya akan diundi sebagai pemenang. Gimana, gampang kan, sebenernya sistem nya adalah pengundian dimana salah satu dari kode yang di tukar akan dipilih secara random untuk menjadi pemenang. Anda dapat mengikuti banyak pengundian hadiah dalam satu waktu, jadi silahkan mengumpulkan coin sebanyak banyak nya agar bisa memenangkan hadiah.

Read More

Cara Membuat Subscribe Box Dengan Sosial Media

Cara Membuat Subscribe Box Dengan Sosial Media Di Blogger - Pada postingan kali ini saya akan membagikan tutorial membuat subscribe box. Sebelum nya saya sudah posting Cara Membuat Subscribe Box Keren Di Blog, dan di postingan itu terdapat 2 buah subscribe box yang keren. Tapi untuk widget yang satu itu beda dari yang kedua tersebut. Fungsi nya memang sama, yaitu agar pengunjung dapat berlangganan artikel kita melalu feedburner, dan karena itu mereka bisa terus dapet update dari blog kita. Disini hanya menambahkan widget saja tidak perlu mengedit bagian template nya, karna kode css sudah digabungkan ke html nya. Step by step kita praktekin langsung :

Step 1 : Login ke Blogger dengan akun google kalian

Baca Juga : 
Cara Mengganti Domain Blogspot ke Domain TLD
Cara Terbaru Memasang Komentar Disqus Pada Blogger
Cara Membuat Responsive Social icon Blogger

Step 2 : Pada halaman blogger, pilih layout atau tata letak, kemudian tambahkan widget baru terserah di mana, mau di sidebar atau di footer. Saran saya, lebih baik letakan di sidebar, agar ketika pengunjung baca artikel bisa kelihatan.

Step 3 : Buat widget baru dengan HTML/Javascript kemudian copy kode di bawah dan paste di sana.

<style>
.subscribebtrix {width: 310px; 
background: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#d3dde3)); 
background: -moz-linear-gradient(top, #f5f5f5, #d3dde3); 
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#F5F5F5, endColorStr=#d3dde3); 
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#F5F5F5, endColorStr=#d3dde3); 
display:inline-block; /* IE is so silly */ 
border: 0px solid #000000; 
border-radius: 5px; 
padding: 0px 10px 10px 10px; 
} 
.subscribebtrix img { 
border: none; 
}
.tbimailbox { 
width: 270px; 
color: #666; 
font: 16px 'Trebuchet Ms', Sans-Serif; 
padding: 10px 15px; 
border: 1px solid #D3D3D3; 
border-radius: 4px; 
-webkit-border-radius: 4px; 
-moz-box-shadow: 1px 1px 1px 1px rgba(255, 172, 84, 0.4) inset; 
-webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.4) inset; 
box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.4) inset; 
-webkit-transition: all 0.8s ease-in-out; 
-moz-transition: all 0.8s ease-in-out; 
-ms-transition: all 0.8s ease-in-out; 
-o-transition: all 0.8s ease-in-out; 
transition: all 0.8s ease-in-out; 
}
.tbimailbox:hover { 
-webkit-box-shadow: none; 
box-shadow: none; 
-webkit-transition: all 0.5s ease-in-out; 
-moz-transition: all 0.5s ease-in-out; 
-ms-transition: all 0.5s ease-in-out; 
-o-transition: all 0.5s ease-in-out; 
transition: all 0.5s ease-in-out; 
}
.button { 
   width: 300px; 
   border-top: 1px solid #96d1f8; 
   background: #0571e6; 
   background: -webkit-gradient(linear, left top, left bottom, from(#123d60), to(#0571e6)); 
   background: -webkit-linear-gradient(top, #123d60, #0571e6); 
   background: -moz-linear-gradient(top, #123d60, #0571e6); 
   background: -ms-linear-gradient(top, #123d60, #0571e6); 
   background: -o-linear-gradient(top, #123d60, #0571e6); 
   -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#123d60, endColorStr=#0572e6); 
   filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#123d60, endColorStr=#0572e6); 
   display:inline-block; /* IE is so silly */ 
   padding: 10px 20px; 
   -webkit-border-radius: 3px; 
   -moz-border-radius: 3px; 
   border-radius: 3px; 
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0; 
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0; 
   text-shadow: rgba(0,0,0,.4) 0 1px 0; 
   color: white; 
   font-size: 16px; 
   font-family: "Verdana", sans-serif; 
   font-weight: bold; 
   text-decoration: none; 
   vertical-align: middle; 
   }
.button:hover { 
   background: #123d60; 
   color: #ccc; 
   }
.button:active { 
   border-top-color: #123d60; 
   background: #123d60; 
   }
</style>
<br /> 
<div class='subscribebtrix'> 
<div align='center' style='color: #333; font: 22px Verdana; font-weight: bold;  margin: 0px 0px 15px 0px; padding: 10px 0 10px;'> 
Stay Connected</div> 
<br /> 
<br /> 
<center> 
<div style='margin: -30px 0 20px 0;'> 
<a href='http://www.facebook.com/iamukon' target='_blank' title='Join us on Facebook'><img alt='facebook' src='https://s23.postimg.org/5qcphgauj/iamukon_domain.png' /></a> 
<a href='http://www.twitter.com/iam_ukon' rel='nofollow' target='_blank' title='Follow us on Twitter'><img alt='twitter' src='https://s27.postimg.org/owm1twnsj/twitter_iamukon.png' /></a> 
<a href='https://plus.google.com/+UkonArt' rel='nofollow' target='_blank' title='Follow us on Google+'><img alt='gplus' src='https://s30.postimg.org/w7iugxwkh/gplus_iamukon.png' /></a> 
<a href='http://www.pinterest.com/#' rel='nofollow' target='_blank' title='Follow us on Pinterest'><img alt='pinterest' src='https://s30.postimg.org/6s7i4z97l/pinterest_iamukon.png' /></a> 
<a href='http://feeds2.feedburner.com/IAmUkon' rel='nofollow' target='_blank' title='Subscribe to RSS'><img alt='rss' src='https://s30.postimg.org/ugvbj9lpd/rss_iamukon.png' /></a> 
</div> 
</center> 
<div align='center'> 
<a href='http://feeds.feedburner.com/IAmUkon'><img alt='' height='26' src='http://feeds.feedburner.com/~fc/IAmUkon?bg=123D60&amp;fg=ffffff&amp;anim=1' style='border: 0;' width='88' /></a></div> 
<div style='margin: 10px 0 0 6px;'> 
<form action='http://feedburner.google.com/fb/a/mailverify' class='emailform' method='post' onsubmit='window.open("http://feedburner.google.com/fb/a/mailverify?uri=IAmUkon", "popupwindow", "scrollbars=yes,width=550,height=520");return true' style='margin: 0pt;' target='popupwindow'> 
<input name='uri' type='hidden' value='iamukon' /> 
<input name='loc' type='hidden' value='en_US' /> 
<input class='tbimailbox' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Enter your email...&quot;;}' onfocus='if (this.value == &quot;Enter your email...&quot;) {this.value = &quot;&quot;}' type='text' value='Enter your email...' /> 
<input alt='' class='button' title='' type='submit' value='Subscribe' /> 
</form> 
</div> 
</div>

Untuk URL dari sosial media nya silahkan di ganti ya, URL Facebook, Twitter, Google Plus, Pinterest, dan juga feed burner. Semoga artikel nya bermanfaat.

Read More

Cara Login Banyak Sosial Media Dalam Satu Aplikasi

Di zaman modern seperti ini, yang namanya sosial media itu udah jadi rutinitas dari orang yang masih kecil sampai yang tua. Facebook, BBM, Whatsapp, Twitter, Google Plus, Instagram dan masih banyak lagi contoh dari sosial media. Seiring perkembangan zaman, setiap sosial media selalu berkembang sehingga membuat orang enggan untuk meninggalkan nya. Ga heran juga kalo beberapa dari sosial media di miliki oleh anak di bawah umur, hal ini di karenakan akses untuk memiliki dan membuka akun sosial media nya terbilang mudah. Contoh saja Facebook, beberapa anak dibawah umur menggunakan nya atau membuka nya di warnet. Apalagi BBM sudah pasti banyak pengguna nya.

Kali ini saya akan membahas bagaimana cara login beberapa sosial media dalam satu aplikasi. Memang terbilang aneh, mungkin yang sering orang lihat adalah "cara login banyak akun instagram dalam satu aplikasi" atau bahkan "cara mempunyai banyak PIN BBM dalam satu handphone". Tapi setelah anda mencoba nya mungkin anda tidak merasa heran lagi, karna memang benar di aplikasi ini kita dapat login akun Facebook, akun Twitter, akun Instagram dan akun Google Plus. Ditambah dengan size aplikasi nya yang sangat kecil, tidak sampai 2 MB, membuat smartphone kita akan terasa lebih enteng atau meminimalisir terjadinya lag pada smartphone kita. Kenapa harus pakai aplikasi lain, kan bisa pakai aplikasi sosial media nya langsung?, Yap mungkin beberapa orang berpikiran dan berpendapat seperti itu, tapi untuk beberapa orang lain nya, memiliki banyak aplikasi di smartphone nya akan membuat nya mengalami lag. Nah, aplikasi yang satu ini akan menjadi solusi untuk mereka yang ingin membuka banyak akun sosial medianya tanpa mengunduh aplikasi nya.

Tidak terlalu sulit untuk melakukan ini, kita hanya perlu mengunduh aplikasi nya, nama aplikasi nya adalah FlySo, kalian bisa langsung mengunduh nya melalui Google Play Store. Disini saya tidak akan upload aplikasi nya, karna postingan ini mengenai tips dan trik, jadi ini bukan postingan download aplikasi. Oke setelah Anda mengunduh aplikasinya melalu Google Play Store, sekarang silahkan buka aplikasi nya. Di halaman pertama anda akan diberikan pengenalan aplikasinya, bisa langsung di skip saja. Selanjutnya di halaman Home akan nampak tampilan dari form login facebook, ko cuma ada 3 sosial media doang? Untuk pertama kali instal memang cuma ada Facebook, Instagram dan Twitter. Agar Google Plus nya muncul, silahkan pergi ke setting, cara nya tinggal silde dari kiri ke kanan agar muncul menu. Setelah itu Anda pilih setting, kemudian Anda masuk ke halaman pengaturan tabs dan tampilan, silahkan beri centang pada Google Plus nya. dan kini sudah terdapat 4 buah sosial media dalam satu aplikasi. Oh iya, untuk fitur dari aplikasi ini, kita dapat merubah User Interface nya menjadi hitam, dengan cara mencentang pada bagian setting Dark Mode. Untuk Screenshot silahkan lihat di bawah, yang saya capture hanya Google Plus dan Twitter, karna memang saya tidak menginstal aplikasinya. Semoga bermanfaat :)

Read More

Cara Mengganti Domain Blogspot Ke Domain TLD

Nama domain atau alamat blog bawaan blogger yang kita ketahui memanglah berakhiran dengan blogspot.com, domain sub seperti itu terbilang panjang dan membuat orang kesulitan dalam penulisan. Alamat domain bisa kita ganti dengan yang kita inginkan, beberapa contoh domain yang tersedia adalah TLD Internasional meliputi COM, Net, Org, Info dan Biz. Untuk domain Indonesia adalah ID, co.id, web.id, sch.id dan or.id . Dan beberapa gTLD seperti xyz, top, win, club, link, dan lain lain.

Saya akan jabarkan mengenai domain nya satu persatu agar lebih jelas kegunaan dari masing masing domain ini.

• .COM
  Domain ini biasa digunakan untuk komersial, tapi tak jarang orang menggunakannya sebagai domain pribadi, karna sifatnya yang populer di dunia ini makanya banyak orang yang menggunakannya.
• .NET
  Nama domain ini digunakan untuk networking, website sampai aplikasi.
• .ORG
  Domain ini lebih cocok digunakan untuk sebuah website organisasi.
• .INFO
  Domain ini sangat cocok untuk web yang memberikan informasi kepada orang banyak.
• .BIZ
  Domain yang satu ini digunakan untuk bisnis.
• .ID
  Top Level Domain di Indonesia, bisa digunakan untuk personal maupun perusahaan, untuk personal hanya diperlukan 1 dokumen yaitu KTP, jika untuk perusahaan maka Anda diminta untuk mengupload dokumen lain nya.
• .CO.ID
  Nah untuk domain yang satu ini di khusus kan untuk perusahaan, jadi kalian ga sembarangan bisa menggunakan domain yang satu ini, karna akan banyak dokumen yang diminta.
• .WEB.ID
  Domain yang ini lebih di khususkan untuk personal, tetapi tetap akan dimintai dokumen yaitu sebuah KTP.
• .SCH.ID
  Nama domain yang ini lebih di khususkan untuk website sekolah, mulai dari SD, SMP, sampai SMK/SMA.
• .OR.ID
  Domain yang ini hampir sama dengan domain .ORG, hanya saja akhiran ID lebih mengidentitaskan bahwa website nya milik warga negara Indonesia.
• .XYZ
  Domain ini terbilang baru, sebelum nya saya sendiri menggunakan domain ini karna hargnya terbilang murah.
• .WIN
  Domain yang digunakan untuk website kompetisi, kaya tournamen gitu kalo di Indonesia
• .CLUB
  Domain ini bisa digunakan untuk website olahraga, fitness, hiburan dan lain lain. Ya intinya ini untuk website club.
• .LINK
  Sesuai dengan namanya, domain ini digunakan untuk nama domain alihan. Kaya misalkan blog atau website redirect untuk menuju link asli nya.

Sebenernya masih banyak lagi nama domain yang tersedia, hanya saja beberapa yang lebih populer dan lebih dikenal adalah domain yang di atas itu. Kita sudah membahas nama nama domain nya dan kegunaan atau fungsi dari domain nya, sekarang berlanjut untuk cara penggantian nama domain blogspot.com ke domain pilihan kalian.

Step 1 : Pergi ke Blogger, dan masuk ke Setelan > Dasar , Lihat di alamat blog kalian, disitu tertera namablog.blogspot.com, nah di bawahnya terdapat tulisan "+ Siapkan URL pihak ke-3 untuk blog Anda", silahkan Anda klik bagian itu.

Step 2 : Pada setelan domain pihak ketiga, ada kotak URL atau domain yang akan di input, lihat gambar dibawah, tuliskan domain milik kalian.

Catatan : Sebelum nya, jika Anda ingin mengganti alamat blog dengan domain TLD, Anda harus membeli nya terlebih dahulu, tetapi tutorial ini bisa Anda gunakan untuk domain gratis seperti dot TK dan lain lain. Tapi, saya sarankan agar menggunakan domain TLD, tentunya agar pengunjung lebih percaya dan lebih tertarget, misalnya domain ID, maka target blog kita adalah pengunjung yang berada di Indonesia.

Step 3 : Setelah di tulis nama domain nya, lalu klik simpan. Eror ya? memang seperti itu, akan terjadi eror karna kita belum mengubah DNS pada domain nya. Sekarang lihat gambar dibawah ini. Kita akan mendapatkan 2 buah CNAME, yang nanti nya akan kita gunakan untuk konfigurasi selanjutnya.

Step 4 : Selanjutnya login ke member area penyedia domain nya, disini saya menggunakan Niagahoster, nah selanjutnya klik pada produk dan layanan kemudian pilih nama domain yang akan di konfigurasi, tentunya domain yang tadi di gunakan pada blogger dan terjadi eror. Selanjutnya klik tab DNS Management.

Step 5 : Sekarang kita berada di halaman DNS Management, kita harus membuat record baru disana. berikut adalah record yang akan kita buat.

cname 1 (cname record)

cname 2 (cname record)

216.239.32.21 (a record)

216.239.34.21 (a record )

216.239.36.21 (a record )

216.239.38.21 (a record )

Nah kira nya seperti itu, sekarang kita buat record baru di DNS Management dengan data data yang sama seperti di atas. Lihat gambar di bawah ini.

Keterangan : Buat dua buah CNAME berdasarkan data yang terdapat di blogger tadi (lihat step 3). Anda tinggal mengikutinya saja agar terbuat 2 buah CNAME dengan data yang sama dengan blogger tadi.

Selanjutnya tambahkan 4 buah A Record, ini juga sama dengan data yang di atas, lihat gambar di bawah ini.

Catatan : Lihat, di langkah atau step ke-5 ini terdapat 4 buah IP yang berbeda, silahkan buat A Record sebanyak 4 buah dengan IP di atas tersebut.

Step 6 : Nah sekarang silahkan kembali ke halaman setelan di blogger Anda. Coba simpan domain baru nya kembali, dan sekarang domain Anda telah berubah.

Domain yang telah di konfigurasi dan di kaitkan dengan blogger tidak bisa semenit atau dua menit langsung bisa di gunakan. Jika Anda masih mendapati eror pada saat pergantian domain setelah membuat CNAME dan A Record di DNS Management itu terbilang wajar, pasalnya untuk proses pointing kadang membutuhkan waktu sampai 1x24 jam. Dan jika Anda menggunakan domain Indonesia, maka silahkan Anda menunggu dokumen anda di terima oleh pihak penyedia domain nya agar domain tersebut bisa aktif sepenuh nya.

Read More

Cara Menambahkan Opsi LTE Only Pada Galaxy A310F

Seperti yang Anda ketahui, setiap smartphone yang sudah mendapat jaringan 4G belum tentu memiliki opsi pengaturan LTE Only. Beberapa di antaranya bahkan belum bisa menggunakan LTE sebelum di upgrade ke sistem selanjutnya. Seperti halnya samsung galaxy a3 2016, ia memang sudah mendapatkan jaringan 4g di Indonesia, hanya saja untuk fitur 4G Only atau LTE only itu belum ada. Harus menginstal aplikasi tambahan untuk dapat mengubah jaringan ke LTE Only, Tapi disini saya akan memberika cara untuk menambah opsi LTE only pada Galaxy A310F a.k.a Galaxy A3 2016.

Cara ini khusus di peruntukan HP yang sudah rooted, atau sudah di root oleh pengguna nya. Jika belum melakukan root, Anda tidak dapat melakukan cara ini. Untuk Proses root Anda bisa membaca artikel mengenai cara Root Galaxy A3 2016. Cara nya sangat lah mudah, kita hanya perlu menginstal file zip yaitu bahan nya, melalui TWRP. dan itu saja tidak terlalu sulit. Tapi agar lebih jelas, saya akan jabarkan caranya untuk mempermudah Anda untuk mempraktekan nya.

Baca Juga : 

• Cara Instal TWRP Lewat Terminal Emulator
• Cara Flash HP Samsung Dengan ODIN
• Cara Root Samsung Menggunakan ODIN

Step by step nya silahkan di perhatikan, karena kesalahan yang Anda lakukan akan Anda tanggung sendiri, dan itu bukan tanggung jawab saya.

Step 1 : Anda harus sudah Root Galaxy A3 2016 nya, dan Anda juga harus sudah menginstal TWRP atau recovery. Kemudian Download bahan nya di sini .

Step 2 : Letakan file yang sudah di download di luar folder. sebagai contoh seperti ini "SDCard/File.zip" atau jika anda meletakannya di internal itu boleh saja, nanti proses instalasi nya tinggal diatur saja lokasi penginstalan nya dimana.

Step 3 : Matikan Galaxy A3 2016 nya, tekan Power + Volume Atas + Home Button untuk masuk ke mode recovery. Jika sudah masuk ke halaman recovery, kalian tinggal pilih wipe, kemudia wipe cache dan dalvik cache nya. ingat ya hanya itu ga perlu semua nya di centang. Jika sudah, sekarang kita instal zip nya, pilih instal zip kemudian pilih file yang tadi di download. Jika Anda meletakan nya di Memori Eksternal, silahkan pilih direktori memori eksternal, jika tidak langsung scroll kebawah aja. Pilih file nya, kemudian instal, tunggu beberapa saat sampai proses instalasi selesai, kemudian silahkan wipe cache nya lagi, dan silahkan reboot hp nya. Tunggu sampai masuk ke homescreen atau menu awal.

Selesai sudah, sekarang silahkan cek di setting atau pengaturan, kemudian pilih pengaturan jaringan. silahkan di cek untuk opsi mode jaringan nya akan bertambar, dari yang awal nya cuma ada "LTE/3G/2G (otomatis), 3G/2G (otomatis), 3G Only, dan 2G Only" kini bertambah satu opsi lagi yaitu LTE Only. Selamat menikmati pilihan jaringan yang baru :)

Read More

Cara Root Samsung Galaxy A3 2016

Kali ini saya akan share tutorial Root Android. Sebelum nya, kalian harus tau apa si Root itu, dan apa si keuntungan setelah kita melakukan root pada hh atau hp kita. Jawaban nya adalah, Root atau Rooting merupakan proses pembukaan akses root pada hp, agar kita sebagai user bisa masuk ke direktori root. Kira kira seperti itu pengertian singkat dari proses root dan yang pasti adalah agar kita bisa lebih leluasa dalam menggunakan atau melakukan hal hal yang memerlukan izin akses root.

Apa si penting nya root untuk android, apa si untung nya? sebenrnya ga terlalu penting untuk melakukan sebuah proses rooting ini, ini tergantung kemauan dari user saja, jika ia ingin ya di persilahkan karna memang sistem operasi android ini open source jadi kita bisa leluasa melakukan hal hal yang memerlukan izin akses root. Ngomong ngomong soal untung nya melakukan root pada android, ada banyak untung nya ketika kita sudah melakukan root pada hp atau smartphone kita. Berikut adalah beberapa keuntungan jika kita melakukan root pada smartphone android kita :

• Mendapat Akses Root
  Ini memanglah tujuan utama seseorang melakukan proses root pada smartphone nya, tentu saja untuk mendapat sebuah akses root. Untuk apa? untuk memodifikasi tampilan dari smartphone nya, Kenapa ga pake launcher aja? jawaban nya karna beberapa launcher sangat berat untuk beberapa smartphone. Jadi user atau pengguna yang biasa di sebut Opreker ini lebih memilih untuk melakukan root agar bisa memodifikasi tampilan dari smartphone nya.
• Menginstal Custom Rom
  Nah ini dia yang saya maksud untuk merubah tampilan dari smartphone nya tanpa menggunakan launcher. Custom Rom adalah sebuah firmware bawaan yang sudah di modifikasi, biasanya menyerupai tampilan dari merk smartphone lain. Sebagai contoh untuk seri Galaxy A 2016 memiliki sebuah custom rom bernama GraceUX, itu adalah custom rom dengan tampilan galaxy s7. Tentunya dengan merubah tampilan seperti itu, beberapa orang akan melakukan proses root ini.
• Backing Up Data
  loh kan bisa di backup biasa, kenapa harus di root dulu? Jelas perbedaan nya sangat amat lah jauh, misal saja, dengan melakukan proses root, dan kita memasang aplikasi pihak ketiga seperti Titanium Backup. Kita dapat mem-backup data aplikasi yang kita gunakan, seperti misalnya kita akan menginstal ulang aplikasi BBM, dan kita ingin backup data data terutama data chat nya, ini bisa kita lakukan ketika sudah memiliki akses root pada smartphone.
• Menghapus Aplikasi Bawaan
  Nah kalo ini adalah alasan utama saya untuk melakukan root pada smartphone saya, agar saya dapat menghapus aplikasi bawaan yang jumlah nya begitu banyak. Pada Galaxy A3 2016 terhitung lebih dari 280 aplikasi bawaan, tapi dengan segitu banyak bukan berarti memperkecil kinerja hp nya, karna untuk RAM dan beberapa komponen lain nya sudah mendukung untuk memiliki banyak aplikasi tentunya.
• Menginstal Aplikasi ke Dalam Memori Eksternal
  Beberapa Android atau hp tidak bisa melakukan penyimpanan data aplikasi nya ke memori eksternal. Misalnya untuk aplikasi BBM, kita hanya bisa melakukan penginstalan ke memori Internal, tidak untuk Eksternal. Nah dengan melakukan root, kita bisa memindahkan data penginstalan ke memori eksternal dengan menggunakan aplikasi pihak ketiga.

Baca Juga :
   Cara Menambah Opsi LTE Only Galaxy A3 2016
   Cara Flash HP Samsung
   Cara Instal Recovery Lewat Terminal Emulator

Nah itu mungkin beberapa keuntungan ketika kita sudah mempunyai akses root pada smartphone kita, tapi tidak hanya segitu, sebetulnya masih banyak keuntungan yang bisa kita dapat kan setelah melakukan root pada hp. Oke sekarang kita langsung ke proses Rooting nya ya :

Langkah Pertama : Anda harus sudah memiliki bahan bahan nya, berikut adalah bahan bahan yang harus Anda miliki sebelum melakukan proses Rooting ini :

1. ODIN - Sofware media untuk melakukan root
2. CF Auto Root - Bahan Root yang bisa kalian download disini

Langkah kedua : Instal Odin nya, kemudia buka aplikasi odin nya. pada halaman awal akan nampak seperti gambar di bawah ini. silahkan beri centang pada AP/PDA kemudian masukan bahan yang tadi di download ke odin nya.

Langkah Ketiga : Matikan Galaxy A3 2016 nya, kemudan masuk ke mode download dengan cara menekan tombol Home Button + Volume bawah + Power , setelah itu akan ada 2 pilihan, tekan saja volume atas untuk melanjutkan. Nah jika sudah masuk ke mode download, pastikan untuk kolom ID:COM sudah terisi, jika sudah silahkan pencet tombol start pada Odin. Tunggu sampai proses instalasi selesai, setelah selesai maka Galaxy A3 2016 Anda akan Reboot sendiri. Tunggu sampai masuk ke Homescreen. Jika sudah masuk ke homescreen, silahkan cek apakah ada aplikasi bernama SuperSU pada menu hp Anda, jika iya maka proses rooting ini berhasil dan hp Anda sekarang sudah berhasil di root atau Rooted.

CATATAN :

Semua kejadian yang terjadi pada HP kalian itu diluar tanggung jawab saya, dan itu artinya semua Anda yang menanggung. Saya sudah menjelaskan secara detail dan menjelaskan pula maksud dari root ini. Untuk Root, beberapa perusahaan smartphone melarang nya, karena dengan root maka user akan bisa melakukan penghapusan pada aplikasi sistem dari smartphone nya, dan hal itu menyebab kan hilang nya garansi yang ada pada HP Anda. 

Read More

Cara Terbaru Memasang Komentar Disqus Pada Blogger

Cara memasang komentar disqus pada blogger. Disqus merupakan sebuah layanan sistem komentar yang ada di dunia maya. Puluhan bahkan ratusan ribu situs kini sudah di intergrasi dengan disqus, mulai dari situs terkecil, situs yang sedang populer seperti wordpress,blogger, atau bahkan tumblr, sampai situs yang terbilang besar seperti CNN dan Mashable. Ada banyak fungsi yang terasa ketika Anda memasang sebuah komentar Disqus pada blog Anda, misalnya dengan memasang komentar Disqus pada blog, Anda dapat mempermudah pengunjung atau visitor untuk membuat komentar di postingan Anda tanpa harus login dengan akun google terlebih dahulu. Mereka hanya perlu login menggunakan akun Facebook atau Twitter untuk membuat komentar di postingan Anda.

Pemasangan nya di blog yang terbilang mudah memang menjadi alasan kenapa komentar Disqus banyak diminati oleh orang orang. Tidak hanya itu, Kelebihan nya yang dapat di intergrasi dengan beberapa jenis CMS seperti Joomla, Drupal, Square Pace, Yola/SythaSIte, dan lain lain menjadikan nya diminati oleh banyak orang, terutama pemilik website. Saya sendiri memilih Disqus sebagai media untuk berkomentar para pengunjung adalah karena ingin memudahkan pengunjung untuk berkomentar di setiap postingan saya. Kita bahas pemasangan nya, untuk pemasangan komentar Disqus di blogspot atau blogger terbilang mudah, kita hanya perlu mengaitkan blog kita dengan akun disqus yang kita punya, setelah itu blog dengan akun Disqus kita akan terintegrasi.

Sekarang kita langsung ke cara cara pemasangan Disqus untuk Blogger :

Untuk memasang nya, Anda tidak bisa langsung mengaitkan blog Anda dengan Disqus, terlebih dahulu Anda harus mendaftar kan sebuah akun Disqus baru yang nanti nya akan di kaitkan dengan blog Anda.

Step 1 : Pertama, Anda harus mengunjungi situs Disqus untuk mendaftar. Pada halaman awal Disqus akan nampak seperti di bawah ini, setelah terbuka situs nya, sekarang klik " Get Started " kemudian Anda akan di alihkan ke halaman registrasi.

Step 2 : Setelah berada di form pendaftaran, ada banyak pilihan yang dapat dilakukan untuk melakukan pendaftaran. Anda bisa mendaftar menggunakan Email, akun Facebook, akun Twitter, dan atau aku Google. Sebagai contoh disini saya menggunakan akun Twitter untuk mendaftar.

Step 3 : Jika Anda menggunakan cara yang sama seperti yang saya praktekan ini, dengan menggunakan akun Twitter, Anda akan diminta login ke akun Twitter, silahkan login, dan setelah itu Anda diminta mengisi data, dan silahkan di isi data nya.

Step 4 : Sudah berhasil login ke Disqus? sekarang Anda berada di halaman home, jika belum silahkan masuk ke halaman home. Lihat gambar di bawah, pilih icon " Gir / Gerigi / Roda Gigi " seperti yang terdapat pada nomor 1. Kemudian pilih " Add Disqus To Site " 

Step 4 : Anda akan di alihkan ke halaman feature, kemudian scroll kebawah sampai bawah banget, terus pilih " Get Started " seperti di bawah ini.

Setelah di Anda memilih " Get Started " yang tadi, Anda akan di alihkan lagi ke halaman selanjutnya. Anda akan menemukan kata " Nice! Your account has been created.

What would you like to do with Disqus? ", tepat di bawah nya ada 2 pilihan yaitu " I want to comment on sites " dan yang satu lagi adalah " I want install Disqus on my site ", karena disini yang kita praktekan adalah blogspot atau blogger, maka kita pilih " I want to comment on sites ".

Step 5 : Selanjutnya Anda akan di alihkan ke halaman pemilihan channel, dan Anda disuruh untuk memilih 3 kategori. Pilih saja terserah mau nya apa, disitu banyak pilihan nya. Kemudian pilih continue di atas kanan.

Step 6 : Pada step ini Anda disuruh mengisi data data untuk Disqus nya.

• Site Name :  isikan dengan URL blog Anda
• Untuk Choose your unique Disqus URL, itu terserah isi dengan apa aja, ini nanti nya akan menjadi username gitu buat akun Disqus Anda.
• Untuk kategori, terserah juga pilih apa tapi mending di isi auto aja ya.

kemudian pilih finish registration. selanjutnya Anda akan di alihkan untuk memilih platform yang akan di pasang komentar Disqus. Pilih saja Blogger.

Step 6 : Anda akan di alihkan ke halaman selanjutnya. Lihat gambar di bawah,pada nomor 1 ada tulisan " Add (nama disqus) to my Blogger site " pilih itu kemudian Anda akan di alihkan untuk memasang widget disqus. Ga usah di otak atik langsung aja pilih Menambah Widget . Nah anda akan disuruh menambah widget disqus di blog atau di tata letak, pasang aja terus simpan. Kembali lagi ke halaman yang tadi atau halaman Install Intructions , Untuk mengimpor data komentar sebelum nya, anda silahkan pilih Discussion > Import untuk mengimpor data data komentar sebelum nya di blog Anda. Lihat di gambar kedua, Anda akan di alihkan ke halaman import data koemntar nya, pilih " Import comments from Blogger " kemudian Anda pilih blog milik Anda yang nantinya akan di import data komentar nya.

Sampai disini Anda sudah berhasil menambahkan komentar Disqus pada blog Anda. Tapi coba Anda kembali ke halaman Tata Letak,silahkan di cek apakah ada widget komentar Disqus disana, jika ada biarkan saja jangan di hapus widget nya. Selesai sudah tutorial nya, semoga bermanfaat .

Read More

Cara Merubah Tampilan Judul Sidebar Blogger

Sidebar biasa nya terletak pada bagian kiri atau kanan blog, atau bahkan berada di keduanya. Yang akan saya bahas adalah mengenai backgroud dari side bar nya, dan cara untuk merubah nya. Untuk template modifikasi mungkin tampilan nya sudah disesuaikan agar terlihat ngepas dengan tampilan lain nya seperti footer atau header. Background dari judul side bar nya disini akan kita rubah, seperti gambar diatas misalnya, tampilan untuk judul CATEGORY itu yang akan kita rubah. Tidak hanya background nya, kita juga dapat merubah ukuran font atau bahkan jenis font yang akan kita gunakan. Langsung ke step nya aja yuk :

Step 1 : Masuk ke halaman template kemudian edit HTML. Setelah itu coba cari kode CSS yang diawali sama .sidebar h2 atau coba cari kode yang mirip dengan kode itu. karna di template yang saya buat ini teks nya adalah seperti itu, tapi beberapa lainnya agak mirip seperti .sidebar h2 wrapper pokonya yang mirip sama .sidebar h2 deh.

Step 2 : Setelah ketemu, kalian copy kode CSS dibawah ini kemudian ganti kode yang tadi dengan kode yang ini, oh iya ganti nya sampe kode } ya.

.sidebar h2{
background:#575656;
margin:10px 0 10px 0;
padding:8px 0 8px 10px;
font-size:12px;
font-family: Sans-serif, Arial, Helvetica;
font-weight:bold;
text-transform:uppercase;
color:#ffffff; text-shadow:0 1px 0 #fff;
}

Kemudian kalian save template nya, dan coba ke halaman tata letak, lalu buat sebuah widget baru seperti label atau arsip atau popular post.
Untuk kustomisasi, kalian bisa ganti warna background #575656 dengan warna yang kalian mau, dan untuk jenis font, kalian bisa rubah font san serif, arial dan helvetica dengan font yang kalian suka.

Read More

Cara Merubah Tampilan Bullet Dan Numbering List Pada Blogger

Seperti yang kita ketahui, tampilan dari numbering dan bullet yang disediakan default memang seperti biasa biasa saja. Dan bagus nya adalah kita dapat mengkustomisasi tampilan Bullet dan Numbering nya, dari yang tampilan awal nya biasa biasa saja bisa kita ganti agar terlihat lebih enak di pandang. Bullet default yang disediakan sama seperti bullet pada umum nya begitu pula dengan numbbering, bullet hanya kecil dan berwarna hitam, sama seperti numbering hanya teks angka yang berwarna hitam.

Disini kita akan merubah tampilan mereka agar berbeda dari tampilan default nya. Yang pasti akan jauh lebih enak di lihat nya dari tampilan default. Berikut adalah beberapa contoh dari tampilan teks yang menggunakan bullet dan numbering yang di beri kode CSS.

1. Contoh teks menggunakan Numbering

• Contoh teks menggunakan Bullets

Nah kiranya seperti itu tampilan dari bullet dan numbering setelah kita beri CSS ke dalam template. Langsung di sedot praktekin aja tutorial nya :

Step 1 : Masuk ke template dan kemudian edit HTML, Cari kode  </b:skin> lalu copy kode di bawah ini kemudian paste tepat di atas kode </b:skin> .

Kode CSS untuk Bullet

.post ul {
margin: 5px 0px 5px 10px;padding: 0 0 0 20px;list-style-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtkLxymCR83bBuMhJzT3CbtGQ0hGyJvZoGvUZMWJpziTpag8ChP3wM7o6DNy0w26tkp6kZqtNwA_AVSwMKySAB72k8vLnvN6V43mrQEPuJUHBZQ7SQSCKGkBy_J7ZYxf6xWDZaARZfrw_8/s1600/bullet_tick.png);}
.post li {
margin: 0 0 0 10px;padding: 3px;
}
.post li:hover {
list-style-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtkLxymCR83bBuMhJzT3CbtGQ0hGyJvZoGvUZMWJpziTpag8ChP3wM7o6DNy0w26tkp6kZqtNwA_AVSwMKySAB72k8vLnvN6V43mrQEPuJUHBZQ7SQSCKGkBy_J7ZYxf6xWDZaARZfrw_8/s1600/bullet_tick.png);cursor: pointer;
}

Kode CSS untuk Numbering

.post ol {
font-family: sans-serif;
color: #706969; }
.post ol li {
line-height: 1.2em;
font-family: sans-serif;color: #289728; }
.post ol li:hover {
font-family: sans-serif;font-style: italic;
font-weight: bold;
color: #0080ff; }
.post ol p {
font-family: sans-serif;font-weight: normal;
font-style: normal;
color: #0F0E0E;
line-height:1.2em;}

Step 2 : Buat postingan lalu tambahkan Bullet atau Numbering, kemudian save dan publikasikan posting tersebut lalu lihat hasilnya.

Kustomisasi : Kalian dapat merubah beberapa tampilan seperti mengubah icon untuk bullet nya dengan cara mengganti link url gambar di atas dengan url icon yang kalian suka. Mengubah warna pada Numbering nya, kalian hanya perlu merubah teks color:#xxxxxx dengan warna color html yang kalian mau.

Read More

Cara Terbaru Flash HP Samsung Dengan Odin

Flashing Android biasa nya di lakukan ketika HP mengalami Bootloop atau Softbrick. Hal ini sering terjadi ketika salah melakukan penginstalan file zip melalui recovery. Kadang juga tanpa sebab bisa terjadi, sebenernya bukan tanpa sebab tapi hanya saja kita tidak menyadarinya. Beberapa perusahaan smartphone menyediakan software untuk kepada pelanggan untuk melakukan flashing, misalnya pada pokok pembahasan kali ini adalah ODIN.

Baca Juga :  Cara Instal Recovery Tanpa Komputer

Sebenernya ga terlalu susah untuk melakukan flash sendiri tanpa meminta bantuan orang lain. Cuma beberapa hal yang bikin orang males melakukan nya sendiri adalah bahan nya. Bahan nya apa aja si ? yang paling utama adalah Software nya, disini saya pake ODIN karna sesuai dengan judul. Kedua adalah Firmware, nah ini nih yang bikin orang males flashing sendiri, ukuran nya yang ga kecil yang bikin males. Firmware stock rom biasanya berukuran ratusan MB atau bahkan 1GB lebih. Untuk kasus ini saya menggunakan HP saya yaitu Galaxy A310F aka Galaxy A3 2016. Untuk merk hp lain silahkan gunakan software yang harus digunakan, bukan menggunakan odin ini.

BAHAN BAHAN

•  ODIN
•  Firmware / Stock Rom
•  Secangkir kopi
•  Rokok bilang merokok
•  Cemilan supaya ga bete nungguin proses instalasi

STEP BY STEP 

Step 1 : Download bahan nya seperti yang tadi saya bilang, download ODIN di website nya kemudian untuk firmware silahkan download di website samsung nya.

Step 2 : Sudah di download bahan nya, silahkan buka odin nya. Pada halaman awal odin silahkan centang AP/PDA kemudian masukan file firmware nya yang tadi di download. Ekstensi nya harus .tar ya jangan di ekstrak.

Step 3 : Matikan HP nya kemudian masuk ke mode download dengan cara tekan tombol Volume bawah + Home + Power . Setelah masuk mode download, nanti ada pilihan apakah Anda ingin melanjutkan atau ingin reboot, disini kita pencet tombol volume atas supaya masuk ke mode download.

Step 4 : Colokkan HP dengan USB ke komputer, Ketika konek maka pada kolom ID:COM akan teisi. Pastikan di kolom itu sudah ada teks ya.

Step 5 : Jika pada kolom ID:COM sudah ada atau HP sudah konek, Sekarang kita tinggal klik star pada bagian bawah odin. Tunggu hingga proses instalasi nya selesai. Jika sudah selesai maka HP kalian akan Reboot otomatis.

Terakhir, jika proses instalasi selesai maka kalian akan dibawa ke halaman awal smartphone, dan kalian disuruh mengisi data data seperti hal nya baru membeli handphone. Sampe disini proses instalasi atau flashing sudah selesai dan selamat menikmati tampilan awal smartphone kalian.

NB : Odin juga bisa digunakan untuk melakukan Rooting, Pemasang TWRP, untuk tutorial mungkin nanti akan saya share.

Read More

Cara Instal Recovery Lewat Terminal Emulator

Seperti yang kita ketahui sebagai seorang opreker, bahwa sebuah recovery yang sudah di modifikasi atau di kustom sangat lah penting untuk seorang opreker. Misalnya saja untuk proses penginstalan ZIP yang isi nya adalah mod untuk android nya.

Banyak hal hal yang bisa di lakukan pada recovery yang sudah di modifikasi yang tidak bisa di lakukan, seperti instal zip misalnya. Beberapa recovery bawaan dari pabrik tidak bisa melakukan penginstalan zip. Pilihan yang ada dan menonjol pada recovery bawaan adalah Reset Data. Pilihan itu sudahlah pasti ada di recovery yang kustom. Biasanya seorang opreker atau calon opreker setelah melakukan proses rooting dia akan  melakukan instalasi Recovery.

Baca juga : Cara Root Android Tanpa PC

Nah, metode untuk melakukan penginstalan recovery itu biasanya melalui komputer dan melalui android atau hp nya langsung, disini saya akan jelasan Bagaimana Cara Instal Recovery Langsung Dari Hp Tanpa Dari PC.

Langkah Pertama : Anda harus sudah memiliki bahan nya berupa file recovery yang berformat img, img itu bukan image foto ya. Dan Anda juga harus memiliki aplikasi Terminal Emulator nya, kalo belum punya silahkan download di playstore.

Langkah kedua : Jika bahan nya sudah di download, pastikan ekstensi nya sudah img ya, biasanya berbentuk zip atau rar atau ekstensi kompres lain nya. Jika memang sudah di kompres, silahkan di ekstrak terlebih dahulu. Setelah sudah di pastikan berbentuk img, silahkan pindahkan file nya ke sdcard/(disini). Saya sendiri menggunakan Samsung galaxy A3 2016 aka A310F, jadi file bisa saya letakan di internal. Entah karna apa tapi hp saya yang dulu di letakan di eksternal, atau mungkin karna hybird kali ya.

Langkah Ketiga : Sudah dipindahin file nya? Sekarang kita menuju eksekusi nya. Buka aplikasi Terminal Emulator nya, ketikan "su" (tanpa tanda kutip) lalu enter. Biasanya untuk pertama kali melakukan atau mengoperasikan terminal emulator, dia akan meminta izin akses dari supersu, jika keluar peringatan pilih saja allow atau izinkan. Masih di terminal emulator, ketik lagi seperti ini "dd if=/sdcard/TWRP.img of=/dev/block/mmcblk0p11" lalu tekan enter lagi. Setelah itu ketik "reboot recovery" dan anda akan di bawa ke recovery.

Catatan : Sampe disini Anda selesai melakukan penginstalan Recovery lewat Terminal Emulator. Ingat, perintah perintah yang saya ketikan menggunakan tanda kutip ( " ) itu Anda ketik di Terminal tanpa menggunakan tanda kutip tersebut. Dan tulisan TWRP.img itu adalah nama file recovery nya, jika di hp Anda nama file nya adalah recovery.img, maka di Terminal tuliskan recovery.img, jadi di sesuaikan saja.

INGAT LAGI, semua ini diluar tanggung jawab saya. Jika terjadi hal hal yang tidak di inginkan pada hp Anda, itu adalah tanggung jawab Anda sendiri. Jika memang terjadi hal hal yang tidak di inginkan, silahkan tuliskan di kolom komentar, siapa tau saya bisa membantu.

Read More

Cara Unfollow Non Follower Di Instagram

Lagi lagi tentang sosial media yang sangat populer. Kali in adalah Instagram, siapa si yang ga kenal instagram. Sosial media yang satu ini memanglah sangat terkenal di dunia, kecil besar, tua muda hampir semua nya memiliki akun sosial media yang satu ini.

Seperti itulah tampilan aplikasi instagram, berbeda jika kita membuka nya melalui browser di desktop.  Fitur utama sosial media yang satu ini adalah membagikan foto dan video ke dunia maya. Berbeda dengan Facebook, Instagram tidak dapat memposting sebuah status. Walaupun saat ini instagram sendiri dipegang oleh facebook, tapi mungkin itu agar mencerminkan ciri khusus dari instagram. Banyak artis artis dunia dan lokal yang memiliki akun instagram, tak heran orang orang ingin memiliki sebuah akun instagram, karna ingin melihat idola mereka. Mungkin beberapa dari mereka ada yang mau tenar di sosial media dengan cara mengumpulkan banyak follower. Dan alhasil following mereka akan banyak, dan agar tau siapa saja yang kita follow tetapi tidak memfollow back maka saya akan share cara nya.

Step 1 : Pertama kalian harus punya akun instagram nya. Kemudian kalian harus instal aplikasi Follow Cop di Google Play Store.

Step 2 : Setelah aplikasi Follow Cop Terinstal, kalian login menggunakan akun instagram kalian. Tenang aja itu bukan phising, liat aja total unduh di play store, dari situ sudah meyakinkan bahwa ini bukan phising.

Step 3 : Steleh login ke dalam aplikasi nya menggunakan akun instagram kalian, tinggu beberapa waktu hingga proses load data nya selesai. Lama dari proses load data nya itu sesuai dengan jumlah follower dan jumlah following akun kalian.

Step 4 : Selesai load data, kalian klik tulisan atau button Non Follower. Masuk di halaman non follower, kalian akan menemukan username orang orang yang tidak memfollow kalian tapi kalian follow dia. Untuk Unfollowing massal, kaloan hanya perlu pencet 3 titik di sebelah kanan atas, nanti ada menu Unfollow, pencet Unfollow maka username yang berada diatas sampe ke bawah akan di unfollow. Jumlah perUnfollow nya adalah 15 user, so jika kalian punya banyak non follower maka akan memakan banyak waktu untuk proses nya.

Selesai sampai di sini kalian sudah tidak usah khawatir sama nonfollower yang ada di following kalian. Dan ini juga sekaligus dapat kita gunakan untuk mengetahui siapa yang mengunfollow kita. 

Read More

Cara Membuat Auto Read More Blogger Dengan Thumbnail

Cara Membuat Auto Read More Blogger Dengan Thumbnail -  Jika kalian baru saja membuat sebuah template blogger, pasti home page template blogger kalian tidak ada read more nya bukan? ya emang kan belum di buat read more nya, tapi kalo template dari internet kalian pasti udah nemuin read more nya.

Saya sendiri pernah baca di beberapa blog dan website kalo penambahan Read More ini sendiri ke dalam blog akan mempengaruhi proses penerimaan Google Adsense, jika kalian mendaftarkan nya ke Google Adsense. Tapi saya suka liat liat blog orang, ada read more nya tetapi juga ada adsense nya. Ntah lah itu cuma beberapa opini saja, yang penting saya bukan membahas Adsense pada postingan ini. Read more kali ini hanya read more biasa tetapi untuk teks read more akan di ganti dengan gambar. Gif? bukan gif kok cuma gambar PNG biasa aja. 

Step 1 : Login ke blogger, masuk ke halaman Template kemudian edit HTML. Cari kode </head> copy kode di bawah dan paste tepat di atas kode </head> .

<script type='text/javascript'>var thumbnail_mode = "no-float" ;
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>

Step 2 : Masih di Edit HTML, sekarang cari kode <data:post.body/> , biasa nya di dalam template kode tersebut ada lebih dari 1, sekitar 2 atau 3 gitu, dan coba cari di kode yang ke 2. Udah ketemu? copy kode di bawah ini dan timpa atau replace dengan kode di bawah ini. Inget ya, di ganti bukan di tambahin kode ini.

<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");
</script> <span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'><img src='https://s24.postimg.org/ekmrlw0o5/Read_More_Ukon.png'/></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

Selesai, kemudia save template dan coba di refresh halaman utama blog nya.
Untuk gambar read more nya, kalian bisa ganti link url nya dengan gambar kalian sendiri, misalnya di ganti jadi "Baca Selengkap nya ...." atau bahkan di hapus gambar nya lalu di ganti dengan tulisan saja. Itu terserah kalian. Oke terimakasih sudah berkunjung, jangan segan untuk bertanya di kolom komentar jika menemukan kesulitan.

Read More

Cara Membuat Responsive Social Icon Pada Blogger

Liburan panjang akan segera datang, pasti bakal bosen nih ga bisa ketemu pacar temen di sekolah. Liburan kali ini akan lebih spesial karna akan banyak waktu buat pacar blogging. Kali ini masih di kategori yang sama yaitu Widget Blogger dan yang pasti ini beda dari postingan yang sebelum nya.

Tau ga saya mau share widget apa? pasti tau lah ya orang udah baca judul nya. Iya bener banget Social Icon yang pasti nya untuk link sosial media nya author blog. Memang ga terlalu penting widget ini sebetulnya, tapi apa salah nya bila kita men-share akun sosial media kita ke blog, atau mungkin sosial media blog sendiri.

Baca Juga :

Cara Membuat Label Blogger Dengan Efek Curl2 Subscribe Box Keren Untuk Blogger

Siapa tau, seiring berjalanan nya blog, dan semakin banyak nya pengunjung yang datang ke blog, akun sosial media kita yang di letakan di widget blog akan sering dikunjungi oleh pengunjung blog. Nah dari situ mungkin kita akan mendapatkan banyak pengikut akun sosial media. Oke, ga usah di perlebar lagi pembahasan soal sosial media nya, langsung aja ke penerapan nya :

Step 1 : Masuk ke halaman template kemudian buka edit HTML. Kemudian cari kode  </b:skin> , copy kode CSS di bawah ini dan pastekan tepan di atas kode itu.

#social-icon{background:#000;height:400px;width:50%;margin:auto}
#social-icon a{float:left;text-align:center;color:#FFF;font-size:45px;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out;height:50%}
#social-icon i{position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
#social-icon a:hover{background:#888}
#social-icon .fb{background:#3b5998}
#social-icon .tw{background:#4099FF}
#social-icon .yt{background:#e52d27}
#social-icon .gp{background:#D34836}
#social-icon .fb{width:75%}
#social-icon .gp{width:25%}
#social-icon .tw,#social-icon .yt{width:50%}
.cnir{position:fixed;right:10px;bottom:5px;color:#888;text-decoration:none}
@media screen and (max-width: 1000px) {
#social-icon .fb{width:100%}
#social-icon .tw, #social-icon .yt, #social-icon .gp{width:33.3333333333%}
}
@media screen and (max-width: 650px) {
#social-icon .tw,  #social-icon .yt,#social-icon .gp, #social-wrapper .fb{width:50%}
}
@media screen and (max-width: 300px) {
#social-icon .tw, #social-icon .yt, #social-icon .gp, #social-wrapper .fb{width:100%;height:25%}
}

Save template.

Step 2 : Masuk ke Tata Letak kemudian buat widget baru, pilih HTML/Javascript dan copy kode di bawah ini lalu pastekan disana.

<div id="social-icon">
<a class="fb" href="https://facebook.com/ukon16" target="_blank">
<i class="fa fa-facebook"></i>
</a>
<a class="gp" href="https://plus.google.com/+UkonArt" target="_blank">
<i class="fa fa-google-plus"></i>
</a>
<a class="yt" href="https://youtube.com/+UkonArt" target="_blank">
<i class="fa fa-youtube"></i>
</a>
<a class="tw" href="https://twitter.com/soekrondism" target="_blank">
<i class="fa fa-twitter"></i>
</a></div>

Ganti username sosial media diatas dengan sosial media milik kalian. langkah terakhir adalah save widget dan coba lihat hasilnya :)

Read More

Cara Membuat Navbar Menu Responsive Untuk Blogger

Navigasi Bar atau nav menu adalah menu yang berfungsi untuk mempermudah pengunjung blog atau website untuk masuk ke halaman tertentu seperti postingan dengan label atau halaman lain seperti About, Disclaimer, Privacy and Policy, Contact, atau Terms of Service. Menu ini sangat lah wajib hukum nya untuk ada di suatu blog atau website, misalnya untuk website atau blog yang ingin mendaftarkan Google Adsense , situs harus memiliki sebuah nav menu.

Menu navigasi yang satu ini memanglah responsive, ketika kita buka di mobile maka tampilan akan seperti di atas itu. Keren bukan? kode CSS dan HTML nya saya dapat dari salah satu website bernama fostrap. Langsung di praktekin aja yuk :

Langkah Pertama :

Masuk ke blogger kemudian ke template lalu edit HTML. cari kode </b:skin> kemudian pastekan kode CSS berikut tepat sebelum kode diatas.

/*------------- Navigasi Menu ------------*/

body {
 padding-top: 50px;
}
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
navbar a { text-decoration: none !important; }
.nav-ukon {
  display: block;
  margin-bottom: 15px 0;
  background: #3498db;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  -ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  z-index: 120;
}
.nav-ukon ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: block;
}
.nav-ukon li {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: inline-block;
  position: relative;
  font-size: 14px;
  color: #def1f0;
}
.nav-ukon li a {
  padding: 15px 20px;
  font-size: 14px;
  color: #def1f0;
  display: inline-block;
  outline: 0;
  font-weight: 400;
}
.nav-ukon li:hover ul.dropdown { display: block; }
.nav-ukon li ul.dropdown {
  position: absolute;
  display: none;
  width: 200px;
  background: #2980b9;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  -ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  padding-top: 0;
  z-index: 110;
}
.nav-ukon li ul.dropdown li {
  display: block;
  list-style-type: none;
}
.nav-ukon li ul.dropdown li a {
  padding: 15px 20px;
  font-size: 15px;
  color: #fff;
  display: block;
  font-weight: 400;
}
.nav-ukon li ul.dropdown li:last-child a { border-bottom: none; }
.nav-ukon li:hover a {
  background: #2980b9;
  color: #fff !important;
}
.nav-ukon li:first-child:hover a { border-radius: 3px 0 0 3px; }
.nav-ukon li ul.dropdown li:hover a { background: rgba(0,0,0, .1); }
.nav-ukon li ul.dropdown li:first-child:hover a { border-radius: 0; }
.nav-ukon li:hover .arrow-down { border-top: 5px solid #fff; }
.arrow-down {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #def1f0;
  position: relative;
  top: 15px;
  right: -5px;
  content: '';
}
.title-on-mobile {
  display: none;
}
 @media only screen and (max-width:900px) {
.nav-ukon {
  background: #fff;
  width: 200px;
  height: 100%;
  display: block;
  position: fixed;
  left: -200px;
  top: 0px;
  -webkit-transition: left 0.25s ease;
  -moz-transition: left 0.25s ease;
  -ms-transition: left 0.25s ease;
  -o-transition: left 0.25s ease;
  transition: left 0.25s ease;
  margin: 0;
  border: 0;
  border-radius: 0;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
  z-index: 105;
}
.title-on-mobile {
  position: fixed;
  display: block;
    top: 10px;
    font-size: 20px;
    left: 100px;
    right: 100px;
    text-align: center;
    color: #FFF !important;
}
.nav-ukon.visible {
  left: 0px;
  -webkit-transition: left 0.25s ease;
  -moz-transition: left 0.25s ease;
  -ms-transition: left 0.25s ease;
  -o-transition: left 0.25s ease;
  transition: left 0.25s ease;
  z-index: 90;
}
.nav-bg-ukon {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  height: 50px;
  margin: 0;
  position: absolute;
  top: 0px;
  left: 0px;
  background: #3498db;
  padding: 12px 0 0 10px;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  -ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  z-index: 100;
}
.navbar-ukon {
  display: inline-block;
  vertical-align: middle;
  height: 50px;
  cursor: pointer;
  margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    padding: 12px;
    z-index: 102;
}
.navbar-ukon span {
  height: 2px;
  background: #fff;
  margin: 5px;
  display: block;
  width: 20px;
}
.navbar-ukon span:nth-child(2) { width: 20px; }
.navbar-ukon span:nth-child(3) { width: 20px; }
.nav-ukon ul { padding-top: 50px; }
.nav-ukon li { display: block; }
.nav-ukon li a {
  display: block;
  color: #505050;
  font-weight: 600;
}
.nav-ukon li:first-child:hover a { border-radius: 0; }
.nav-ukon li ul.dropdown { position: relative; }
.nav-ukon li ul.dropdown li a {
  background: #2980b9 !important;
  border-bottom: none;
  color: #fff !important;
}
.nav-ukon li:hover a {
  background: #3498db;
  color: #fff !important;
}
.nav-ukon li ul.dropdown li:hover a {
  background: rgba(0,0,0,.1); !important;
  color: #fff !important;
}
.nav-ukon li ul.dropdown li a { padding: 10px 10px 10px 30px; }
.nav-ukon li:hover .arrow-down { border-top: 5px solid #fff; }
.arrow-down {
  border-top: 5px solid #505050;
  position: absolute;
  top: 20px;
  right: 10px;
}
.cover-bg {
  background: rgba(0,0,0,0.5);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
}
 @media only screen and (max-width:1199px) {
.container { width: 96%; }
}
.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
left:0;
z-index:120;
}

Langkah Kedua : 

Cari Kode </header> dan pastekan tepat di bawah nya. Untuk peletakan navigasi ini terserah kalian mau di taruh di mana, sebagai contoh saya meletakan nya di bawah header, kalian bisa meletakan nya diatas header.

/*------------- Navigasi Menu ------------*/

<navbar class="fixed-top">
      <div class='nav-ukon'>
        <ul>
          <li><a href='http://iamukon.id/'>Home</a></li>
          <li><a href='javascript:void(0)'>Web Design<span class='arrow-down'></span></a>
            <ul class='dropdown'>
              <li><a href='http://iamukon.id/'>HTML</a></li>
              <li><a href='http://iamukon.id/'>CSS</a></li>
              <li><a href='http://iamukon.id/'>Javascript</a></li>
              <li><a href='http://iamukon.id/'>JQuery</a></li>
            </ul>
          </li>
          <li><a href='javascript:void(0)' >Blogger<span class='arrow-down'></span></a>
            <ul class='dropdown'>
              <li><a href='http://www.iamukon.id/'>Widget</a></li>
              <li><a href='http://iamukon.id/'>Tips</a></li>
            </ul>
          </li>
          <li><a href='javascript:void(0)' >SEO<span class='arrow-down'></span></a>
            <ul class='dropdown'>
              <li><a href='http://iamukon.id/'>Tools</a></li>
              <li><a href='http://iamukon.id/'>Backlink</a></li>
            </ul>
          </li>
          <li><a href='http://iamukon.id/'>Google Adsense</a></li>
          <li><a href='http://iamukon.id/'>Advertising</a></li>
          <li><a href='http://iamukon.id/'>Business</a></li>
        </ul>
      </div>
      <div class='nav-bg-ukon'>
        <div class='navbar-ukon'> <span></span> <span></span> <span></span> </div>
        <a href='' class='title-on-mobile'>UKON</a>
      </div>
    </navbar>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js'></script>
<script>
$(document).ready(function(){
  $('.navbar-ukon').click(function(){
   $('.nav-ukon').toggleClass('visible');
   $('body').toggleClass('cover-bg');
  });
 });
</script> 

Untuk teks http://iamukon.id/  silahkan ganti dengan link kalian. Dan langkah terakhir adalah save template nya. Selesai sudah. Terima kasih sudah berkunjung, silahkan share jika artikel ini bermanfaat.

Read More