Wednesday, November 30, 2016
Cara Membuat Header Blog Statis Melayang
Cara Membuat Header Blog Statis Melayang
Header & Top Menu statis maksudnya adalah tetap muncul saat blog di-scroll. (Baca: Top 5 Trending Desain Blog 2015).
Kode di atas sudah membuat header blog Anda melayang, statis, sticky, alias tetap muncul saat laman blog di-scroll ke bawah.
Catatan: Angka 200 bisa dikurang atau ditambah, sesuaikan saja, klik dulu "Preview" sebelum di-save!
5. Save Template!
Jika ingin mengganti huruf dengan logo/gambat, gunakan kode berikut ini:
Setelah berbagi tentang Cara Membuat Top Menu Statis di Blog, kali ini CB berbagi tentang cara membuat Header Blog statis.
Demonya bisa dilihat di CB Blogger Lab. Bisa juga lihat situs Yahoo, Okezone, Vivanews, dan banyak lagi.
Cara Membuat Header Blog Melayang (Floating Header):
1. Template > Edit HTML
2. Cari (tekan Ctrl+F) kode #header , .header, atau yang semisalnya (kode elemen header blog).
3. Tambahkan kode CSS berikut ini di bawahnya, di dalam kode pembuka {
position:fixed;
z-index:200;
background-color: #fff;
Kode di atas sudah membuat header blog Anda melayang, statis, sticky, alias tetap muncul saat laman blog di-scroll ke bawah.
4. Cari kode #main atau yang semisalnya (#main-wrapper, #main-content, #content-area, dll), lalu tambahkan kode berikut ini di dalam kode pembua {
margin-top:200px;
Catatan: Angka 200 bisa dikurang atau ditambah, sesuaikan saja, klik dulu "Preview" sebelum di-save!
5. Save Template!
Selamat, kini header blog Anda sudah "trendy", mengikuti perkembangan desain website modern, yang statis, sticky, atau melayang. Lihat DEMO.
CARA & JENIS LAINNYA
Jika header blognya ingin berukuran kecil, mirip Top Menu, bisa juga menjadi header bar tambahan, maka lakukan langkah berikut ini:
1. Template > Edit Html
2. Copy & Paste kode berikut ini sebelum atau dia atas kode </head>
CARA & JENIS LAINNYA
Jika header blognya ingin berukuran kecil, mirip Top Menu, bisa juga menjadi header bar tambahan, maka lakukan langkah berikut ini:
1. Template > Edit Html
2. Copy & Paste kode berikut ini sebelum atau dia atas kode </head>
<style type="text/css">
.fixed-header{
overflow: hidden;
position: fixed;
z-index: 999999;
top: 0px;
left: 0px;
right: 0px;
height: 76px;
background: #EEE;
}</style>2. Copy Paste kode beikut ini di atas kode </body>
<div class="fixed-header" >
<center><h1>Type Your Blog Name Here</h1></center>
</div>3. Save Template!
Jika tidak muncul, hapus kode di atas kode </body> tadi, Save Template!
4. Klik "Layout" > Add a Gadget > Pilih "HTML/Javascript"
5. Copas kode berikut ini ke kolom "Content".
<div class="fixed-header" >
<center><h1>Type Your Blog Name Here</h1></center>
</div><div class="fixed-header" >
<center>
<h1><img src="URL GAMBAR/LOGO" /></h1>
</center> </div>
Demikian Cara Membuat Header Blog Statis, Sticky, alias Melayang sebagaimana trending tampilan header terkini. Good Luck!
Sumber1
Sumber2
Demikian Cara Membuat Header Blog Statis, Sticky, alias Melayang sebagaimana trending tampilan header terkini. Good Luck!
Sumber1
Sumber2
Go to link Download
Cara Membuat Blog Ramai dan Sering di Komentari
Cara Membuat Blog Ramai dan Sering di Komentari
Satu hal yang wajar ketika kita membuat blog, pasti blog tersebut ingin ramai dikunjungi banyak pengunjung, selain itu juga menginginkan banyak komentar yang masuk pada tiap postingan. Toh buat apa kita membuat blog kalau sepi pengunjung. Adapun komentar tidak menjadi patokan peringkat sebuah blog, akan tetapi menunjukan bahwa dengan banyaknya komentar setidaknya blog tersebut memang mempunyai pengunjung.
Sudah banyak penjelasan tentang cara membuat blog agar ramai pengunjung dan banyak komentar didalamnya. Akan tetapi, ada yang menarik perhatian saya ketika mengunjungi blog Odhzar Jhadeya, disampaikan dengan cerita fiksi, yang berupa konsultasi pemula dengan seseorang yang sudah malang melintang di dunia Blogging. Cerita ini akan saya suguhkan kembali buat sahabat blogger, dalam versi saya dan sedikit diberi tambahan.
Alkisah, ada seseorang yang baru membuat blog dan memang ia pemula di dunia blogging, sebut saja namanya "A". Dengan penuh semangat si "A" membuat postingan demi postingan. Waktu pun terus berjalan, 1-2 bulan blog si "A" masih sepi pengunjung dan hanya 1-2 komentar pada postingannya.
Si "A" pun menemukan seseorang untuk dijadikan tempat konsultasi, sebut saja namanya "B", akhirnya dimulailah percakapan antara "A" dan "B" walaupun hanya melalui sebuah email.
Si "A" pun kemudian membenahi blognya, dia buang widget-widget yang memberatkan dan tidak berguna. Sekarang blognya sudah jauh lebih cepat bahkan terasa ringan. Tapi.. tetap saja, sepi pengunjung dan komentar. Kembali si "A" menghubungi si "B"
Si "A" mencoba membenahi blognya, memang ia sadar warnanya terlalu tajam, teks kecil, backroud dan teks yang sedikit samar. Ia benahi semua itu. Tapi.. tetap saja, sepi pengunjung dan komentar. Kembali si "A" menghubungi si "B"
Dengan usaha yang keras, akhirnya si "A" berhasil membuat artikel yang fresh, penataan bahasa yang bagus, sederhana dan mudah difahami. Lambat laun pengunjung blogpun meningkat. Dan ternyata masih ada saja keluhan tentang komentar. Sepi dari komentar.
Oooh.. ternyata si "A" baru sadar, tidak semua blogger menyukai facebook, atau sempet suka tapi bosan dengan Facebook.
Si "A" menghilangkan verifikasi captcha, dan kembali menghubungi si "B"
Wah.. masih ada aja ya... ia hilangkan captcha dan ia berfikir ayo apalagi, semuanya sudah beres. Si "A" kembali menghubungi si "B"
Komentar demi komentar di pelajari dan dibalas sebaik mungkin, tapi belum maksimal.. pengunjung belum sesuai harapan, begitupun dengan komentar...
Sahabat, semoga gambaran di atas menjadi sebuah pelajaran bagi kita. Saya pribadi masih belum bisa melaksanakan semua hal di atas. Mungkin sahabat juga begitu. Terbentur dengan pekerjaan atau kesibukan lainnya.
Blog yang ringan, tampilan menarik, content yang berbobot, dan pertimbangan memasang captcha dan moderasi.. itu dapat menarik pengunjung ke blog kita. Captcha dan moderasi memang di perlukan untuk mengatasi spam. Tapi menurut hemat saya, blogger lebih aman dari spammer kalau di banding WP.
Blog saya tanpa Captcha dan Moderasi. Coba bandingkan, lebih enak di blog saya berkomentar atau di blog yang pasang captcha dan moderasi?
Selain itu, hal yang sangat penting tentunya, kita harus rajin blogwalking dan ramah terhadap pengunjung blog dengan menjawab komentar2 blogger.
Semoga bermanfaat...
Sudah banyak penjelasan tentang cara membuat blog agar ramai pengunjung dan banyak komentar didalamnya. Akan tetapi, ada yang menarik perhatian saya ketika mengunjungi blog Odhzar Jhadeya, disampaikan dengan cerita fiksi, yang berupa konsultasi pemula dengan seseorang yang sudah malang melintang di dunia Blogging. Cerita ini akan saya suguhkan kembali buat sahabat blogger, dalam versi saya dan sedikit diberi tambahan.
Alkisah, ada seseorang yang baru membuat blog dan memang ia pemula di dunia blogging, sebut saja namanya "A". Dengan penuh semangat si "A" membuat postingan demi postingan. Waktu pun terus berjalan, 1-2 bulan blog si "A" masih sepi pengunjung dan hanya 1-2 komentar pada postingannya.
Si "A" pun menemukan seseorang untuk dijadikan tempat konsultasi, sebut saja namanya "B", akhirnya dimulailah percakapan antara "A" dan "B" walaupun hanya melalui sebuah email.
| A | : | Saya sudah membuat blog dan banyak postingan, tapi kenapa masih sedikit pengunjung dan hanya 1-2 komentar saja? minta kritik dan sarannya dong |
| B | : | Saya sudah mengunjungi blog Anda, saya rasa pengunjung akan malas mengunjungi blog anda karena loadingnya terlalu berat. Coba hapus widget yang tidak diperlukan. |
Si "A" pun kemudian membenahi blognya, dia buang widget-widget yang memberatkan dan tidak berguna. Sekarang blognya sudah jauh lebih cepat bahkan terasa ringan. Tapi.. tetap saja, sepi pengunjung dan komentar. Kembali si "A" menghubungi si "B"
| A | : | Blog saya sudah ringan, tapi tetep aja masih sepi |
| B | : | Blog Anda sudah ringan memang, tapi tampilan blog anda tidak menarik. Teks yang sulit dibaca dan warna yang menusuk mata. |
Si "A" mencoba membenahi blognya, memang ia sadar warnanya terlalu tajam, teks kecil, backroud dan teks yang sedikit samar. Ia benahi semua itu. Tapi.. tetap saja, sepi pengunjung dan komentar. Kembali si "A" menghubungi si "B"
| A | : | Blog saya sudah ringan, tampilan sudah bagus,tapi tetep aja masih sepi |
| B | : | Blog Anda sudah ringan memang, tampilan menarik, tapi content blog Anda tidak berkualitas. Saya lihat banyak artikel copas, bahasa yang ga jelas, dll. |
Dengan usaha yang keras, akhirnya si "A" berhasil membuat artikel yang fresh, penataan bahasa yang bagus, sederhana dan mudah difahami. Lambat laun pengunjung blogpun meningkat. Dan ternyata masih ada saja keluhan tentang komentar. Sepi dari komentar.
| A | : | Sekarang sudah mulai banyak pengunjung, tapi kenapa masih sepi komentar? |
| B | : | Artikel yang Anda buat memungkinkan munculnya pertanyaan. Tapi saya malas berkomentar, mungkin yang lain juga karena Anda menggunakan komentar Facebook. Menurut saya, lebih bermanfaat tombol Like atau share ke facebook. |
Oooh.. ternyata si "A" baru sadar, tidak semua blogger menyukai facebook, atau sempet suka tapi bosan dengan Facebook.
| A | : | Saya sudah ganti ke komentar standard, masih sepi juga |
| B | : | Verifikasi captcha yang menyebabkan orang-orang malas berkomentar |
Si "A" menghilangkan verifikasi captcha, dan kembali menghubungi si "B"
| A | : | Captcha sudah saya hilangkan, jadi ga ada alasan lagi kayaknya nih |
| B | : | Saya coba membuat komentar di blog Anda. Semangat saya membuatnya, tetapi kata-kata "Komentar Anda akan muncul setelah dimoderasi", itu yang membuat saya malas untuk berkomentar lagi. |
Wah.. masih ada aja ya... ia hilangkan captcha dan ia berfikir ayo apalagi, semuanya sudah beres. Si "A" kembali menghubungi si "B"
| A | : | Ringan, tampilan bagus, conten original, komentar standar, tanpa captcha dan moderasi... Apa yang Anda sarankan saya telah laksanakan. Tapi tetep sepi komentar... |
| B | : | Saya lihat anda tidak pernah membalas komentar, saya malas memberikan komentar di blog Anda. |
Komentar demi komentar di pelajari dan dibalas sebaik mungkin, tapi belum maksimal.. pengunjung belum sesuai harapan, begitupun dengan komentar...
| A | : | Saya sudah berusaha ramah dan memberikan jawaban atas pertanyaan sahabat, apa lagi yang kurang? |
| B | : | Anda tidak pernah menulis komentar di blog saya, bagaimana mau berkomentar di blog Anda?bagaimana blog Anda mau dikenal luas di kalangan blogger, kalau tidak pernah mengunjungi mereka? |
Sahabat, semoga gambaran di atas menjadi sebuah pelajaran bagi kita. Saya pribadi masih belum bisa melaksanakan semua hal di atas. Mungkin sahabat juga begitu. Terbentur dengan pekerjaan atau kesibukan lainnya.
Blog yang ringan, tampilan menarik, content yang berbobot, dan pertimbangan memasang captcha dan moderasi.. itu dapat menarik pengunjung ke blog kita. Captcha dan moderasi memang di perlukan untuk mengatasi spam. Tapi menurut hemat saya, blogger lebih aman dari spammer kalau di banding WP.
Blog saya tanpa Captcha dan Moderasi. Coba bandingkan, lebih enak di blog saya berkomentar atau di blog yang pasang captcha dan moderasi?
Selain itu, hal yang sangat penting tentunya, kita harus rajin blogwalking dan ramah terhadap pengunjung blog dengan menjawab komentar2 blogger.
Semoga bermanfaat...
Go to link Download
Cara Membuat Efek Hati bertaburan di Blog
Cara Membuat Efek Hati bertaburan di Blog
Hai sobat blogger !!! Kali ini, aq akan share tentang Cara Membuat Efek Hati bertaburan di Blog. Berikut cara-caranya :
- Login ke blogger.com
- Pilih Tata Letak.
- Tambahkan gadget.
- Pilih HTML / JavaScript.
- Copy & Paste code di bawah ini :
<script
src=http://tateluproject.googlecode.com/files/lovingheart.js
type=text/javascript></script>
- Simpan.
Go to link Download
Cara Membuat Cheat PB Point Blank
Cara Membuat Cheat PB Point Blank
Cara Membuat Cheat Point Blank - Hai Sob, Ketemu lagi disini ane mau share cara membuat cheat sendiri. Ane kasih contoh untuk membuat cheat Point Blank.Perhatikan Baik baik karena penjelasanya agak panjang, Dan maaf code source disini tidak bisa di copy makanya harus ketik sendiri kan agan agan mau jadi progammer yang hebat masak copy paste.
tinggal lo pelajari aja dengan teliti dan memerlukan ketekunan dan keuletan dalam membuatnya, tapi kalau lo udah mahir tidak perlu lagi ini,,,,, lo tinggal buka Aaj langsung Visual Basic. 6.
Langsung saja Nie caraya :
2. Lalu Juga Download cara pembuatanya, karena gk mungkin ane jelasin satu satu karena buanyak banget mending DOWNLOAD DISINI
3. Sekarang Cara pembuatan Injectornya (Maaf klo soure code nya gk bisa di copy) :
Klo gk mau repot Tinggal Download DISINI
Dan Video Tutornya :
Klo Lo Progammer Sejati nih Lihat dan Buatlah :
~Tutor Pembuatan Injector~
pilih standard exe.
A. Pembuatan Form dan Design
- bikin 1 form, 1 label dan 1 timer, jadinya seperti ini
silakan dikreasikan formnya semaunya,
syarat harus ada 1 label dan 1 timer pada form. selanjutnya,
B. Code dan Modules
klik kanan pada form --> pilih view code.
isikan kode berikut pada form1,
Spoiler:
Option Explicit
Win 2k, ME, XP
Private Const GWL_EXSTYLE As Long = (-20)
Private Const WS_EX_LAYERED As Long = &H80000
Private Const LWA_ALPHA As Long = &H2
Private winHwnd As Long
Private NamaDll As String
Private Declare Function GetWindowLongA Lib "USER32" (ByVal hwnd As Long, _
ByVal nIndex As Long) As Long
Private Declare Function SetWindowLongA Lib "USER32" (ByVal hwnd As Long, _
ByVal nIndex As Long, _
ByVal dwNewLong As Long) As Long
Private Declare Function SetLayeredWindowAttributes Lib "USER32" (ByVal hwnd As Long, _
ByVal crey As Byte, _
ByVal bAlpha As Byte, _
ByVal dwFlags As Long) As Long
Private Sub silakandiedit()
---------------------------------------------------------------
silakan diedit bagian kode dibawah ini
---------------------------------------------------------------
Me.Caption = "BlazeTorm_Injector™" pengaturan caption atau nama injector
Opacity 255, Me pengaturan transparent form MinVal = 20: MaxVal = 255
NamaDll = App.Path & "" & "Angel.dll" isikan nama library, contoh: suntix.dll
FileTarget = "PointBlank.exe"
Timer1.Interval = 20 interval untuk timer
----------------------------------------------------------------
End Sub
fungsi transparent form
Private Sub Opacity(Value As Byte, _
Frm As Form)
Dim MaxVal As Byte
Dim MinVal As Byte
On Error GoTo ErrorHandler
MinVal = 20
MaxVal = 255
If Value > MaxVal Then
Value = MaxVal
End If
If Value < MinVal Then
Value = MinVal
End If
SetWindowLongA Frm.hwnd, GWL_EXSTYLE, GetWindowLongA(Frm.hwnd, GWL_EXSTYLE) Or WS_EX_LAYERED
SetLayeredWindowAttributes Frm.hwnd, 0, Value, LWA_ALPHA
ErrorHandler:
Exit Sub
End Sub
Private Sub Form_Load()
App.TaskVisible = False hidden aplikasi dari window taskmanager terserah mau true/false
tetapi tidak hidden di process
perintah menghindari aplikasi dijalankan 2 kali
pada saat yg bersamaan
----------------------------------------
If App.PrevInstance Then
End
End If
----------------------------------------
silakandiedit --> memanggil perintah pada -->> Private Sub silakandiedit()
End Sub
Private Sub Picture1_Click()
End Sub
Private Sub Timer1_Timer()
winHwnd = FindWindow(vbNullString, "HSUpdate") mencari jendela hsupdate
If Not winHwnd = 0 Then jika ditemukan
NTProcessList deteksi process pointblank
InjectExecute (NamaDll) inject library
End tutup otomatis injector
Else jika tidak
Label1.Caption = "Terserah anda mau Ganti Apa" sabar menanti
End If
End Sub
Private Sub Form_QueryUnload(Cancel As Integer, UnloadMode As Integer)
OpenURL "http://www.kombre.co.cc/", Me.hwnd
End Sub
- bikin 3 modul, klik menu project --> add modules, modul pertama berinama modinjection,
pada modinjection, masukkan code berikut:
Spoiler:
Option Explicit
Private Declare Function GetProcAddress Lib "kernel32" (ByVal hModule As Long, _
ByVal lpProcName As String) As Long
Private Declare Function GetModuleHandle Lib "kernel32" Alias "GetModuleHandleA" (ByVal lpModuleName As String) As Long
Private Declare Function LoadLibrary Lib "kernel32" Alias "LoadLibraryA" (ByVal lpLibFileName As String) As Long
Private Declare Function VirtualAllocEx Lib "kernel32" (ByVal hProcess As Long, _
lpAddress As Any, _
ByVal dwSize As Long, _
ByVal fAllocType As Long, _
flProtect As Long) As Long
Private Declare Function WriteProcessMemory Lib "kernel32" (ByVal hProcess As Long, _
ByVal lpBaseAddress As Any, _
lpBuffer As Any, _
ByVal nSize As Long, _
lpNumberOfBytesWritten As Long) As Long
Private Declare Function CreateRemoteThread Lib "kernel32" (ByVal ProcessHandle As Long, _
lpThreadAttributes As Long, _
ByVal dwStackSize As Long, _
ByVal lpStartAddress As Any, _
ByVal lpParameter As Any, _
ByVal dwCreationFlags As Long, _
lpThreadID As Long) As Long
Private Declare Sub Sleep Lib "kernel32" (ByVal dwMilliseconds As Long)
Public Sub InjectDll(DllPath As String, _
ProsH As Long)
Dim DLLVirtLoc As Long
Dim DllLength As Long
Dim inject As Long
Dim LibAddress As Long
Dim CreateThread As Long
Dim ThreadID As Long
Dim Bla As VbMsgBoxResult
g_loadlibary:
Go to link Download
Cara Membersihkan Chace Junk File di Android
Cara Membersihkan Chace Junk File di Android
Cara Membersihkan Chace/Junk File di Android - Bagi sebagian besar pengguna android banyak yang mengeluh karena memory android nya penuh, disini saya memposting blog tentang cara menghilangkan keluhan memory penuh tersebut, dengan cara membersihkan file yang tidak terpakai di android seperti aplikasi yang di uninstall tapi masih ketinggalan data nya.Semua masalah itu dapat diatasi dengan sebuah aplikasi bernama Clean Master.
Bahan :
CleanMaster : APK atau Google Play Store
Langkah-Langkah nya :
1.Install Clean Master2.Buka Clean Master
ada beberapa tombol disana, ini fungsi nya :
-Junk Files : Membersihkan File yang tidak terpakai
-Memory Boost : Melegakan RAM (Mengeluarkan aplikasi yang berjalan agar tidak lemot)
-Security & Privacy : Memeriksa keamanan aplikasi dari malware
-App Manager : Mengatur aplikasi seperti Uninstall,Backup,Pindah ke Memory Internal,dll
3.Untuk membersihkan data yang tidak terpakai klik "Junk File"
4.Tunggu sesaat (pembersihan pertama akan banyak file yang terdeteksi)
5.Setelah itu klik "boost" lalu klik " done"
6.Selesai...
SEKIAN dan Terimakasih
~Selamat memory lega kembali~
Tolong klik g+ jika bermanfaat :) dan comment jika berhasil
Go to link Download
CARA MEMPERBAIKI HARDWARE ONBORAD YANG MATI
CARA MEMPERBAIKI HARDWARE ONBORAD YANG MATI
CARA MEMPERBAIKI HARDWARE ONBORAD YANG MATI. Hardware onboard terdapat pada motherboard yang simple dan praktis. Hardware tersebut seperti souncard, VGA, LAN card dkk, sudah menyatu dalam motherboard. Sehingga penggunanya tak perlu lagi menambahkan hardware yang sudah tersedia.Hardware tersebut walaupun praktis, tapi agak sedikit ribet kalau sudah tidak berfungsi. Berbeda dengan hardware yang tidak onboard, kalau rusak kan bisa diganti. Tapi tunggu dulu, hardware yang onboard sebenarnya tersambung langsung dengan system BIOS pada motherboard. Oleh karena itu, kalau tidak berfungsi jangan dulu beranggapan kalau ia itu sudah rusak. Coba dulu lakukan langkah berikut ini:
1. carilah jumper yang bernama CLEAR CMOS. Biasanya terletak dekat barterai.
2. posisikan jumper itu pada posisi CLEAR CMOS.
3. tunggu salama 5 detik
4. kembalikan jumper ke posisi semula (NORMAL).
Setelah itu nyalakan komputer dan cek hardware yang bermasalah tadi. Kalau cara diatas berhasil, tandanya hardware yang tidak berfungsi tadi memang di nonaktifkan oleh system BOIS. Tapi kalau masih gak berfungsi juga, artinya ada kemungkinan memang hardware tersebut memang sudah rusak.
Semoga bermanfaat .........!!!!!!!!!!!!!!!!!
Sumber : http://tips-tipskomputer.blogspot.com/
Go to link Download
Cara Membuat Anime Folder Icon
Cara Membuat Anime Folder Icon
Kali ini admin mau ngasih cara untuk membuat folder icon buat kalian. Well kali ini mungkin admin akan membuat tutorialnya dasarnya dulu dan nanti kalian bisa berkreasi dengan mengotak-atik dengan menambahkan berbagai macam layer untuk tampilan yang lebih rumit.
Sebenarnya ada banyak cara pembuatan folder icon mulai dari yang instan menggunakan aplikasi sampai yang edit-edit gambar sendiri di photoshop kalo admin sih sebenernya lebih suka yang buat sendiri lewat photoshop sih soalnya bisa buat menurut selera sekalian buat belajar.
Nah langsung saja admin kasih tau cara pembuatan folder iconnya sebenarnya untuk proses pembuatannya sih gak lama cukup 2 menit saja kalo sudah biasa. Pertama-tama siapkan Photoshopnya dan komputernya dan folder dengan bentuk yang diinginkan sebagai latar belakangnya kalian bisa mencari di bagian folder icon di sini.
Sebenernya sih tutorial ini admin dapet dari blog-blog yang ada di internet tapi admin kadang-kadang otak atik sendiri an menggunakan tutorial ini sebagai dasarnya.
Sebenarnya ada banyak cara pembuatan folder icon mulai dari yang instan menggunakan aplikasi sampai yang edit-edit gambar sendiri di photoshop kalo admin sih sebenernya lebih suka yang buat sendiri lewat photoshop sih soalnya bisa buat menurut selera sekalian buat belajar.
Nah langsung saja admin kasih tau cara pembuatan folder iconnya sebenarnya untuk proses pembuatannya sih gak lama cukup 2 menit saja kalo sudah biasa. Pertama-tama siapkan Photoshopnya dan komputernya dan folder dengan bentuk yang diinginkan sebagai latar belakangnya kalian bisa mencari di bagian folder icon di sini.
Sebenernya sih tutorial ini admin dapet dari blog-blog yang ada di internet tapi admin kadang-kadang otak atik sendiri an menggunakan tutorial ini sebagai dasarnya.
- Pertama siapkan dahulu gambar-gambar yang ingin dimasukkan kedalam folder icon kalian. Kemudian buka photoshop kalian (format png kalo bisa ya), masukan folder dasar yang kalian ingin gunakan.
- Copy atau paste gambar yang ingin kalian masukan kedalam folder seperti ini
- Sesuaikan letak dan ukuran gambar yang ingin kalian masukan ke dalam folder gunakan tanda mata (indicates) untuk menyesuaikannya.
- Kemudian jika kalian sudah yakin dengan posisi gambar kalian dalam folder silahkan nonaktifkan indicates seperti pada gambar di bawah ini dan pilih quick selection tool (w) nya.
- Setelah selesai mengcover bentuk folder dasarnya dengan quick selection tool tersebut (biar cepat ctrl+a kemudian klik folder dasarnya). Aktifkan indicates layer nya kemudian tekan CTRL+SHIFT+i +DEL.
- Selesai kemudian simpan (jika dalam photoshop kalian sudah ada .ico maka langsung saja simpan dengan format .ico tersebut jika tidak ada silahkan simpan folder icon kalian dalam format PNG).
Baiklah bagi yang photoshopnya tidak mempunyai penyimpanan format ico silahkan download aplikasi Image21con Converter di sini. atau di website resminya di sini.
Untuk cara convertnya simpel banget instal aplikasinya buka folder icon dengan format png tersebut pilih ukuran 256 x 256 kemudian klik ok
Sebenernya cara ini admin dapet dari blog-blog tapi admin biasanya sedikit berkreasi dengan memasukkan berbagai macam gambar dan layer agar penampilan folder iconnya lebih menarik. Sedikit saran dari admin kalian bisa memasukan maskot atau gambar chibi sedikit keluar dari folder icon tersebut biar kelihatan lebih menarik gunakan berbagai macam layer dan gambar untuk membuat persepsi kedalaman dan shadowingnya ok selamat berkreasi jika ada pertanyaan atau kurang jelas silahkan tanya saja ok.
Untuk cara convertnya simpel banget instal aplikasinya buka folder icon dengan format png tersebut pilih ukuran 256 x 256 kemudian klik ok
Sebenernya cara ini admin dapet dari blog-blog tapi admin biasanya sedikit berkreasi dengan memasukkan berbagai macam gambar dan layer agar penampilan folder iconnya lebih menarik. Sedikit saran dari admin kalian bisa memasukan maskot atau gambar chibi sedikit keluar dari folder icon tersebut biar kelihatan lebih menarik gunakan berbagai macam layer dan gambar untuk membuat persepsi kedalaman dan shadowingnya ok selamat berkreasi jika ada pertanyaan atau kurang jelas silahkan tanya saja ok.
sumber : http://www.arukanjeru.com/2015/01/cara-membuat-anime-folder-icon.html
Go to link Download
Tuesday, November 29, 2016
Cara Membuat Blog Tidak Bisa Di Copy Paste
Cara Membuat Blog Tidak Bisa Di Copy Paste
Cara Membuat Blog Tidak Bisa Di Copy Paste. Artikel yang sudah anda buat dengan susah payah yang begitu panjang hingga membuat tangan anda pegal mengetik, tiba tiba di copas atau di copy paste orang lain dan mengklaim milik nya tanpa memberi link sumber. Kesalkah anda atas tindakan tersebut? Pastinya sangat kesal kan? Walaupun blog anda sudah di proteksi DMCA dan Anti Klik Kanan, tetap saja para tukang copas tidak takut. Pasti ada saja cara yang dilakukan.
Jangan sedih karena hal itu. Jona Rendra kali ini akan memberikan Cara Membuat Blog Tidak Bisa Di Copy Paste yang tidak bertanggung jawab. Sebelum saya lanjutkan, saya ingin berpesan kepada anda bahwa "Jika blog anda memberikan tutorial mengenai CSS dan HTML blog, sebaiknya tidak menerapkan trik ini. Karena membuat pengunjung blog anda mengalami kesulitan saat mengcopy kode CSS atau HTML pada blog anda".
Trik Membuat Blog Tidak Bisa Di Copy Paste Orang Lain
1. Login ke akun blogger anda
2. Pada dashboard, pilih blog anda lalu masuk ke Template
3. Klik Edit HTML dan cari kode <body> dengan menekan ctrl + F
4. Ganti kode tersebut dengan
<body oncontextmenu="return false;" onkeydown="return false;" onmousedown="return false;">
5. Klik Simpan Template dan blog anda sudah tidak bisa di copy paste lagi
Pada postingan ini, anda menerapkan Cara Membuat Blog Tidak Bisa Di Copy Paste yang akan mempengaruhi SEMUA halaman posting anda beserta home page blog. Dan jika hanya ingin satu halaman saja yang ingin anda proteksi, baca di Cara Agar Blog Anti Copas Pada Salah Satu Halaman.
Itulah postingan dari Jona Rendra kali ini yang berjudul Cara Membuat Blog Tidak Bisa Di Copy Paste, semoga bermanfaat untuk anda. Jika ada pertanyaan atau pendapat anda menurut Cara cara ini, silahkan poskan komentar.
Go to link Download
Cara Membuat Background Di Flash Disk Dengan Software
Cara Membuat Background Di Flash Disk Dengan Software
Software untuk membuat background di Flashdisk , kini ada program otomatisnya dengan software, software ini di beri nama backgrou
nd maker .
Cara menggunakan softwarenya begini iya sobat :
1 . Download aplikasinya
2. Buka aplikasi yang sudah di download tadi
4. Lalu Centang yang bertuliskan "modify background picture and filename appearance"
7. Lalu klik next
8. Dan lihat hasil backgroundnya di Flashdisk kamu sobat
9. Jika gambar belum nampak eject/safely remove dahulu atau di refresh lalu pasang lagi flash disk
kamu. Dan kalo misalnya gambarnya pingin kamu ganti lagi,lakukan saja dengan cara yang sama.
Download 4shared or MediaFire
Go to link Download
Cara Membuat Emoticon Kaskus Di Postingan Blog
Cara Membuat Emoticon Kaskus Di Postingan Blog
Ya memang kita ketahui emoticon kaskus itu begitu menarik dan lucu-lucu, bahkan imut imut, saya pun sangat suka dengan emoticon tersebut, gak cuman emoticon nya nya aja, website nya pun saya suka, yang beralamat kaskus.co.id.
Dengan rasa suka dan tertarik melihat emoticon kaskus, saya pun mencari cari cara nya agar bisa di pasangin dipostingan blog saya, ya paling gak bisa membuat para pengunjung senang dan tertarik dengan blog Pengguna Blogger Indonesia ini. Namun pada waktu itu memang belum ada tutorial nya yang membahas cara memasang emoticon kaskus di artikel blog. Dan sampai sekarang pun. *Kayak nya* eh, tapi sekarang udah ada loh, ‘artikel ini misal nya’.
Karena tidak ada yang membahas caranya, akhir nya saya memikirkan sendiri gimana cara nya biar bisa memasang emoticon kaskus dipostingan dengan mudah dan gak cuman mudah, tapi juga gampang. Dan alhamdulilah dengan pikiran saya yang bersih dan juga bening dengan konsentrasi yang sangat luar biasa , saya akhir nya menemukan cara nya.
Bagi yang belum ngerti maksud nya, berikut ini langkah- langkah cara memasukan emoticon kaskus di postingan:
1. login Ke akun Blogger.
2. Buat Postingan Baru, atau gak Buka Postingan Lama.
3. Klik Icon Untuk Upload Gambar
4. Lalu Pilih Emoticon mana yang mau dimasukin. Yang tadi udah di extract.
5. Udah selesai, Begitulah kurang lebih cara nya gan.
Go to link Download
Cara Membuat Translator Di Blog
Cara Membuat Translator Di Blog
Mungkin semua blogger ingin blognya tidak hanya diminati oleh orang dalam negri saja. Namun sering kali kita mendapat kendala di Translatornya, Kali ini saya akan memecahkan masalah itu agar orang Dalam maupun Luar Negri dapat menikmati blog kita
1. Login ke Blogger
2. Klik Tata Letak
3. Tambahkan widget
4. Pilih HTML/JavaScript
Contoh/Tampilan 1 :
<style>
.google_translate img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:0;
}
.google_translate:hover img {
filter:alpha(opacity=30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
.google_translatextra:hover img {
filter:alpha(opacity=0.30);
-moz-opacity: 0.30;
opacity: 0.30; border:0;
}
</style>
<div>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open(http://translate.google.com/translate?u=+encodeURIComponent(location.href)+&langpair=id%7Cen&hl=en); return false;"><img alt="English" border="0" align="absbottom" title="English" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJdkmgdtyo1XfquHVQSXyCVeeksSsh0TFYIhAI98b8MDGWL7G-eqJBxHosSoiNU3-m7csgYgKqetUzudCjNnDq43CoeDmNAwb4CNw08u18tae4_mn08CjQJb1NacJWThTpfiFibW3o-9s/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open(http://translate.google.com/translate?u=+encodeURIComponent(location.href)+&langpair=id%7Cfr&hl=en); return false;"><img alt="French" border="0" align="absbottom" title="French" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0tD71TKu5o28KYVqDsg6tcup-TXzRHQ0b-GDClmNGjxbJjXSts6X3hAPqDWYyFmLNyN6aAL2YeRUx5HtGwiSCnY4NfzUJeDda5qbjmzY8JFbRRbjQ8dwOnRDGQ4KBW-wkfxOuQRSZ-mk/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open(http://translate.google.com/translate?u=+encodeURIComponent(location.href)+&langpair=id%7Cde&hl=en); return false;"><img alt="German" border="0" align="absbottom" title="German" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9gK0-GZUetxAoVA4_E3EBWmzPFPuxCRyOXO55ZhzRywkLeaa9iJsLp8Qnmf6R1mewdDy4JmM48RMwuaIYOHJiN3SPvzv_qV0SJaevKE94SRVYB_8BEKgVXnhL0AwR-1ganXHPYaP8F5mM/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open(http://translate.google.com/translate?u=+encodeURIComponent(location.href)+&langpair=id%7Ces&hl=en); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRjhGAQ8xqRv3jTPOm1JRuxPUw1oK1Kjymly9qG7_4MatlHbJhPs15vkvlbf1G3hsox2oYu2Y1otUjCPEkXDLMvtAhGVBvJFm9a6gX_XhSon-rDrowSG8fyNOXMOREvym32kI5ve6PsRZu/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open(http://translate.google.com/translate?u=+encodeURIComponent(location.href)+&langpair=id%7Cit&hl=en); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3-iVMX81Roo2cGApMgdLcWRt3JhgdvPrc3oFobJSA8mXCRInYmZpK_V2BAlKMOT5QDLrC4lgup_nWLSj_jkzK8BV_xa4vIXIqkJINRGFeeyLCakn2q9EoZTcyQCMtBNIxWARn4w7yEEw/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open(http://translate.google.com/translate?u=+encodeURIComponent(location.href)+&langpair=id%7Cnl&hl=en); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVxc8w8GFzWEwSvj34l_YxkJyJzlzlgyZ5PSu8Uee9foJv01p7vD1rvbnkjn5d_vqa0hE0QdF05uwLp5PZcnDtEf1TMKsxdebNJrd9Pe-6CiiaaYZw5b_MeNypVwtXDJqi7B-uSvuEoA8/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<br /><br />
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open(http://translate.google.com/translate?u=+encodeURIComponent(location.href)+&langpair=id%7Cru&hl=en); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7lIA_9_BHWMhka8Pdvv6kLx8Wc57HMgPCdsKyE5im00cJQEbpw0nF60XThKZ0TyH8LKzXmLKjE9mirg96x6Yh8Z1JvAgl-UdlPhAPa1Pejnl6ARdu2G_gvE1yEZzBNEnbXWq8FIXUA1k/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open(http://translate.google.com/translate?u=+encodeURIComponent(location.href)+&langpair=id%7Cpt&hl=en); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpgztAoKa6qoSp9E88IBa1s2GPnx1xKRuSE0dXhwoit5pFOK84e_7nM78Q_rmDBREpUM7EG73nliBjA5HCtvHDsBfQrN0hz_nYnGsC1An6DZNeonsH_JFweziI0D-oiHTRmuANsDMpn0g/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open(http://translate.google.com/translate?u=+encodeURIComponent(location.href)+&langpair=id%7Cja&hl=en); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYGk4WnBikr0i6EtC9gIVdmIVycDLJ8ZGxAfaP3IanpPrBQ8SEG6GFGL7QlAqHr_qwjACobVdp9132iPR_C-w2zJKWK6DeOejIWvPOCxe02IVGLEpefqR3PF9gtBYizd7piQt7MnbzcG-p/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open(http://translate.google.com/translate?u=+encodeURIComponent(location.href)+&langpair=id%7Cko&hl=en); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhltVt_5RwN9yilZvRN-3KimnWmqg0TsF8aGbZsdMexRKyvfuOLzPaJNaCaB9ZRefMl76o5MeWju7oJdGkYdKdT9jJHkz1NRlya8ZfwgMbdgZvhjwf9-LDpxiRXA9cbqKwKC7_GNEW56hs/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open(http://translate.google.com/translate?u=+encodeURIComponent(location.href)+&langpair=id%7Car&hl=en); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh19Pj0T0-VWyCLME4COItMzeS3w4wKkAfNqcDfoNBaRO_zGePKb85wM1jnGe5KSaefUg-3Uee_bGIMoM99vng6k_IdKXneStnC2hksK00UTssqa-30MC-E8qyBxtSiyD_9LyXAu3IQ-uk/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open(http://translate.google.com/translate?u=+encodeURIComponent(location.href)+&langpair=id%7Czh-CN&hl=en); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgM2c0xeGBiziaft8b7061MarMMRO808V_erZDmhXWhsNZHak-F7aZPTY7lsMTXbIrPtIOq6VIid1QVvHxPkJtpSnZZl3R305XyhmywetR-FuTriXl3fK6cGCNH8SXPFgi62yo9GabsPGo/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
</div>
<div style=font-size:10px;margin:8px 0px 3px 0px>
by : <a href=http://www.blogspottutorial.com/>BTF</a>
</div>
.google_translate img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:0;
}
.google_translate:hover img {
filter:alpha(opacity=30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
.google_translatextra:hover img {
filter:alpha(opacity=0.30);
-moz-opacity: 0.30;
opacity: 0.30; border:0;
}
</style>
<div>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open(http://translate.google.com/translate?u=+encodeURIComponent(location.href)+&langpair=id%7Cen&hl=en); return false;"><img alt="English" border="0" align="absbottom" title="English" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJdkmgdtyo1XfquHVQSXyCVeeksSsh0TFYIhAI98b8MDGWL7G-eqJBxHosSoiNU3-m7csgYgKqetUzudCjNnDq43CoeDmNAwb4CNw08u18tae4_mn08CjQJb1NacJWThTpfiFibW3o-9s/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open(http://translate.google.com/translate?u=+encodeURIComponent(location.href)+&langpair=id%7Cfr&hl=en); return false;"><img alt="French" border="0" align="absbottom" title="French" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0tD71TKu5o28KYVqDsg6tcup-TXzRHQ0b-GDClmNGjxbJjXSts6X3hAPqDWYyFmLNyN6aAL2YeRUx5HtGwiSCnY4NfzUJeDda5qbjmzY8JFbRRbjQ8dwOnRDGQ4KBW-wkfxOuQRSZ-mk/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open(http://translate.google.com/translate?u=+encodeURIComponent(location.href)+&langpair=id%7Cde&hl=en); return false;"><img alt="German" border="0" align="absbottom" title="German" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9gK0-GZUetxAoVA4_E3EBWmzPFPuxCRyOXO55ZhzRywkLeaa9iJsLp8Qnmf6R1mewdDy4JmM48RMwuaIYOHJiN3SPvzv_qV0SJaevKE94SRVYB_8BEKgVXnhL0AwR-1ganXHPYaP8F5mM/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open(http://translate.google.com/translate?u=+encodeURIComponent(location.href)+&langpair=id%7Ces&hl=en); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRjhGAQ8xqRv3jTPOm1JRuxPUw1oK1Kjymly9qG7_4MatlHbJhPs15vkvlbf1G3hsox2oYu2Y1otUjCPEkXDLMvtAhGVBvJFm9a6gX_XhSon-rDrowSG8fyNOXMOREvym32kI5ve6PsRZu/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open(http://translate.google.com/translate?u=+encodeURIComponent(location.href)+&langpair=id%7Cit&hl=en); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3-iVMX81Roo2cGApMgdLcWRt3JhgdvPrc3oFobJSA8mXCRInYmZpK_V2BAlKMOT5QDLrC4lgup_nWLSj_jkzK8BV_xa4vIXIqkJINRGFeeyLCakn2q9EoZTcyQCMtBNIxWARn4w7yEEw/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open(http://translate.google.com/translate?u=+encodeURIComponent(location.href)+&langpair=id%7Cnl&hl=en); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVxc8w8GFzWEwSvj34l_YxkJyJzlzlgyZ5PSu8Uee9foJv01p7vD1rvbnkjn5d_vqa0hE0QdF05uwLp5PZcnDtEf1TMKsxdebNJrd9Pe-6CiiaaYZw5b_MeNypVwtXDJqi7B-uSvuEoA8/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<br /><br />
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open(http://translate.google.com/translate?u=+encodeURIComponent(location.href)+&langpair=id%7Cru&hl=en); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7lIA_9_BHWMhka8Pdvv6kLx8Wc57HMgPCdsKyE5im00cJQEbpw0nF60XThKZ0TyH8LKzXmLKjE9mirg96x6Yh8Z1JvAgl-UdlPhAPa1Pejnl6ARdu2G_gvE1yEZzBNEnbXWq8FIXUA1k/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open(http://translate.google.com/translate?u=+encodeURIComponent(location.href)+&langpair=id%7Cpt&hl=en); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpgztAoKa6qoSp9E88IBa1s2GPnx1xKRuSE0dXhwoit5pFOK84e_7nM78Q_rmDBREpUM7EG73nliBjA5HCtvHDsBfQrN0hz_nYnGsC1An6DZNeonsH_JFweziI0D-oiHTRmuANsDMpn0g/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open(http://translate.google.com/translate?u=+encodeURIComponent(location.href)+&langpair=id%7Cja&hl=en); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYGk4WnBikr0i6EtC9gIVdmIVycDLJ8ZGxAfaP3IanpPrBQ8SEG6GFGL7QlAqHr_qwjACobVdp9132iPR_C-w2zJKWK6DeOejIWvPOCxe02IVGLEpefqR3PF9gtBYizd7piQt7MnbzcG-p/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open(http://translate.google.com/translate?u=+encodeURIComponent(location.href)+&langpair=id%7Cko&hl=en); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhltVt_5RwN9yilZvRN-3KimnWmqg0TsF8aGbZsdMexRKyvfuOLzPaJNaCaB9ZRefMl76o5MeWju7oJdGkYdKdT9jJHkz1NRlya8ZfwgMbdgZvhjwf9-LDpxiRXA9cbqKwKC7_GNEW56hs/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open(http://translate.google.com/translate?u=+encodeURIComponent(location.href)+&langpair=id%7Car&hl=en); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh19Pj0T0-VWyCLME4COItMzeS3w4wKkAfNqcDfoNBaRO_zGePKb85wM1jnGe5KSaefUg-3Uee_bGIMoM99vng6k_IdKXneStnC2hksK00UTssqa-30MC-E8qyBxtSiyD_9LyXAu3IQ-uk/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open(http://translate.google.com/translate?u=+encodeURIComponent(location.href)+&langpair=id%7Czh-CN&hl=en); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgM2c0xeGBiziaft8b7061MarMMRO808V_erZDmhXWhsNZHak-F7aZPTY7lsMTXbIrPtIOq6VIid1QVvHxPkJtpSnZZl3R305XyhmywetR-FuTriXl3fK6cGCNH8SXPFgi62yo9GabsPGo/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
</div>
<div style=font-size:10px;margin:8px 0px 3px 0px>
by : <a href=http://www.blogspottutorial.com/>BTF</a>
</div>
Contoh/Tampilan 2:
<style>
.google_translate img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:0;
}
.google_translate:hover img {
filter:alpha(opacity=30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
.google_translatextra:hover img {
filter:alpha(opacity=0.30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
</style>
<div>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open(http://translate.google.com/translate?u=+encodeURIComponent(location.href)+&langpair=id%7Cen&hl=en); return false;"><img alt="English" border="0" align="absbottom" title="English" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJdkmgdtyo1XfquHVQSXyCVeeksSsh0TFYIhAI98b8MDGWL7G-eqJBxHosSoiNU3-m7csgYgKqetUzudCjNnDq43CoeDmNAwb4CNw08u18tae4_mn08CjQJb1NacJWThTpfiFibW3o-9s/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open(http://translate.google.com/translate?u=+encodeURIComponent(location.href)+&langpair=id%7Cfr&hl=en); return false;"><img alt="French" border="0" align="absbottom" title="French" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0tD71TKu5o28KYVqDsg6tcup-TXzRHQ0b-GDClmNGjxbJjXSts6X3hAPqDWYyFmLNyN6aAL2YeRUx5HtGwiSCnY4NfzUJeDda5qbjmzY8JFbRRbjQ8dwOnRDGQ4KBW-wkfxOuQRSZ-mk/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open(http://translate.google.com/translate?u=+encodeURIComponent(location.href)+&langpair=id%7Cde&hl=en); return false;"><img alt="German" border="0" align="absbottom" title="German" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9gK0-GZUetxAoVA4_E3EBWmzPFPuxCRyOXO55ZhzRywkLeaa9iJsLp8Qnmf6R1mewdDy4JmM48RMwuaIYOHJiN3SPvzv_qV0SJaevKE94SRVYB_8BEKgVXnhL0AwR-1ganXHPYaP8F5mM/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open(http://translate.google.com/translate?u=+encodeURIComponent(location.href)+&langpair=id%7Ces&hl=en); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRjhGAQ8xqRv3jTPOm1JRuxPUw1oK1Kjymly9qG7_4MatlHbJhPs15vkvlbf1G3hsox2oYu2Y1otUjCPEkXDLMvtAhGVBvJFm9a6gX_XhSon-rDrowSG8fyNOXMOREvym32kI5ve6PsRZu/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open(http://translate.google.com/translate?u=+encodeURIComponent(location.href)+&langpair=id%7Cit&hl=en); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3-iVMX81Roo2cGApMgdLcWRt3JhgdvPrc3oFobJSA8mXCRInYmZpK_V2BAlKMOT5QDLrC4lgup_nWLSj_jkzK8BV_xa4vIXIqkJINRGFeeyLCakn2q9EoZTcyQCMtBNIxWARn4w7yEEw/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open(http://translate.google.com/translate?u=+encodeURIComponent(location.href)+&langpair=id%7Cnl&hl=en); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVxc8w8GFzWEwSvj34l_YxkJyJzlzlgyZ5PSu8Uee9foJv01p7vD1rvbnkjn5d_vqa0hE0QdF05uwLp5PZcnDtEf1TMKsxdebNJrd9Pe-6CiiaaYZw5b_MeNypVwtXDJqi7B-uSvuEoA8/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open(http://translate.google.com/translate?u=+encodeURIComponent(location.href)+&langpair=id%7Cru&hl=en); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7lIA_9_BHWMhka8Pdvv6kLx8Wc57HMgPCdsKyE5im00cJQEbpw0nF60XThKZ0TyH8LKzXmLKjE9mirg96x6Yh8Z1JvAgl-UdlPhAPa1Pejnl6ARdu2G_gvE1yEZzBNEnbXWq8FIXUA1k/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open(http://translate.google.com/translate?u=+encodeURIComponent(location.href)+&langpair=id%7Cpt&hl=en); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpgztAoKa6qoSp9E88IBa1s2GPnx1xKRuSE0dXhwoit5pFOK84e_7nM78Q_rmDBREpUM7EG73nliBjA5HCtvHDsBfQrN0hz_nYnGsC1An6DZNeonsH_JFweziI0D-oiHTRmuANsDMpn0g/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open(http://translate.google.com/translate?u=+encodeURIComponent(location.href)+&langpair=id%7Cja&hl=en); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYGk4WnBikr0i6EtC9gIVdmIVycDLJ8ZGxAfaP3IanpPrBQ8SEG6GFGL7QlAqHr_qwjACobVdp9132iPR_C-w2zJKWK6DeOejIWvPOCxe02IVGLEpefqR3PF9gtBYizd7piQt7MnbzcG-p/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open(http://translate.google.com/translate?u=+encodeURIComponent(location.href)+&langpair=id%7Cko&hl=en); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhltVt_5RwN9yilZvRN-3KimnWmqg0TsF8aGbZsdMexRKyvfuOLzPaJNaCaB9ZRefMl76o5MeWju7oJdGkYdKdT9jJHkz1NRlya8ZfwgMbdgZvhjwf9-LDpxiRXA9cbqKwKC7_GNEW56hs/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open(http://translate.google.com/translate?u=+encodeURIComponent(location.href)+&langpair=id%7Car&hl=en); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh19Pj0T0-VWyCLME4COItMzeS3w4wKkAfNqcDfoNBaRO_zGePKb85wM1jnGe5KSaefUg-3Uee_bGIMoM99vng6k_IdKXneStnC2hksK00UTssqa-30MC-E8qyBxtSiyD_9LyXAu3IQ-uk/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open(http://translate.google.com/translate?u=+encodeURIComponent(location.href)+&langpair=id%7Czh-CN&hl=en); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgM2c0xeGBiziaft8b7061MarMMRO808V_erZDmhXWhsNZHak-F7aZPTY7lsMTXbIrPtIOq6VIid1QVvHxPkJtpSnZZl3R305XyhmywetR-FuTriXl3fK6cGCNH8SXPFgi62yo9GabsPGo/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
</div>
<div style=âfont-size:10px;margin:8px 0px 3px 0pxâ>
by : <a href=http://www.blogspottutorial.com/>BTF</a>
</div>
.google_translate img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:0;
}
.google_translate:hover img {
filter:alpha(opacity=30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
.google_translatextra:hover img {
filter:alpha(opacity=0.30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
</style>
<div>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open(http://translate.google.com/translate?u=+encodeURIComponent(location.href)+&langpair=id%7Cen&hl=en); return false;"><img alt="English" border="0" align="absbottom" title="English" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJdkmgdtyo1XfquHVQSXyCVeeksSsh0TFYIhAI98b8MDGWL7G-eqJBxHosSoiNU3-m7csgYgKqetUzudCjNnDq43CoeDmNAwb4CNw08u18tae4_mn08CjQJb1NacJWThTpfiFibW3o-9s/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open(http://translate.google.com/translate?u=+encodeURIComponent(location.href)+&langpair=id%7Cfr&hl=en); return false;"><img alt="French" border="0" align="absbottom" title="French" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0tD71TKu5o28KYVqDsg6tcup-TXzRHQ0b-GDClmNGjxbJjXSts6X3hAPqDWYyFmLNyN6aAL2YeRUx5HtGwiSCnY4NfzUJeDda5qbjmzY8JFbRRbjQ8dwOnRDGQ4KBW-wkfxOuQRSZ-mk/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open(http://translate.google.com/translate?u=+encodeURIComponent(location.href)+&langpair=id%7Cde&hl=en); return false;"><img alt="German" border="0" align="absbottom" title="German" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9gK0-GZUetxAoVA4_E3EBWmzPFPuxCRyOXO55ZhzRywkLeaa9iJsLp8Qnmf6R1mewdDy4JmM48RMwuaIYOHJiN3SPvzv_qV0SJaevKE94SRVYB_8BEKgVXnhL0AwR-1ganXHPYaP8F5mM/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open(http://translate.google.com/translate?u=+encodeURIComponent(location.href)+&langpair=id%7Ces&hl=en); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRjhGAQ8xqRv3jTPOm1JRuxPUw1oK1Kjymly9qG7_4MatlHbJhPs15vkvlbf1G3hsox2oYu2Y1otUjCPEkXDLMvtAhGVBvJFm9a6gX_XhSon-rDrowSG8fyNOXMOREvym32kI5ve6PsRZu/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open(http://translate.google.com/translate?u=+encodeURIComponent(location.href)+&langpair=id%7Cit&hl=en); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3-iVMX81Roo2cGApMgdLcWRt3JhgdvPrc3oFobJSA8mXCRInYmZpK_V2BAlKMOT5QDLrC4lgup_nWLSj_jkzK8BV_xa4vIXIqkJINRGFeeyLCakn2q9EoZTcyQCMtBNIxWARn4w7yEEw/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open(http://translate.google.com/translate?u=+encodeURIComponent(location.href)+&langpair=id%7Cnl&hl=en); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVxc8w8GFzWEwSvj34l_YxkJyJzlzlgyZ5PSu8Uee9foJv01p7vD1rvbnkjn5d_vqa0hE0QdF05uwLp5PZcnDtEf1TMKsxdebNJrd9Pe-6CiiaaYZw5b_MeNypVwtXDJqi7B-uSvuEoA8/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open(http://translate.google.com/translate?u=+encodeURIComponent(location.href)+&langpair=id%7Cru&hl=en); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7lIA_9_BHWMhka8Pdvv6kLx8Wc57HMgPCdsKyE5im00cJQEbpw0nF60XThKZ0TyH8LKzXmLKjE9mirg96x6Yh8Z1JvAgl-UdlPhAPa1Pejnl6ARdu2G_gvE1yEZzBNEnbXWq8FIXUA1k/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open(http://translate.google.com/translate?u=+encodeURIComponent(location.href)+&langpair=id%7Cpt&hl=en); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpgztAoKa6qoSp9E88IBa1s2GPnx1xKRuSE0dXhwoit5pFOK84e_7nM78Q_rmDBREpUM7EG73nliBjA5HCtvHDsBfQrN0hz_nYnGsC1An6DZNeonsH_JFweziI0D-oiHTRmuANsDMpn0g/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open(http://translate.google.com/translate?u=+encodeURIComponent(location.href)+&langpair=id%7Cja&hl=en); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYGk4WnBikr0i6EtC9gIVdmIVycDLJ8ZGxAfaP3IanpPrBQ8SEG6GFGL7QlAqHr_qwjACobVdp9132iPR_C-w2zJKWK6DeOejIWvPOCxe02IVGLEpefqR3PF9gtBYizd7piQt7MnbzcG-p/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open(http://translate.google.com/translate?u=+encodeURIComponent(location.href)+&langpair=id%7Cko&hl=en); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhltVt_5RwN9yilZvRN-3KimnWmqg0TsF8aGbZsdMexRKyvfuOLzPaJNaCaB9ZRefMl76o5MeWju7oJdGkYdKdT9jJHkz1NRlya8ZfwgMbdgZvhjwf9-LDpxiRXA9cbqKwKC7_GNEW56hs/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open(http://translate.google.com/translate?u=+encodeURIComponent(location.href)+&langpair=id%7Car&hl=en); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh19Pj0T0-VWyCLME4COItMzeS3w4wKkAfNqcDfoNBaRO_zGePKb85wM1jnGe5KSaefUg-3Uee_bGIMoM99vng6k_IdKXneStnC2hksK00UTssqa-30MC-E8qyBxtSiyD_9LyXAu3IQ-uk/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open(http://translate.google.com/translate?u=+encodeURIComponent(location.href)+&langpair=id%7Czh-CN&hl=en); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgM2c0xeGBiziaft8b7061MarMMRO808V_erZDmhXWhsNZHak-F7aZPTY7lsMTXbIrPtIOq6VIid1QVvHxPkJtpSnZZl3R305XyhmywetR-FuTriXl3fK6cGCNH8SXPFgi62yo9GabsPGo/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
</div>
<div style=âfont-size:10px;margin:8px 0px 3px 0pxâ>
by : <a href=http://www.blogspottutorial.com/>BTF</a>
</div>
Oke sekian dulu dari saya semoga bermanfaat :D
Go to link Download
Cara Membuat Fancy Button Dengan Animasi Dan CSS3
Cara Membuat Fancy Button Dengan Animasi Dan CSS3
CSS - Membuat tombol link dalam suatu website/blog sudah biasa, namun apa yang terjadi jika tombol tersebut dimodifikasi menjadi tombol yang keren dengan animasi dan bantuan CSS3. Pengunjung web/blog kamu pasti kagum dan pingin menirunya. Ini sangat cocok untuk web/blog yang mempunyai layanan download, jadi buatlah tombol downloadnya semenarik mungkin. Nama tombol keren ini adalah Fancy Button.
CSS Kode: (letakan di atas kode ]]></b:skin>)
.button {HTML Kode:
font-family: Helvetica, Arial, sans-serif;
font-size: 18px;
font-weight: bold;
color: #FFFFFF;
padding: 10px 75px;
margin: 0 20px;
text-decoration: none;
}
.green {
border: solid 1px #3b7200;
background-color: #88c72a;
}
.red {
border: solid 1px #720000;
background-color: #c72a2a;
}
.button {
font-family: Helvetica, Arial, sans-serif;
font-size: 18px;
font-weight: bold;
color: #FFFFFF;
padding: 10px 75px;
margin: 0 20px;
text-shadow: 2px 2px 1px #595959;
filter: dropshadow(color=#595959, offx=1, offy=1);
text-decoration: none;
}
.square {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.rounded {
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
}
.green {
border: solid 1px #3b7200;
background-color: #88c72a;
background: -moz-linear-gradient(top, #88c72a 0%, #709e0e 100%);
background: -webkit-linear-gradient(top, #88c72a 0%, #709e0e 100%);
background: -o-linear-gradient(top, #88c72a 0%, #709e0e 100%);
background: -ms-linear-gradient(top, #88c72a 0% ,#709e0e 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#709e0e, endColorstr=#709e0e,GradientType=0 );
background: linear-gradient(top, #88c72a 0% ,#709e0e 100%);
-webkit-box-shadow: 0px 0px 1px #66FF00, inset 0px 0px 1px #FFFFFF;
-moz-box-shadow: 0px 0px 1px #66FF00, inset 0px 0px 1px #FFFFFF;
box-shadow: 0px 0px 1px #66FF00, inset 0px 0px 1px #FFFFFF;
}
.red {
border: solid 1px #720000;
background-color: #c72a2a;
background: -moz-linear-gradient(top, #c72a2a 0%, #9e0e0e 100%);
background: -webkit-linear-gradient(top, #c72a2a 0%, #9e0e0e 100%);
background: -o-linear-gradient(top, #c72a2a 0%, #9e0e0e 100%);
background: -ms-linear-gradient(top, #c72a2a 0% ,#9e0e0e 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#9e0e0e, endColorstr=#9e0e0e,GradientType=0 );
background: linear-gradient(top, #c72a2a 0% ,#9e0e0e 100%);
-webkit-box-shadow: 0px 0px 1px #FF3300, inset 0px 0px 1px #FFFFFF;
-moz-box-shadow: 0px 0px 1px #FF3300, inset 0px 0px 1px #FFFFFF;
box-shadow: 0px 0px 1px #FF3300, inset 0px 0px 1px #FFFFFF;
}
.green:hover {
background-color: #7fb52f;
background: -moz-linear-gradient(top, #7fb52f 0%, #67910b 100%);
background: -webkit-linear-gradient(top, #7fb52f 0%, #67910b 100%);
background: -o-linear-gradient(top, #7fb52f 0%, #67910b 100%);
background: -ms-linear-gradient(top, #7fb52f 0% ,#67910b 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#67910b, endColorstr=#67910b,GradientType=0 );
background: linear-gradient(top, #7fb52f 0% ,#67910b 100%);
}
.green:active {
background-color: #638f22;
background: -moz-linear-gradient(top, #638f22 0%, #486608 100%);
background: -webkit-linear-gradient(top, #638f22 0%, #486608 100%);
background: -o-linear-gradient(top, #638f22 0%, #486608 100%);
background: -ms-linear-gradient(top, #638f22 0% ,#486608 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#486608, endColorstr=#486608,GradientType=0 );
background: linear-gradient(top, #638f22 0% ,#486608 100%);
}
.red:hover {
background-color: #b52f2f;
background: -moz-linear-gradient(top, #b52f2f 0%, #910b0b 100%);
background: -webkit-linear-gradient(top, #b52f2f 0%, #910b0b 100%);
background: -o-linear-gradient(top, #b52f2f 0%, #910b0b 100%);
background: -ms-linear-gradient(top, #b52f2f 0% ,#910b0b 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#910b0b, endColorstr=#910b0b,GradientType=0 );
background: linear-gradient(top, #b52f2f 0% ,#910b0b 100%);
}
.red:active {
background-color: #8f2222;
background: -moz-linear-gradient(top, #8f2222 0%, #660808 100%);
background: -webkit-linear-gradient(top, #8f2222 0%, #660808 100%);
background: -o-linear-gradient(top, #8f2222 0%, #660808 100%);
background: -ms-linear-gradient(top, #8f2222 0% ,#660808 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#660808, endColorstr=#660808,GradientType=0 );
background: linear-gradient(top, #8f2222 0% ,#660808 100%);
}
.effect-2 {
transition: border-radius 2s;
-webkit-transition: border-radius 2s;
-moz-transition: border-radius 2s;
-o-transition: border-radius 2s;
-ms-transition: border-radius 2s;
}
.effect-2:hover {
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
}
.effect-3 {
transition: border-radius 1s;
-webkit-transition: border-radius 1s;
-moz-transition: border-radius 1s;
-o-transition: border-radius 1s;
-ms-transition: border-radius 1s;
}
.effect-3:hover {
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.shape-1 {
-webkit-border-radius: 5px 50px 5px 50px;
border-radius: 5px 50px 5px 50px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 50px;
-moz-border-radius-bottomleft: 50px;
-moz-border-radius-bottomright: 5px;
}
.shape-2 {
-webkit-border-radius: 50px 5px 50px 5px;
border-radius: 50px 5px 50px 5px;
-moz-border-radius-topleft: 50px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 50px;
}
.effect-4 {
transition: border-radius 1s;
-webkit-transition: border-radius 1s;
-moz-transition: border-radius 1s;
-o-transition: border-radius 1s;
-ms-transition: border-radius 1s;
}
.effect-4:hover {
border-radius: 50px 5px 50px 5px;
-webkit-border-radius: 50px 5px 50px 5px;
-moz-border-radius-topleft: 50px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 50px;
}
.effect-5 {
transition: border-radius 1s;
-webkit-transition: border-radius 1s;
-moz-transition: border-radius 1s;
-o-transition: border-radius 1s;
-ms-transition: border-radius 1s;
}
.effect-5:hover {
border-radius: 5px 50px 5px 50px;
-webkit-border-radius: 5px 50px 5px 50px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 50px;
-moz-border-radius-bottomleft: 50px;
-moz-border-radius-bottomright: 5px;
}
Gaya 1, Normal
<a href="#" class="button green">Button</a><a href="#" class="button red">Button</a>
Gaya 2, Square dan Rounded
<a href="#" class="button square green">Button</a>
<a href="#" class="button rounded red">Button</a>
Gaya 3, Animasi
<a href="#" class="button square green effect-2">Button</a>
<a href="#" class="button rounded red effect-3">Button</a>
Gaya 4, Shapes
<a href="#" class="button shape-1 green effect-4">Button</a>
<a href="#" class="button shape-2 red effect-5">Button</a>
Kamu pilih salah satu dari ke-4 gaya di atas.
Go to link Download
Subscribe to:
Posts (Atom)