Senin, 30 Desember 2013

Jendral Kantjil


Jendral Kantjil - Sadari
Takkan lelah ku mencari semua
Tentang arti hidup ini, dan jejak yang kuikuti
Takkan pernah ku menyerah untuk raih
semua mimpi bersama dirimu
saat ku bersamamu, saat dunia ini tersenyum untukku kujalani hidup bersamamu
Saat kau memelukku, dan mengajakku tuk cari kehidupan yang indah bersamaku
Lelah ku mencari seorang yang terbaik
Kunikmati indahnya hidupku bersamamu
Biarkan biarkan biarkan kunikmati semua yang indah bersama dirimu dan kusadari dirimu lah yang berarti
Jangan pernah kau tinggalkan diriku walau sesaat karna kini kusadari dirimu lah yang berarti
Takkan kuhabiskan waktuku tanpamu
Karna ku telah memilihmu dalam hidupku
Maafkan jika ku tak pernah sadari dirimulah yang terindah dalam hidupku
Jangan pernah menangis karna diriku disampingmu
Jendral Kantjil - Mimpiku (New Version) 
Melihat semua yang indah saat bersamamu
Tak pernah terbayangkan dalam hidupku
Kau genggam tanganku, kau ajak diriku
Untuk melihat duniamu bersamaku
Engkau pujaanku, tambatan hatiku
Selamanyakah dirimu bersamaku?
Apa yang kurasakan, bisa bersamamu
Apakah semua ini hanya mimpiku?
Mungkin takkan terulang, semua yang kurasakan
Saat ini bersamamu
Takkan pernah kulupakan
Walau semua ini hanya mimpiku
Mimpi terindah untukku
Reff :
Jangan kau tangisi semua yang hilang
Jangan kau harapkan yang tak pernah ada
Kau bukan manusia yang tak sempurna
Kau masih bisa memilih
Yang terbaik untukmu
Terbaik untuk hidupmu
Jendral Kantjil- Semua Harus Tercipta
Malam ini kusadari semua harus kumengerti
Yang kudapatkan darimu harusnya lebih berarti
Maafkan aku teman jika tak pernah merindukan
Semua yang pernah kita dapatkan bersama
Kini semuanya harus lebih berarti
Kan kudapatkan apa yang pernah kita impikan
Semua yang pernah kau ucapkan
Kan kujalani semua cita-cita yang pernah terucap
Ku kan mimpi tuk kembali
Seperti hancurnya sebuah kisah yang berlalu
Takkan melangkah kembali
Untuk suatu jawaban yang tak pasti
Kuingin melihat matahari pagi mengiringi langkahku
Tuk dapatkan semua yang kuinginkan
Semua harus tercipta masa depan terindah
Dan kuharap kita dapatkan bersama
Jendral Kantjil - Mimpiku
Melihat semua yang indah saat bersamamu
Tak pernah terbayangkan dalam hidupku
Kau genggam tanganku kau ajak diriku
Untuk melihat duniamu bersamaku
Engkau pujaanku tambatan hatiku
Selamanyakah dirimu bersamaku?
Apa yang kurasakan bisa bersamamu
Apakah semua ini hanya mimpiku?
Mungkin takkan terulang semua yang kurasakan
Saat ini bersamamu
Takkan pernah kulupakan
Walau semua ini hanya mimpiku
Mimpi terindah untukku
Jangan kau tangisi semua yang hilang
Jangan kau harapkan yang tak pernah ada
Kau bukan manusia yang tak sempurna
Kau masih bisa memilih
Yang terbaik untukmu
Terbaik untuk hidupmu

Remember Of Today

REMEMBER OF TODAY




Remember Of Today – Kaulah Segalanya

kaulah segalanya untukku
kaulah seglanya yang tak pernah sirna
kita yang terkuat hiraukan kata mereka
janganlah kau melihat dari warna kulitnya siapalah mereka dan tutur bahasanya
kita yang ada disini tak kenal pilah pilih kita berbaur bersama berkumpul dan bernyanyi
bahagia

angkat keras suaramu dan ikuti suaraku
agar semua tau suara hati kita
terangilah hidupmu dan jaga cahaya kalian untuk tetap bersinar di hati kala kelam
rangkul yang ada di sebelahmu janganlah kau ragu kawan satu kan dan berteriak
wooo..lepaskan semua semangatmu
wooo..buang semua rasa takutmu
wooo..hempaskan keras suaramu
wooo..kaulah segalanya untukku
tatap mukaku kawan jangan pernah lupakan
satukan semua egomu hancurkan kesombongan
satukan tekad hatimu gabungkan jadi satu
dan ingat aku berkata bahwa persahabatan itu nyata.
tunjukan pada mereka bahwa kita pun bisa melangkah bersama dan bukan bicara saja
tetaplah berlari jangan berhenti melangkah lihat diriku disini dan nilai kita sendiri..
 
Remember Of Today – Hilang
 
Haruskan kau menunggu disini sendiri diam membisu tak berarti.
Harapan cerah tlah menantimu dan jangan kau bersedih kembali.
Buktikan jika kau masih yg terhebat terkuat ataupun segalanya.
Takkan membuatmu terluka.
Tinggalkanlah dia yg tlah menghancurkanmu.
Dan lupakan smua kenangan terindah yg terukir manis di dalam benakmu.
Biarkan ku pergi untuk menjauh.
Lupakan kenangan indah denganmu.
Ku relakan apa yg tak seharusnya aku relakan.
kepergian sisi hati yg tak mungkin aku lupakan.
Hilang...... 
 
Remember Of Today – Pergi Hilang Dan Lupakan

Dunia hari ini begitu tak berarti, tak berjalan cepat seolah tak perduli.
Lambat laun ku bosan dengan hari ini, hari yg tak akan pernah berakhir.
Semua telah berubah sejalan dengan waktu.
Setiap detik berharga bagiku.
Waktu pun ingin ku ubah tuk kembali tertawa.
Aku hanya bisa menangis aku tak bisa.
Maafkanlah diriku atas semua kesalahan yg ku perbuat selama ini kepadamu.
Dan ku berjanji akan melepasmu dengan senyuman yg akan kau ingat dan kau kenang sampai mati selamanya.
Lupakanlah smua kenangan ini.
Hancurkanlah smua mimpi-mimpi.
Jangan pernah kembali dan takkan pernah kembali.
Dan janganlah kau pernah berikan aku satu harapan.
karena aku ingin pergi hilang dan lupakan.

Sweet As Revenge

SWEET AS REVENGE




Sweet As Revenge – Bebas
Detak jantungku berdebar
Saat ku mendengar suara alunan yang indah
Kaki ku mulai bergerak
Tak terasa tubuh ini terbawa nada-nada
Waktu pun terhenti
Tak ada yang peduli
Hentikan semua kesedihan
Ku mulai menari nyanyikan lagu ini
Membelai jiwa yang terasa sepi
Reff :
Lepaskanlah segala keluh kesah
Biarkanlah jiwa ini bersuara
Bebaskanlah segala kepedihan
Biarkanlah jiwa ini bersuara
Satu masa terlewati
Dan merubah semua pikiran yang ada
Tanpa ada satu tanya yang dapat meleburkan dan hentikan kita
(back to reff)
Sweet As Revenge – Summer
6 in the morning I've been waiting
Today is the day we're going
To escape from the live that we hate

Terminal 1 in 2 hours
We're running and we're flying
Leaving all the troubles behind
The turbulance seems to keep us down
As we fight the stormy weather
Can you feel it as we set our feet
All the curses seems to be lifted
The sky might fall, the earth might crack
But we will stay together
The sea might split, the storm might come
But still we stand forever
As the summer fall I'm blinded
By the sweet bitterness of our past memories
Stay with me, just stay with me
Run baby run away, come near
We don't want it to be over
So let's not stop, don't waste our time
This time we own the summer

Well We Blood




  
KEMBALILAH PADANYA
( * )
Seandainya dulu
Kita tak pernah bertemu
Mungkin semua ini takan pernah terjadi
Mungkin sudah takdirku
Memang harus begini
Derita dan perih selalu terjadi
                (**)
                Apakah aku salah
                Hingga membuatmu pergi
                Jauh dari sisiku
                Takan Pernah Tergantikan
                Senyum dan rayu manismu
                Yang pernah kau beri padaku
REFF
Kembalilah padanya
jika memang kau cinta padanya
lupakan saja aku dan buang semua harapanmu padaku
Pergi saja dariku
Dan lupakan semua kenangan
Yang pernah kauberi padaku dan
Terukir dalam hatimu
Hattimu…
 




Kisah kita
(*)
Berjalan dengan sejuta mimpi
Dengan langkah yang tak pasti
Owh kasih
Hadapi semua masalah
Dengan rasa tenang
Agar semua terselesaikan
            Jangan kau hadapi semua dengan egomu
            Jangan kau hadapi semua dengan sakitmu
            Jangan kau sakitiku
Reff
Lihatlah luka ini
Yang Sakitnya abadi
Yang terbalut hangatnya bekas pelukmu
Simpan saja semua
Cerita tentang kita
Takan ada lagi kisah diantara kita
(**)
            Bawalah diriku kedalam duniamu
            Agar aku dapat merasakan cinta darimu  (2X)
BACK TO REFF









Permintaanku
(*)
Kudisini sendiri
Menemani hari-hari yang sepi
Tak ada yang peduli padaku
Owh cintaku
(**)
Salah bagiku menemani
Hari tanpa seorang kekasih
Mengapa ku terlahir
Dan mengapa semua ini terjadi padaku
                REFF
                Hanya satu pintaku
                Bagimu dan bagiku
                Tuk saling membagi waktu denganku
                Hanya kamu yang mampu membuatku merasakan
                Kelembutan kasih sayangmu
Hanya kamu yang kumiliki
Owh cintaku
Hanya kamu yang ku saying
Owh cintaku
Hanya kamu yang selalu
Ada di pikiran diriku..
Hanya kamu yang aku cinta.

Jumat, 27 Desember 2013

Cara membuat Kwick Menu Navigasi di Blog

Cara membuat Kwick Menu Navigasi di Blog

Tutorial seputar Blog - Hallo sobat  semua akhirnya saya bisa posting lagi mohon maaf untuk sobat Ok lah langsung saja ke topik.Mungkin untuk sekian kalinya membagi ilmu cara membuat Menu Navigasi,kali ini pun saya akan share Cara Membuat Menu Navigasi Kwicks Dengan jQuery.

Berikut Screenshotnya :


View Demo
Bagaimana tertarik untuk memasangnya di blog sobat,,?? Jika jawabannya ya silahkan ikuti langkah-langkah membuatnya di bawah ini :

Seperti biasanya masbro masuk dulu Dasboard >> Template >> Centang Expands Widget Templates

Lalu taruh kode berikut di atas ]]></b:skin>

.kwicks{height:50px;list-style:none;margin:0;padding:0;position:relative;width:840px;z-index:2
}
.kwicks li{cursor:pointer;display:block;float:left;height:50px;overflow:hidden;padding:0;width:120px;z-index:2}
.kwicks li a{background-image:url(http://4.bp.blogspot.com/-e1c5hdvd0MQ/TbgSHi-7EEI/AAAAAAAAAzs/Y9aTBHEgh84/s1600/menu%2Bjquery%2Bpelajaran%2Bblog.jpg
);background-repeat:no-repeat;cursor:pointer;display:block;height:50px;outline:none;text-indent:-9999px;z-index:2}
#kwick1 a:hover{background-position:0 -50px!important}
#kwick2 a{background-position:-190px 0}
#kwick2 a:hover{background-position:-190px -50px!important}
#kwick3 a{background-position:-380px 0}
#kwick3 a:hover{background-position:-380px -50px!important}
#kwick4 a{background-position:-570px 0}
#kwick4 a:hover{background-position:-570px -50px!important}
#kwick5 a{background-position:-760px 0}
#kwick5 a:hover{background-position:-760px -50px!important}
#kwick6 a{background-position:-950px 0}
#kwick6 a:hover{background-position:-950px -50px!important}
.kwicks li ul a{float:left;width:12em}
.kwicks ul ul{top:auto}
.kwicks li ul ul{left:12em;margin:0 0 0 10px}
.kwicks li:hover ul,#nav li li:hover ul,#nav li li li:hover ul,#nav li li li li:hover ul{display:block
}

Kemudian cari kode <head> dan taruh kode jQuery berikut tepat di atasnya

<script src='https://sites.google.com/site/cunayz182/files/jquery-1.2.3.js' type='text/javascript'/>
<script src='https://sites.google.com/site/cunayz182/files/jquery.easing.1.3.js' type='text/javascript'/>
<script src='https://sites.google.com/site/cunayz182/files/jquery.kwicks-1.5.1.js' type='text/javascript'/>

Selanjutnya sobat tinggal pilih mau di taruh dimana menunya misalnya di widget caranya Tambah Widget >> HTML/JavaScript and masukin deh kodenya nih ado di bawah :

<div class='kwickswrap'>
<ul class='kwicks'>
<li id='kwick1'><a href='#' title='halaman utama'>Home</a></li>
<li id='kwick2'><a href='#' title='daftar isi.'>Blog</a></li>
<li id='kwick3'><a href='#' title='about'>About</a></li>
<li id='kwick4'><a href='#' title='futures'>Portfolio</a></li>
<li id='kwick5'><a href='#' title='contact us'>Contact</a></li>
<li id='kwick6'><a href='http://pelajaran-blog.blogspot.com/' title='recomended links'>Resource</a></li>
</ul>
</div>
</td>
<script type="text/javascript">
$().ready(function() {
$('.kwicks').kwicks({
max : 190,
duration: 800,
easing: 'easeOutQuint'
});
});
</script>

Selanjutnya tinggal simpan,gimana guampang kan bikinnya,,?? jika ada pertanyaan jangan sungkan untuk meninggalkan jejak di kotak komentar trim atas kunjungannya ^_^

14 Blockquote Cantik Dan Indah



”14
Blockquote atau Kutipan....
Memperindah tulisan yang kita buat akan menjadi indah bila diberi Kutipan atau Blockquote.Tentunya orang yang melihatpun menjadi segan untuk membacanya,sehingga orang pun menjadi tertarik setiapa apa yang kita tulis.

Disini saya ingin memberikan sedikit Tutorial Cara Membuat Blockquote Indah Dan Cantik.Saya akan memberikan 14 Contoh dengan Blockquote Terindah.


Mungkin sebenarnya masih banyak lagi tapi gak apalah saya kasih 14 saja.Lihat caranya dibawah ini


  • Login Ke Blogger
  • Elemen Laman => Edit HTML
  • Download Template Lengkap (Untuk berjaga - jaga)
  • Cari Kode . post blockquote hapus kode tersebut. Pada sebagian template kode terlihat seperti ini,
.post-body blockquote { line-height:1.3em; }
Atau
.post blockquote{ ..............}

Ingat setiap kode berbeda beda jadi carilah kode yang mirip mirip gituan!!!

  • Kemudian cari kode ]]</b:skin>.Paste Kode Blockquote  tepat di atas ]]></ b: skin>, paste kode  salah satu Blockquote favorit Anda. Saya memberikan contoh kode seperti kode kode dibawah ini.



1.



Kode Blockquote

blockquote {
margin : 0 20px;
padding: 60px 30px 40px 20px;
background : #F1F8FE url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxOJFIkq-ewlToQjvq_DZkploGLy7_ZPDRnMfOgMv4BgtccMqCt4sW3a_CTohstggvMnBYasRmjK5mvzOWhXzxTtaNEagknhi7cBUD7ZeKQpybnvm7s9y37F-C_doAo8vJtSpF9BF0v9U/s400/owl.png) no-repeat 350px 5px;
font: normal .9em "comic sans ms", Courier,"Times New Roman", Times, serif;
color : #000;
border-left: 8px dotted #DAB547;
}
blockquote p {
margin: 0;
padding-top:10px;
}


2.

Kode Blockquote

.post blockquote {
margin : 0 20px;
padding: 70px 20px 20px 40px;
background : #E4EAFE url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3S5k09dFF875gdcffqUgCmP6HyOI3eK39gCMv20Hgje09lU_qyyiFupHVFAny0-QBBX8oBfxyVmo-l9ge06FX6QTfeJTpWZKaHjGLpsU_b6SRzpd9gZfYSu1-2Z7mkKKR_3SGY8r_iMU/s400/angular-purple.gif) no-repeat top left;
font: bold 1em Helvetica, verdana, Georgia, "Times New Roman", Times, serif;
color : #000;
border-bottom : 5px solid #435388;
}
.post blockquote p {
margin: 0;
padding-top:10px;
}


3.


Kode Blockquote

.post blockquote {
margin : 0 20px;
padding: 10px 20px 25px 20px;
background : #9FCFFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2YxfODWbJdD2paTLQLeX6HoQhbdJkqwYo4Mh_k1M_fB4zYCFVE7qVd6Aj1OOQwLHMmB0SsiSnFyv-wyWQFXXt9hj-p9usHtKqvQ7Ip2S9aJ4RNCJ42kyJzH-76Lm9T7aJ7P1Rw1J_dCo/s400/block22.gif) no-repeat right bottom;
font: bold .9em "comic sans ms", arial, Helvetica,verdana, Georgia;
color : #484848;
border: 5px dashed #fff;
}
.post blockquote p {
margin: 0;
padding-top:10px;
}


4.


Kode Blockquote
.post blockquote {
background: #F3F3F1 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieSKieDWR1-NVjAsFrh_NFbWr3UC6oOD-Wpm04xLo8Uxkyt2DxlM94jEeYMPsy-H_Gl5lC2lYE9UYQ6_ocr4xPba9Ev72floQizErvKem4tJEY7yJSWxEW-Ymt7ii4NfJjSrqi9xp7TkM/s1600/comma-side-orange1.gif) ;
background-position:;
background-repeat:repeat-y;
margin: 0 20px;
padding: 20px 20px 10px 45px;
font-size: 0.9em;
font: italic 1.2em Georgia, "Times New Roman", Times, serif;
}
.post blockquote p {
margin: 0;
padding-top: 10px;
}


5.

Kode Blockquote
blockquote {
background: #484B52 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3zVcjR3CfXCh0_AWvRcPdVHLvgDi_FlglNNcjBR5rdM_mxtEdVt_Z02YdRfM06sb0RQbyGcknbfEIAxLsuyQN9jloVlYU1bDvRAkWj_QAo-4FSwT0awzM_UYUjJwmXXS4RHbnRC98wCg/s1600/green-black-side.gif) ;
background-position:;
background-repeat:repeat-y;
margin: 0 20px;
padding: 20px 20px 20px 50px;
color:#C7CACF;
font: normal 0.9em Helvetica, verdana, serif, Georgia, "Times New Roman";
}
.post blockquote p {
margin: 0;
padding-top: 10px;
}

6.

Kode Blockquote

.post blockquote {
margin : 0 20px;
padding: 20px 60px 80px 20px;
background : #FEE4E3 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgNcSHT41HUiwV3PiEMSdlfDbc9aN9JaUJv3WVl8s2qf-06SNxw2w4iJ29zXG8LdPUxHVoQjcAFzg3JMx7o0wajZrtqnhmK5ri03ss9tSI5FZ1hjqeFbVq3HvB7ajw9UoA7QSXcTCm0ow/s400/angular-right.gif) no-repeat bottom right;
font: bold italic 1em  Georgia, verdana, Helvetica,  "Times New Roman", Times, serif;
color : #000;
border: 1px solid #DDD;
}
.post blockquote p {
margin: 0;
padding-top:10px;
}




7.

Kode Blockquote
.post blockquote {
  font: 18px normal Tahoma, sans-serif;
  padding-top: 10px;
  margin: 5px;
  background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbJD537jETtwqBuK2Ai-1-8AG7rUM69O4A6kvpgtju3ClrhEBsr74oEJYwPQqbRiys79GEV7q0rPOellf9XFl0YwKsMhiOpYsIDoTlUQy5rOfpCYnsJnpxoxr4f2wKtoQgfp6CMcl2yKk/s400/comma-left.gif) no-repeat top left;
  text-indent: 65px;
  }
  .post blockquote div {
    display: block;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTT2corvWxIwP55sq4Otn3PjoSkyXrKQIUhtX40gdd6TSNiq1KqzIkgXR16AFc8ODiFjePwevrVh7kUKKWVDYegeWTEf1M09M-rp-RAXBHHFVFD4Z1zFwrwC5fg3XWuQAStImcnvcFEl0/s400/comma-right.gif) no-repeat bottom right;
padding-bottom:10px;
}
.post blockquote p {
margin: 0;
padding-top:10px;
}


8.


Kode Blockquote

.post blockquote {
  font: 18px normal Tahoma, sans-serif;
  padding-top: 10px;
  margin: 5px;
  background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYwsdHAcIRqCdA5HvXcTo8xvaZva93OIPfS2tIOUqQb0XiARs4FQ0Lm8UT-ZtX_ng0bQEALIOA1tk4n_p7z0ROk_KDHcYlbn2RRgcPaShTZZ4cXHW6MDGZeODLf_ynaTAaPonTq2lqKqY/s400/comma1-left.gif) no-repeat top left;
  text-indent: 65px;
  }
  .post blockquote div {
    display: block;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj26tGjRE7vJd8JJYA39184fKB5lyLjSuK7RQgj-NmrAUd-KcDpppgSiCyBtIjFeD6ufedV-jgHpaXI9RAejHGS7M8m89GuYn6-jkcIUqYzF_RnvgANrLJ-er_EWTF3rLd8O6gjf4oWxZ4/s400/comma1-right.gif) no-repeat bottom right;
padding-bottom:10px;
}
.post blockquote p {
margin: 0;
padding-top:10px;
}


9.

Kode Blockquote
.post blockquote {
  font:bold italic .9em  "comic sans ms", Tahoma, sans-serif;
  padding-top: 25px;
  margin: 5px;
  background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhC6CO8qPntpJFU8tCcoECJ5x7fTXW7f43X_ao9ooxDefUZSxFy7f6mS77c2kzJq5fLxW2cQNZfF8sygXghcFfh_DxaWjhHeNQ4pJQd8ZGB50A8JrwZNAyiw_CUt7gwxEGGDNHPUDBUy28/s400/left.gif) no-repeat top left;
  text-indent: 65px;
color:#6299E4;
  }
  .post blockquote div {
    display: block;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlZub10Mvnv9JO6Fs52lXmw4nTa0x4mVGXd7RIwRk6Vpnng0B-QgxoROPajpP-XLcLwb2zvYorGP6k1doOSHkQ2VTqcFXe4eUDkhXSXRpTx6m4lBWHhIBKf3sD0voZwtxenep03k2y3o0/s400/right.gif) no-repeat bottom right;
padding-bottom:30px;
}
.post blockquote p {
margin: 0;
padding-top:10px;
}

10

Kode Blockquote

.post blockquote {
  font: italic 1em  "comic sans ms", Tahoma, sans-serif;
  padding-top: 10px;
  margin: 5px;
  background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwPFCY3iGMz0B2MKyxAxxAek6B2mN0Nc8Rf_a_mYpy5aOT-ucW2RlpoUcH3E6aARD11HlZ1Ff0MFkYpP4vpruIfvFr7tWOGKwM02z0fBtQW_Kw5kBCr_F6Lqr4eY9bN6Un404gzXsVtAI/s400/comma2-left.gif) no-repeat top left;
  text-indent: 65px;
  }
  .post blockquote div {
    display: block;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6zff6bECK_6sHQpkxXN9H6kftfYjkJA_17BBpcsBPay2Njr9Uuu5gA5JtcaT5W48_oWphMsun2qtnFOkF-jBKL5X7EknFyg5h1oX1SeZ9LWXvPQw8b6nMnnw9KY-1xtupqwJzkbOKUcs/s400/comma2-right.gif) no-repeat bottom right;
padding-bottom:10px;
}
.post blockquote p {
margin: 0;
padding-top:10px;
}


11.


Kode Blockquote

.post blockquote {
margin : 0 20px;
padding: 70px 20px 20px 20px;
background : #E7E5DC url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTFAHJuM92Hy6if0bsTM7rBhqWlavMH1BSiNCOp31Xn-9L3wOIZt9ceiSw_DMJSNXOkBhpdLycvHZh0NYtGtjGAhbs0UoS_JEBmwVDd1h0ACeVzvzt_yjtngQik4bgGzbcVvCvOdXq6mc/s1600/block333.gif) no-repeat top;
font: normal 1em "comic sans ms",Helvetica, Courier,"Times New Roman", Times, serif;
color : #000000;
border-bottom : 7px solid #FF0000;
}
.post blockquote p {
margin: 0;
padding-top:10px;
}


12.


Kode Blockquote

.post blockquote{
margin : 0 20px;
padding: 50px 30px 50px 30px;
background : #FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjISrOL3WxOqfhTocQqKIaa9DAMdcT5MXew9cOMZUN4ZNeAnx2_6Tj3B9VGUHAIdo5n9MT_kEiBPunpTdWldwl8hdhdx-ogXlwNpCMxHeSwXd_ZTWgZubvPFCpQ_duEnqC6g11GaLtmv7U/s1600/BLOCK1-TOP.gif) no-repeat top;
font: bold italic 1em Helvetica, verdana;
color : #000;
}
.post blockquote div{
background : #FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSTjx3Rzj9_ohPDmoz2HPEK85-NYY2aDEqegDT9OpSzt4pZBMUWr_50sDgj_aOTKv9c-N4FiKcSvJNypgE_UU00bqG9RlJcDjFAKjY4YfsweV-6amryRZOx_y1jFysywPLgr3iA2lwjw4/s1600/BLOCK1-BOTTOM.gif) no-repeat bottom;
padding-bottom: 50px;
}
.post blockquote p {
margin: 0;
padding-top:10px;
}


13.


Kode Blockquote
.post blockquote {
margin : 0 20px;
padding: 70px 20px 30px 20px;
background : #E7E5DC url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiYdCuwSqPZ_lhGLkRCopevD-aVrF1xKp6nIl71U3DjG4kv0un9CEr7ZT_AaNI-Yy0lGxqfpj_Cm3ZqYTFRZsuSLpqGqOVo-qyVQYjoWjuOJev9ywxMtZpumPRvMd9PO6ECj8fEUvUb9A/s400/block3331.gif) no-repeat top;
font: bold .9em Helvetica, "comic sans ms",Courier,"Times New Roman", Times, serif;
color : #343434;
border-left : 7px solid #FF7802;
border-right : 7px solid #FF7802;
border-bottom : 7px solid #FF7802;
}
.post blockquote p {
margin: 0;
padding-top:10px;
}


14.

Kode Blockquote

.post blockquote{
margin : 0 35px;
padding: 80px 0px 0px 0px;
background : #E6F1FA url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhwN6vvPMOlqy-A6OVN6_o4i_CD-zXLEMNo_4s_EQ6mfdwNafqVmrIvoj6oHdyHjI1az7vp2XUL3EzyUE_4H4VPfWFnODdX4x2_qwePg-PHEoLaN_wcCuuFEE_W3Yqk7A6PparKGnxiDM/s400/head2.gif) no-repeat top;
font: normal 1em "comic sans ms", Helvetica, verdana;
color : #666;
}
.post blockquote div{
background : #E6F1FA url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKmvy8w8TXsQpRMP6TS9Trw1M3L816cDIhIwol71S0ay_K-3xeIjEo1oq-xYSXDEGea6ZNWaoznllQ7csUOHwaZnpum2qsIAO_XBRGOkJ90mW9-eN4YXjbwMrqwHz5wYtHBG4wpIrtq_Q/s400/head-bottom3.gif) no-repeat bottom;
padding-bottom: 50px;
}
.post blockquote p {
margin: 0;
padding: 20px;
}

Cara Membuat menu Slide Info di Blog

Tutorial Blog | Tips dan Trik Blog | Belajar Blog - Pada kesempatan ini Tutorial Belajar Blog akan berbagi tips Blog dengan judul Cara Membuat menu slide info di blog. Pada sebelumnya saya sudah berbagi tutorial Cara Membuat Vertical Sliding Info Panel With jQuery, dimana pada sebelumnya apabila ingin membuka info Menu slide pada blog kita harus klik terlebih dahulu ,nah pada pada tutorial ini kita tanpa harus klik dan hanya menyorot atau mendekatakan kursor kita.! Contoh Demo SIlahkan Klik Disini


Berikut Ini Langkah - Langkah Membuat nya :
  1. Login Ke Akun Blog Sobat
  2. Pilih Rancangan --> Kemudian Pilh EDIT HTML Dan Jangan Lupa Untuk Mencentang Kolom Expand Template Widget.
  3. Copas KOde Berikut Tepat Di Bawh Kode


<style type='text/css'>#info-oktri {z-index: 1000;background:-moz-linear-gradient(top, #1F2326, #000);background: -webkit-gradient(linear, left top, left bottom, from(#1F2326), to(#000));box-shadow:-2px -2px 8px #FF0000, 2px 2px 20px #FF0000;-moz-box-shadow:-2px -2px 8px #FF0000, 2px 2px 20px #FF0000;-webkit-box-shadow:-2px -2px 8px #FF0000, 2px 2px 20px #FF0000;width:400px;position: fixed;top:50px;left:0;margin-left:-330px;border:1px solid #444;background-position:top right no-repeat;height:35px;font:11px Arial;color:#eee;border-top-right-radius:8px;border-bottom-right-radius:8px;-moz-border-radius-topright:8px;-moz-border-radius-bottomright:8px;-webkit-border-top-right-radius:8px;-webkit-border-bottom-right-radius:8px;}#info-oktri{-o-transition: all 1s ease-in;-moz-transition: all 1s ease-in;-webkit-transition: all 1s ease-in;} #info-oktri:hover{width:400px;opacity:1.0;margin-left:0;}.Oktriinbox {border:1px solid #444;width:290px; margin:0px 90px 10px 10px;background:#000;color:#ffffff; border-radius :20px; padding:5px 0;-moz-border-radius:20px; -webkit-border-radius:20px;-o-transition:all 2s ease-in;-moz-transition:all 2s ease-in;-webkit-transition:all 2s ease-in;opacity:0.2;}.Oktriinbox:hover{opacity:1.0;box-shadow:1px 1px 15px #000; -moz-box-shadow: 1px 1px 15px #000; -webkit-box-shadow: 1px 1px 15px #000;background: #000;}.Oktriinbox2 {margin:5px 10px;padding:0px 8px 10px;color:#FFFFFF;overflow:hidden;height:410px;}.oktri15 {border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;}.Oktri2 ul.bom {margin: 0; padding: 0;}.Oktriinbox2 li {margin-left:20px;}.Oktriinbox2 li a {color: #FFFFF; line-height: 4px; font-size: 11px;font-weight: bold; text-decoration:none;}.Oktriinbox2 li a:hover {color: red;text-shadow: 0 1px 1px #000;}.Oktriinbox2 h2 { font: 18px Droid Serif;font-weight:bold;padding:0 8px;color: #FF0000;text-shadow: 0px 1px 1px #ddd;border-bottom: 1px solid #FF0000;}.Oktritouch {font-size:22px;font-weight:bold;font-family:Arial Narrow;float:right;margin: 3px 10px 0 0;-o-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;text-decoration:blink;}.Oktritouch:hover{-o-transform: scale(2) rotate(720deg) translate(0px);-moz-transform: scale(2) rotate(720deg) translate(0px);-webkit-transform: scale(2) rotate(720deg) translate(0px);color: red;}</style>


<div id='info-oktri'><span class='Oktritouch'>Info</span>
<div class='Oktriinbox'><div class='Oktriinbox2 oktri15'>
<h2>SELAMAT DATANG</h2>
<p style='text-align:justify'>Selamat datang di Tutorial Belajar Blog, saya harap anda senang berada diblog sederhana ini. Blog ini saya tulis dengan komputer yang sederhana dan koneksi internet yang juga sederhana. Saya berharap Anda sering datang kembali. Silahkan anda mencari hal-hal yang baru di blog saya ini
</p>
<h2>Sekilas Tentang OKTRI </h2>
<img height='120x' src='http://i1192.photobucket.com/albums/aa340/djok3/PhotoFunia-3f81ac.gif' width='90px'/>
<p style='text-align:justify'>Photo di Diatas bukan saya dan juga bukan saya memake topeng, pokoknya bukan siapa-siap saya. Nama saya Oktri  saya seorang yang ingin belajar blogger. Saya mulai belajar blogger sejak bulan Oktober 2010, dan blog ini saya buat pada bulan January 2012.></p>
</div>
</div></div>

4.Ubah Kata Atau Judu Yg Berwarna Merah Dengan Judul atau Kata-kata Sobat Sendiri
Dan Yg Terakhir Simpan Templatenya.