Kunjungi Blog Rumah Imajinasi, disana ada berbagai info artikel, tips and trik, gadget review, dan lainnya. Terima Kasih dan maaf jika artikel masih kurang.

Trik Membuat Kategori Melayang (seperti tombol spoiler)

Kalian pasti sudah mengenal dengan kategori, secara default kategori ini akan tersusun ke bawah, yang pastinya akan membuat runyem di blog kalian. Lihat saja kategori saya yang ada di sebelah kanan, lalu klik dech. Nanti akan muncul seperti gambar di bawah ini. Saya akan membuat kategori ini melayang dan berbeda dengan kategori yang lain, contoh gambar kategori melayang:

Kategori Melayang itu bukan kategorinya Melayang, jika tombol spoilernya kamu klik, kategorinya akan melayang. Coba saja ya..


Kita langsung saja pembahasanya, (pembaca said: "nah begitu donk dari tadi kek mulai pembahasannya, nggak usah bicara yang lain") dan (penulis said: "Oke dech, saya minta maaf").
Ini langkah - langkah pembuatannya:

1. Login ke Blog

2. Lalu pilih Tata Letak >> di sub menu Tata Letak pililah Elemen

3. Kemudian Tambah gadget baru. Tapi untuk ini kalian pilih Gadget Label.

4. Saat Gadget Label sudah ditambahkan, bukalah blog kalian kemudian tekan tombol CTRL + U atau klik kanan >> View Source untuk fasilitas page source.

5. Saat saya posting artikel ini, saya kasih Kategori Trik Blog, yang berada pada bagiang bawah kotak postingan, saat kalian buat postingan baru. Maka saat masuk dalam page sooource cari kata trik blog, karena postingan saya ketegorinya nggak cuma trik blog saja maka label yang lainnya saya cari juga. Tetapi biasanya erletak berdekatan.

6. Setelah kategori itu ketemu, kemudian di depannya pasti ada kode html atau script yang di awali
<a href="http://namabloganda/.../...> nama kategori kalian </a>
lalu copylah script tersebut dan pastekan script tadi ke Notepad.

7. Kemudian masuk ke Edit HTML dan cari </head> dengan menekan tombol CTRL + F, dan kemudian copykan script di bawah ini di atasnya.


<style>
td.top {
background-color: blue;
text-align: right;
}
td.bottom {
background-color: white;
padding: 15px;
}
</style>
<script type="text/javascript" src="http://h1.ripway.com/tkjlover/floating-player.js">
</script>


8. Tapi sebelumnya jangan lupa backup, untuk antisipasi jika terjadi kesalahan. Lalu simpan dech.

9. Kemudian masuk ke tab Element, lalu tambah Gadget HTML/Script. Copykan script di bawah ini di dalam gadget tersebut.


<div id="layer1" style="position:absolute; left:20px; width:410px; height:10px; visibility:hidden;">
<table border="2" cellspacing="0" cellpadding="3">
<tr>
<td class="top">
<a href="javascript:hideIt()" style="text-decoration: none">
<font color="#ffffff">
<b>Close
</b>
</font>
</a>
</td>
</tr>
<tr>
<td class="bottom">
Pada bagian ini kalian copykan script yang kalian copy dinotepad tadi, langkah nomor 6 ( tulisan ini ganti dengan script dinotepad ).
<br>
<br>
[
<em>You can close the layer by clicking the
<strong>Close
</strong> at the top right of this layer.
</em>]
</td>
</tr>
</table>
</font>
</div>
<form>
<input type="button" value="Kategori" onClick="showIt()">
</form>


10. Lalu simpan dech...dan coba lihat hasilnya.

11. Setelah mencoba trik ini atau membacanya, Jangan lupa berkomentar ya.

Keterangan: Untuk tulisan yang berwarna biru merupakan warna background, dapat kalian ganti dengan warna sesuka kamu atau dengan dominan blog kalian. Lalu warna merah merupakan warna background bagian bawah, seperti gambar di atas atau di blog saya. Dan yang terakhir adalah warnahijau mempunyai fungsi untuk menentukan jarak tabel dari kiri, semakin besar nilainya maka semakin jauh pula tabel dari batas kiri.





Sumber artikel www.tkjlover.web.id

Trik Membuat Kategori Melayang (seperti tombol spoiler)

Modifikasi Warna Saat Memblock Text

Setelah saya blogwalking kemana-mana, akhirnya aku mendapatkan tutor tentang modifikasi Warna saat memblock text pada artikel, agar beda dengan yang lainnya. Untuk contoh anda bisa block text pada artikel saya. Jika anda tertarik bisa menerapkan trik ini pada blog anda masing-masing. Silahkan ikuti langkah - langkah di bawah ini::
  • Login ke Blogger
  • Lalu pilih Rancangan
  • Klik Edit HTML
  • Jangan lupa centang Expand Template Widget
  • Kemudian letakkan kode di bawah ini sebelum kode ]]></b:skin>
::-moz-selection{background: blue; color: brown;}
::selection{background: grey; color: #0f0}
  •  Ubah kode atau tanda warna Orange dengan warna sesuka Anda
  • Simpan dech
Semoga bermanfaat bagi Anda.....
Modifikasi Warna Saat Memblock Text

Memasang Reply Button di Komentar Blog

Saya akan berposting kembali tentang Memasang Reply Button di Komentar. Masalahe ada yang tanya tentang membuat reply komentar, jadi saya buat postingannya dech. Langsung saja ke pembahasanyaa, agar tidak lama..hehhe

Pertama Login ke Blogger...

Kemudian pilih Rancangan >> Edit HTML >> jangan lupa centang Expand Template Widget

Lalu anda cari kode di bawah ini:

<b:include data='comment' name='commentDeleteIcon'/> </span>


Jika kode di tasa sudah ketemu, silahkan copy kode di bawah ini dan letakkan di bawah kode tadi:

<span><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=ID BLOG ANDA&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=450,height=450&quot;); return false;'><img alt='Balas Komentar' src='http://tkjlover.fileave.com/tkjlover2.gif'/></a></span>


Keterangan:
Ganti tulisan berwarna Hijau dengan ID BLOG ANDA. Untuk mengetahui ID Blog >>> LOGIN ke blogger anda pada dashbord Klik tulisan ENTRI BARU dan lihatlah ke alamat browse anda di situ akan muncul ID BLOG Anda, bagian belakang.
Memasang Reply Button di Komentar Blog

Cara mengatasi Error judul pada Widget HTML/JavaScript


Belakangan ini ada beberapa teman-teman blogger yang mengeluh karena saat menambahkan widget HTML/JavaScript pada blog sering gagal terus, dikarenakan judul harus diisi. Jika dibiarkan kosong akan ada keterangan seperti gambar di bawah ini.



Cara untuk mengatasi kesalahan tersebut, bisa memakai cara ini. Klik pada Tambah Gadget > pilih HTML/JavaScript, tambahkan kode <h2></h2> ke dalam judul HTML/JavaScript tersebut.

Semoga berhasil.
Cara mengatasi Error judul pada Widget HTML/JavaScript

 

Ritem Blog is proudly powered by Blogger.com | Template by Blog Zone