Selasa, 30 Oktober 2018

Aplikasi Android WiFi brute force Pasword (No Root)


Sebelumnya admin membahas Hijacker v1.5 Wi-Fi Cracking Tools for Android Terbaru- dan sekarang admin akan berbagi tools lagi yaitu Aplikasi Android WiFi brute force Pasword (No Root)-

PERINGATAN: Proyek ini masih dalam pengembangan dan dengan menginstal aplikasi dapat salah mengonfigurasi pengaturan Wi-Fi OS Android Anda, pemulihan sistem mungkin diperlukan untuk memperbaikinya.

Aplikasi ini tidak mencoba sejumlah besar kata sandi. 

Ini akan menjadi sangat membosankan dan ini akan membutuhkan membangun perangkat. 
Cara kerja aplikasi ini adalah upaya Me random 10.000 kata sandi yang paling sering digunakan dengan beberapa heuristik (mencoba kata sandi yang sama dengan nama SSID, dll.). 
Ini mencoba setiap kata sandi ini dan memeriksa apakah salah satu dari kata sandi ada yang cocok . 
Jika sandi berfungsi, itu menunjukkannya di layar dan berinteraksi dengan sistem secara alami.

Aplikasi Android untuk mematikan kata sandi WiFi tanpa memerlukan perangkat yang telah di-rooting.

Hijacker v1.5 Wi-Fi Cracking Tools for Android Terbaru



Kali ini admin akan berbagi tools Hijacker v1.5 Wi-Fi Cracking Tools for Android Terbaru-Hijacker adalah Graphical User Interface untuk alat uji penetrasi Aircrack-ng,Airodump-ng, MDK3, dan Reaver. 

Ini menawarkan UI sederhana dan mudah untuk menggunakan alat-alat ini tanpa mengetik perintah di konsol dan menyalin & menyisipkan alamat MAC. Aplikasi ini membutuhkan perangkat Android ARM dengan adaptor nirkabel internal yang mendukung Mode Monitor.
Beberapa perangkat Android melakukannya, tetapi tidak ada yang asli. 
Ini berarti Anda akan membutuhkan firmware khusus.
Setiap perangkat yang menggunakan chipset BCM4339 (MSM8974, seperti Nexus 5, Xperia Z1 / Z2, LG G2, LG G Flex, Samsung Galaxy Note 3) akan bekerja dengan Nexmon (yang juga mendukung beberapa chipset lain).
Perangkat yang menggunakan BCM4330 dapat menggunakan bcmon.




Alternatifnya adalah menggunakan adaptor eksternal yang mendukung mode monitor di Android dengan kabel OTG. Alat yang diperlukan termasuk untuk perangkat armv7l dan aarch64 pada versi 1.1. Driver Nexmon dan utilitas manajemen untuk BCM4339 dan BCM4358 juga disertakan. Akses root juga diperlukan, karena tools ini membutuhkan root untuk bisa dijalankan.

Fitur:

Pengumpulan Informasi Lihat daftar titik akses dan stasiun (klien) di sekitar Anda (bahkan yang tersembunyi)
Lihat aktivitas jaringan tertentu (dengan mengukur beacon dan paket data) dan kliennya
Statistik tentang titik akses dan stasiun Lihat pabrikan perangkat (AP atau stasiun) dari basis data OUI Lihat kekuatan sinyal perangkat dan saring yang lebih dekat dengan Anda Simpan paket yang diambil dalam file .cap


Attacks

-Mengauthentikasi semua klien jaringan (baik menargetkan masing-masing (efektif) atau tanpa target tertentu) 
-Membatalkan autentikasi klien tertentu dari jaringan itu terhubung 
-MDK3 Beacon Flooding dengan opsi khusus dan daftar SSID 
-MDK3 Authentication DoS untuk jaringan tertentu atau ke AP 
-terdekat Tangkap jabat tangan WPA atau kumpulkan IV untuk memecahkan jaringan WEP -Reaver WPS cracking (serangan pixie-dust menggunakan netHunter chroot dan adaptor eksternal)

Other

-Biarkan aplikasi berjalan di latar belakang, secara opsional dengan pemberitahuan 
-Salin perintah atau alamat MAC ke papan klip 
-Termasuk alat yang dibutuhkan, tidak perlu instalasi manual Termasuk driver Nexmon, perpustakaan yang diperlukan dan utilitas manajemen untuk perangkat BCM4339 dan BCM4358 devices
-Atur perintah untuk mengaktifkan dan menonaktifkan mode monitor secara otomatis 
-Crack .cap file dengan daftar kata kustom 
-Buat tindakan khusus dan jalankan pada titik akses atau klien 
-dengan mudah Urutkan dan filter Akses Poin dan Stasiun dengan banyak parameter 
-Ekspor semua informasi yang dikumpulkan ke file 
-Tambahkan alias tetap ke perangkat (oleh MAC) untuk identifikasi lebih mudah
Screenshots






Syarat:

  • Memakai Os Android 5+ Ke atas
  • ROOT 
  • memiliki firmware untuk mendukung Mode Monitor pada antarmuka nirkabel Anda

Installation

Download versi terbaru di sini
Ketika Anda menjalankan Hijacker untuk pertama kalinya, Anda akan ditanya apakah Anda ingin menginstal firmware nexmon atau pergi ke layar awal. Jika Anda telah menginstal firmware Anda atau menggunakan adaptor eksternal, Anda bisa pergi ke layar awal. Jika tidak, dan jika perangkat Anda didukung, klik 'Instal Nexmon' dan kemudian 'Instal'. Setelah itu Anda akan mendarat di layar awal dan airodump akan mulai. Pastikan Anda telah mengaktifkan WiFi Anda dan itu dalam mode monitor.


Note: Pada beberapa perangkat, mengubah file di / sistem mungkin memicu fitur keamanan Android dan partisi sistem Anda akan dipulihkan ketika Anda reboot.


Penyelesaian masalah

Aplikasi ini dirancang dan diuji untuk perangkat ARM. Semua binari yang disertakan dikompilasi untuk arsitektur itu dan tidak akan bekerja pada hal lain. Anda dapat memeriksa apakah perangkat Anda kompatibel dengan masuk ke Pengaturan: jika Anda memiliki opsi untuk menginstal Nexmon, maka Anda berada pada arsitektur yang benar, jika tidak, Anda harus menginstal semua alat secara manual (busybox, aircrack-ng suite, mdk3, reaver, alat nirkabel, libfakeioctl.so library) dalam direktori yang dapat diakses PATH dan mengatur opsi 'Prefix' untuk alat-alat untuk memprakarsai pustaka yang mereka butuhkan: LD_PRELOAD = / path / to / libfakeioctl.so. 
Dalam pengaturan, ada opsi untuk menguji alat. 
Jika sesuatu gagal, Anda dapat mengklik 'Salin perintah tes' dan pilih alat yang gagal. Ini akan menyalin perintah tes ke clipboard Anda, yang dapat dijalankan secara manual di shell root dan melihat apa yang salah. 
Jika semua tes lulus dan Anda masih memiliki masalah, jangan ragu untuk membuka masalah di sini untuk memperbaikinya, atau gunakan opsi 'Kirim umpan balik' dalam pengaturan aplikasi. Jika aplikasi macet, aktivitas baru akan dimulai yang akan menghasilkan laporan bug di penyimpanan eksternal Anda dan memberi Anda opsi untuk mengirimkannya melalui email. 
Laporan ditampilkan dalam aktivitas sehingga Anda dapat melihat dengan tepat apa yang akan dikirim.

Do not report bugs for devices that are not supported or when you are using an outdated version.

Perlu diingat bahwa Hijacker hanyalah GUI untuk alat ini. Cara menjalankan alat ini cukup sederhana, dan jika semua tes lulus dan Anda berada dalam mode monitor, Anda seharusnya mendapatkan hasil yang Anda inginkan. Juga perlu diingat bahwa ini adalah alat audit. Ini berarti bahwa mereka digunakan untuk menguji integritas jaringan Anda, sehingga ada peluang (dan Anda harus berharap untuk itu) bahwa serangan tidak berfungsi di jaringan Anda. Ini bukan kesalahan aplikasi, itu sebenarnya sesuatu yang membuat Anda senang (mengingat ini berarti jaringan Anda aman). Namun, jika serangan bekerja ketika Anda mengetik perintah di terminal, tetapi tidak dengan aplikasi, silakan posting di sini untuk menyelesaikan masalah. Aplikasi ini masih dalam pengembangan sehingga bug akan selalu ada.

Download Hijacker

Semoga Bermanfaat

Cara Vistor Secara Realtime Dengan Cara Mendaftarkan Blog Ke Google Analytics


Nah pada kesempatan kali ini admin akan membagikan tutorial Cara Vistor Secara Realtime Dengan Cara Mendaftarkan Blog Ke Google Analytics- Fungsinya apa? Untuk memonimitor statistik sebuah website untuk keperluan pribadi secara akurat mulai dari Total penayangan real time sumber vistor dll.

Dan mungkin bertanya tanya apa itu google analytics dan manfaatnya admin rangkum dibawah ini.

Apa Itu Google Analytics?


Google Analytics yaitu sebuah situs yang di gunakan untuk memantau atau memonitor lalu lintas pengunjung dalam blog kita secara mendetail, dengan menggunakan fitur google analytics kita dapat mengetahui jumlah pengunjung secara real time dan tidak seperti data statistik blogger yang menghitung seluruh data visitor dan robot perayapan di gabung menjadi satu.




Manfaat Yang Di Dapat Dari Mendaftarkan Blog Ke Google Analytics


Manfaat yang dapat kita peroleh dari mendaftarkan blog kita ke dalam google analytics sangatlah banyak sekali, di dalam situs google analytics kita dapat mengetahui aktifitas apa saja yang di lakukan oleh para pengunjung, dengan demikian kita dapat mendapat berita minat apa saja yang di inginkan para pengujung



  • Informasi real time pengnjung yang aktif
  • Informasi statistik usia pengunjung
  • Informasi perangkat yang di gunakan oleh pengunjung
  • Informasi statistik kegemaran pengnjung
  • Informasi tentang asal negara pengunjung
  • Informasi keseluruhan statistik pengunjung lainnya

Cara Mendaftarkan Blog Ke Google Analytics


1. Masuk ke dalam situs Google Analytics


2. Selanjutnya klik "Sign Up" untuk mulai mendaftar




Cara Mendaftarkan Blog Ke Google Analytics 1







3. Isi semua form pendaftaran Google Analytics





Pilih Opsi Website

Account Name : Nama akun yang akan di gunakan di Google Analytics
Website Name : Nama website (blog) kalian
Website Url : Masukkan Url (alamat) website (blog) kalian
Industry Category : Pilih kategori website (blog) kalian
Reporting Time Zone : Pilih pemformatan waktu laporan berdasarkan wilayah



Cara Mendaftarkan Blog Ke Google Analytics 2







Setelah semua sudah terisi maka klik "Get Tracking ID" untuk melanjutkan

4. Setelah itu kalian akan mendapatkan nomor ID pelacakan Google Analytics, di sini kita bisa menggunakan dua opsi untuk memakainya yaitu:



Cara Mendaftarkan Blog Ke Google Analytics 3







Cara Pertama : Menggunakan ID Tracking (Pelacakan) Di Setelan Blogger

Cara pertama ini metode pemasangan kode google analytics yang sangat mudah dan tidak rumit, karena pihak blogspot sudah menyiapkan tempat untuk pemasangan kode Tracking Google Analytics

Masuk ke dalam blog kalian

Selanjutnya pilih menu "Setelan" dan klik "Lainnya"

Setelah itu kalian masukkan kode ID Tracking ke dalam form "Google Analytics"

Lalu klik "Simpan Setelan"





Cara Kedua : Memasukkan Script (gtag.js) Di Dalam Template (Tema)






Cara yang kedua ini mungkin agak sedikit ribet dan kurang baik untuk di lakukan karena kita menggunakan kode ID Tracking yang berupa file javascript yang bisa sedikit membebani loading blog kita

Masuk ke dalam blog kalian
Pilih menu "Tema atau Template"
Selanjutnya klik "Edit HTML"
Setelah itu letakkan kode ID Tracking yang berupa file javascript yang bernama (gtag.js) di dalam kode tag <head>...</head>

Cara Mendaftarkan Blog Ke Google Analytics 5

Kemudian klik "Simpan Tema" untuk selesai





Sesudah kalian Meregistrasikan Blog Ke Google Analytics, silahkan tunggu beberapa hari kemudian untuk menerima informasi di google analytics dengan demikian kita dapat mengetahui data perihal visitor secara detil dari blog kita dan menjadikannya bahan patokan untuk meningkatkan mutu blog kita.




Semoga Bermanfaat.

Senin, 29 Oktober 2018

Ini Dia Cara Mendaftarkan Blog Ke Yahoo Dan Bing Agar Lebih SEO Di Google



Ini Dia Cara Mendaftarkan Blog Ke Yahoo Dan Bing Agar Lebih SEO Di Google-Ya untuk search engine yahoo dan bing adalah sebuah salah satu alat mesin pencarian web di internet yang sangat besar dan terkenal selain mesin pencarian milik google yang tanpak no 1, bahkan search engine yahoo dan bing telah di bangun oleh perusahaan besar yang bernama microsoft. 


Perlu kalian ketahui bahwa search engine bing telah bergabung dengan yahoo, jadi apabila kita mendaftarkan blog kita ke dalam search engine bing maka secara otomatis blog kita juga akan terdaftar ke dalam search engine yahoo, dan membuat situs anda dapat diakses selain google.co.id.


Untuk mendaftarkan blog kita ke dalam search engine yahoo dan bing maka kita harus masuk ke dalam situs Bing Webmaster tool yang memang di khususkan untuk para pemilik blog mendaftarkan blog mereka seperti halnya google bisa ke google console untuk mengindex kepencarian google


Nah berikut Cara Lengkap Untuk Mendaftarkan Blog Ke Search Engine Yahoo Dan Bing Agar lebih Seo


1. Masuk ke dalam situs Bing Webmaster Tools

2. Selanjutnya kalian klik "Sign Up" kemudian pilih akun Google.




kalian juga bisa login dengan memilih cara lainnya untuk masuk ke dalam situs Bing Webmaster Tools tersebut, seperti masuk menggunakan akun Microsoft atau akun Facebook

3. Setelah itu kalian akan masuk ke dalam halaman dashboard Bing Webmaster Tools, kemudian kalian letakkan url blog kalian ke dalam kotak form tersebut dan klik tombol "Add"

Cara Mendaftarkan Blog Ke Yahoo Dan Bing 3
4. Kemudian isi formulir yang telah di sediakan oleh situs Bing Webmaster Tools





URL : berisi url blog atau situs kalian

Add site map : silahkan masukan peta situs blog kalian, sepert: sitemap.xml atau atom.xml dan sejenisnya dan nati akan admin bahas di tutorial berikutnya

First Name, Last Name : isi dengan nama kalian bebas

Email : diisi dengan alamat email kalian

Job role : Isi dengan pekerjaan kalian (opsional: boleh diisi boleh tidak)

Company Organization Name dan Company Organization Size : isi dengan nama perusahaan kalian atau silahkan isi sembarang.

Industry : pilih jenis perusahaan (Opsional)

Contact phone : isi dengan no telepon (Opsional)

State/Province dan Zip postalcode : diisi denan nama provinsi tempate tinggal dan kode pos.

Country region : diisi dengan nama negara tempat tinggal

Centang pilihan Im An Agency not site owner : jika kalian adalah bukan pemilik situs 

Biarkan pilihan yang lainnya seperti semula, dan tekan tombol save untuk menyimpannya.




5. Selanjutnya kalian pilih opsi kedua, dan copy kode Meta Tag yang ada di dalamnya kemudian letakkan di dalam blog kalian

Note: jangan di tutup dulu halaman ini 


Langkah verifikasi bing web master sama seperti google console


Caranya yaitu Masuk ke dalam blog kalian - pilih menu "Tema" - pilih "Edit HTML" dan letakkan kode Meta Tag Bing Di dalam kode tag sebelum </head> dan jika sudah klik "Simpan Tema"



Setelah itu kembali ke halaman Bing Webmaster Tools tadi dan klik "Verify"


Cara Submit Sitemap Di Bing Webmaster Tools

Sitemap merupakan sebuah data struktur url yang ada di blog kita yang berformat xml, sitemap juga memiliki kelebihan yang penting bagi blog kita supaya halaman yang ada di blog kita dengan cepat di rayapi oleh robot mesin pencari (pengindeksan artikel)

1. Masuk ke dalam Bing Webmaster Tools

2. Pilih Menu "Configure My Site" dan pilih "Sitemap"

3. Masukkan Url atau alamat blog kalian ke dalam kotak form yang ada di dalamnya bersama dengan sitemap blog kalian

Contoh : https://www.dev-android.tech/sitemap.xml





kemudian klik "Submit"

Setelah kalian melakukan submit sitemap maka akan muncul daftar sitemap yang masih Pending, itu berarti kalian harus menunggu beberapa hari supaya sitemap yang kalian submit benar benar terindeks oleh mesin pencarian Bing dan untuk menambah sitemap juga gamasalah lebih baik :)



Semoga Bermanfaat.

Ini Dia Cara Mendaftarkan Blog Ke Google Webmaster Tools Agar Lebih SEO

Cara Mendaftarkan Blog Ke Google Website admin Instruments (Webmaster Tools)-Google merupakan sebuah alat mesin pencarian web yang ada di web yang sangat populer di dunia karena sangat akurat sekali dalam mencari informasi dengan menggunakan berbagai macam watchword yang bisa kita gunakan, bahkan para blogger berlomba lomba untuk mendaftarkan blog mereka ke dalam mesin pencari google untuk menambah jumlah pengunjung blog mereka lantaran mesin pencari google telah mendominasi di berbagai macam perangkat seperti PC dan smartphone. 

Dengan demikian kita juga bisa memanfaatkan hal ini juga untuk menambah jumlah trafik dalam blog kita, dengan begitu blog kita juga bisa menjadi lebih populer karena berada di halaman mesin pencarian google. Berikut ini adalah cara menggunakan google website admin device untuk mendaftarkan blog kita ke google


Cara Mendaftarkan Blog Ke Google Webmaster Tools


1. Masuk ke dalam situs Google Webmaster Tools

2. Setelah itu pilih "Website" kemudian masukkan alamat blog kalian ke dalam kotak form dan klik "Add A Property"

3. Selanjutnya kalian pilih "HTML Tag" dan salin kode Meta Tag yang ada di dalamnya

TIPS: jangan tutup halaman ini dan jangan klik "verify"




4. Masuk ke dalam blog kalian >> pilih menu "Tema" >> klik "Edit HTML" dan letakkan Meta Tag Google Webmaster Tool tadi di antara tag <head>...</head> seperti ini dan klik "Simpan Tema"



Selanjutnya kalian kembali ke halaman Google Webmaster Tool tadi dan klik "Verify"

Cara Submit Sitemap Blog Ke Google Webmasters Tools

Sitemap merupakan sebuah data struktur url yang ada di blog kita yang berformat xml, sitemap juga memiliki kelebihan yang penting bagi blog kita supaya halaman yang ada di dalam blog kita dengan cepat di rayapi oleh robot mesin pencari (pengindeksan artikel)

1. Masuk ke dalam situs Google Webmaster Tools

2. Kemudian pilih menu "Crawl" dan pilih "Sitemap"

3. Selanjutnya kalian klik "Add/Test Sitemap" dan masukkan kode "sitemap.xml" tanpa tanda petik

4. Kemudian klik tombol "Submit" dan refresh halaman kalian


Setelah itu akan muncul sebuah data grafik seperti ini berarti itu tandanya sitemap blog kita sudah terdaftar di google



Setelah itu kalian tunggu saja beberapa hari kemudian supaya blog kalian muncul di halaman mesin pencarian google, demikian tutorial mengenai Cara Mendaftarkan Blog Ke Google Webmaster Tools
Atau bisa juga menambahkan beberapa sitemap, nanati admin bahas di tutorial berikutnya
Terimakasih

Semoga Bermanfaat

Sumber artikel ini : Zonainternetku.com

Cara Membuat Tombol Demo dan Download Keren


Tutorial Kali ini Admin akan menjelaskan Cara Membuat Tombol Demo dan Download dengan desain Flat UI (User Interface). Tombol ini biasanya di gunakan untuk share Game, File, Video,Template dan lainya.
Pengertian Flat UI "Flat User Interface Design is a minimalis UI Design Genre, or design language, currently used in various graphical user interfaces (such is Web sites or Applications)." - Wikipedia

Mudahnya, Flat UI adalah desain minimalis dengan bahasa desain yang menghilangkan efek 3D seperti gradient, tekstur, bayangan dan sejenisnya yang membuat desain menjadi 3D, jadi desain Flat UI nantinya terlihat seperti 2 dimensi dengan warna yang flat.

Dengan menerapkan desain Flat UI ini akan membuat tampilan terlihat fresh dan mempengaruhi performa sehingga lebih mudah untuk di akses.

Cara Membuat Tombol Demo dan Download desain Flat UI


1. Tambahkan kode link CSS berikut di atas kode </head>

<link href='//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css' rel="stylesheet"/>

2. Masuk Blogger> Template> Edit HTML
3. Letakan kode CSS berikut ini di atas kode </style> atau ]]><b:skin>

Model 1

/* model flat ui 1 */

.button { float : left ; list-style : none ; text-align:center;width:160px;margin:10px;padding:2px;font-size:14px;clear:both}

.button ul {margin:0;padding:0}

.button li { display:inline;margin:5px;padding:0;list-style:none}

.button li a.demo,.button li a.download{position:relative;padding:9px 48px 9px 16px;background:#3498db;color:#fff !important ; font-weight:700;font-size:14px;text-align:center;text-transform:uppercase;letter-spacing:0.5px;border-radius:3px;box-shadow:0 1px rgba(0,0,0,0.1);line-height:normal;transition:all .3s}

.button li a.download{background:#e74c3c}

.button li a.demo:hover,.button li a.download:hover{background:#666}

.button li a.demo:active,.button li a.download:active{cursor:pointer}

.button li a.after,.button li a.download:after{content:'\f135';bacground:rgba (0,0,0,0.1);position:absolute;right:0;top:0;font-weight:normal;display:inline-block;margin:0 0 0 10px;color:#fff;padding:11px;font-family:fontawesome}

.button li a.download:after{content:'\f019'}

Model 2

/* model flat ui 2 */

.button2{float:left;list-style:none;text-align:center;width:200px;margin:10px;padding:2px;font-size:14px;clear:both}

.button2 ul{margin:0;padding:0}

.button2 li{display:inline;margin:5px;padding:0;list-style:none}

.button2 li a.demo,.button2 li a.download{position:relative;padding:14px 48px 14px 16px;background:#3498db;display:block;color:#fff !important;font-weight:700;font-size:14px;text-align:left;text-transform:uppercase;letter-spacing:.2px;border-radius:3px;box-shadow:0 1px rgba(0,0,0,0.1);line-height:normal;transition:all .3s;max-width:200px;margin:auto;overflow:hidden}

.button2 li a.download{background:#e74c3c}

.button2 li a.demo:hover,.button2 li a.download:hover{background:#666}

.button2 li a.demo:active,.button2 li a.download:active{cursor:pointer}

.button2 li a.demo:after,.button2 li a.download:after{content:'\f054';background:rgba(0,0,0,0.1);position:absolute;right:0;top:0;font-weight:normal;display:inline-block;margin:0 0 0 10px;color:#fff;padding:16px 24px;font-family:fontawesome;transition:all .3s}

.button2 li:hover a.demo:after,.button2 li:hover a.download:after{background:transparent;-webkit-animaton:bounceright .3s alternate ease infinite;animation:bounceright .3s alternate ease infinite}

@webkit-keyframes bounceright{from{-webkit-transform:translateX(0)}to{-webkit-transform:translateX(3px)}}

@keyframes bounceright{from{transform:translateX(0)}to{transform:translateX(3px)}}

4. Simpan template

5. Gunakan kode berikut pada saat posting dan letakan pada mode HTML.

Model 1

<div style="text-align:center;">

<ul class="button">

<li><a class="demo" href="
your url name" target="_blank">Demo</a></li>

<li><a class="download" href="
your url name" target"_blank">Download</a></li>

</ul>

</div>

<div class="clear"></div>

Model 2

<div class="text-align:center;">

<ul class="button2">

<li><a class="demo" href="
your url name" target="_blank">Demo Link</a></li>

<li><a class="download" href="
your url name" target="_blank">Download Link</a></li>

</ul>

</div>

<div class="clear"></div>

"your url name" silahkan, di ganti dengan alamat URL blog sobat.

Sekian dulu Tutorial dari admin

semoga bermanfaat.

Minggu, 28 Oktober 2018

Membuat Daftar Widget Daftar Label







Cara Instal Widget iLabels v1.0.6 by zkreations

Pertama Buka Blogger -bagian " Tema ", tekan tombol " Customize " dan di perancang template Blogger pergi ke opsi lanjutan , di bagian " Custom CSS ", di mana kami akan menempelkan kode berikut:

/*! Widget: iLabels v1.0.6 | by zkreations */
#Label50,#Label50 .widget-content{position:relative!important;z-index:10;overflow:initial!important}.labeldrop:checked~.iLabels__button::before{position:fixed;top:0;left:0;width:100%;z-index:800;content:"";cursor:default;height:100%}.widget.Label,.widget.Label .widget-content{overflow:initial!important}.labeldrop{display:none}.iLabels{font-size:14px;position:relative}.iLabels__button{display:flex;justify-content:space-between;align-items:center;border-radius:3px;cursor:pointer;font-weight:500;transition:color .3s}.iLabels__button::after{content:"";width:8px;height:8px;display:block;border-right:3px solid;border-bottom:3px solid;-webkit-transform:rotate(45deg);transform:rotate(45deg);transition:.3s -webkit-transform;transition:.3s transform;transition:.3s transform,.3s -webkit-transform}.iLabels__nav{height:0;position:absolute;top:100%;z-index:9999;width:100%;padding-top:1em;opacity:0;transition:visibility .3s,opacity .3s,-webkit-transform .3s;transition:transform .3s,visibility .3s,opacity .3s;transition:transform .3s,visibility .3s,opacity .3s,-webkit-transform .3s;-webkit-transform:translate(0,2em);transform:translate(0,2em);visibility:hidden}.iLabels__dropdown{overflow-y:auto}.iLabels__link{display:flex;align-items:center;justify-content:space-between;font-weight:500}.labeldrop:checked~.iLabels__button::after{-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.labeldrop:checked~.iLabels__nav{visibility:visible;opacity:1;-webkit-transform:translate(0,0);transform:translate(0,0);height:auto}.iLabels__nav::before{content:"";display:block;top:8px;position:absolute;right:1em;width:14px;height:14px;z-index:-1;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
/*
=> Personalizar
*/

/* Switch
*------------------------ */

.iLabels__button {
padding: 1.2em; /* Relleno */
background: rgba(0, 0, 0, 0.05); /* Fondo */
color: rgba(38, 50, 56, 0.5); /* Color */
}
.iLabels__button:hover {
color: rgba(38, 50, 56, 0.75); /* Hover del boton */
}
/* Lista
*------------------------ */

.iLabels__dropdown,
.iLabels__nav::before {
background-color: #fff; /* Fondo */
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); /* Sombra */
}
.iLabels__dropdown {
border-radius: 3px; /* bordes redondeados */
max-height: 450px; /* Altura máxima */
}
/* Scrollbar
*------------------------ */

.iLabels__dropdown::-webkit-scrollbar {
width: 6px; /* Anchura */
}
.iLabels__dropdown::-webkit-scrollbar-track {
background-color: rgba(0, 0, 0, 0.1); /* Color de fondo */
}
.iLabels__dropdown::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, 0.4); /* Color de barra */
}
/* Enlaces
*------------------------ */

.iLabels__link {
padding: 0.8em 1em; /* Relleno */
color: rgba(0, 0, 0, 0.5); /* Color */
border-bottom: 1px solid rgba(0, 0, 0, 0.05); /* Bordes*/
}
.iLabels__num {
color: rgba(0, 0, 0, 0.25); /* Color */
font-size: 0.9em; /* Tamaño de fuente */
font-weight: 700; /* grosor */
}


Jika sudah lalu save kembali ke thema
Pilih "Edit html", CTRL+F Carai </b:section> Tempatkan kode dibawah ini tepat diatas </b:section> , Penempatan bebas ingin di atas widget atau di footer bebas
<b:widget id='Label50' title='Etiquetas desplegables' type='Label'>
<b:widget-settings>
<b:widget-setting name='showFreqNumbers'>true</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:if cond='data:title.length != 0'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<div class='iLabels'>
<input id='labeldrop' class='labeldrop' type='checkbox'/>
<label class='iLabels__button' for='labeldrop'>Elige una etiqueta</label>
<nav class='iLabels__nav'>
<div class='iLabels__dropdown'>
<b:loop values='data:labels' var='i'>
<a class='iLabels__link' expr:href='data:i.url'><data:i.name/>
<b:if cond='data:showFreqNumbers'><span class='iLabels__num'><data:i.count/> posts</span></b:if></a>

</b:widget>
Jika sudah save
Masuk Tataletak disana ada widget baru muncul
Tentukan Posisi bebas liat blog :) 

Untuk Demo Bisa liat Blog admin Trimakasih
Semoga bermanfaat.