the writer
this is about the writer



Assalamu'alaikum. Fifi Anggraeni. 23 y.o. Serang, Banten, Indonesia. "Allah memberikan apa yang kita butuhkan, bukan apa yang kita inginkan. Believe it!, Allah always with us, dimanapun, kapanpun, dan apapun yang sedang kita lakukan."




LATEST POST

Double Dashed (Link Hover)

Rollin' into the weekend like... / Violet Tinder Studios
Kamu copy kode di bawah ini dulu ya ...
border-top: 2px dotted #FA3B8E;
border-bottom: 2px dotted #FA3B8E;
Read More »

Label:

Read More

Membuat Pages / Laman di Blog

Creative flat lay photo of workspace desk - Pinned by Mak Khalaf Creative flat lay photo of workspace desk with blank notebook smartphone pencil coffee and mokat pot with copy space background minimal style Still Life coffeeconceptcolorretrominimalbackgrounddesignviewcreativelifestylestylesimpleartwritingpinkpurpletopmuglaymodernphoneobjectofficedrinknotepaperdeskpastelnotebookmobileflatblanktechnologybusinesstagsmartphonehipstercopy spaceworkspacestationerytrendmockupcoffee makermock-upmoka...

1. Kamu ke Blogger >>> Pages  >>> New Pages
Read More »

Label:

Read More

Cara Mengganti Tulisan "Read More/Baca Selanjutnya" Dengan Gambar

Imagen insertada:  

1. Login ke Blogger
2. Dashboard > Pilih Template
3. Pilih Edit HTML
4. Cari kode ini
<b:if cond='data:post.hasJumpLink'>
5. Dibawahnya kan pasti ada kode ini
<b:if cond='data:post.hasJumpLink'>
      <div class='jump-link'>
     
<a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a></div>
    </b:if>
6. Gantikan kode warna merah itu dengan kode ini
<img src='URL GAMBAR READ MORE'/>
7. Maka akan terlihat seperti ini
<b:if cond='data:post.hasJumpLink'>
      <div class='jump-link'>
     
<a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><img src='URL GAMBAR READ MORE'/></a></div>
    </b:if>
8. Save Template

Gambarnya bisa kalian lihat disini 1 , 2 , 3


credit: Cindy Raviga


Label:

Read More

Cute and Unique Link Hover

1. Ke Blogger >> Dashboard >> Template >> Edit HTML
2. Sekarang, cari kode a:hover {
3. Lalu copy kode di bawah ini

color:#000000; background:url(URL IMAGE);background-repeat:repeat; text-decoration:none;
Dan paste kode itu di bawah kode a:hover {
4. Preview! Kalau berhasil, save!


credit: Gifta

Label:

Read More

How to Make Cute Copyright

1. Ke Blogger >> Dashboard >> Layout / Tata Letak >> Add a Gadget >> HTML/JavaScript >> copy kode di bawah dan paste di HTML/JavaScript itu
<center><div style="display:inline-block;font-family:short stack; font-size:16px; width:900px;padding:10px;border-radius:15px 15px 15px 15px;border:9px solid;background: #000;">Copyright © 2014 | Blog Owner : Gifta | www.giftasblog.co.vu | Powered by Blogger</div></center>
2. Save!
NOTE: Yang warna merah itu ubah-ubah sendiri yaaa ...


credit: Gifta

Label:

Read More

Background Pada Blog Archive Saja

  • Cari kode .widget ul, .widget #ArchiveList ul.flat {
  • Lalu copy kode di bawah ini dan paste di BAWAH kode tadi
background : #ffffff;
background-height : 250px;
  • Save!
Ganti yang #ffffff dengan kode warna yang kamu suka dan 250px dengan ukuran blog archive kamu
Itu kalau mau background-nya warna ... Kalau mau pakai URL, yang dicopy kode ini:
background : url(URL GAMBAR KAMU);
background-height : 250px;
Cara pemsangannya tetap sama, ya ... Hanya kode yang berbeda! Ganti URL GAMBAR KAMU dengan URL background yang kamu suka 


credit: Gifta

Label:

Read More

Make Simple (but Unique) Blockquote

1. Blogger >> Dashboard >> New Post
2. Pilih yang HTML, bukan Compose!
3. Copy kode di bawah, dan paste di HTML itu

<pre style="background-color: #ffe8ed; border-radius: 10px; border: 2px dashed #F7AFBE; line-height: 20.2859992980957px; padding: 6px; white-space: pre-wrap;"><span style="font-family: calibri; font-size: 12px;">YOUR TEXT HERE</span></pre>
Sudah!
Ganti text yang ada warnanya dengan tulisan kalian, ya!


credit: Gifta

Label:

Read More

Make Scroll Blockquote

  1. Blogger >> Dashboard >> Template >> Edit HTML
  2. Cari kode .post blockquote (Designer) / </style> (Blogskins)
  3. Lalu copy kode di bawah dan paste di bawah kode yang sudah kamu cari tadi
blockquote{
padding:10px;
color:#000;
letter-spacing:0px;
border:1px solid #eee;
max-height:100px;
overflow:auto;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
Setelah itu, save! Nah, mudah kan? Silakan mencoba Readers!


credit: Gifta

Label:

Read More

Cara Menambahkan Baca Selengkapnya / Read More


1. Masuk ke dasbor blog anda

2. Klik new post atau klik postingan yang mau diberi baca selengkapnya

3. Klik pada akhir kalimat yang mau dilihatkan sebelum Baca Selengkapnya / read more dan tekan Enter 

4. Lalu klik simbol yang bentuknya seperti kertas terpotong (letak simbol : sebelah kanan icon untuk menambahkan video)

5. Publish atau Update!

Label:

Read More

Disable Right Click Without Message


Denim dan Simple Template

1. Login ke Blogger
2. Pilih Tata Letak
3. Pilih Tambahkan Gadget
4. Pilih HTML / Javascript
5. Copy Code di bawah ini

<script>
var isNS = (navigator.appName == "Netscape") ? 1 : 0;

if(navigator.appName == "Netscape") document.captureEvents(Event.MOUSEDOWN||Event.MOUSEUP);

function mischandler(){
return false;
}

function mousehandler(e){
var myevent = (isNS) ? e : event;
var eventbutton = (isNS) ? myevent.which : myevent.button;
if((eventbutton==2)||(eventbutton==3)) return false;
}
document.oncontextmenu = mischandler;
document.onmousedown = mousehandler;
document.onmouseup = mousehandler;

</script>
6. Pilih Save

Classic Template dan Blogskin

1. Login ke Blogger
2. Dashboard > Pilih Template
3. Cari kode di bawah
<head>
4. Copy dan Paste kode SETELAH kode no 3 (kode sama seperti kode denim dan simple template)
5. Save


credit: chiaki-tachikawa

Label:

Read More

Disable Highlight Text dalam Blog

1. Login akun Blogger kalian
2. Pilih Tata Letak
3. Pilih Tambahkan Gadget
4. Pilih HTML / Javascript
5. Copy kode di bawah ini

<script type="text/javascript">
function disableSelection(target){
if (typeof target.onselectstart!="undefined") //IE route
target.onselectstart=function(){return false}
else if (typeof target.style.MozUserSelect!="undefined") //Firefox route
target.style.MozUserSelect="none"
else //All other route (ie: Opera)
target.onmousedown=function(){return false}
target.style.cursor = "default"
}
//Sample usages
//disableSelection(document.body) //Disable text selection on entire body
//disableSelection(document.getElementById("mydiv")) //Disable text selection on element with id="mydiv"
</script>
<script type="text/javascript">
disableSelection(document.body) //disable text selection on entire body of page
</script>
6. Pilih Save




credit: chiaki-tachikawa

Label:

Read More

Scrollbar Cantik For Your Blog

1. Login ke Blogger
2. Dashboard > Pilih Template
3. Pilh Edit HTML
4. Cari kode di bawah, untuk Denim Template
/* Header
untuk Simple Template cari kode ini
]]></b:skin>
5. Copy dan paste salah satu kode scrollbar dibawah DIATAS kode no 4
  • Scrollbar tipe 1
kodenya :
::-webkit-scrollbar {
width:15px;
height:10px;
}
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {
height:10px;
width:10px;
display:block;
background:#ADDFFF;
border:1px solid #842B00;
}
::-webkit-scrollbar-track-piece {
background-color:#FFFFFF;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color:#ACD6FF;
border:1px solid #FFFFFF;
}

  •  Scrollbar tipe 2

kodenya :
::-webkit-scrollbar {
height:10px;
width: 10px;
background: #ECFAFF;
}
::-webkit-scrollbar-thumb {
background-color: #BBEBFF;-moz-border-radius: 5px;
border-radius: 5px;
    div#toc-header, div#toc-display, div#toc-footer, table#toc-body {
 width:100%;
}

  •  Scrollbar tipe 3
kodenya :
::-webkit-scrollbar {
width: 9px;
height: 7px;
}
::-webkit-scrollbar {
width: 9px;
height: 7px;
}
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment  {
height:10px;
width:10px;
display:block;
background: #ADDFFF;
border:1px solid #842B00;
}
::-webkit-scrollbar-track-piece  {
background-color: #ADDFFF;
border: 4px solid #fff;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color: #ff7575;
border: 1px groove #FE80DF;
}
Note : warnanya kalian ubah sesuai keinginan kalian ya :)

Untuk Blogskin dan Classic Template

1. Login ke Blogger
2. Dashboard > Pilih Template
3. Cari kode ini
body{
4. Copy salah satu kode yang chiaki bagikan DIATAS kode no 3
5. Save




credit: chiaki-tachikawa

Label:

Read More

Disable Right Click With Alert Message

1. Buka Blogger > Dashboard
SIMPLE TEMPLATE AND DENIM TEMPLATE:
  • Layout / Tata Letak > Add a Gadget
  • Pilih HTML/JavaScript
BLOGSKINS AND CLASSIC TEMPLATE:
  • Cari kode <head>
2. Copy kode di bawah
<script language=javascript>
<!--
//gifta-www.giftasblog.co.vu
var message="Eit? Mau apa? Copy kode? Highlight kodenya dan tekan CTRL+C bersamaan, dong! Copy image? Drag saja gambarnya!";
///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}
function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}
if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}
document.oncontextmenu=new Function("alert(message);return false")
// -->
</script>
lalu paste di kotak content HTML/JavaScript (SIMPLE TEMPLATE AND DENIM TEMPLATE) dan letakkan di bawah kode <head> (BLOGSKINS AND CLASSIC TEMPLATE)

3. Save!
 
 
credit: Gifta

Label:

Read More

Blockquote Styles #2

  • Border Double pada Blockquote Setelah & Sebelum Dihover
background : #FFFFFF;color : #000000;padding : 6px;margin : 2px 2px;border :3px double #CC6BFF;border-radius :15px;}blockquote:hover {color:#ffffff;}
  • Border Atas Saja yang Melengkung Setelah & Sebelum Dihover
background : #FFFFFF;color : #000000;padding : 6px;margin : 2px 2px;border :3px dotted #CC6BFF;border-top-left-radius :15px;border-top-right-radius :15px;}blockquote:hover {color:#ffffff;}
  • Border Bawah Saja yang Melengkung Setelah & Sebelum Dihover
background : #FFFFFF;color : #000000;padding : 6px;margin : 2px 2px;border :3px dotted #CC6BFF;border-bottom-left-radius :15px;border-bottom-right-radius :15px;}blockquote:hover {color:#ffffff;}
  • Semua Border Melengkung Setelah & Sebelum Dihover
background : #FFFFFF;color : #000000;padding : 6px;margin : 2px 2px;border :3px dotted #CC6BFF;border-radius :15px;}blockquote:hover {color:#ffffff;}

Letakkan kode yang kamu pilih di bawah kode yang mirip-mirip sama .post-blockquote (lebih tepatnya lihat di sini)
Yang warnanya biru itu edit sendiri ya ... 


credit: Gifta

Label:

Read More

Blockquote Styles #1

  • Warna background berubah saat dihover
background : #FFFFFF;color : #000000;padding : 6px;margin : 2px 2px;border :3px dotted #CC6BFF;border-radius :15px}blockquote:hover {background:#000000;border: 3px dotted #CC6BFF;background-repeat:repeat;}
  •  Gambar background berubah saat dihover
background : url (url background);color : #000000;padding : 6px;margin : 2px 2px;border :3px dotted #CC6BFF;border-radius :15px}blockquote:hover {background:url (url background);border: 3px dotted #CC6BFF;background-repeat:repeat;}
  • Background menjadi icon / image saat dihover
background-image : url (url background);color : #000000;padding : 6px;margin : 2px 2px;border :3px dotted #CC6BFF;border-radius :15px}blockquote:hover {background-image:url (url icon / image); background-position: bottom right;background-repeat: no repeat;}
  • Warna tulisan dan gambar background berubah saat dihover
background-image : url (url background);color : #000000;padding : 6px;margin : 2px 2px;border :3px dotted #CC6BFF;border-radius :15px}blockquote:hover {background-image:url (url icon / image); background-position: bottom right;background-repeat: no repeat;color:#ffffff}
Nah, itu semua kodenya letakkan di bawah kode blockquote (kodenya ada di post ini, yang kodenya mirip-mirip sama kode .post-blockquote)

Yang warna tulisannya biru itu edit sendiri ya.. 


credit: Gifta

Label:

Read More

Blockquote Style for Blog #1

Blockquote itu kayak gini:

babababa
1. Pertama tama, kamu cari kode .post blockquote { Kalau ngga ada, tambahkan dulu. Letaknya di bawah kode /* Headings

2. *** Lalu, kamu copy kode ini:
background : #FFFFFF;
color : #000000;
padding : 6px;
margin : 2px 2px;
border :2px solid #CC6BFF;
border-radius :15px
- Merah #FFFFFF: Warna background blockquote
- #CC6BFF: Warna border blockquote
- solid: Jenis border
- Pink #000000: Warna tulisannya di blockquote
- Biru muda 15px: Ukuran border, bisa diubah-ubah.

Dan paste di bawah kode .post blockquote {

*** Kalau kamu mau blockquotenya bisa di-hover, copy kode ini:
}
blockquote:hover {
background:#FFFFFF;
border: 3px dotted #0000FF;
background-repeat:repeat;
}
- Merah #F781F3: Warna background blockquote setelah di-hover
- Dotted: Jenis border
- #0000FF: Warna border blockquote setelah di-hover

Dan paste dibawah kode blockquote tanpa hover tadi.

3. Save Template!


credit: Gifta

Label:

Read More

Cute Ex-link Box Style

1. Buat pages ex-link kamu / buka page ex-link kamu
2. Copy kode di bawah dan paste di bawah semua kode. Tapi sebelumnya hapus semua nama teman kamu yang pernah ex-link
<style>
a.navvv{
    -webkit-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    margin: 2px;
    display: inline-block;
    text-align: center, middle align;
    font-family: short stack;
    font-size: 14px;
    background: #fff;
    color: #000;
    width: 100px;
    border: 1px solid #D1ACF8;
    width: 100px;
}
a.navvv:hover{
 box-shadow: inset 100px 0px 100px #D1ACF8;
    -webkit-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
  color: #F9F3FF;
</style>  <br />
<div style="text-align: -webkit-center;">
<a class="navvv" href="https://www.blogger.com/URL">NAME</a>
<a class="navvv" href="https://www.blogger.com/URL">NAME</a>
<a class="navvv" href="https://www.blogger.com/URL">NAME</a>
<a class="navvv" href="https://www.blogger.com/URL">NAME</a>
3. Publish / Save!
 
 
credit: Gifta

Label:

Read More

Alert Message Saat Blog Terbuka

1. Blogger>>>Template>>>Edit HTML
2. Tekan CTRL+F di keyboard kamu, dan ketik kode </head> di kolom yang tersedia.
Copy code ini:
<SCRIPT language='JavaScript'>alert("Selamat Datang");</SCRIPT>
3. Paste kode itu di bawah kode </head>. Save Template! Jadi, deh!
 
NB: Ganti kata yang diberi warna merah dengan kata-kata yang ingin kamu sampaikan di kotak title.


credit: Gifta

Label:

Read More

Menghilangkan Navbar

1. Buka Blogger > Dashboard 

2. Pilih Layout/Tata Letak 

3. Klik tulisan Edit pada Navbar 

4. Klik Off 

5. Save!

Selesai! Mudah kan?

Label:

Read More

Hilangkan 'Subscribe to: Post Comments (Atom)'

  • Blogger >>> Dashboard >>> Template >>> Edit HTML
  • Cari kode seperti di bawah, agar lebih mudah tekan CTRL + F
<b:include data='post.feedLinks' name='feedLinksBody'/>
  • Kalau sudah menemukan kode itu, hapus kodenya!
  • Save Template!

Label:

Read More

Kio