Pages
Selamat Hari Raya Idul Fitri 1432 H
Pasang Iklan Murah
Posisi iklan anda akan ditempatkan di halaman Blog Dapur Tutorial Blogspot berada pada posisi yang strategis dan banyak dilihat pengunjung. Dapur Tutorial Blogspot Membatasi slot pemasangan iklan. informasi lengkap sebagai berikut :
Posisi Iklan :
- Di Bawah Menu Horizontal ( 728 x 90) ; Tampil Disemua Halaman ;Tersedia 2 Slot
- Di Sidebar Blog (300 x 250) ; Tampil Disemua Halaman ; Tersedia 3 Slot
- Di Bawah Judul Postingan (300x250) ; Tampil Disemua Postingan; Tersedia 2 Slot
- Iklan Floating Tanpa Tombol Close (90 x 728) ; Tampil Disemua Halaman ; Tersedia 2 slot
- Di Sidebar Blog (125x125); Tampil disemua halaman; Tersedia 1 slot
- Iklan atau Banner tidak mengandung unsur Sara dan Provokasi
- Iklan atau Banner dibuat sendiri oleh pemasang
- Iklan akan langsung ditampilakan setelah administrasi diselesaikan semua
- URL /LINK Iklan diwajibkan menuju langsung ke halaman web yang diiklankan. URL/IKLAN tidak diperbolehkan menggunakan layanan Shorturl.
- Iklan atau Banner harus sesuai dengan ukuran yang disepakati
- Semua Iklan yang terpasang, Admin tidak bertanggung jawab dengan iklan dan blog anda
- Apabila Advencer melanggar peraturan yang dibuat, maka admin berhak untuk menegur ataupun menghapus iklannya.
Jika anda berminat memasang iklan dihalaman Dapur Tutorial Blogspot anda perlu mempersiapkan data-data berikut:
- Gambar iklan atau Banner,
- URL Iklan yang dituju,
- Judul Title Iklan.
Kapan Iklan Ditampilkan ?
Sebelum iklan anda ditampilkan dihalaman blog Dapur Tutorial Blogspot, terlebih dahulu anda harus menyelesaikan traksaksi dengan mengirim uang melalui kerekening admin.
Informasi lebih lanjut silahkan hubungi Admin ke No.0819863282 atau melalui email [boxtutorial@gmail.com]. disarankan untuk menghubungi admin melalui No.telpon untuk respon yang lebih cepat.
Terimakasih
Salam
Admin Dapur Tutorial Blogspot
Arti Ketupat Lebaran
Kabar Buruk
Pocahontas ((1595 � 21 Maret 1617)
Kisah si Buta dan Ular
Kisah Monyet dan Tukang Kayu
Sebutir Telur Memiliki Banyak Manfaat Untuk Kesehatan
1. Telur baik untuk mata. Menurut sebuah penelitian, sebutir telur per hari dapat mencegah macular degeneration dan katarak karena kandungan karotenoid dan zeaxanthin tinggi. kedua zat tersebut mudah untuk terserap melalui telur dibandingkan sumber lainnya.Kumpulan Kartu Ucapan Selamat Idul Fitri 1433H (Lebaran) 2012
Lima Resep Kecantikan Madonna
Ada beberapa perawatan kecantikan yang selalu dilakukan Madonna agar penampilannya maksimal, seperti dikutip dari Genius Beauty.Manfaat Gerakan Yoga Bagi Kesehatan
Wanita Lebih Memilih Kecantikan diatas Segalanya
Seperti dikutip dari Shine, survei yang melibatkan 2.200 wanita itu menunjukkan bahwa wanita lebih rela putus hubungan dengan kekasih daripada putus hubungan dengan make up.Jasa Pembuatan Banner Online Profesional dan Murah
Membuat Banner iklan juga penting untuk menarik pengunjung menuju website. Apalagi bila anda benar-benar ingin mendatangkan uang dari pengunjung web anda. Tampilan
Membuat Style pada Link dengan CSS3
Kita buat Mark-up HTML terlebih dahulu :
<ul class="shift">
<li><a href="#">Sorot ini</a></li>
<li><a href="#">Sorot tautan ini</a></li>
</ul>
Sesudah itu mari kita buat CSS-nya :
.shift {
list-style: none;
display: inline-block;
}
.shift li {
background: orangered;
width: 0%;
display: block;
-webkit-transition: all 0.125s ease-in-out;
-moz-transition: all 0.125s ease-in-out;
transition: all 0.125s ease-in-out;
}
.shift li:hover {
width: 100%;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.shift li a {
text-transform: uppercase;
display: block;
color: #000;
font-size: 1em;
margin: 0.5em;
padding: 0.5em;
text-decoration: none;
white-space: nowrap;
}
Berikut hasilnya yang sudah jadi, coba sorot tulisan 'Sorot ini' lalu lihat efeknya :
Keren kan, cocok untuk membuat efek pada sidebar ataupun footer blog kita. Ada tanggapan ?
Ekstasi Bisa Obati Kanker
Enam tahun lalu, beberapa peneliti mendapati penyakit kanker yang menyerang sel darah putih tampaknya bereaksi pada obat tertentu pada"psikotropika".Burung Berkepala Dua
Cara Mengganti "Post a Comment" Blogger Dengan Teks Lain/Gambar
Teks "Post a Comment" atau "Tambahkan Komentar" yang muncul sebelum/di bagian atas kotak komentar mungkin nampak kurang elegan. Pertanyaannya, apakah bisa mengganti teks "Post a Comment / Tambahkan Komentar" seperti yg terlihat di kotak komentar di bawah ini?
Setelah sekian waktu mengeksplor template XML Blogger, saya menemukan bahwa ada banyak tag yang merupakan perintah kepada host (dalam hal ini, Blogger) untuk menampilkan konten, widget, ataupun sekedar teks pada blog Blogger/Blogspot. Hampir semuanya kemudian dapat dipahami indikasinya melalui arti teks tag-tag tersebut dalam bahasa Inggris. Misalnya <data:post.body/>, berarti perintah untuk menampilkan data yang termuat dalam post body atau data di dalam tubuh posting. Tag ini berfungsi memberikan indikasi permintaan browser kepada host untuk menampilkan isi sebuah posting, serta menentukan posisinya.
Beberapa waktu yang lalu saya pernah membuat posting tentang Cara Mengganti Older/Newer Post-Home Blogger dengan Teks/Gambar Icon. Konsepnya adalah mengganti tag-tag template XML blogger dengan teks ataupun gambar. Demikian pula dengan teks "Post a Comment" atau "Tambahkan Komentar", sobat tinggal mencari tag yang memberi perintah untuk menampilkan teks tersebut.
Bagaimana Cara Ganti "Post A Comment/Tambahkan Komentar" dengan Teks Lain/Gambar?
<data:postCommentMsg/>
Jika ingin mengganti dengan teks:
<img border="0" src="http://urlgambar.com/gambarcomment.jpg" />
Tips Trik Blogger. Tersaji dengan Esensi.
mencuri adalah pekerjaan pengecut! � buka-rahasia.blogspot.com
Mata Lelah Dapat di Samarkan

Mata Lelah Dapat di Samarkan
1. Oleskan baby oil di bagian bawah mata. Ini akan membantu membuat kulit menjadi lebih lembab, sehingga terhindar dari kekeringan dan timbulnya kerutan dini. Selain itu, aplikasikan juga setiap malam sebelum tidur, hingga sekitar tulang bagian mata. Keesokan harinya, kulit Anda akan terlihat lebih segar dan kenyal.Styling menggunakan CSS pseudo-element
Pada posting terdahulu, kita juga pernah membicarakan tentang CSS pseudo-element ini, namun hanya terbatas pada “styling ordered dan unordered list”. Selain itu, mungkin kita pernah melihat bentuk teks di dalam elemen atau image berbentuk pita (ribbon), kemudian garis (border) yang memiliki efek tenggelam (press), bentuk melipat di sudut sebuah elemen & mirror text effect (efek cermin pada teks). Semua dapat dilakukan juga dengan menggunakan CSS pseudo-element :before dan/atau :after.
Credit
Untuk penggunaan ribbon & border ber-efek tenggelam dapat Anda baca selengkapnya di blog Rudy Azhar. Dan salah satu nilai plus—pada form komentar ditambahkan oleh Ardianzzz—yang di coding dengan demikian menarik menggunakan CSS pseudo-element (demo ribbon).
Sedangkan untuk membuat efek cermin pada teks, penulis lupa (alpa) dengan link kreditnya. Silakan kontak penulis jika Anda mengklaim bahwa tulisan tentang “efek cermin pada teks” diambil dari sumber Anda & penulis akan segera melakukan update pada link kredit ini.
Indeks Konten
- Ribbon (membuat pita)
- Border/line press effect (membuat border/garis tenggelam)
- Folding angle (melipat sudut)
- Mirror effect on the text (efek cermin pada teks)
Ribbon
Pada elemen ini Anda melihat sub judul “Ribbon” dalam sebuah pita (ribbon). Adapun CSS yang digunakan seperti yang tampak di bawah ini.
.element {
background:#e1e1e1;
padding:1.5em 2em;
-moz-border-radius:1em;
-webkit-border-radius:1em;
border-radius:1em
}
.element h2 {
background:#f90;
border-bottom:.05em solid #666;
/*-- Rounded corner kiri atas --*/
-moz-border-radius:.25em 0 0 0;
-webkit-border-radius:.25em 0 0 0;
border-radius:.25em 0 0 0;
display:block;
left:-1.75em;
padding:.25em 0 .25em 1.75em;
position:relative;
width:60%
}
/* Mulai membentuk ribbon */
.element h2:after, .element h2:before {
content:" ";
display:block;
position:absolute
}
/* Ribbon kanan */
.element h2:after {
top:0;
right:0;
border-top:.85em solid #f90;
border-right:.75em solid #e1e1e1;
border-bottom:.80em solid #f90;
border-left:.75em solid #f90
box-shadow:0 .05em 0 #666;
}
/* Ribbon kiri */
.element h2:before {
bottom:-.25em;
left:0;
border-top:none;
border-right:none;
border-bottom:.25em solid #666;
border-left:.40em solid #666;
/*-- Rounded corner kiri bawah --*/
-moz-border-radius:0 0 0 .25em;
-webkit-border-radius:0 0 0 .25em;
border-radius:0 0 0 .25empx;
z-index:1
} Dan berikut kode HTML yang menyertainya.
<div class="element">
<h2>Ribbon</h2> <p>Pada elemen ini Anda melihat sub judul “Ribbon” dalam sebuah pita (ribbon). Adapun CSS yang digunakan seperti yang tampak di bawah ini…</p>
</div>Border/line press effect
Di bawah sub judul “Border/line press effect”, Anda melihat sebuah border yang tampak seperti ditekan. Untuk membuat border tersebut, kita dapat menggunakan kode CSS sebagai berikut.
.element2 h2 {
padding:0 0 0.25em;
position:relative;
width:100%
}
.element2 h2:after {
content:" ";
position:absolute;
bottom:0;
left:0;
border-top: 1px solid #c3c3c3; /* Warna seharusnya lebih tua dari background */
border-bottom: 1px solid #f1f1f1; /* Warna seharusnya lebih muda dari background */
width:100%
} Catatan:
- Atribut width (warna biru) tidak harus 100%. Artinya jika width bernilai 80% maka left bernilai 10% (letak garis di tengah elemen).
- Apabila ingin menambahkan border press di atas h2, tambahkan
#element2 h2:beforedengan properti yang sama. Kemudian ganti kode yang berwarna merah (bottom:0;) dengantop:0;. - Pada kasus lain, mungkin kita ingin meletakkan border di kanan atau kiri elemen.
- Kiri elemen:
top:0;
left:0;
border-left:1px solid #c3c3c3;
border-right:1px solid #f1f1f1;
height:100%; - Kanan elemen:
top:0;
right:0;
border-left:1px solid #c3c3c3;
border-right:1px solid #f1f1f1;
height:100%;
- Kiri elemen:
Sedangkan kode HTML pada elemen ini adalah sebagai berikut.
<div class="element2">
<h2>Border/line press effect</h2> <p>Di bawah sub judul “Border/line press effect”, Anda melihat sebuah border yang tampak seperti ditekan. Untuk membuat border tersebut, kita dapat menggunakan kode CSS sebagai berikut…</p>
</div>Folding angle
Anda tentu melihat efek melipat yang tepat berada di sudut kanan atas elemen ini. Adapun pengkodean CSS-nya seperti yang tampak di bawah ini.
.element3 {
background:-webkit-gradient(linear, right top, left center, from(#e1e1e1), to(#fff));
background:-moz-linear-gradient(right, #e1e1e1, #fff);
border:1px solid #c3c3c3;
padding:1.5em 2em;
position:relative
}
.element3:before, .element3:after {
content:" ";
display:block;
position:absolute;
/*-- Memutar elemen 45 derajat (searah jarum jam) --*/
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg)
}
/* Menutup sudut kiri atas elemen berbentuk segitiga */
.element3:after {
top:-2em;
right:-2em;
/*-- Warna border sama dengan warna body (di luar elemen) --*/
border-top:2em solid #fff;
border-right:2em solid #fff;
border-bottom:2em solid #fff;
border-left:2em solid #fff
}
/* Membuat segitiga efek melipat */
.element3:before {
top:0.75em;
right:0.75em;
/*-- Warna border sama dengan warna elemen (kecuali border atas, lebih tua/gelap) --*/
border-top:2em solid #c3c3c3;
border-right:2em solid #e1e1e1;
border-bottom:2em solid #e1e1e1;
border-left:2em solid #e1e1e1;
z-index:1
} Di bawah ini merupakan kode HTML-nya.
<div class="element3">
<h2>Folding angle</h2> <p>Anda tentu melihat efek melipat yang tepat berada di sudut kanan atas elemen ini. Adapun pengkodean CSS-nya seperti yang tampak di bawah ini…</p>
</div>
Mirror Text
Untuk sub judul “Mirror Text” sengaja penulis perbesar agar efek cermin kelihatan jelas. Adapun CSS pseudo-element membuat efek cermin pada teks tersebut adalah sebagai berikut.
.element4 h2 {
font-size:2em;
font-weight:bold;
position: relative
}
.element4 h2:before, .element4 h2:after {
display:block;
position:absolute;
bottom:-0.75em; /* You should change this value to fit your font */
left:0;
right:0
}
.element4 h2:before {
content: "Mirror Text";
opacity:.4;
/* This is how the text is flipped vertically */
-webkit-transform: scaleY(-1);
-moz-transform: scaleY(-1);
-o-transform: scaleY(-1)
}
.element4 h2:after {
/* Fading using CSS gradient */
/* Don't forget to change the colors to your background color */
background: -webkit-gradient(linear, left top, left center, from(rgba(255,255,255,0)), to(rgba(255,255,255,1)));
background: -moz-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,1));
/* I left out the `filter` property,
because IE doesn't know `:before` and `:after` pseudo-elements anyway */
content: " ";
height:0.75em
} Catatan:
Beberapa kode informasi (antara /*…*/) sengaja tidak dirubah/dihapus untuk memudahkan—pelacakan—klaim link kredit nantinya. Background elemen ini bernilai #eeeeee sama dengan rgb(238,238,238) sama dengan rgba(238,238,238,1).
Adapun kode HTML yang menyertainya adalah sebagai berikut.
<div class="element4">
<h2>Mirror Text</h2> <p>Untuk sub judul “Mirror Text” sengaja penulis perbesar agar efek cermin kelihatan jelas. Adapun CSS pseudo-element membuat efek cermin pada teks tersebut adalah sebagai berikut…</p>
</div>Generalisasi
Styling menggunakan CSS pseudo-element :before dan/atau :after di atas, mungkin hanya sebagian kecil dari gaya-gaya pengkodean lain. Namun tidak ada salahnya jika kita mengenal & mengetahui—gaya seperti apa—yang mampu didukung oleh CSS pseudo-element tersebut. Apalagi penggunaannya bersih dari penambahan elemen baru. Yah, hanya dengan melakukan kustomisasi pada satu elemen, kita seakan-akan membentuk 2–3 elemen.
Note:
Sampai tulisan ini diterbitkan CSS pseudo-element :before dan/atau :after belum didukung oleh peramban IE (Internet Explorer).
Cara Membuat Fitur Reply Comment (Balas Komentar) di Blogger
Cara Membuat Reply To Comment (Balas Komentar) di Blogger/Blogger
<span><a expr:href='"https://www.blogger.com/comment.g?blogID=ID-BLOG-MU&postID=" + data:post.id + "&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E#form"' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=400,height=450"); return false;'>Reply</a></span>2. Cari ID blog anda. Dari dashboard, buka halaman design, comment, post, atau yang lainnya. Lihat ke kotak url di bagian atas browser. Lihat bagian belakang url. Di bagian itu akan terlihat ID blog.
Contoh:
http://www.blogger.com/post-create.g?blogID=3293775847481849705Di bagian berwarna merah itulah ID blog anda. Copy angka ID blog tersebut. Jangan sampai ada kekeliruan dalam meng-copy.
3. Ganti ID-BLOG-MU dengan angka ID blog yang telah di copy tadi.
4. Ganti Reply dengan text lain yang diinginkan.
5. Masuk ke edit HTML/Template.
6. Centang/klik 'Expand Widget Templates' (ni yg sering banget kelupaan, bis tu komen marah2 bilang kode yang harus dicari ga ada meskipun berulang2 dicari pe jenggotnya tambah panjang 5 meter)
7. Cari kode berikut:
<data:commentPostedByMsg/>
Mengganti Text 'Reply' Comment dengan Gambar/Image Button
<img src='http://urlgambar.com/gambar.jpg' />Selengkapnya, copy kode berikut:
<span><a expr:href='"https://www.blogger.com/comment.g?blogID=ID-BLOG-MU&postID=" + data:post.id + "&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E#form"' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=450,height=450"); return false;'><img border="0" src='http://urlgambar.com/gambar.jpg' style='float:right;padding:4px;' title="Balas Komentar Ini"/></a></span>Ganti dengan url gambar tombol/icon reply untuk blog.
Gambar Tombol/Button Comment Reply





DOnE!
Thanks to Paul Crowe yang sudah mengajarkan membuat hack ini step by step.
mencuri adalah pekerjaan pengecut! � buka-rahasia.blogspot.com












