Modifikasi Tampilan Widget Label Blogger

• LABEL 1

Kode Script :

/* bloogtrik - Label Elegant Style start here */ .label-size a { display: inline-block; text-decoration: none; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); padding: 4px 7px; font-family: 'Helvetica Neue', helvetica, sans-serif; font-size: 12px; line-height: 14px; height: 14px; vertical-align: middle; margin-bottom: 6px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2), inset 0 1px 0 0 rgba(255, 255, 255, 0.4); -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2), inset 0 1px 0 0 rgba(255, 255, 255, 0.4); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2), inset 0 1px 0 0 rgba(255, 255, 255, 0.4); } .label-size a { color: #996633; border: 1px solid #DDA13C; background: rgb(238,177,75); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlYjE0YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjYzkxMmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(238,177,75,1) 0%, rgba(204,145,45,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,177,75,1)), color-stop(100%,rgba(204,145,45,1))); background: -webkit-linear-gradient(top, rgba(238,177,75,1) 0%,rgba(204,145,45,1) 100%); background: -o-linear-gradient(top, rgba(238,177,75,1) 0%,rgba(204,145,45,1) 100%); background: -ms-linear-gradient(top, rgba(238,177,75,1) 0%,rgba(204,145,45,1) 100%); background: linear-gradient(top, rgba(238,177,75,1) 0%,rgba(204,145,45,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeb14b', endColorstr='#cc912d',GradientType=0 ); } .label-size a:before { content: '\2022'; color: #FFFFFF; margin-right: 4px; font-size: 15px; line-height: 13px; height: 13px; vertical-align: text-top; text-shadow: 0 -1px -1px rgba(0, 0, 0, 0.2); } .label-size a:hover { text-decoration: none; background: rgb(240,183,86); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwYjc1NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNmEwNDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(240,183,86,1) 0%, rgba(214,160,68,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,183,86,1)), color-stop(100%,rgba(214,160,68,1))); background: -webkit-linear-gradient(top, rgba(240,183,86,1) 0%,rgba(214,160,68,1) 100%); background: -o-linear-gradient(top, rgba(240,183,86,1) 0%,rgba(214,160,68,1) 100%); background: -ms-linear-gradient(top, rgba(240,183,86,1) 0%,rgba(214,160,68,1) 100%); background: linear-gradient(top, rgba(240,183,86,1) 0%,rgba(214,160,68,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0b756', endColorstr='#d6a044',GradientType=0 ); }

• LABEL 2

Kode Scipt

.label-size{ margin:0; padding:0; position:relative; } .label-size a , .label-size span{ float:left; height:24px; line-height:24px; position:relative;font-size:12px; margin-bottom: 9px; margin-left:20px; padding:0 10px 0 12px; background:#0089e0; color:#fff; text-decoration:none; -moz-border-radius-bottomright:4px; -webkit-border-bottom-right-radius:4px; border-bottom-right-radius:4px; -moz-border-radius-topright:4px; -webkit-border-top-right-radius:4px; border-top-right-radius:4px; } .label-size a:before , .label-size span::before{ content:""; float:left; position:absolute; top:0; left:-12px; width:0; height:0; border-color:transparent #0089e0 transparent transparent;border-style:solid; border-width:12px 12px 12px 0; } .label-size a:after , .label-size span::after{ content:""; position:absolute; top:10px; left:0; float:left; width:4px;height:4px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; background:#fff; -moz-box-shadow:-1px -1px 2px #004977; -webkit-box-shadow:-1px -1px 2px #004977; box-shadow:-1px -1px 2px #004977; } .label-size a:hover , .label-size span::hover { background:#555;} .label-size a:hover:before , .label-size span::hover::before{border-color:transparent #555 transparent transparent;}

• Label 3

Kode Script

.label-size{ margin:0; padding:0; position:relative; } .label-size a , .label-size span{ float:left; height:24px; line-height:24px; position:relative;font-size:12px; margin-bottom: 9px; margin-left:20px; padding:0 10px 0 12px; background:#0089e0; color:#fff; text-decoration:none; -moz-border-radius-bottomright:4px; -webkit-border-bottom-right-radius:4px; border-bottom-right-radius:4px; -moz-border-radius-topright:4px; -webkit-border-top-right-radius:4px; border-top-right-radius:4px; } .label-size a:before , .label-size span::before{ content:""; float:left; position:absolute; top:0; left:-12px; width:0; height:0; border-color:transparent #0089e0 transparent transparent;border-style:solid; border-width:12px 12px 12px 0; } .label-size a:after , .label-size span::after{ content:""; position:absolute; top:10px; left:0; float:left; width:4px;height:4px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; background:#fff; -moz-box-shadow:-1px -1px 2px #004977; -webkit-box-shadow:-1px -1px 2px #004977; box-shadow:-1px -1px 2px #004977; } .label-size a:hover , .label-size span::hover { background:#555;} .label-size a:hover:before , .label-size span::hover::before{border-color:transparent #555 transparent transparent;} Langkah Pertama - See more at: http://mas-kepo.blogspot.com/2014/03/berikut-kode-untuk-merubah-tampilan.html#sthash.1nX4nOvS.dpuf

• Langkah Pertama

1. Masuk Blogger Dasboard > Template > Edit HTML > Lanjutkan
2. Backup template anda,untuk berjaga-jaga seandainya terjadi kesalahan
3. Tekan Control + F > cari kode ]]></b:skin>
4. Copy salah satu kode CSS diatas.
5. Pastekan / letakkan kodenya tepat "DIATAS" tag ]]></b:skin>
6. Save Template

• Langkah Kedua 

1. Masuk Blogger Dasboard > Tata Letak > Klik Tambah Gadget > pilih Label 
2. Setting widget Blogger Label > pilih Tampilkan Cloud 
3. Untuk pilihan "Sortir" dan "tampilkan semua" atau label yang dipilih terserah Anda Lihat gambar dibawah untuk lebih jelasnya.

 

Baca Selengkapnya →

Cara Download File Torrent Dengan IDM

Apa itu Torrent ???

Torrent adalah sebuah media untuk mempermudah download dan upload dengan metode peer 2 peer. Kita bisa mengupload 1 folder atau beberapa folder sekaligus melalui torrent ini. Software yang sering digunakan yaitu uTorrent.

Kecepatan download pada torrent tergantung seeder yang kita dapat. Semakin banyak seed, semakin cepat kecepatan download yang kalian dapatkan.

Bagaimana caranya agar kita bisa mendownload file di torrent melalui IDM (Internet Download Manager)?

Caranya cukup simpel kok sobat blogger, anda hanya perlu mengupload file torrent anda menjadi dirrect link, berikut website-nya. Langsung aja ke TKP.

1. Yang pertama ==>> Furk.net

Situs ini anda bisa mendownload file torrent anda dengan fullspeed atau tidak ada batas kecepatan.
Kelebihan lain pada Furk.net yaitu :

- Bandwith limit : Up to 250GB per month.
- Disk storage limit: unlimited (as long as files are from public sources)

• Pertama sobat harus register dahulu di website furk.net

 

• Setelah itu konfirmasi e-mail anda, setelah konfirmasi loggin kembali ke furk.net

• Jika sudah terverifikasi, kalian akan melihat menu My Files pada Furk.net kalian, klik lah My Files, lalu kalian akan melihat tampilan seperti ini lalu Pilihlah New.

• Lalu akan muncul tampilan seperti ini

- Link : copy alamat link torrent yang ingin dijadikan dirrect link

- Pilih File : upload file torrent anda yang ingin dijadikan direct link.

2. Yang ke dua ==>> zbigz.com

zbigz.com salah satu website yang menjadikan file torrent menjadi direct link, menurut saya zbigz sangat mudah dan simpel. Tapi download speed hanya terbatas (150 KB/sec) bagi pengguna akun "Free".

• buka situs zbigz.com
• jika sudah upload file torrent

• lalu pilih "Free" untuk pengguna gratis
• Kemudian biarkan zbigz mendownload dulu file torrent-nya. Tunggu hingga proses Caching selesai dan silahkan lanjutkan dengan menekan tombol download di sebelah kanan.

• Lalu klik "ZIP" untuk menconvert menjadi file zip.

• jika zipping sudah success download akan muncul sendirinya menggunakan idm

mudah kan?

mudah - mudahan sangat berguna bagi sobat blogger. Terima kasih sudah berkunjung

Baca Selengkapnya →

Cara Membuat Kotak Teks Dalam Postingan Blog

Sobat Blogger pasti pernah melihat kotak teks dalam postingan blog, lalu suka bertanya-tanya bagaimana cara membuatnya. Tenang saja itu semua bisa diatasi ,,he,,,hee,,,hee
Kali ini saya akan mencoba kasih sedikit tutorial cara "Membuat Kotak Teks Dalam Postingan Blog", yang siapa tau bisa bermanfaat bagi sobat blogger yang belum tau. Caranya cukup mudah kok gan :

1. Solid
Kode Script
<*div style="border: 1px solid #000000; background-color:#A9F5A9; padding: 5px;width: 330px; text-align: center; width: 310px;"> Tulisan artikel blog letakkan disini<*/div>

Hasil :

Tulisan artikel blog letakkan disini

2. Dotted
Kode Script
<*div style="border: 2px dotted #000000; background-color:#A9F5A9; padding: 5px;width: 330px; text-align: center; width: 310px;"> Tulisan artikel blog letakkan disini<*/div>

Hasil :

Tulisan artikel blog letakkan disini

3. Dashed
Kode Script
<*div style="border: 2px dashed #000000; background-color:#F4FA58; padding: 5px;width: 330px; text-align: center; width: 310px;"> Tulisan artikel blog letakkan disini<*/div>

Hasil :

Tulisan artikel blog letakkan disini

4. Double
Kode Script
<*div style="border: 4px double #000000; background-color:#F4FA58; padding: 5px;width: 330px; text-align: center; width: 310px;"> Tulisan artikel blog letakkan disini<*/div>

Hasil :

Tulisan artikel blog letakkan disini

5. Scrolling
Kode Script
<*div style='padding: 5px; overflow: auto; width: auto; height:200px;border:1px solid #000000'>Tulisan/script HTML atau artikel blog letakkan disini<*/div>

Hasil :

/span>Tulisan/script HTML atau artikel blog letakkan disini

Catatan :

• Hilangkan tanda " * " pada setiap kode script
• Ganti height untuk mengatur tinggi dan width untuk mengatur lebar.
• Dan background-colour untuk mengatur warna background kotak teks
• Untuk mengatur warna, sobat blogger harus menggunkan "kode warna HTML" yang bisa sobat cari ==>> Di sini

Oke, itulah sedikit tutorial dari saya untuk membuat kotak teks dalam postingan blog

Baca Selengkapnya →

Cara Merubah Ukuran / Halaman Pada Blog

Ada banyak sekali template blog yang bagus dan sangat menarik bagi sobat, namun kemungkinan sobat tidak menyukai karena salah satunya disebabkan oleh ukuran lebar dari suatu template blog tersebut. Hal ini biasanya sobat kurang cocok pada ukuran lebar kolom template yang meliputi kolom postingan, sidebar, footer, header dan masih banyak lagi.

Dalam mengatur ukuran suatu template blog tentu saja ada beberapa kode yang harus sobat ketahui, diantaranya adalah kode untuk template bagian keseluruhan atau dari beberapa kolom seperti ukuran lebar postingan, sidebar, header dan footer.

Berikut tutorial cara merubah ukuran pada blog :

• Login akun blogger Anda.
• Pilih Template > Edit HTML > klik Expand Template Widget.
• Untuk menghindari kesalahan yang tidak diinginkan dalam mengedit, download terlebih dahulu template blog Anda.
• Cari kode seperti dibawah ini untuk mengubah ukuran header:

#header-wrapper
{width:970px;
margin:0 auto 0;
height:60px;
padding:34px 0px 34px 0px;
overflow:hidden;}

Ganti ukuran header 970px sesuai dengan keinginan Anda.

• Cari kode seperti dibawah ini untuk mengubah ukuran lebar halaman:

#outer-wrapper
{width:970px;
margin:10px auto 0px;
padding:0;text-align:$startSide;
font:$bodyfont;
background:url( ... )

Ganti ukuran header 970px sesuai dengan keinginan Anda.

• Cari kode seperti dibawah ini untuk mengubah ukuran halaman posting:

#main-wrapper
{width:485px;
padding-top:10px;
padding-left:0px;
padding-right:0px;
float:left;word-wrap:break-word;/* fix for long text breaking sidebar float in IE */

Ganti ukuran header 485px sesuai dengan keinginan Anda.

• Cari kode seperti dibawah ini untuk mengubah ukuran sidebar:

#sidebar-wrapper{width:320px;
float:left;
padding-left:10px;margin-top:10px;margin-left:0px;
margin-right:10px;word-wrap:break-word;

Ganti ukuran sidebar 320px sesuai dengan keinginan Anda.

Untuk mengubah ukuran halaman blog, Anda harus teliti menghitung antara halaman, header, posting, sidebar, agar tampilan template blog nantinya terlihat bagus.

Sekian tutorial Cara Merubah Ukuran / Halaman Pada Blog dari saya, semoga sangat bermanfaat bagi pembaca. Apabila ada yang perlu ditanyakan bisa berkomentar di bawah.

Baca Selengkapnya →

Cara Memasang Google Font Di Blogger

Banyak blogger yang tidak merasa nyaman dengan font yang formal dan ingin menggantinya dengan font yang lebih menarik. Sebenarnya ini sangat mudah jika template blog anda dilengkapi fungsi variabel untuk mengganti font. Lalu bagaimana jika template blog anda tidak dilengkapi dengan variabel itu?

Kebanyakan template hasil download tidak bisa diedit di perancang template. Jadi untuk mengganti fontnya, anda perlu melakukan hal-hal sederhana berikut:


# Memilih Jenis Font

• Buka alamat http://www.google.com/fonts/#
• Sebaiknya anda set dulu ukuran fontnya untuk melihat tampilan font tersebut dalam ukuran yang anda inginkan. Pilih ukuran huruf dalam drop down size.
• Pilih Font yang cocok dan akan kamu gunakan nantinya. Klik "Add to Collection" untuk memilihnya.

• Setelah itu perhatikan di bagian bawah kanan. Klik "Use" untuk menggunakan Google Font tersebut.

• Lalu anda akan masuk pada halaman seperti dibawah ini ;

• Lalu scroll terus kebawah sampai ke kode css berikut. Lalu copy kodenya.

• Setelah di Copy, masuk ke Template => Edit Html
• Cari kode <Head> (utk memudahkan pencarian press ctrl+f) dan pastekan kode tadi dibawahnya (lih. gambar). Jangan lupa tambahkan kode " / " di akhir script sebagai penutup. seperti gambar ini :

• Sekarang kamu sudah memasang salah satu google font di blog kamu. Nah, sekarang saya akan mengajarkan kamu untuk mengubah font tulisan utama blog kamu menjadi menggunakan font tersebut.

#Cara memakai google font sebagai font artikel utama blogspot kamu:

• Masih di bagian Edit HTML blog kamu, langsung cari kode yang bernada .post-body
• Pastekan jenis font yang tadi sobat pilih di google font 

contoh nama font google

contoh:

kode sebelum memasang font:

.post-body{

line-height:1.6em;

margin:0;

text-align: justify;

}

kode setelah memasang font:

.post-body{

font-family: 'Kite One', sans-serif;

line-height:1.6em;

margin:0;

text-align: justify;

}

*tulisan biru ganti font dengan yang tadi sobat pilih

• Klik save template setelah selesai, dan coba cek hasilnya!
• Kalau mau mengubah font tulisan di bagian sidebar blog, maka cari kode bernada .sidebar. Kalau mau mengubah font tulisan di bagian footer blog, maka cari kode bernada .footer. 

Mudah bukan? Selamat mencoba! Kalau ada error / kesalahan, silahkan tinggalkan komentar ya agar saya bisa mengecek ulang. 

Baca Selengkapnya →

YouTube Downloader Pro v4.7.2.0.1

Youtube Downloader. Dari namanya pasti sudah pada tau fungsinya. Sedikit Review dari saya, Youtube downloader merupakan aplikasi yang berfungsi untuk medownload suatu video dari situs Youtube, ataupun Video-video online lainnya.
Bukan hanya berfungsi untuk medownload, Youtube downloader juga berfungsi untuk meng-convert video yang sedang kita download, ke berbagai macam format dari jenis video maupun audio.

Download

Cara Install : 

• Extract file yang udah di download pada link diatas.
• Kemudian double klik file YTDSetup.exe Install Seperti biasa
• Selanjut-nya jalannkan Patch-nya [run as administrator]
• Klik Patch, tunggu beberapa saat, hingga muncul tulisan patching done
• SELESAI.

Baca Selengkapnya →

Cara Mudah Membuka Situs Yang di Blokir

Cara Membuka Situs Yang Di Blokir Dengan Mudah Terbukti Berhasil - Saat sedang menggunakan
internet untuk mencari infromasi terkadang anda akan jumpai situs atau website yang di blokir, biasanya
akan muncul peringatan bahwa situs yang anda buka dalam posisi diblokir oleh Nawala, Amala ataupun
internet positif. Penyebab situs diblokir biasanya memberi konten yang tidak bermanfaat atau bisa
dikatakan spam, hingga kebijiakan pemerintah untuk memblokir situs-situs yang tidak mendidik dan
merusak moral.
Namun biasanya kemudian banyak yang mencari akal bagaimana cara supaya situs yang ingin anda
kunjungi yang diblokir tadi bisa tetap dibuka. Nah dalam kesempatan kali ini Lio Ngeblog akan
memberikan kepada anda mengenai bagaimana Cara Membuka Situs Yang Diblokir speedy ,Axis,
Telkomsel, indosat, XL, smartfren, AHA, DLL.

Cara Membuka Situs Yang Di Blokir Dengan Menggunakan Proxy
Anda bisa memanfaatkan layanan proxy yang berbayar hingga gratis seperti ;

• hidemyass(dot)com
• webproxy(dot)to
• webproxy(dot)ca
• www.freshproxylist(dot)net

 Cara Membuka Situs Yang Di Blokir Dengan Menggunakan Open DNS

• Buka control panel > network and sharing center 
• Pada sidebar sebelah kiri pilih Change Adapter settings
• Bila anda menggunakan Local Area Connection (LAN)
• Pada "Internet Protocol Version 4 (TCP/IPv4)" pilih Use the Following DNS Server address

• Isikan preferred DNS Server : 8.8.8.8
• Alternate DNS Server : 8.8.4.4

• Atau bisa juga menggunakan DNS lain
• Kemudian OK

Kumpulan DNS ==> Download

3. Buka situs atau website yang diblokir menggunakan layanan Short URL

Alternatif lain untuk membuka situs yang diblokir adalah dengan memanfaatkan layanan short url seperti:

• http://www.tinyurl(dot)com
• http://www.moourl(dot)com
• http://www.snipurl(dot)com
• http://www.shorturl(dot)com

Terima Kasih telah berkunjung, semoga tipsnya bermanfaat :) !!

Baca Selengkapnya →