Welcome Back RiszPanic

Ternyata blog ini jadi banyak banget pengunjungnya,sekarang saya bukan lagi anak smk bisa di baca disini setelah sekian lama bergelut di dunia nyata akhirnya ingin sekali saya menulis artikel dengan tulisan yang agak berbeda :)).

pengen curhat sedikit kenapa saya meninggalkan blog ini,ketika saya benar-benar kecanduan internet terutama dunia blogging semakin saya memperdalam ini semakin saya tidak bisa mengendalikan emosi saya,selalu tertinggal dalam pelajaran waktu sekolah,jarang absen disekolah bahkah setiap minggunya selalu saja menjadi murid yang paling sering di panggil ke kantor.

ketika itu munculah keinginan untuk menjauhi dunia internet bahkan tanpa ngeblog,tapi pada akhirnya tidak bisa sama sekali. waktupun berjalan tandanya bertambah dewasa umur saya,semakin lama semakin berpikir untuk bisa mengendalikan diri,membagi dunia yang harus di jalani.

saat ini saya kuliah di salah satu universitas swasta di tangerang,dan mengambil jurusan IT,karna niat saya ingin memperdalam dunia komputer ini,yah semoga saja menjadi hal yang positif dimasa mendatang karna pengalaman yang sudah saya jalani selama ini.

saya juga sedang mengelola blog saya yang menggunakan cms wordpress alamatnya di http://yeahh.web.id, blog yang berfokuskan pada seni desain dan juga tentang IT.

yang membuat saya ingat lagi dengan blog ini adalah dari salah satu blog yang mengCopas artikel dari blog ini lalu mencantumkan link ke blog ini,saya pikir kenapa saya tidak melihat bagaimana perkembangannya,ketika saya masukan alamat http://risz-panic.blogspot.com/ saya tidak diarahkan langsung ke halaman depan melainkan harus login terlebih dahulu,mungkin karna terlalu lama tidak mengupdate isi dari blog ini.

sekian dulu,kita lanjutkan ke aritkel berikutnya.

terima kasih.

Lihat-lihat juga web berita dengan konten otomotif, kesehatan, berita nasional, internasional, teknologi dan lain sebagainya di Unopini.com

Merubah Tampilan Profile Di Blog Blogger

Posting kali ini tentang merubah tampilan profile blog seperti punya saya,apakah tampilan profile pada blog anda terlihat biasa saja dan membosankan..hehehe itu lah yang di berikan blogger untuk kita,tapi jangan merendah dulu,blogger memberikan hal sederhana untuk kita bukan berarti blogger tidak memberikan ruang untuk pengeeditan blog,sebenarnya bagi saya blogger adalah media pembelajaran yang lumayan menyenangkan kenapa begitu,ok dalam hal hosting gratisan blogger sudah memberikan ruang lebih untuk pengeditan,dan menurut saya blogger juga bermaksud untuk menguji skill desain seorang desain blogger mesikipun templatenya gratisan juga,tapi bagaimana orang tersebut dalam mengedit blognya.
Itu lah skill yang benar" diberikan untuk para newbie seperti saya ini,dalam hal membuat suatu website atau desain web saya juga pernah beberapa kali di uji cobakan di sekolah untuk sebuah perlombaan tapi sayangnya karna data saya atau mungkin terhapus kali saya gk tw dh...huhh kecewa banget waktu itu..jadi gk ikut lomba,tapi tahun berikutnya saya dipanggil untuk membuat sebuah game dengan flash,cukup membanggakan biarpun di stand tapi saya dapet peringkat 1..hehehe

Ok langsung sajalah jadi curhat saya,berikut ini adalah bagaimana cara membuat tampilan profile berbeda,dengan tambahan css (cascading style sheet) dan beberapa sedikit sentuhan...hehehe

Membuat Tampilan Profile Blog Anda Dengan Style

1. Seperti Biasa lah anda harus login ke blogger anda
2. Pilih Tata Letak - Elemen Halaman.
3. Pada bagian elemen halaman klik Tambah Gadget - lalu pilih Html/Java Script.
4. Setelah itu copy kode dibawah ini lalu letakan di Gadget yang baru anda tambahkan

<div style='border: 2px solid #000000;
padding: 5px;
background-color: #ffffff;
-moz-border-radius:0px;
margin:5px;'>

<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img height="110" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsgdYOF8uurMCSLIIVUgvknyKpDg-GnGABbehnxuDnSpkMD0jSol7YfhnA0QwyM9V2zcxm8qF3RbfbESqBtEl6nuHqWssR6bjWkVkqv_g12bX8SC4TnkKGLKJmo4PGnQnAmO1l-J_C7ojr/s200/RiszPanic.jpg" width="70" border="2" color="black" /><br /><center>RiszPanic</center></div>
Aris Munandar<br />
Pengen bebas berkarya
tapi jelas dan bermanfaat
untuk orang lain.
<br /><a href='http://facebook.com/riszpanic' target='_blank'>Follow ON Facebook</a>
<br />
<a href="http://www.blogger.com/profile/16647046226945263718">Lihat Profil Lengkapku</a></div>

Oke saya akan jelaskan.

Pada tulisan yang berwarna abu-abu diatas sana,<img height="110" dan width="70" -- height adalah untuk ukuran tinggi gambar atau foto anda nantinya anda bisa sesuaikan,sedangkan width untuk lebarnya,anda juga bisa sesuaikan dengan sidebar anda.

Untuk bagian Url image yang berwarna merah diatas https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsgdYOF8uurMCSLIIVUgvknyKpDg-GnGABbehnxuDnSpkMD0jSol7YfhnA0QwyM9V2zcxm8qF3RbfbESqBtEl6nuHqWssR6bjWkVkqv_g12bX8SC4TnkKGLKJmo4PGnQnAmO1l-J_C7ojr/s200/RiszPanic.jpg ,itu adalah url foto saya anda harus menggantinya dengan url foto anda.

Untuk nama yang berwarna ungu diatas <center>RiszPanic</center> adalah nama yang akan tampil dibagian bawah foto anda,ganti dengan nama blog anda.


Untuk kalimat yang bewarna Biru Aris Munandar<br /> itu adalah nama saya anda bisa menggantinya dengan nama anda


Untuk yang berwarna kuning itu adalah kata-kata yang nantinya akan tampil,gantilah dengan kata" anda sendiri.

<a href='http://facebook.com/riszpanic' target='_blank'>Follow ON Facebook</a> pada bagian ini,ini adalah link yang nanti beralih ke facebook anda,ganti lah tulisan yang berwarna hijau dengan url facebook anda.

<a href="http://www.blogger.com/profile/16647046226945263718">Lihat Profil Lengkapku</a> yang terakhir adalah link untuk menuju ke Profile anda,jadi bila anda tidak punya linknya anda tambahkan dulu bentuk profile default anda dan copy linknya setelah itu hapus dan letakan di bagian yang berwarna coklat diatas.

5. Dan Selesai,tinggal anda simpan saja

Oke pejelasannya cukup sederhana dan mudah dimengertik kan,kalau masih belum mengerti anda bisa tanya kan ke saya,dan tampilan profile anda nanti akan seprti dibawah ini.

eiitttsss tapi jangan lupa ganti fotonya dengan foto anda..hehehe soalnya foto saya gk bagus..ckckc,tapi klo dipandang ternyata keren juga...hehehe

ok sekian sampai disini dulu tutorialnya,jangan lupa komentarnya iy...terima kasih.

Pasang Widget Top Komentar

Bagi para blogger yang blognya banyak sekali kedatangan tamu,tidak ada salahnya anda mencoba tutorial kali ini,karna dapat mempermudah anda untuk mengecek siapakah yang paling banyak berkomentar di blog anda,coba saja anda bayangkan pada blog anda seandainya banyak sekali komentar yang datang apakah anda akan memeriksa satu-persatu artikel anda,tentu tidak karna akan memakan waktu,nah untuk itu widget top comment ini sangat berguna bagi anda.
Setiap ada komentator terbanyak maka akan muncul dihalaman teratas widget top comment blog anda agar terlihat oleh yang lain dan juga admin blog,agar dapat segera membalasnya,ok langsung saja ikuti cara-cara dibawah ini.

1. Loggin ke blogger anda
2. Pilih Tata Letak
3. Pada panel blog anda,silahkan anda tambahkan elemen
4. Pada menu yang tersedia, pilih tambahkan HTML/JavaScript
5. Setelah itu letakan kode dibawah ini didalam element yang tadi anda tambahkan

<script type="text/javascript">
function pipeCallback(obj) {
document.write('<ol>');
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
if(obj.value.items[i].link == "")
var item ="<li>" + obj.value.items[i].title + "</li>";
else
var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write('</ol>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=2351a7b3195ee95ef3643998bc8def5e&url=http%3A%2F%2Frisz-panic.blogspot.com&num=10&filter=RiszPanic Blog" type="text/javascript"></script>

Pada Tulisan merah diatas,anda hanya perlu menggantinya dengan data yang ada diblog anda,contoh pada risz-panic.blogspot.com silahkan anda ganti dengan alamat blog anda,setelah itu pada angka 10 itu adalah jumlah top komentar yang akan tampil silahkan anda bisa kurang atau tambahkan sesuai keinginan anda,pada RiszPanic Blog itu adalah nama blog,silahkan anda ganti dengan nama blog anda.

6. Silahkan anda simpan template
7. Selesai

Ok untuk saat ini cukup seperti ini,karna selebihnya anda dapat membuat style sendiri sesuai ke inginan anda.terima kasih.

Solusi Mengatasi Beratnya Blog

Enggak tahu kenapa ketika saya mengunjungi blog sebelah tiba-tiba lihat yang satu ini css compressor,saya pikir-pikir memang sangat berguna untuk blog saya soalnya menurut saya blog ini memang agak berat,tapi saya juga bingung kalau mengcompress blog saya nantinya css nya tidak beraturan,itu yang saya takutan,karna memang saya lebih suka mengedit-edit blog dari pada posting... hehehe
Mungkin artikel berikut ini juga berguna untuk anda,jadi iy saya posting saja hitung-hitung sedikit membantu blogger lain dalam penanganan blognya,ok jadi langsung saja liat dibawah ini.

Untuk mengcompress css anda ikuti langkah-langkah dibawah ini.

1. Silahkan anda kunjungi css compressor.
2. Setelah itu pada Compression Mode pilih mode kompresi yang anda inginkan.
3. Copy lalu paste kode CSS yang ingin anda kompres ke CSS input.
4. Kemudian klik tombol Compress.

5. Setelah selesai di compress hasilnya akan seperti dibawah ini,lalu select all untuk memblock semua css.

6. Tapi jangan lupa kembalikan css anda ke tempatnya...ok..

Oohhh iy saya hampir lupa,masa anda hanya mengcompress tapi tidak mengetahui berapa berat blog anda,ok dibawah ini saya sediakan tools untuk mengetahui berat dari blog anda,anda hanya perlu memasukan URL blog anda.

Cara mengetahui Berat atau Kecepatan Blog

Letakan nama blog anda di dalam kolom dibawah ini. (eg. iwebtool.com)

Powered by iWEBTOOL

Ok apakan anda sudah mengetahui berat dari blog anda

Membuat breadcrumb navigation

Pada tutorial kali ini saya akan menjelaskan bagaimana cara membuat menu breadcrumb navigation atau navigasi breadcrumb.
navigasi breadcrumb adalah sebuah barisan menu dari tautan internal sebuah blog,jadi jika pengunjung ingin kembali kehalaman sebelumnya dia dapat mengklik menu breadcrumb tersebut,menu breadcrumb biasanya dimulai dari ( home page ) setelah itu label baru judul artikel blog tersebut,agar lebih jelas kira-kira akan seperti dibawah ini.

Browse » Home » turorial blogger » Membuat breadcrumb navigation.

Atau anda bisa melihat pada bagian atas blog ini,tapi jangan salah,menu breadcrumb juga berguna sebagai optimasi seo pada blog anda,bahkan ketika saya melihat-lihat blog tetangga tentang optimasi seo blogger sebagian dari mereka menyarankan untuk menggunakan menu navigasi breadcrumb ini,jadi saya pasang saja di blog ini.

Image 0.1 . Breadcrumb Navigation

Jadi untuk blogger yang ingin memasang menu breadcrumb navigation ini anda ikuti saja langkah-langkah dibawah ini,dengan teliti iy...

1. Seperti biasa anda harus login dulu di Blogger anda

2. Masuk ke Tata Letak - Edit HTML

3. Jangan lupa beri centang pada Expand Template Widget

4. Cari lah kode ]]></b:skin>,untuk mempermudah pencarian anda tekan tombol CRTL + F.

5. Lalu letakan kode dibawah ini diatas kode ]]><b:skin>.

.breadcrumbs {
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:95%;
line-height: 1.4em;
border-bottom:3px double #e6e4e3;
}

6. Setelah itu anda cari kode <div class='post hentry uncustomized-post-template'>
7. Bila sudah ketemu lalu anda letakan kode dibawah ini tepat dibawah kode yang tadi

<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='breadcrumbs'>

Browse &#187; <a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == &quot;true&quot;'> &#187;
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
&#187; <span><data:post.title/></span>
</b:loop>
</b:if>
</b:loop>

</div>
</b:if>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<div class='breadcrumbs'>
Browse &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187; Archives for <data:blog.pageName/>
</div>
</b:if>
<b:else/>
<b:if cond='data:navMessage'>
<div class='breadcrumbs'>
<data:navMessage/>
</div>
</b:if>
</b:if>

8. Langkah terakhir anda hanya perlu menyimpan klik Simpan Template.

Coba lihat blog anda,apakah sudah terpasang menu yang sama seperti menu breadcrumb punya saya,bila sudah berhasil saya ucapkan selamat,dan terima kasih.

Mengatasi Masalah Pada Kotak Komentar

Waduh padahal sudah lama sekali kotak komentar saya ini yang sempat bermasalah tapi saya baru ingat,jadi saya posting saja siapa tahu ada blogger lain yang mengalaminya.
Dulu kotak komentar saya pernah mengalami masalah yaitu kotak komentar blogspot yang disemat di bawah posting punya saya sedang mengalami masalah pantas saja tidak ada komentar sama sekali,sampai akhirnya saya menemukai solusinya,dan akhirnya ada juga komentar pertama saya...heheh
Sebenarnya untuk mengatasi masalah ini saya meminta bantuan dengan google dan akhirnya menemukan blog yang bagus dan ternyata master juga yang punya,tanpa ragu saya langsung klik blog tersebut dan tanpa saya tahu blog tersebut adalah punya kang rohman,itu loh master blogger yang sering kita kunjungi blognya,terima kasih kang rohman.

Masalah yang terjadi memang masalah yang kecil setelah saya cek,tapi ternyata berakibat besar untuk blog,masalah yang ada cuma dari bahasa saja,sempat kaget saya membaca artikel kang rohman waktu itu..

• Langsung saja anda login ke blogger anda
• Setelah itu pilih PENGATURAN
• Pilih FORMAT
• Cari pengaturan untuk bahasa,terdapat pada bagian bawah.
• Lalu Ganti bahasanya dengan bahasa ( inggris ).
• Setelah itu simpan pengaturan anda

Ok apakan sudah berhasil,kalau belum coba anda googling saja,siapa tahu anda menemulakan solusinya,untuk yang tidak bisa saya rasa masalahnya ada pada bagian Edit Html coba anda lihat pada artikel saya untuk menampilkan kotak komentar dibawah posting . semoga berhasil