tag:blogger.com,1999:blog-69451191282260186632024-11-01T17:31:27.635+07:00BlogKu.BlogSpot.comGudang Informasi, Tutorial, Tip Trik, SEO, CSS, Javascript, html, free tools, free free freeeeeeeeAnonymoushttp://www.blogger.com/profile/04471593278708116268noreply@blogger.comBlogger11125tag:blogger.com,1999:blog-6945119128226018663.post-91903981388259678762012-09-07T21:16:00.000+07:002012-09-07T21:49:56.627+07:00CSS Selector- :link :visited :hover :active
Contoh Penggunaan:
CSS Contoh
<style type="text/css">
.contoh {
background:blue;}
.contoh:link {
background:red;}
.contoh:visited {
background:black;}
.contoh:hover {
background:aqua;}
.contoh:active {
background:magenta;
</style>
<div class="contoh">
Contoh Penggunaan - Konten Disini
</div>Anonymoushttp://www.blogger.com/profile/04471593278708116268noreply@blogger.com1tag:blogger.com,1999:blog-6945119128226018663.post-62883721470378630812012-09-06T23:37:00.000+07:002012-09-06T23:46:27.660+07:00Artikel/Posting Terkait dengan Gambar dan Ringkasan Artikel
Artikel Terkait dengan Ringkasan
Gambar di atas adalah contoh hasil tampilan aplikasi artikel/posting terkait blogspot dengan gambar dan deskripsi. Selain artikel/posting terkait tipe ini juga terdapat tipe artikel/posting terkait yang hanya terdiri dari gambar dan judul saja. Kamu tinggal memilih mana yang menurutmu lebih menarik atau sesuai dengan karaktermu. Jika berminat dengan tipe Anonymoushttp://www.blogger.com/profile/04471593278708116268noreply@blogger.com0tag:blogger.com,1999:blog-6945119128226018663.post-64270862332196491452012-09-06T16:57:00.000+07:002012-09-06T16:57:55.462+07:00CSS Box Shadow - Membuat Efek Bayangan pada Area Berikut ini adalah kode CSS dasar untuk membuat efek bayangan pada objek:
CSS Bayangan Outset:
div {
-webkit-box-shadow:10px 10px 7px #222; /* Safari & Chrome */
-moz-box-shadow:10px 10px 7px #222; /* Firefox */
box-shadow:10px 10px 7px #222; /* W3C */
}
CSS Bayangan Inset:
div {
-webkit-box-shadow:inset 10px 10px 7px #222; /* Safari & Firefox */
Anonymoushttp://www.blogger.com/profile/04471593278708116268noreply@blogger.com0tag:blogger.com,1999:blog-6945119128226018663.post-36766972103195125762012-09-06T15:42:00.001+07:002012-09-06T15:42:16.181+07:00CSS Input Text dan Textarea
textarea dengan css
textarea biasa
Dan ini adalah CSS untuk mengubah tampilannya:
blockquote.collapsed {
margin:15px 30px;
font:italic 14px Georgia,Serif;
height:0px;
padding:0px 0px;
background-color:#FFE046;
border:10px solid #FDD404;
border-left-color:#D7362E;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:Anonymoushttp://www.blogger.com/profile/04471593278708116268noreply@blogger.com0tag:blogger.com,1999:blog-6945119128226018663.post-63991909944437877092012-09-06T15:18:00.000+07:002012-09-06T15:18:29.026+07:00Membuat Auto Expand Blockquote Sederhana dengan CSS Transisi
Membuat Auto Expand Blockquote Sederhana dengan CSS Transisi
Seseorang bertanya tentang bagaimana cara membuat quote tertutup yang bisa membuka saat pointer berada di atasnya. Caranya sangat sederhana, yaitu dengan menggunakan CSS Pseudo Classes dan CSS Transisi:
Salin kode di bawah ini, kemudian letakkan tepat di atas kode ]]></b:skin> atau </style>:
Anonymoushttp://www.blogger.com/profile/04471593278708116268noreply@blogger.com0tag:blogger.com,1999:blog-6945119128226018663.post-58538881387815186342012-09-06T03:18:00.000+07:002012-09-06T03:18:56.681+07:00CSS Margin dan Padding
Secara sederhana, margin dapat didefinisikan sebagai kerenggangan antara
area dengan daerah luar, sedangkan padding adalah kerenggangan antara
area dengan objek di dalamnya.Deklarasi margin dan padding dapat dituliskan seperti ini:
margin:5px;
padding:5px;
CSS Margin dan Padding
5px adalah contoh value dari properti margin dan padding. Selain ukuran kerenggangan dalam piksel, ukuranAnonymoushttp://www.blogger.com/profile/04471593278708116268noreply@blogger.com0tag:blogger.com,1999:blog-6945119128226018663.post-44718639025492543722012-09-05T14:55:00.000+07:002012-09-06T02:47:32.142+07:00State Aktif untuk JQuery Accordion
State Aktif JQuery Akordion
Tambahkan class active pada panel akordion yang sedang aktif:
JQuery
$(function() {
$('#accordion .content').hide();
$('#accordion h2:first').addClass('active').next().slideDown('slow');
$('#accordion h2').click(function() {
if($(this).next().is(':hidden')) {
$('#accordion h2').removeClass('active').next().slideUp('slow');
Anonymoushttp://www.blogger.com/profile/04471593278708116268noreply@blogger.com0tag:blogger.com,1999:blog-6945119128226018663.post-33464049088083975402012-09-05T14:39:00.002+07:002012-09-06T15:25:38.365+07:00Membuat Sidebar Akordion dengan JQuery
jquery Accordion
Langkah-Langkah Membuat Sidebar Akordion.- Pertama-tama masuklah ke halaman editor HTML template Anda, lalu temukan kode ini:
</head>
Salin kode di bawah ini dan letakkan di atasnya:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript'>
//<![CDATA[
$(Anonymoushttp://www.blogger.com/profile/04471593278708116268noreply@blogger.com1tag:blogger.com,1999:blog-6945119128226018663.post-35419952811783886342012-09-04T18:03:00.001+07:002012-09-06T06:27:49.678+07:00Apa itu DoFollow dan NoFollow
Dalam dunia internet, web/blog ada 2 jenis. dofollow dan nofollow,
Dimana tersebut dimana kedua jenis ini masing-masing memiliki kelebihan
dan kekurangan. Disini akan dijelaskan maksud dari keduanya dengan
bahasa yang mudah dimengeti.
Pengertian inti:
Dofollow
adalah istilah untuk web atau blog yang jika kita memberikan komentar
ke blog tersebut maka berarti kita menaruh link ke blog Anonymoushttp://www.blogger.com/profile/04471593278708116268noreply@blogger.comtag:blogger.com,1999:blog-6945119128226018663.post-19791349637429895972012-09-04T17:37:00.002+07:002012-09-06T02:44:44.179+07:00Merubah Blog Menjadi DoFollow
Pada kali ini bl0gku.blogspot.com share artikel tutorial Cara Merubah Blog Nofollow Menjadi Dofollow. Sebelum membahas Cara Merubah atau Mengganti Blog Nofollow Menjadi Dofollow, sobat wajib membaca dahulu Pengertian Dofollow Dan Nofollow Blog.
Berikut ini adalah Cara Merubah Blog Menjadi Dofollow Blog:
Login ke akun blogger.
Dasbor >> Rancangan >> Edit Html.
Kasih centang pada Anonymoushttp://www.blogger.com/profile/04471593278708116268noreply@blogger.comtag:blogger.com,1999:blog-6945119128226018663.post-14424755604678509652012-09-04T13:56:00.002+07:002012-09-04T18:52:22.281+07:00Meta Tags Super SEOMeta Tags Super SEO untuk sebuah blog sangatlah penting, karena akan sangat menentukan pada peringkat pagerank blog.
Masuk ke edit template html :
Cari <b:skin> atau <head> kopas Tags dibawah ini diantara kode <b:skin> dan <head>. Atau diatas <b:skin> dan dibawah <head>, sesuaikan saja dengan kondisi template sobat
<b:if cond='Anonymoushttp://www.blogger.com/profile/04471593278708116268noreply@blogger.com