Senin, 01 Oktober 2012

Sebuah Kenangan

Di keheningan malam ini, aku hanya berteman sepi..
Merindukanmu adalah hal yang menyakitkan,
Melupakanmu adalah hal yang tak bisa ku lakukan,
Dan memilikimu adalah hal yang terindah dalam hidupku..

Malam ini aku ingin kamu ada disini…
Bercanda tawa denganku sperti yang pernah kita lakukan dulu..
Tapi apalah dayaku..
Ternyata aku hanya bermain dengan bayangmu..

Andai waktu dapat ku putar kembali..
Akan aku pastikan kamu disini bersamaku..
Tetapi aku hanya bermimpi,
Untuk berharap engkau kembali..

Sekarang akan ku biarkan kamu bahagia bersamanya.
Menjalani harimu dengan penuh kebahagiaan
Brsma dia yang kamu cinta..
Biarlah disini ku sendiri...
Karena ku tau semua akan indah pada waktunya…

Puisi By : Rhiny
Diposting oleh di Tidak ada komentar:
Label:

Sesal Tak Berujung

Masa lalu itu selalu hadir di benakku…
Pancaran sinar wajahmu bagai purnama 14 hari..
Selalu memandang kearahku…
Senyummu, tawamu… semua tentangmu.
Selalu mengusik hidupku..

Selama 5 tahun lamanya..
Aku meninggalkanmu tanpa berita..
Aku tau kau menyimpan rasa padaku..
Demikianpun denganku..

Sembari ku lihat namamu di facebook..
Dag..dig..dug.. Hatiku tak karuan..
Ya inilah kamu pujaan hatiku..
Yang selama ini kucari..
Namun ku ragu..
Apakah kau masih mengenalku ?

Kucoba buka fotomu..
Tak ada yang berubah..
Kau masih gadis kecilku..
Yang manis, dan selalu jadi ratu dihatiku.
Kau adalah bidadari itu..

 Akhirnya ku beranikan diri..
“ass.. apakah kau masih ingat denganku?,
Aku adalah temen sepermainan mu, waktu kita SMP dulu”
Tak berapa lama ada balasan darimu..
 
Dari bidadari sang penakluk hatiku..
“Aku masih mengingatmu.. kenapa kau pergi tanpa kabar? 5tahun lamanya?..
Aku minta maaf karna sebentar lagi aku akan dimiliki seseorang selamanya”

Ya tuhan…
Betapa hancurnya hatiku..
Dan menyesalnya diriku, telah meninggalkan bidadari hatiku..
Dan saat bertemu..dia tlah di sanding..

Dunia seperti berputar..
Air mataku berjatuhan..
Aku menyesal dan merasa tak berguna…
Haruskah ku akhiri semua ini..
Saat bola mata dan senyum mu, beralih kepadanya…

Kini hanya ada sesal di hati..

Karya : Tiara Mela Sari
Diposting oleh di Tidak ada komentar:
Label:

Rabu, 26 September 2012

Cara Membuat Kategori / Label di Blog

Artikel-artikel yang diposting oleh Blogger terkadang memang perlu dikelompokkan atau dikategorikan sesuai dengan tema. Dengan adanya pengkategorian atau pengelompokan artikel yang telah diposting, dapat mempermudah para pembaca untuk memilih artikel mana yang ingin dibaca. Di Blogger, untuk membuat kategori/pengelompokkan dikenal dengan istilah Label.

Dalam Masalah kali ini saya akan membahas mengenai Cara Membuat Kategori atau Label di Blog. Pertama yang harus kita lakukan adalh berdo'a, :D
* kemudian Login ke blogger lalu Klik > Post.

* Membuat Kategori / Label  -nya.
Pilih atau beri tanda centang pada artikel yang ingin diberi label. Pada gambar Label (yang berada disebelah "Publikasikan") pilih "New Label/Label Baru" lalu beri nama label yang di inginkan.


tunggu...
dan, Taraaaaaaaaaaaa!! :)
akan muncul tulisan kategori yang di buat. 


* Cara Menghapus Kategori / Label
Beri tanda centang pada postingan yang ingin dihapus labelnya, trus klik combo box trus klik label dibawah tulisan "Remove label", Nha jadi deh....

* Cara Mengganti Kategori / Label
Hapus dulu label yang ingin diganti, kemudian buat label baru.


Lalu bagaimana cara memasang/menampilkan Label di blog?
Begini kang caranya :
1. Klik Template > Page Elements
2. Tambahkan Page Elements kemudian pilih Label terus atur sendiri :P :D
bisa kan?

Selamat beribadah :D, Selamat mencoba maksudnya...!!
Diposting oleh di 2 komentar:
Label:

Senin, 24 September 2012

Membuat Menu Navigasi Dengan Sub Menu

Belajar Membuat Menu Navigasi Sub Menu pada Blogger Blogspot.Mumpung mood lagi bagus,mumpung doku lagi tebel dan mumpung blog lagi sepi,saya mencoba untuk memposting kembali kaitannya belajar menghias blog.

Beberapa minggu lalu saya sudah bagikan dari informasi yang saya dapat dari dunia maya,bagaimana membuat menu navigasi css di blogger.
Bagi yang belom membaca,silakan langsung klik di sini.

Nah,dari email sahabat yang saya terima,menanyakan bagaimana sih membuat menu navigasi horisontal / horizontal dengan submenu / sub menu navigasi vertikel seperti pada blog ini?
Bukan suatu kesengajaan,menu navigasi dengan sub menu ini juga saya peroleh dari hasil surfing berbagai blog tutorial untuk blogspot.

Bagi kamu yang penasaran bagaimana cara membuat menu navigasi dengan sub menu,bisa ikuti langkah berikkut ini.

Langkah dan Cara Membuat Menu Navigasi dengan Sub Menu Untuk Blogger


  • Pertama,pergilah ke Dashboard (Gb.1) blog yang akan anda beri menu navigasi dengan sub menu ini.

    Menu Navigasi Sub Menu.
    Gb.1
  • Selanjutnya pilih tab Edit Html (Gb.2).

    Cara Membuat Menu Navigasi Horizontal dengan Sub Menu.
    Gb.2
  • Setelah itu,contreng tulisan / checkbox 'Expand Widget Templates' (Gb.3).

    Menu Navigasi Css SubMenu.
    Gb.3
  • Setelah itu carilah kode seperti ini ]]></b:skin> (Gunakan Ctrl+F pada keyboard untuk mempermudah pencarian),setelah ketemu letakkan kode dibawah ini tepat diatas kode ]]></b:skin> tersebut.

    #NavbarMenu { background: #000; width: 400px; height: 10px; font-size: 11px; font-family: Trebuchet MS, Tahoma, Verdana; color: #fff; margin: 0px; padding: 0px; } #NavbarMenuleft { width: 400px; float: left; margin: 0; padding: 0; } #nav { margin: 0; padding: 0; } #nav ul { float: left; list-style: none; margin: 0; padding: 0; } #nav li { list-style: none; margin: 0; padding: 0; } #nav li a, #nav li a:link, #nav li a:visited { background: #222222; height: 15px; color: #fff; display: block; font-size: 11px; font-family: trebuchet ms, ; text-transform: none; text-decoration: none; margin: 0; padding-top:6px; padding-bottom:5px; padding-left:13px; padding-right:13px; border-right: 1px solid #000; } #nav li a:hover, #nav li a:active {background: #222222; color: #ffffff; margin: 0; padding-top:6px; padding-bottom:5px; padding-left:13px; padding-right:13px; text-decoration: none; } #nav li li a, #nav li li a:link, #nav li li a:visited { background: #ffffff; width: 150px; color: #222222; font-size: 11px; font-family: trebuchet ms,; font-weight: normal; text-transform: none; float: none; margin: 0; padding: 7px 10px; border: 1px solid #000; } #nav li li a:hover, #nav li li a:active { background: #222222; color: #ffffff; padding: 7px 10px; } #nav li { float: left; padding: 0; } #nav li ul { z-index: 9999; position: absolute; left: -999em; height: auto; width: 170px; margin: 0; padding: 0; } #nav li ul a { width: 140px; } #nav li ul ul { margin: -32px 0 0 171px; } #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; } #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto; } #nav li:hover, #nav li.sfhover { position: static; }
  • Setelah itu Simpan Templates.
  • Sekarang giliran kita menentukan dimana tempat menu navigasi submenu ini akan kita letakkan.
  • Pilih Tab Rancangan / Tata Letak pada Dashboard blog anda,seperti (Gb.1),selanjutnya klik tulisan 'Add New Widget / Tambah Gadget'(Gb.4),dan pilihlah Html / Javascript (Gb.5)

    Menu Navigasi Dengan Sub Menu Blogger.
    Gb.4
    Cara membuat menu navigasi horizontal dengan sub menu vertikel.
    Gb.5
  • Setelah itu letakkan kode berikut pada widget HTML / Javascript tersebut.

    <div class='menuhorisontal'>
    <ul id='nav'>

    <li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
    <li><a href='http://tulis_alamat_url_tujuan'>Utama Ganti Sesuai Keinginan</a>
    <ul>
    <li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
    <li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
    <li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
    <li><a href='http://tulis_alamat_url_tujuan'></ul> </li>

    <li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
    <li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>

    <li><a href='http://tulis_alamat_url_tujuan'>Utama Ganti Sesuai Keinginan</a>
    <ul>
    <li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
    <li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
    <li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
    <li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
    <li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
    <li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
    <li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
    <li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
    <li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
    <li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
    <li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
    </ul> </li>
    <li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
    </ul>
    </div>
  • Lalu simpan,selesai dan lihat hasilnya :D

Diposting oleh di Tidak ada komentar:
Label:

Sabtu, 22 September 2012

Mengganti "Older Posts" Dengan Angka

Secara umum, navigasi untuk pindah halaman di blogspot biasanya menggunakan link dengan teks "Older Posts (posting lama)" dan "Newer Posts (posting baru)". Beda dengan wordpress yang navigasinya bisa berbentuk angka sehingga bisa memudahkan untuk loncat beberapa halaman ke postingan yg lama maupun baru.
Nha trik kali ini akan menjelaskan bagaimana cara mengganti link "Older Posts (posting lama)" dan "Newer Posts (posting baru)" menjadi angka seperti gambar di bawah ini


1. Langkah awal tentu saja harus menuju ke desain template anda kemudian ke "Edit HTML"

2. setelah itu cari kode ini ]]></b:skin> kalo sudah ketemu taruh script dibawah ini sebelum kode tersebut:
.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}

3. setelah itu cari kode ini </body> kemudian taruh script dibawah ini sebelum kode tersebut.
<!--Page Navigation Starts-->
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>
<script src='http://bloggergadgets.googlecode.com/files/blogger_pagenavi_min.js' type='text/javascript'/>
</b:if> </b:if>
<!--Page Navigation Ends -->

Kalau sudah silahkan dilihat hasilnya.

Diposting oleh di Tidak ada komentar:
Label:
Langganan: Postingan (Atom)