kali ini saya akan memposting tentang bagaimana cara memasukkan spoiler hide show di blog.
silahkan sobat ikuti langkah-langkah nya di bawah ini !
1. Masuk ke akun blogger sobat
2. Pada saat kita ingin membuat postingan blog,pilih edit HTML bukan compose.
3. Masukan kode HTML berikut:
<br /><div><div style="margin: 5px;"> <div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;">Masukkan Judul </span></i><br/><input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"/> </div> <div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;"> <div style="display: none;"> Isi spoiler </div></div></div></div>
4.ganti "masukkan judul" dengan judul sobat yang di inginkan.
5.ganti "isi spoiler" dengan isi postingan yang sobat inginkan.
sekian dulu sob, semoga bermanfaat....!
salam hangat
solidaritas blog
Assalamu'alaikum sobat pembaca setia solidaritas blog. kali ini saya akan memposting bagaimana cara mengubah slide show template blog. langsung saja sobat ikuti langkah-langkahnya di bawah ini!
- masuk ke dasbor blog
- masuk ke rancangan
- masuk ke edit Html
- tekan CTRL +F untuk mempermudah pencarian
- cari tulisan yang telah saya lingkari pada gambar di bawah ini :
- setelah ketemu maka akan muncul code seperti ini:
<div class='fp-thumbnail'><a href='http://monggomampir.tk/'><img src='https://fbcdn-sphotos-a.akamaihd.net/hphotos-ak-ash4/s720x720/391069_221978194542848_100001920062783_562845_644357137_n.jpg'/></a>
</div>
<h3 class='fp-title'><a href='http://monggomampir.tk/'>This is Featured post 1 title</a></h3>
<p>Reaplace hfsjnfdfngslndfgkjsngvmcxngjsnmf nsjfgnsmc vsjdfnsdjkndfkjsndgjnsjdgnskdngdcmnvgjskdn</p>
</div>
- ganti yang warna merah dengan alamat gambar anda
- ganti yang warna biru dengan judul gambar
- ganti yang warna hijau dengan keterangan gambar
- save
- Tratatttt gambar telah ganti jika anda ingin mengubah gambar yang
kedua tinggal Ketikan "This is Featured post 2 title" di Ctrl+f
- lalu lakukan hal yang sama dengan yang atas
gimana sobat? mudah kan? so pasti sobat butuh kesabaran dalam melakukan sesuatu.
sekian dulu ya sobat.....
jika ada saran, kritik,dan keluhan, langsung tinggalkan komentar ....
wassalam........sobat setia solidaritas blog
Assalamu'alaikum pembaca setia solidaritas blog. saya akan memposting bagaimana cara membuat / memasukkan banner di blog. langsung aja sobat membaca perintah dibawah ini !
dan biasanya akan diberikan kode html yang nantinya akan kita pasang di blog kita, seperti ini contoh kode html-nya :
<a href="http://www.buxp.net/?r=miskahiper"><img src="http://buxp.net/banner1.gif" alt="" /></a>
dan bagaimana cara memasangnya di blog kita? silahkan ikuti panduannya berikut ini :
- Login ke Blogger dengan ID sobat.
- Klik Tata Letak.
- Klik Elemen Halaman.
- Kemudian klik yang bertuliskan Tambah Gadget, bisa di sidebar, header atau bagian bawah template.
- Kemudian pilih yang HTML/Java Script
- Copy paste kode HTML sobat kedalamnya, sobat bisa menambahkan judul diatasnya jika mau.
- Lalu klik Simpan.
- Selesai.
Membuat banner sendiri
Bagaimana
jika sobat ingin memasang banner atau gambar sendiri ke dalam blog
sobat dan jika di klik akan menuju ke situs atau blog sobat yang lain?
saya akan berikan contohnya berikut ini.
Saya punya gambar kecil dengan bentuk seperti ini :
Bagaimana membuatnya menjadi banner yang mempunyai link didalamnya?
- Upload gambar tersebut kedalam situs penyimpanan online, sobat bisa upload ke Photobucket atau Google Sites
- Anggap saja sobat ingin menggunakan jasa Photobucket, pada halaman depan silahkan sobat klik Join Now It’s Free! untuk menjadi anggota
- Ikuti saja langkah-langkah pendaftarannya sampai selesai.
- JIka sudah selesai register, klik login untuk masuk ke halaman utama Photobucket
- Bagaimana cara upload gambarnya? pada bagian atas coba cari tulisan Upload images & videos, klik dan upload gambar yang sudah sobat siapkan.
- Setelah selesai upload gambar, kemudian sorot pada gambar tersebut dan klik yang HTML Code
- Sekarang copy paste saja dulu kedalam notepad, misalnya kode html untuk gambar yang saya upload ke Photobucket seperti ini :
<a href="http://s643.photobucket.com/albums/uu155/miskahiper/?action=view¤t=BANNER2.jpg"
target="_blank"><img
src="http://i643.photobucket.com/albums/uu155/miskahiper/BANNER2.jpg"
border="0" alt="blogspot tutorial,blog,tips blogging"></a>
- Hapus kode yang berwarna merah dan ganti dengan kode url blog sobat atau situs yang ingin sobat beri link, sehingga jadinya seperti dibawah ini :
<a href=http://miscah.blogspot.com"
target="_blank"><img
src="http://i643.photobucket.com/albums/uu155/miskahiper/BANNER2.jpg"
border="0" alt="blogspot tutorial,blog,tips blogging"></a>
- Kode tersebutlah yang sekarang bisa sobat copy paste ke blog sobat.
Mudah kan, selamat berkreasi !
assalamu'alaikum sobat setia pembaca blog solidaritas.saya akan memposting bagaimana cara mengubah/edit menu pada template thesis. langsung saja sobat membaca nya.
Mengganti atau menambahkan menu baru pada navbar mungkin bukan hal yang sulit buat blogger yang sudah paham dengan penulisan kode HTML. Namun bagi mereka yang kurang memiliki pengetahuan boleh jadi hal ini merupakan kesulitan besar. Postingan ini merupakan request sobat Sports yang ingin mengetahui bagaimana cara menambahkan menu pada template thesis yang digunakannya seperti juga template yang saya pakai ini. Tapi sebelum kita ke pokok pembahasan saya ingin menampilkan contoh struktur penulisan kode HTML menu navigasi yang saya ambil dari 3 buah template untuk melihat perbedaannya. Namun satu hal yang harus diperhatikan adalah meskipun penulisan menu dari tiap template ini berbeda, tapi ada tanda pengenal atau ciri dimana kode-kode ini berada pada template yaitu biasanya ditandai dengan tag <div id='nav'> atau tag <div id='menu'> . Kemudian pada bagian CSS ditandai dengan kode #navbar-iframe { atau kode #menu { .
· Kode menu pada template Simple SEO :
<div id='nav'>
<ul>
<!--EDIT NAVBAR -->
<li id='current'><a expr:href='data:blog.homepageUrl' title='Home'>Home</a></li>
<li><a expr:href='data:blog.homepageUrl + "feeds/posts/default"' title='Posts RSS'>Posts RSS</a></li>
<li><a expr:href='data:blog.homepageUrl + "feeds/comments/default"' title='Comments RSS'>Comments RSS</a></li>
<li><a href='#' title='Edit this link'>Edit</a></li>
<!--END NAVBAR -->
</ul>
</div>
· Kode menu pada template SEO Friendly Blogspot Template :
<div id='nav-left'>
<ul>
<li><a href='/'>Home</a></li>
<li><a href='#'>About</a></li>
<li><a href='#'>Contact</a></li>
</ul>
</div>
· Kode menu pada template SEO Thesis Blogjuragan :
<div id='menu'>
<ul class='menunav superfish'>
<li class='page_item home'><a Title='Home' expr:href='data:blog.homepageUrl'>Home</a></li>
<li class='page_item page-item-1'><a href='#'>About</a></li>
<li class='page_item page-item-2'><a href='#'>Contact</a></li>
</ul>
</div>
Ketiga contoh template ini ada embel-embel SEOnya karena memang saya selalu mencari template yang SEO friendly sebab biasanya loadingnya cepat dan sudah dilengkapi beberapa meta tag. Nah dari ketiga contoh ini sobat sudah bisa melihat bukan perbedaannya ? Menambahkan menu barunya pun sangat mudah koq. Misalnya kita ingin menambahkan 2 menu baru yaitu Sitemap/Daftar Isi dan Tukar Link, maka caranya adalah :
· Simple SEO :
Ganti tanda # dengan link referensi menu yang ingin ditambahkan.
<li><a href=' http://blogger/' title='masuk'>log in</a></li>
<li><a href=' http://facebook/' title='fb'>log in</a></li>
Struktur lengkap kode HTML pada template menjadi seperti ini :
<div id='nav'>
<ul>
<!--EDIT NAVBAR -->
<li id='current'><a expr:href='data:blog.homepageUrl' title='Home'>Home</a></li>
<li><a expr:href='data:blog.homepageUrl + "feeds/posts/default"' title='Posts RSS'>Posts RSS</a></li>
<li><a expr:href='data:blog.homepageUrl + "feeds/comments/default"' title='Comments RSS'>Comments RSS</a></li>
<li><a href=' http://blogger/' title='masuk'>log in</a></li>
<li><a href=' http://facebook/' title='fb'>log in</a></li>
<!--END NAVBAR -->
</ul>
</div>
· SEO Friendly Blogspot Template :
Sama dengan Simple SEO, tinggal ganti tanda # dengan link referensi menu yang ingin ditambahkan.
<li><a href=' http://bla…bla..bla../'>Sitemap</a></li>
<li><a href=' http://bla…bla..bla../'>Tukar Link</a></li>
Struktur lengkap kode HTML pada template menjadi seperti ini :
<div id='nav-left'>
<ul>
<li><a href='/'>Home</a></li>
<li><a href='http://bla..bla..bla../'>About</a></li>
<li><a href='http://bla..bla..bla../'>Contact</a></li>
<li><a href='http://bla..bla..bla../'>Sitemap</a></li>
<li><a href='http://bla..bla..bla../'>Tukar Link</a></li>
</ul>
</div>
· SEO Thesis Template :
<li class='page_item page-item-3'><a href='isi dengan link daftar isi'>Sitemap</a></li>
<li class='page_item page-item-4'><a href='isi dengan link tukar link'>Tukar Link</a></li>
Struktur lengkap kode HTML pada template menjadi seperti ini :
<div id='menu'>
<ul class='menunav superfish'>
<li class='page_item home'><a Title='Home' expr:href='data:blog.homepageUrl'>Home</a></li>
<li class='page_item page-item-1'><a href='http://bla…bla..bla../'>About</a></li>
<li class='page_item page-item-2'><a href='http://bla…bla..bla../'>Contact</a></li>
<li class='page_item page-item-3'><a href='http://bla…bla..bla../'>Sitemap</a></li>
<li class='page_item page-item-4'><a href='http://bla…bla..bla../'>Tukar Link</a></li>
</ul>
</div>
NB : Penempatan urutan link bisa ditukar/diganti atau dibolak-balik terserah anda. Yang penting jangan sampai menghapus atau meniadakan link yang pertama (Home).
Proses perubahan menu pada template ini dapat dilakukan dengan lebih dulu login ke dashboard blogger kemudian pilih Rancangan > Edit HTML dan centang Expand widget template. Mencentang Expand widget template ini tujuannya adalah untuk memunculkan kode-kode yang disembunyikan oleh blogger. Secara default blogger menyembunyikan kode-kode tertentu / kode widget pada template apabila kita tidak mencentang Expand widget template ini. Sehingga akhirnya kita tidak bisa menemukan kode yang kita cari. Keliatan sepele bukan ? Tekan Ctrl+F untuk mempercepat pencarian, ketikkan kode atau kata yang ingin dicari pada template kemudian klik simbol next atau previous untuk kembali keatas. Trik ini membantu sekali saat kita melakukan editing template.
Saya juga sempat mengambil screenshot judul artikel pada template Thesis yang tumpang tindih. Saya lupa nama blognya, tapi mumpung lagi membahas Thesis mending sekalian aja.
Judul artikel yang tumpang tindih seperti seperti gambar diatas terjadi karena pada bagian CSS untuk judul posting yaitu .post h1, .post h2 { belum diedit jaraknya. Cari tulisan line-height:1em; yang ada dibawah kode .post h1, .post h2 { , dan ganti menjadi line-height:1.3em; maka ini akan membuka jarak antara 2 baris judul sehingga judul tidak akan terlihat tumpang tindih.
semoga bisa bermanfaat bagi sobat...... wasalam
like this
assalamu'alaikum pembaca setia solidaritas blog. saya mau posting tentang bagaimana cara menampilkan icon favicon di blogger.tapi saya akan menjelaskan apa yang dimaksud dengan favicon.
Favicon merupakan singkatan dari Favorites Icon. Favicon adalah gambar
multi-resolusi yang disertakan pada hampir semua situs atau blog yang
tampil pada address bar suatu situs atau blog dan merupakan logo dari
blog tersebut.
Sebelum mengganti Favicon, tentunya sobat blogger harus memiliki gambar
dulu. Gunakan gambar persegi yang ukurannya kurang dari 100KB. Kalau
sobat blogger tidak memiliki gambar tersebut, silahkan download saja
gambar di http://www.iconarchive.com atau http://www.iconj.com, disana
sobat blogger bisa memilih gambar yang bisa sobat blogger jadikan
Favicon blog sobat. Ingat, gambar yang akan digunakan, harus ukuran yang
sangat kecil.
jika sobat ingin mendownload favicon,saya sudah menyediakan link nya sob.
klik link nya sob.
http://www.ziddu.com/download/20164494/reza-solidaritas.blogspot.com-faviconblog.zip.html
saya sudah mencobanya dan hasilnya 100% work. langsung saja ke langkah-langkahnya sob, :
- Klik kata Edit di bagian Favicon (Lihat gambar!)
- Klik pilih berkas, kalau sudah di Upload klik save.
cara ke dua:
- Login terlebih dahulu di blogger.com
- Pada menu dropdown, klik Template.
- Klik Edit HTML dan Proceed
- Cari kode </head>
- Tempatkan kode berikut sebelum kode </head>
<link href='URL ICON' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
Ingat : Tulisan yang
berwarna biru harus di ganti dengan URL gambar sobat.
cara ke tiga :
cara yang ke tiga ini di rekomendasikan jika langkah yang sebelumnya favicon tidak muncul juga.
sobat harus mengkosongkan temporary file browser nya.
untuk mozilla firefox:
- klik menu tools=>clear private data, lalu checklist pilihan cache=>lalu klik tombol "Clear Private Data Now",setelah itu coba sobat restart browser mozilla nya.
jika sobat kurang paham bisa meninggalkan komentar sobat , insya allah saya bisa memberi solusi bagi sobat pembaca blog solidaritas. wassalam...........
Ada beberapa kerusakan yang terjadi pada
peripheral yaitu :
1. Keyboard tidak terdeteksi oleh PC
Penyebab :
Kerusakan yang sering terjadi pada keyboard adalah tidak dikenalnya keyboard
oleh komputer. Pada saat proses booting, tiba-tiba komputer macet dan muncul
pesan kesalahan “Keyboard error or no keyboard present”. Pesan tersebut
diartikan bahwa saat proses booting, komputer tidak mendeteksi adanya keyboard.
Solusi :
> Matikan kembali komputer dan cek apakah kabel keyboard telah tertancap
dengan benar ke CPU.
> Lepas dan tancapkan kembali kabel keyboard tersebut untuk meyakinkan bahwa
koneksi sudah tepat.
> Jika komputer dihidupkan kembali dan pesan kesalahan masih muncul,
kemungkinan pertama adalah keyboard rusak.
> Gunakan keyboard lain untuk memastikan bahwa keyboardnya yang rusak.
> Jika dengan mengganti keyboard pesan kesalahan masih tetap muncul, berarti
bukan keyboard yang rusak. Bisa saja port keyboard di motherbord yang rusak.
2. Tombol keyboard macet
Penyebab :
Tombol keyboard sering macet untuk ditekan, atau tombol keyboard tertekan
terus. Hal itu mungkin disebabkan oleh debu yang sudah menumpuk di sela-sela
tombol keyboard sehingga menyebabkan keyboard macet.
Solusi :
> Pembersihan pada keyboard. Keyboard dapat dibersihkan dengan menyedot atau
menyemprotnya dengan vacuum cleaner atau dapat memakai kuas. Dan juga dapat
dibersihkan dengan menggunakan kain lap yang dibasahi dengan cairan pembersih
atau alkohol.
> Ingat bahwa proses pembersihan harus dilakukan pada saat komputer mati dan
keyboard dilepas dari portnya.
3. Mouse tidak terdeteksi oleh PC
Penyebab 1 :
Kabel mouse tidak terhubung dengan baik.
Solusi :
> Matikan komputer. Cek apakah kabel mouse telah terpasang dengan benar.
> Lepas dan pasangkan kembali mouse tersebut untuk meyakinkan koneksinya.
Pada saat melepas dan memasang mouse komputer dalam keadaan mati agar tidak
terjadi konsleting.
Setelah itu hidupkan kembali komputer.
Penyebab 2 :
Rusaknya driver yang menghubungkan sistem dengan mouse.
Solusi :
> Melakukan pendeteksian ulang driver secara otomatis dengan windows melalui
device manager.
Langkah yang dilakukan :
Klik kanan My Computer pada desktop windows
Pilih properties>>Hardware>>Device Manager
Klik mouse tersebut dengan menggunakan keyboard dengan bantuan tombol Tab.
Hapus drive mouse yang lama dengan menggunakan tombol Remove.
Setelah itu restart ulang komputer.
> Jika sambungan dan driver mouse sudah benar tetapi ternyata mouse tidak
terdeteksi oleh windows, ada kemungkinan mouse rusak. Atau kemudian coba dengan
mouse yang lain, apakah terjadi hal yang sama.
> Apabila masih tetap seperti itu, berarti port PS/2 nya yang rusak.
4. Pointer mouse yang sering meloncat-loncat
Masalah lain yang sering muncul adalah pointer mouse yang meloncat-loncat
secara acak sehingga pemakai kesulitan untuk menggunakan mouse secara tepat dan
presisi.
Penyebab :
Kotornya komponen bola mouse. Karena komponen bola tersebut banyak bersentuhan
dengan mouse pad yang tidak selalu bersih.
Solusi :
> Buka penutup bola mouse di bagian bawah dengan memutarnya 900 derajat.
> Keluarkan bolanya dan bersihkan dengan air hangat atau alkohol serta sikat
dengan kuas, lalu keringkan.
> Di bagian dalam mouse dapat diamati adanya tiga buah roda. Dua lebar dan
satu yang kecil. Kotoran yang menempel pada komponen tersebut perlu
dibersihkan. Demikian juga dengan kotoran yang menempel pada gerigi dan
bantalan bola. Lakukan pembersihan dengan hati-hati sehingga tidak merusak
komponen-komponen di dalamnya.
5. Fan pendingin mati
Penyebab :
Komputer akan cepat panas, sering hang, reboot dengan sendirinya dikarenakan
fan pendingan mati.
Solusi :
> Memeriksa fan yang terdapat dalam casing komputer apakah kabel power sudah
terpasang dengan baik.
> Bersihkan kotoran-kotoran yang ada didalamnya.
> Lepas penutup poros fan, serta diberi sedikit pelumas supaya gerakan fan
tidak ada hambatan.
> Jika sambungan kabel power sudah benar dan fan sudah bersih dari kotoran
tetapi masih tetap mati, kemungkinan besar fan rusak.
6. Bunyi fan yang berisik
Penyebab :
Ketika komputer sedang digunakan, suaranya terdengar sangat berisik sehingga
sering mengganggu konsentrasi terhadap pekerjaan.
Solusi :
> Matikan komputer dan buka casing komputer lalu hidupkan komputer dalam
keadaan casing terbuka.
> Cek apakah mungkin ada kabel yang menyangkut pada fan.
> Jika ada kabel yang menyangkut pada fan, rapikanlah agar tidak mengenai
fan.
7. Monitor tidak mau menyala.
Penyebab :
Pada saat proses booting komputer, tombol power yang terdapat pada monitor
sudah ditekan tetapi monitor tetap gelap dan tidak mau menyala.
Solusi :
> Pastikan bahwa tombol power dalam keadaan ON.
> Jika lampu indikator tidak menyala, lihat kabel power baik pada monitor
maupun yang ke arah outlet listrik. Pastikan bahwa pemasangan sudah benar.
> Apabila tetap tidak menyala, gantilah dengan kabel power lain.
Jika lampu indikator pada monitor hidup dan berwarna orange atau
berkedip-kedip, cek kabel video yang menghubungkan monitor dengan CPU apakah
sudah terpasang dengan baik dan benar. Pastikan sudah terpasang dengan benar.
> Apabila dengan pengecekan di atas masalah ini tetap tidak teratasi berarti
ada problem pada sinyal video board adapter CRT.
8. Monitor menjadi gelap saat loading windows
Penyebab :
Monitor menjadi gelap saat loading windows disebabkan karena setup driver untuk
monitor tidak tepat. Yang sering terjadi adalah karena dalam keadaan ON screen
display setting, setting frekuensi terlalu tinggi.
Solusi :
> Lakukan booting windows dalam keadaan safe mode dengan cara menekan F8
saat komputer loading windows.
> Lakukan instalasi ulang driver VGA Card. Setelah itu pilih jenis monitor
yang cocok yang akan menentukan frekuensi maksimal yang akan ditampilkan oleh
windows.
Sumber: pc media
Penulis ; pc media ekonomis
1. Klik Start –Run
2.
Lalu ketiklah “compmgmt.msc” tanpa tanda petik
3.
Pada bagian storage, buka disk management.
4.
Normalnya flash disk anda akan terdeteksi.
5. Anda klik kanan, trus pilih create
partition.
6. Klik kanan lagi, pilih format. Selesai.
Atau dengan cara
Software:
Caranya :
Cara kerjanya juga cukup mudah
- download
softwarenya
- Colokkan
flashdisk
- Jalankan
software maka akan lansung mendeteksi device driver usb flashdisk
- Selanjutnya
klik Update.
- Tunggu
proses penggantian drivernya selesai dan flashdisk bisa digunakan kembali.
Notes : Tool ini pernah saya coba untuk 2 jenis flashdisk
yaitu Kingston
dan USB best Storage. Untuk jenis yang lain belum dicoba. Tool ini juga
sepertinya tidak mampu untuk memperbaiki flashdisk yang mati total.