Cara Berhenti dari Blog yang Kita Ikuti

Pernahkah terbayang di benak anda jika kita sudah terlalu banyak mengikuti (follow) blog teman lain? Terkadang kita mengikuti blog hanya sekedar untuk menyenangkan hati si empunya karena sudah meminta lewat kotak komentar atau buku tamu, misalnya "eh... follow me dong....!" Ya, basa-basi retoris gitu... Hal ini membuat kita sulit untuk memilih blog mana sebagai prioritas mana yang bukan. 

Nah, pada postingan kali ini saya akan membahas bagaimana cara menghapus salah satu Blog dari list blog yang kita ikuti. Jika temen-temen ada yang mau menghapus salah satu blog yang kita ikuti, berikut langkah-langkahnya

1. Seperti biasa masuk ke Dashboard blog kita dengan cara login ke Blogger
2. Kemudian setelah itu tekan tombol manage pada bagian Daftar Bacaan
   
   
   
   
   
3. Lalu tekan tombol setelan/setting pada pada nama blog yang akan kita hapus
   
   
   
   
   
   
4. Setelah muncul tab/window baru pada browser anda, klik tombol Google kemudian masuk dengan alamat email anda
   
   
   
   
   
5. Setelah itu anda akan kembali ke halaman Kelola blog yang saya ikuti, tekan kembali Setelah/Setting pada halaman tersebut
6. Akan muncul di tab/window baru dan masuk ke halaman Profil anda, untuk menghilangkan blog yang kita ikuti kita tinggal tekan berhenti ikuti situs ini
   
   

1. Kemudian akan muncul kotak konfirmasi apakah anda akan menghapus blog tersebut dari list blog yang kita ikuti
   
   
   
   
   
2. Sekarang blog yang anda ikuti tersebut sebelumnya telah terhapus dari list blog yang anda ikuti

Gimana, mudah kan? Demikian tadi penjelasan bagaimana cara untuk menghapus blog yang kita ikuti. Selamat mencoba dan semoga bermanfaat.

Cara Membuat Tab Menu pada Website

Kali ini kita akan membahas khususnya pada Blogspot. Hal ini cukup menarik karena Blogspot tidak menyediakan menu-menu pada halaman blog sehingga kita harus membuatnya secara manual baik dengan menggunakan CSS maupun dengan Javascript. Berikut langkah-langkah membuat tab menu pada website:

1. Copy paste kode CSS berikut pada website Anda. Jika pada Blogspot, copy paste sebelum kode]]></b:skin> pada template Anda. Jangan lupa membackup terlebih dahulu template Anda supaya bisa dikembalikan jika terjadi kesalahan. 
   
/* ######### CSS untuk Shade Tabs ######### */

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
background-image: url(shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

/* ######### CSS untuk Inverted Modern Bricks II Tabs ######### */

.modernbricksmenu2{
padding: 0;
width: 362px;
border-top: 5px solid #D25A0B; /*Brown color theme*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.modernbricksmenu2 ul{
margin:0;
margin-left: 10px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.modernbricksmenu2 a{
float: left;
display: block;
font: bold 11px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: black; /*Brown color theme*/ 
border-top: 1px solid white;
}

.modernbricksmenu2 a:hover{
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
}

.modernbricksmenu2 a.selected{ /*currently selected tab*/
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
border-color: #D25A0B; /*Brown color theme*/ 
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

/* ######### CSS untuk Indented CSS Tabs ######### */


.indentmenu{
font: bold 11px Arial;
width: 100%; /*leave this value as is in most cases*/
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
/* width: 80%; width of menu*/
border-top: 0px solid navy; /*navy border*/
background: #e0e0e0 url(htp://h1.ripway.com/sinaga/gambar/indentbg.gif) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: #000000; /*text color*/
padding: 5px 11px;
text-decoration: none;
border-right: 0px solid navy; /*navy divider between menu items*/
}

.indentmenu ul li a:visited{
color: #000000;
}

.indentmenu ul li a:hover{
color: #66B5FF;
}

.indentmenu ul li a.selected{
color: #66B5FF !important;
padding-top: 6px; /*shift text down 1px*/
padding-bottom: 4px;
background: #e0e0e0 url(http://h1.ripway.com/sinaga/gambar/menutabbg.gif) center center repeat-x;
}


.tabcontentstyle{ /*style of tab content oontainer*/
border: none;
width: 450px;
margin-bottom: 1em;
padding: 10px;
font: normal 11px Arial;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}
2. Selanjutnya copy paste struktur berikut pada website atau blog Anda sebelum kode </head>:
   <script src='http://h1.ripway.com/sinaga/blogspot/tabcontent.js' type='text/javascript'>script>
3. Masukkan struktur tab menu berikut pada bagian dimana Anda ingin menampilkan tab menu pada website atau blog Anda:
   <div id="pettabs" class="modernbricksmenu2">
<ul>
<li><a href="#" class="selected" rel="dog1">Tab 1</a></li>
<li><a href="#" rel="dog2">Tab 2</a></li>
<li><a href="http://www.banditbatak.com" title="Klik untuk masuk ke situs BanditBatak.Com">Bandit Batak</a></li>
</ul>
</div>

<div style="padding: 5px; margin-bottom:1em">

<div id="dog1" style="font-size:11px; padding:5px;" class="tabcontent">
<img style="float:left;" src="http://h1.ripway.com/sinaga/gambar/bannerits.jpg"/>ITS diisukan menjadi kampus BHP. Siapkah mahasiswa ITS menghadapinya?Menolak atau menerima?<br/>
<i><a href="javascript: mypets.expandit('akhir')">Klik untuk memilih tab akhir</a></i>
</div>

<div id="dog2" style="font-size:11px; padding:5px;" class="tabcontent">
Isi Tab 2
</div>

<script type="text/javascript">
var mypets=new ddtabcontent("pettabs")
mypets.setpersist(false)
mypets.setselectedClassTarget("link")
mypets.init()
</script></div>
4. Silahkan ganti tulisan "Tab 1", "Tab 2", dst dengan nama-nama tab menu yang Anda inginkan.
5. Coba perhatikan struktur Tab 1:
   <li><a href="#" class="selected" rel="dog1">Tab 1</a></li>
   class="selected", artinya adalah tab tersebut menjadi tab yang terbuka pertama kali.
   rel="dog1", artinya tab tersebut dihubungankan dengan "dog1". 
   Adapun "dog1" didefenisikan sebagai isi dari Tab 1. Perhatikan struktur yang berwarna orange. Kita memberi atribut ID pada struktur div (kotak) sebagai "dog1". Artinya, isi dari div (kotak) tersebutlah yang akan dihubungkan dengan "Tab 1" dan menjadi isi dari tab tersebut.
6. Begitu pula dengan "Tab 2". Tab tersebut mempunyai rel="dog2". Sedangkan "dog2" merupakan struktur yang berwarna merah.
7. Jika kita ingin menambah tab baru, cukup buat struktur yang mirip dengan struktur "Tab 1" atau "Tab 2". Jadi, yang Anda lakukan adalah menambah tab bernama (misalnya)  "Tab 3" sehingga stukturnnya menjadi:
   <div id="pettabs" class="modernbricksmenu2">
<ul>
<li><a href="#" class="selected" rel="dog1">Tab 1</a></li>
<li><a href="#" rel="dog2">Tab 2</a></li>
<li><a href="#" rel="dog3">Tab 3</a></li>
<li><a href="http://www.banditbatak.com" title="Klik untuk masuk ke situs BanditBatak.Com">Bandit Batak</a></li>
</ul>
</div>
.......
   Kemudian mendefenisikan "dog3" sebagai is "Tab 3", sehingga struktur lengkapnya menjadi:
   <div id="pettabs" class="modernbricksmenu2">
<ul>
<li><a href="#" class="selected" rel="dog1">Tab 1</a></li>
<li><a href="#" rel="dog2">Tab 2</a></li>
<li><a href="#" rel="dog3">Tab 3</a></li>
<li><a href="http://www.banditbatak.com" title="Klik untuk masuk ke situs BanditBatak.Com">Bandit Batak</a></li>
</ul>
</div>

<div style="padding: 5px; margin-bottom:1em">

<div id="dog1" style="font-size:11px; padding:5px;" class="tabcontent">
<img style="float:left;" src="http://h1.ripway.com/sinaga/gambar/bannerits.jpg"/>ITS diisukan menjadi kampus BHP. Siapkah mahasiswa ITS menghadapinya?Menolak atau menerima?<br/>
<i><a href="javascript: mypets.expandit('akhir')">Klik untuk memilih tab akhir</a></i>
</div>

<div id="dog2" style="font-size:11px; padding:5px;" class="tabcontent">
Isi Tab 2
</div>

<div id="dog3" style="font-size:11px; padding:5px;" class="tabcontent">
Isi Tab 3
</div>

<script type="text/javascript">
var mypets=new ddtabcontent("pettabs")
mypets.setpersist(false)
mypets.setselectedClassTarget("link")
mypets.init()
</script></div>
8. Coba perhatikan kembali kode CSS yang ada pada langkah 1. Kode tersebut terdiri dari beberapa bagian, yaitu Shade Tabs, Inverted Modern Bricks II Tabs, dan Indented CSS Tabs. Bagian-bagian tersebutlah yang menjadi style atau tipe dari Tab Menu yang bisa Anda ganti-ganti. Untuk menggunakannya cukup ganti bagian yang berwarna merah seperti di bawah ini pada struktur yang Anda copy paste pada langkah 3:
   <div id="pettabs" class="shadetabs">
<ul>
<li><a href="#" class="selected" rel="dog1">Tab 1</a></li>
......
   Misalkan ingin membuat Tab Menu bergaya Indented, maka ganti menjad:
   <div id="pettabs" class="indentmenu">
<ul>
<li><a href="#" class="selected" rel="dog1">Tab 1</a></li>
......
   Sesuaikan dengan nama atribut class pada CSS tersebut.
9. Silahkan lihat contohnya disini.

Cara Membuat Tulisan Berjalan

W

ebsite yang animatif bisa membuat orang menjadi tertarik untuk membukanya. Konten yang animatif biasanya mampu menarik perhatian pengunjung untuk sekedar melihat atau membacanya. Dengan demikian informasi yang kita tulis bisa tersampaikan. Biasanya website animatif dibuat dengan memasukkan flash ke dalam website atau gambar-gambar animasi seperti .gif. 
Ada cara lain supaya website kita menjadi lebih animatif, yaitu dengan membuat tulisan berjalan atau bergerak pada halaman website. Tulisan berjalan tersebut biasa disebut sebagai text marquee. 

Marquee sebenarnya sebuah tag HTML yang digunakan untuk membuat konten (isi) website menjadi bergerak. Kali ini kita hanya akan belajar membuat teks berjalan saja. Secara sederhana, tag marquee tersebut ditulis dalam bentuk:

<marquee>TEXT HERE</marquee>

Secara otomatis, tulisan “TEXT HERE” yang dibungkus oleh tag marquee tersebut akan bergerak pada website kita.
Agar tulisan berjalan yang kita buat tersebut lebih menarik, kita bisa lakukan pengaturan terhadap beberapa atribut tag marquee. Atribut-atribut yang dimaksud diantaranya:

1. Behavior , yaitu atribut untuk mengatur perilaku tulisan. Nilainya adalah: 
   
   • Scroll : teks/tulisan akan berjalan berulang kali. Makdusnya adalah setelah berjalan 1 kali, maka akan muncul kembali untuk berjalan lagi.
   • Slide : teks/tulisan akan berjalan hanya 1 kali. Setelah itu berhenti.
   • Alternate : teks/tulisan akan berjalan bolak balik, setelah dari kiri ke kanan kemudian berbalik dari kanan ke kiri (atau sebaliknya).
   Contoh : 
   <marquee behavior="alternate">TEXT HERE</marquee>
   Maka hasilnya menjadi:
   TEXT HERE
2. Direction, merupakan atribut yang mengatur arah gerak tulisan. Nilainya adalah: 
   
   • Right: agar tulisan berjalan ke kanan
   • Left: agar tulisan berjalan ke kiri
   • Down: agar tulisan berjalan ke bawah
   • Up: agar tulisan berjalan ke atas.
   Contoh: 
   <marquee behavior="scroll" direction="right">TEXT HERE</marquee>
   Maka hasilnya menjadi:
   TEXT HERE
3. Scrollamount, merupakan atribut yang mengatur kecepatan tulisan berjalan. Nilanya berupa angka. Semakin besar angkanya, maka kecepatannya akan semakin besar pula.
   Contoh :
   <marquee behavior="alternate" direction="right" scrollamount="30">TEXT HERE</marquee>
   Maka hasilnya menjadi:
   TEXT HERE
4. Onmouseover, merupakan atribut yang mengatur perilaku tulisan jika mouse diletakkan di atasnya. Misalnya kita ingin tulisan akan berhenti jika muse diletakkan diatasnya, maka bentuknya adalah :
   onmouseover="this.stop()"
   Contoh:
   <marquee behavior="alternate" direction="right" scrollamount="30" Onmouseover="this.stop()">TEXT HERE</marquee>
   Maka hasilnya menjadi:
   TEXT HERE
5. Onmouseout, merupakan atribut yang mengatur perilaku tulisan jika mouse tidak diletakkan di atasnya. Misalnya kita ingin membuat tulisan yang berhenti pada contoh di atas menjadi bergerak kembali, maka bentuknya adalah:
   onmouseout="this.start()"Contoh:
   <marquee behavior="alternate" direction="right" scrollamount="30" Onmouseover="this.stop()" onmouseout="this.start()">TEXT HERE</marquee>
   Maka hasilnya menjadi:
   TEXT HERE

Selain atribut-atribut utama di atas, sebenarnya masih banyak lagi atribut untuk marquee. Pembaca mungkin bisa melihatnya dengan menggunakan Macromedia Dreamweaver. Atribut-atribut untuk tag marquee lainnya bisa berupa atribut tag HTML biasa, sepertu style, width, height, align, dan lain sebagainya.
Contoh:
<marquee behavior="alternate" direction="right" scrollamount="30" bgcolor="#0000FF" width="50%">TEXT HERE</marquee>
Maka hasilnya menjadi:
TEXT HERE

Cara Menampilka Data Excel di Posting Blog

Jika anda mempunyai data excel, spreadsheet atau table, dan ingin menampilkan atau menyisipkannya di artikel postingan blog , data tersebut tidak dapat langsung kita copy paste di artikel, tetapi harus diubah dulu ke dalam format html.
Salah satu situs yang menyediakan layanan konversi data excel/ spreadsheet/ table ke dalam format HTML secara online adalah http://tableizer.journalistopia.com/

• Blok data excel yang akan kita konversi, seperti contoh dibawah ini

• Copy, kemudian pastekan di area yang disediakan di halaman http://tableizer.journalistopia.com/
• Pilih ukuran huruf, jenis huruf dan warna header sesuai keinginan anda
• Kemudian klik Tableize it, sesaat kemudian kode htmlnya akan tampil
• Silakan copy dan paste ke artikel anda.



Semoga bermanfaat.. 

Cara Menampilakan Globe di Blog

Ketikka kita mengunjungi beberapa blog-blog sahabat, tentunya kita pernah bukan menjumpai berbagai macam bentuk widget statistik, ya widget statistik adalah widget yang menampilkan jumlah visitor atau statistik dari blog kita. Nah, ada juga nih yang unik, selain widget statistik visitor yang biasanya hanya berbentuk flat ataupun lingkaran, kini ada transformasi baru lagi dari widget ini, yakni berbentuk bola dunia atau globe. Jadi pengunjung yang online di blog kita akan ditampilkan pada titik-titik didalam globe-nya nanti (flash).

Jika dibandingkan dengan widget-widget sejenisnya, mungkin saya akan memilih widget statistik visitor ini sebagai widget teratraktif plus termenarik, karena animasinya yang menyerupai bola dunia dapat menarik perhatian para pengunjung untuk melihat-lihat dari mana negara saja yang mengunjungi situs yang sedang dikunjunginya, mungkin widget ini juga bisa mendongkrak pengunjung yang tertarik denganya untuk mengunjungi blog kita kembali di kemudian hari.

Untuk mempelajarinya secara lebih detail dan lengkap, mari kita simak bagaimana cara memasang widget statistik bola dunia atau globe di blog yang berikut ini, silahkan disimak dengan seksama.

Cara Memasang Widget Statistik Bola Dunia di Blog

1. Buka http://www.revolvermaps.com/?target=home

2. Pilih Get your Globe di bar atas.

3. Selanjutnya anda memilih jenis, model, dan menyesuakan ukuran globe dengan ukuran yang kalian inginkan, seperti 220px, dll.

4. pilih Warna, dan nanti previewnya akan muncul di sebelah kanan, pada langkah no. 4 di revolver centang yang ingin anda tampilkan, seperti "user online", dll.

5. Lalu copy paste-kan kodenya yang berada di bagian bar bawah page revolver tadi, ke notepad.

<script type="text/javascript" src="http://jh.revolvermaps.com/r.js"></script><script type="text/javascript">rm_f1st('6','220','true','false','000000','7rgwjwchl6y','true','ff0000');</script><noscript><applet codebase="http://rh.revolvermaps.com/j" code="core.RE" width="220" height="220" archive="g.jar"><param name="cabbase" value="g.cab" /><param name="r" value="true" /><param name="n" value="false" /><param name="i" value="7rgwjwchl6y" /><param name="m" value="6" /><param name="s" value="220" /><param name="c" value="ff0000" /><param name="v" value="true" /><param name="b" value="000000" /><param name="rfc" value="true" /></applet></noscript>

6. Lalu login ke blogger.

7. Masuk dashboard

8. Pilih tata letak

9. Plih "add gadget"

10. Pilih "HTML/JavaScript"

11. Copy pastekan kode yang tadi di notepad ke dalam box "konten".

12. Klik "Save", dan selesai.

Semoga bermanfaat, dan selamat mencoba, demikian informasi terbaru seputar tutorial dan tips trik blogging

Sistematika Penulisan Makalah

Pengertian secara umum makalah merupakan salah karya tulis yang membahas tentang suatu topik tertentu yang tercakup dalam ruang lingkup suatu masalah secara ilmiah. Dalam kalangan pendidikan makalah juga dapat diartikan karya tulis pelajar atau mahasiswa sebagai laporan hasil pelaksanaan tugas sekolah atau perguruan tinggi. Umumnya membuat makalah merupakan tugas dari guru atau dosen sebagai persyaratan penilaian untuk menyelesaikan pelajaran atau mata kuliah, baik berupa kajian pustaka maupun hasil kegiatan lapangan.

Makalah juga dapat dibuat oleh nara sumber lain seperti pejabat pemerintahan, rektor, dosen kepala sekolah, guru dan lain-lain, sebagai makalah kerja yang dibahas pada seminar, simposium, dsb. Biasanya makalah kerja disampaikan dalam bentuk argumentasi hasil penelitian dengan memasukkan asumsi dan hipotesis terhadap masalah yang diteliti.

Konsep Makalah

Makalah dipakai untuk karya tulis laporan penelitian sederhana dan dalam pembuatan makalah harus memiliki konsep atau karakteristik pengangkatan topik pembahasan masalah dengan melibatkan suatu kajian pustaka/literatur dan atau merupakan laporan pelaksanaan kegiatan penelitian di lapangan. Makalah biasanya ditulis sebagai suatu saran pemecahan masalah secara ilmiah dan memerlukan studi kepustakaan dengan mencantumkan sumber referensi.

Sistematika Penulisan Makalah

Secara garis besar penyusunan makalah berisi tiga pokok pembahasan, yaitu:

A.   Pendahuluan

Yang memuat tentang persoalan yang akan dibahas meliputi:

1.      Latar Belakang yaitu memberi penjelasan tentang manfaat dan pentingnya judul atau topik untuk dibahas.

2.      Ruang Lingkup yaitu memberi penjelasan tentang ruang lingkup permasalahan yang menjadi batasan masalah.

3.      Maksud dan Tujuan Penulisan yaitu memberi penjelasan tentang maksud penulisan makalah dan tujuan berisi tentang hal yang diinginkan sesuai dengan konteks permasalahan yang akan dibahas.

B.   Pembahasan makalah

Berupa uraian yang relevan dengan ruang lingkup masalah, yang meliputi:

1.     Membahas singkat teori pendukung berdasarkan kajian pustaka atau bahan referensi yang resmi.

2.     Pada dasarnya uraian adalah untuk membahas permasalahan dengan alternatif pemecahan masalah yang dikaji yang dapat dibantu dengan faktor pendukung dan penghambat.

C.   Penutup

Merupakan bab terakhir berisi penegasan inti makalah yang dirumuskan dengan jelas, singkat, dan tegas yang meliputi:

1.     Kesimpulan yang berisi jawaban dan permasalahan dalam bentuk ikhtisar permasalahan.

2.     Saran yang merupakan usul atau pendapat dari penulis yang mengacu pada materi pembahasan.

Selain tiga pokok utama tersebut, terdapat juga penunjang dalam pembuatan makalah, yaitu:

·         Lembar Judul

·         Lembar Pengesahan

·         Kata Pengantar

·         Daftar Isi

·         Daftar Gambar; tabel (jika ada)

·         Daftar Pustaka

·         Lampiran-lampiran

Untuk membuat makalah yang baik, hampir sama dengan membuat karya tulis lain yaitu:

1.      Mempelajari topik yang akan ditulis dengan menyusun  pola pikir pokok masalah beserta tujuan dan ruang lingkupnya.

2.      Mempersiapkan dan mengumpulan sumber bahan materi (referensi).

3.      Penyusun makalah menggunakan Bahasa Indonesia yang baik dan benar, mudah dipahami, dengan kalimat padat, tegas, dan jelas.