Lirik Butta Gowa Kala'biranta Ciptaan Anci Laricci

Salam anak Gowa...

GOWA KALABIRANTA

Cipt & Lagu: Anci Laricci

Butta gowa.. kala' biranta..
Ma'nassana.. butta massunggu..
Anjo.. tuma’buttana..
Tutui ripangangadakang..
Sungguminasaki’ rimpungang..
Menteng sassa’ balla' lopoa..
Baji'.. asengmi kapang..
Nipuji kamajuanna..

Rimalinoki Rannu -rannu..
Ribili biliki’ sengka..
Ribarombongki-
Je’ne - je’ne’..
Ribajengki-
Mekang mekang..
Anjo.. ri benteng somba opu..
Assere balla a..daka
Ri sulawesi selatang..
Se’repi.. poleng-Rikatangka..
kuburu tubaranita’..
I mallombassi.. daeng mattawang..

Butta gowa.. kala'biranta..
Turunyawa pammarentata..
Tuli.. massailena..
Tallasa tuma’buttana..

====MUSIK====

Sungguminasaki’ rimpungang..
Menteng sassa’ balla lopoa..
Baji.. asengmi kapang..
Nipuji kamajuanna..

Rimalinok..i Rannu -rannu..
Ribili biliki’ sengka...
Ribarombongki-
Je’ne - je’ne’..
Ribajengki-Mekang mekang...

Anjo.. ri benteng somba opu..
Assere.. balla aadaka..
Ri sulawesi selatang..

Se’repi.. poleng-
Rikatangka.. kuburu tubaranita’..
I.. mallombassi.. daeng mattawang..

Butta gowa.. kalabbiranta..
Turunyawa pamarentata..

Tuli.. massailena..
Tallasa tuma’buttana..
Tuli..massailena ---

Tallasa tuma’buttana --- (3X) ---

Cipt: ANCI LARICCI ..

Read More

Kode Khusus Untuk Karakter dalam HTML

Kode Khusus Untuk Karakter dalam HTML

Menurut Pengalaman, sewaktu saat menulis kode dalam  HTML saat mengetik tanda petik untuk script javascript mengalami error / tidak valid, ternyata dalam HTML terdapat beberapa karakter tulisan entah itu huruf, angka, simbol ataupun sejenisnya memiliki kode khusus yang apabila dalam beberapa fungsi tersendiri dituliskan karakter umumnya akan mengakibatkan ketidak validan seperti kasus saya diatas. maka untuk lengkapnya berikut adalah kode-kode khusus yang ada dalam penulisan HTML.

Read More

Cara Menyembunyikan Objek Pada CSS

Terdapat 2 opsi untuk menyembunyikan objek, yaitu :

• Apakah kita akan menyembunyikan objek beserta menghilangkan tempatnya ? atau
• Hanya menyembunyikan objek dan tempatnya tetap terisi ?

1. Untuk opsi yang pertama diatas kita bisa memanfaatkan kode CSS yaitu display: none;contohnya; kita akan menyembunyikan foto dari postingan serta menghilangkan tempatnya
   
   

   <a href="yourimglink.jpg" style="display: none;">

2. Sedangkan untuk membuat objek hilang tanpa menghilangkan layoutnya, kita bisa memakai 2 cara yaitu adalah dengan kode visibility: hidden; atau opacity: 0;. 
   
   
   visibilitiy adalah kode yang berfungsi untuk mengatur penampakan dari objek, disini kita mengatur valuenya menjadi hidden agar objek dapat tersembunyi. Sedangkan opacity berfungsi untuk mengatur tingkat transparansi objek, disini kita mengatur valuenya menjadi 0 yang berarti objek akan benar benar tersembunyi akibat transparan.
   
   contoh untuk visibility: hidden; :
   
   

   <a href="yourimglink.jpg" style="visibility: hidden;">
   

   
   untuk opacity: 0;
   
   

   <a href="yourimglink.jpg" style="opacity: 0;">

Read More

Fungsi b:include dan b:includable pada HTML

   <b:include> dan <b:includable> adalah kode yang biasa kita temukan pada bagian elemen widget <b:widget>. Kode tersebut berfungsi untuk membuat bagian halaman tertentu, yang mana bagian halaman tersebut kita bisa tempatkan atau panggil berkali-kali. kedua kode ini mirip seperti selektor pada CSS.

<b:includable> adalah kode yang dipakai untuk membuat sebuah bagian pada halaman, dan kita pakai </b:inculde> untuk memanggil bagian dari halaman tersebut.

sebagai contoh, kita akan membuat bagian deretan tombol untuk berbagi. untuk bisa menempatkannya lebih dari 1 tempat kita bisa memanfaatkan kedua kode ini agar tidak menulis kode HTML yang sama berkali-kali.

Berikut adalah strukturnya ; untuk <b:includable> :

<b:includable id='my-custom-share-buttons'>
<!-- Kode HTML tombol berbagi di sini… -->
</b:includable>

untuk <b:include> adalah :

<b:include name='my-custom-share-buttons'/>

keduanya ditempatkan diantara elemen <b:widget>

<b:include name='my-custom-share-buttons'/> 

<h2 class='post-title'> <a expr:href='data:post.url'> 

<data:post.title/>

</a> </h2> 

<div class='post-body'>

 <data:post.body/> 

</div> 

<b:include name='my-custom-share-buttons'/>

 <footer class='post-footer'>

 … 

</footer>

Read More

Cara Menggabungkan Kode CSS pada HTML

Penggunaan CSS pada HTML dibedakan menjadi 3, yaitu :

1. Metode Inline Style
2. Metode Internal Style Sheets
3. Metode External Style Sheets

Metode 1 & 2 diatas merupakan metode dimana kode CSS berada dalam kode HTML, sedang metode ke 3 adalah metode dimana kode css dibuatkan file yang berekstensi *.css yang nantinya akan dipanggil dalam kode HTML.

1. METODE INLINE STYLE 

Metode Inline Style adalah cara menggunakan kode CSS pada kode HTML langsung ke dalam tag HTML dengan menggunakan atribut style, contoh penggunaan Metode Inline Style CSS adalah sebagai berikut:

<!DOCTYPE html>
<html>
 <head>

  <title>Contoh Inline Style CSS</title>
</head>
<body>

 <p style="background-color:orange; color:black" >Text ini akan bewarna hitam dengan background warna orange </p>
</body>

</html>

Dalam kode diatas, atribut style disisipkan pada tag paragraph <p>, dimana nilai dari atribut style tersebut adalah kode CSS yang ingin diterapkan.

2. Metode Internal Style Sheets

Metode Internal Style Sheets (Embedded Style Sheets) digunakan untuk memisahkan kode CSS dari tag HTML namun tetap dalam satu halaman HTML. Atribut style yang sebelumnya berada di dalam tag, dikumpulkan pada pada sebuah tag <style>. Tag style ini harus berada pada bagian <head> dari halaman HTML. Contoh penggunaan motode internal style sheets CSS: 

<!DOCTYPE html>
<html>
 <head>
  <title>Contoh Internal Style Sheets CSS</title>
  <style type="text/css">
    p{
    background-color:orange;
    color:black;
    }
  </style>
 </head>
<body>
 <p>Text ini akan bewarna hitam dengan background warna orange <p>
</body>
</html>

3. Metode External Style Sheets

Metode External Style Sheets digunakan untuk 'mengangkat' kode CSS tersebut kedalam sebuah file tersendiri yang terpisah sepenuhnya dari halaman HTML. Setiap halaman yang membutuhkan kode CSS, cukup 'memanggil' file CSS tersebut. Contoh penggunaan motode External style sheets CSS:

Pertama bentuk sebuah file CSS dan simpanlah dengan nama style.css (pastikan memiliki extention file .css)

p {
background-color:orange;
color:black;
}

Kedua bentuk sebuah file  HTML kemudian 'panggil' file css diatas menggunakan tag <link> dengan atribut “href”, tag <link> harus terletak pada bagian <head> HTML.

<!DOCTYPE html>
<html>
 <head>
  <title>Contoh External Style  Sheets CSS</title>
  <link rel="stylesheet" type="text/css" href="style.css">
 </head>
<body>
 <p>Text ini akan bewarna hitam dengan background warna orange </p>
</body>
</html>

Ketiga cara menggunakan CSS pada kode HTML di atas akan menghasilakn tampilan desain yang sama ketika dijalankan pada web browser, namun dari ketiga cara tersebut, yang paling direkomendasikan adalah metode external style sheets. Karena dengan menggunakan kode CSS yang dipisahkan, seluruh halaman web dapat menggunakan file CSS yang sama, dan jika kita ingin mengubah seluruh tampilan halaman website, kita hanya butuh mengubah 1 file CSS saja.

Read More