Bagaimana Cara Membuat Bubble Tooltip di Blog/Web

1. Login ke Blogger

2. Saat di dasbor pilih edit tampalete/tata letak

3. Lalu pilih Edit HTML

4. Copy aja kode di bawah ini :

/*---------- bubble tooltip -----------*/ a.tt{ position:relative; z-index:24; color:#3CA3FF; font-weight:bold; text-decoration:none; } a.tt span{ display: none; } /*background:; ie hack, something must be changed in a for ie to execute it*/ a.tt:hover{ z-index:25; color: #aaaaff; background:;} a.tt:hover span.tooltip{ display:block; position:absolute; top:0px; left:0; padding: 15px 0 0 0; width:200px; color: #993300; text-align: center; filter: alpha(opacity:90); KHTMLOpacity: 0.90; MozOpacity: 0.90; opacity: 0.90; } a.tt:hover span.top{ display: block; padding: 30px 8px 0; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJC0v9xHWjjcvE4T9vjXgn2-Gv83d1PWtkwaUNwkFGA7by6M3j1T2t5z7I7odIcllOlf_j8AGgE0fR3YU_J1MRlzhvskHGOrHu5pP8eZoC90XkRJVzCqYiUhoievKmGYCqSHjh7-CnpBs/) no-repeat top; } a.tt:hover span.middle{ /* different middle bg for stretch */ display: block; padding: 0 8px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRNiJq7QpaRnccI3rI2sKw32fZHMRlW2m4bkqkL9mLYKT4N46M_MSz6hUV4b3zRwiD2SlfXPnT4YBR1pIL4M7SwXi-2kdmIwg10qXCaWo1ubHBK9_xbaCGQ3tHAq2yoQBzK-UeyC97NGU/) repeat bottom; } a.tt:hover span.bottom{ display: block; padding:3px 8px 10px; color: #548912; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJC0v9xHWjjcvE4T9vjXgn2-Gv83d1PWtkwaUNwkFGA7by6M3j1T2t5z7I7odIcllOlf_j8AGgE0fR3YU_J1MRlzhvskHGOrHu5pP8eZoC90XkRJVzCqYiUhoievKmGYCqSHjh7-CnpBs/) no-repeat bottom; }
2. Simpan (paste) di atas ]]></b:skin>

3. Lalu Save

Selanjutnya Untuk membuat teks yang memiliki bubble tooltip silakan copy kode di bawah ini :

klik<a class='tt' href='Tujuan link yang di inginkan'>di sini<span
class='tooltip'><span class='top'></SPAN><span class='middle'>untuk
konfirmasi</span><span class='bottom'></span></SPAN></a>

klik <a class='tt' href='Tujuan link yang di inginkan'>di sini<span class='tooltip'></span><span class='top'/><span class='middle'>untuk konfirmasi</span><span class='bottom'/></span></a>

Keterangan :

1. Link biru : bisa anda gunakan untuk membuat link ke arah artikel lain, bisa juga di kosongkan jika tidak diperlukan.
2. Link hijau : adalah teks yang akan di buat bubbletip, yang mana bila disorot oleh mouse maka akan muncul keterangan tambahan yang telah anda buat
3. Link warna orange adalah keterangan tambahan yang ingin anda tambahkan.
4. Contohnya seperti ada dipojok kanan blog ini

Ok semoga bermanfaat.

Rabaca Mpapola, lee...

Menghapus/menghilangkan sebagian Fitur Komentar

Ada cara sederhana yang belum semua orang tahu termasuk saya kemarin,bagaimana,agar salah satu posting,atau sebagian posting,tanpa ada keterangan komentar,sedangkan yang lain masih utuh.

Saya pernah,mengalami,saat aku mau bikin halaman profil tapi koq ada tulisan "komentar (0)" di bawahnya.
Khan ga seru ya?Gmn ya?aku nyoba ngilangin komentar pada edit posting,eh! Koq komentarnya ilang semua!?

Nah!ada solusinya nich,gmn kita bisa menentukan posting mana yang akan kita kasih tulisan komentar sama box komentarnya,dan yang mana posting yang pingin kita kosongin tulisan sekaligus komentarnya.
Coba dech ikutin langkah berikut :

ilustrasi:

Klik tulisan Pilihan Posting/Opsi Entri di sudut kiri bawah kotak posting,setelah itu tampil radio button 2 pilihan :

Ijinkan dan Jangan ijinkan.

Anda hanyalah memberi tanda pada radio button di samping tulisan tersebut, jika anda memilih ijinkan,maka kotak komentar nantinya akan muncul dan pembaca postingan tersebut tentu saja bisa memberi komentar.

Nah jika anda tidak menginginkan kotak komentar muncul, maka anda tinggal memilih opsi Jangan diijinkan.

Untuk mengembalikan ke keadaan seperti semula,mulailah dengan langkah yang sama,seperti di atas hanya nantinya akan keluar 3 radio button,tentunya ada 3 pilihan :

Ijinkan,
Jangan ijinkan, tayangkan yang telah ada dan
Jangan ijinkan, sembunyikan yang telah ada.

Tergantung sesuai keinginan anda.

Semoga bermanfaat ya..

Rabaca Mpapola, lee...

Membuat efek gelap dan terang pada gambar posting ( sumber diikutsertakan)

Membuat efek gelap dan terang pada gambar posting

Pada saat blogger menulis suatu artikel, biasanya tidak terlepas dari image sebagai pelengkap artikel yang bertujuan untuk memberikan keterangan/penjelasan artikel atau sebagai pelengkap. Sebenarnya gambar/image pada postingan bisa diberikan sedikit efek tambahan untuk mempercantik tampilannya dengan memanfaatkan efek hover. Saat mouse pointer berada pada gambar maka akan terlihat suatu perubahan dimana gambar yang awalnya terlihat terang akan berubah menjadi gelap. Bagi sobat yang mau mencoba silahkan ikuti tips sederhana berikut ini.

1. Login ke blogger
2. Pilih rancangan, edit HTML
3. Centang expand template widget
4. Tekan Crtl-F dan cari kode ]]></b:skin>
5. Copy paste kode dibawah ini dan letakkan diatas kode ]]></b:skin> tadi

Kode css terang menjadi gelap:

.post img{opacity:1;filter:alpha(opacity=1); this.style.opacity=6} .post img:hover{opacity:.5;filter:alpha(opacity=100); this.style.opacity=1}

Kalau sobat mau merubah efek tersebut dari gelap menjadi terang, sobat tinggal membalikkan penempatan kodenya saja seperti di bawah ini:

.post img{opacity:.5;filter:alpha(opacity=100); this.style.opacity=1} .post img:hover{opacity:1;filter:alpha(opacity=1); this.style.opacity=6}

6. Simpan dan coba jalankan untuk melihat hasilnya

Demikian tips sederhana untuk memberikan efek terang/gelap pada image postingan, semoga berguna dan bisa memberikan nuansa indah pada image postingan sobat

Rabaca Mpapola, lee...

membuat widget buka / tutup

membuat widget buka / tutup

assalamualaikum wr wb......
bila anda ingin menghemat sekaligus agak mempercepat loading blog mungkin tips ini bisa
membantu, kalki ini saya akan membahas tentang cara membuat kotak buka / tutup atau spoiler pada widget
( sidebar )
bukan pada link atau laini sebagainya.....ngerti kan sob
kalau ngerti kita lanjut

oke langsung aja ikuti langkah 2 berikut....!!

Log In ke blog anda 
pilih Design/rancangan
kemudian pilih widget yang akan anda berikan spoiler atau tombol Buka Tutup
lalu klik EDIT

Setelah terbuka, lihatlah pada address bar widget tersebut, di sanalah terdapat ID widget tersebut,

anda bisa lihat gambar berikut ini yang tanda html1 adalah id dari judul widget atau sidebar anda

Setelah ID Widget ditemukan, klik cancel untuk kembali. 

Kemudian buka halaman Edit HTML,Centang Expand Widget Template 

(jangan lupa backup template dulu dengan klik Download Template)

Kemudian cari kode ID Widget yang baru anda dapatkan, sebagai contoh pada gambar di atas kan kode nya HTML1 jadi anda cari di edit html kode HTML1 seperti gambar di bawah ini

Setelah ID Widget ditemukan, lalu cari kode yang berwarna hijau berikut

<h2 class='title'><data:title/></h2>

Setelah ketemu, ganti kode hijau tersebut dengan kode di bawah ini

<h2 class='title'><script type='text/javascript'> /* <![CDATA[ */ if(typeof(rnd) == 'undefined') var rnd = ''; rnd = Math.floor(Math.random()*1000); rnd = 'id-' + rnd; document.write('<a href="#" onclick="tmp = document.getElementById(&quot;' + rnd + '&quot;); tmp.style.display = (tmp.style.display == &quot;none&quot;) ? &quot;block&quot; : &quot;none&quot;; return false;" style="float:right;margin-right:0px;">[Show/Hidden]<\/a>'); /* ]]> */ </script><data:title/></h2><script type='text/javascript'> /* <![CDATA[ */ document.write('<div id="' + rnd + '" style="display:none;">'); /* ]]> */ </script>

kemudian masukan kode berikut di atas kode  </b:includable>

<script type='text/javascript'> /* <![CDATA[ */ document.write('<\/div>'); /* ]]> */ </script> 

dan jika di gabung keseluruhannya akan menjadi seperti ini

<b:widget id='HTML1' locked='false' title='Recent Post' type='HTML'>

<b:includable id='main'>

  <!-- only display title if it's non-empty -->

  <b:if cond='data:title != &quot;&quot;'>

<h2 class='title'><script type='text/javascript'> /* <![CDATA[ */ if(typeof(rnd) == 'undefined') var rnd = ''; rnd = Math.floor(Math.random()*1000); rnd = 'id-' + rnd; document.write('<a href="#" onclick="tmp = document.getElementById(&quot;' + rnd + '&quot;); tmp.style.display = (tmp.style.display == &quot;none&quot;) ? &quot;block&quot; : &quot;none&quot;; return false;" style="float:right;margin-right:0px;">[Show/Hidden]<\/a>'); /* ]]> */ </script><data:title/></h2><script type='text/javascript'> /* <![CDATA[ */ document.write('<div id="' + rnd + '" style="display:none;">'); /* ]]> */ </script>

  </b:if>

  <div class='widget-content'>

    <data:content/>

  </div>

  <b:include name='quickedit'/> 

<script type='text/javascript'> /* <![CDATA[ */ document.write('<\/div>'); /* ]]> */ </script> 

</b:includable>

</b:widget>

</b:section>

</div>

                

lalu simpan template dan lihat hasilnya

Rabaca Mpapola, lee...

Cara membuat iklan berjalan di navbar paling atas pada blogger (sumber diikutsertakan)

Cara membuat iklan berjalan di navbar paling atas pada blogger

 

Langsung saja langkah nyasebagai berikut :

• Masuk ke edit HTML Cari kode  </head> lalu masukan kode di bawah ini di bawah kode </head> :

<script src='http://my-dafter-isi.googlecode.com/files/Stript-ad.js' type='text/javascript'/>

• Langkah ke 2 cari kode ini <body> lalu masukan kode di bawah ini di bawah kode <body> :

<div id='mta_bar'>
<div id='left_bar2'>
<span class='left'>
&lt;select onchange=&quot;if (this.value!=&#39;&#39;) window.open(this.value,&#39;_blank&#39;)&quot; class=&quot;other-category&quot;&gt;

    &lt;option selected value=&quot;http://moh-takdir.blogspot.com/&quot;/&gt; Pilih Kategori
    &lt;option value=&quot;http://topebagiu.blogspot.com/search/label/Technology%20News&quot;/&gt; Rahasia Hidup
    &lt;option value=&quot;http://kabeloa.blogspot.com/search/label/Entertainment&quot;/&gt; Mensucikan Diri
    &lt;option value=&quot;http://kabeloa-pewunu.blogspot.com/search/label/Photography&quot;/&gt; Bekal Akhirat
    &lt;option value=&quot;http://tope-tipu.blogspot.com/search/label/Fashion%20Style&quot;/&gt; Konsep Hidup
    &lt;option value=&quot;http://hackzy.blogspot.com/search/label/Gadget&quot;/&gt; Gadgets
    &lt;option value=&quot;http://hackzy.blogspot.com/search/label/World%20News&quot;/&gt; World News
    &lt;option value=&quot;http://hackzy.blogspot.com/search/label/Internet&quot;/&gt; Internet
    &lt;option value=&quot;http://hackzy.blogspot.com/search/label/Computer&quot;/&gt; Computer
    &lt;option value=&quot;http://moh-nawir.blogspot.com/search/label/Mobile%20Phone&quot;/&gt; Lagu Kaili MP3
    &lt;option value=&quot;http://moh-takdir.blogspot.com/search/label/Hot&quot;/&gt; Jangan di klik
    &lt;/select&gt;
 </span></div>
<div id='left_bar'>
<span class='center'><marquee>
Selamat datang di moh-takdir.blogspot.com. yang merupakan Blog IMITASI yang mengadopsi karya orang lain. Kepada yang merasa hasil karyanya saya ikuti, diucapkan banyak terima kasih.!!</marquee>
</span>
</div>
<span class='right' onmouseout='self.status=&apos;&apos;' onmouseover='self.status=&apos;z33s.com.com&apos;;return true;'> <img align='absmiddle' border='0' onClick='closeTopAds();return false;' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6xDSTFTYjWxq6WNW_GC4zEwiKoxD8Jir1euowpdgwgoen6zyODl8uvdYZa4bpZfdZZNC0hXPGfaix45QtJAUq4gyIkq06E-WJU-FEbdTecNI7SV5kaxwwRhyphenhyphenfvwJXwDG2gt9LABSw13PN/s400/delete.png' style='cursor:hand;cursor:pointer;'/>  </span></div>   

• Terahir cari kode ini ]]></b:skin> kalo sudah ketemu ganti dengan kode di bawah ini :

/*-- (mta bar) --*/
#mta_bar{background:#8A04B7 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPtB6QKacsPgo1IaKuOyWp-ojZxgkm1zSXp-twBtsUSrS_OhXEhAJsA79YyIBz2PGC60_hi7N9Tz_Qyz8PXlpH9GvGObRwzf8aIqkQUUimNXoCZ4ZouZ1CXOQDq-TMpOx-7CnfzJ3bf2U/s1600/Navbar+button.jpg); border-bottom:2px solid #111; z-index:100; top:0; left:0; width:100%; overflow:auto; position:fixed; margin-left:0; margin-right:0; margin-top:0; margin-bottom:5px; padding-left:0; padding-right:0; padding-top:8px; padding-bottom:4px;
}

* html #mta_bar{position:absolute; /*IE6 hack*/width:expression(document.compatMode=="CSS1Compat"? document.documentElement.clientWidth+"px":body.clientWidth+"px")}

#mta_bar .center{float:left; text-align:center; font-family:Verdana,Arial; font-size:13px; font-weight:bold; font-style:normal; color:#fff; width:65%}

#mta_bar .left{float:left; text-align:left; font-family:Verdana,Arial; font-size:13px; font-weight:normal; font-style:normal; color:#FF0080; width:20%}

#mta_bar .right{font-family:verdana,Arial,Helvetica,sans-serif; float:right; text-align:center; font-weight:normal; font-size:10px; letter-spacing:0; width:30px; white-space:nowrap}

#mta_bar .right a{font-size:10px; color:#000; text-decoration:underline}

#mta_bar .right a:hover{font-size:10px; color:#000; text-decoration:none}

#left_bar  no-repeat; text-decoration:none; color:#000; padding-left:23px; padding-right:0; padding-top:0; padding-bottom:0}

#left_bar a:hover{text-decoration:underline; color:#000}

#left_bar2  no-repeat 2px; text-decoration:none; color:#000; padding-left:21px; padding-right:0; padding-top:0; padding-bottom:0}

#left_bar2 a:hover{text-decoration:underline; color:#000}

#to_top no-repeat scroll 0%; position:absolute; /*this replaces float - fixes thanks to Larry ofhttp://blog.lroot.com*/height:18px; width:19px; margin:0 0 0 900px; /*this was updated*/padding:9px 5px}

#to_top a{padding:8px}
 
]]></b:skin>

• Terus di simpan atau SAVE .

Rabaca Mpapola, lee...

Pengertian TANA SANGGAKU, TANA SANGGAMU, TANA SANGGAKAMU

 Pengertian TANA SANGGAKU, TANA SANGGAMU, TANA SANGGAKAMU

Rabaca Mpapola, lee...

Masintuvu Kita Maroso, Morambanga Kita Marisi

 Masintuvu Kita Maroso, Morambanga Kita Marisi

Rabaca Mpapola, lee...

Pengertian TONDA TALUSI

 Pengertian TONDA TALUSI

Rabaca Mpapola, lee...

BELO RAPOVIA BELO RAKAVA

 BELO RAPOVIA BELO RAKAVA

Rabaca Mpapola, lee...

Taiganja Sebagai Simbol Kemegahan dalam Budaya Suku Kaili

Budaya adalah warisan yang memperkaya identitas sebuah suku. Bagi Suku Kaili, yang berasal dari Sulawesi Tengah, taiganja bukan sekadar perhiasan. Taiganja melambangkan kemewahan, kemegahan, dan penghormatan terhadap tradisi yang diwariskan dari generasi ke generasi.  

Keindahan Taiganja dalam Detail

Taiganja adalah jenis perhiasan tradisional khas Kaili, yang biasanya dibuat dari emas, perak, atau logam lain yang berharga. Desainnya penuh ukiran halus yang terinspirasi dari alam dan nilai-nilai budaya lokal. Perhiasan ini digunakan sebagai aksesoris pada acara adat, seperti pernikahan, penyambutan tamu penting, hingga upacara tradisional lainnya.  

Sebagai simbol status sosial, taiganja tidak hanya berfungsi sebagai penghias tubuh, tetapi juga menunjukkan kekayaan, martabat, dan keanggunan pemakainya. Proses pembuatannya yang rumit mencerminkan keahlian tinggi para pengrajin tradisional Kaili, yang menjaga detail dan nilai seni dalam setiap karya mereka.  

Peran Taiganja dalam Tradisi Kaili 

Dalam adat Kaili, taiganja sering digunakan oleh kaum wanita, terutama dalam upacara pernikahan. Perhiasan ini dipakai bersama pakaian adat, melengkapi penampilan pengantin perempuan dengan keanggunan khas budaya Kaili.  

Taiganja juga sering diberikan sebagai hadiah kepada tamu istimewa atau tokoh masyarakat, sebagai bentuk penghormatan. Dalam beberapa tradisi, taiganja digunakan sebagai mas kawin atau tanda perjanjian, menekankan peran pentingnya dalam kehidupan sosial dan budaya Kaili.  

Simbol Filosofis Taiganja 

Lebih dari sekadar perhiasan, taiganja memiliki nilai filosofis yang mendalam. Ukiran-ukiran pada taiganja sering kali melambangkan kebijaksanaan, keberanian, dan keharmonisan dengan alam. Hal ini sejalan dengan pandangan hidup Suku Kaili yang menjunjung tinggi keseimbangan antara manusia, alam, dan Sang Pencipta.  

Melestarikan Warisan Budaya  

Di era modern, tantangan dalam melestarikan taiganja sebagai warisan budaya semakin besar. Generasi muda Suku Kaili sering kali kurang mengenal nilai dan filosofi di balik taiganja. Namun, upaya pelestarian tetap dilakukan melalui pendidikan budaya di sekolah, pameran seni, dan dukungan pemerintah daerah.  

Banyak desainer lokal kini mencoba mengangkat taiganja ke panggung internasional, menggabungkan elemen tradisional dengan sentuhan modern. Hal ini membuka peluang bagi taiganja untuk menjadi simbol budaya Indonesia yang mendunia, sambil tetap mempertahankan esensi lokalnya.  

Kesimpulan

Taiganja adalah cerminan dari kemegahan dan kekayaan budaya Suku Kaili. Lebih dari sekadar perhiasan, taiganja menyimpan cerita tentang kehidupan, tradisi, dan kebijaksanaan nenek moyang. Melestarikan taiganja berarti menjaga identitas Suku Kaili dan memastikan warisan budaya ini tetap hidup untuk generasi mendatang. 

Sumber : https://karebakakitapura.blogspot.com/2025/01/taiganja-sebagai-simbol-kemegahan-dalam.html?fbclid=IwZXh0bgNhZW0CMTAAAR1ILnOyAzkICG_6u0b0tChgsOxiS7Kvq6NIPDJWqoSsCROK5CCoo_HOq88_aem_sBcQqYX6xWHaamfvF2HV7w 

Rabaca Mpapola, lee...