2012 ~ Mahadzikunuha

Jumat, 22 Juni 2012

9:06:00 PM

Mengubah Link Posting Lama, Posting Baru, Dan Beranda Dengan Gambar

Salah satu yang bisa membuat pengunjung betah berkunjung ke blog kita adalah menarik dan rapinya template blog yang kita buat. Salah satunya adalah mengubah link posting lama, posting baru, dan beranda dengan gambar. Pada kali ini saya akan membagikan tips bagaimana menguabah link posting lama, posting baru, dan beranda dengan gambar.

Langkah-langkahnya adalah sebagai berikut :

· Buka Blogger.com lalu login

· Pilihlah menu rancangan lalu Edit HTML

· Centang kotak "Expand Widget Template"

· Jika anda ingin mengganti Link “Posting lama”, carilah kode berikut :

<data:olderPageTitle/>

· Kalau sudah ketemu ganti kode tersebut dengan kode icon/gambar yang sudah anda siapkan. Atau jika anda berkenan bisa menggunakan ini :

· Jika anda ingin mengganti link “Posting baru”, cari kode berikut :

<data:newerPageTitle/>

· Kalau sudah ketemu ganti kode tersebut dengan kode icon/gambar yang sudah anda siapkan. Atau jika anda berkenan bisa menggunakan ini :

· Sedangkan untuk mennganti link :Beranda”, carilah kode berikut :

<data:homeMsg/>

· Biasanya terdapat dua kode yang sama lalu ganti kode yang pertama dengan kode icon/gambar yang sudah anda siapkan. Atau jika anda berkenan bisa menggunakan ini :

· Terakhir simpanlah template anda.

8:42:00 PM

Membuat Status Loading Ketika Memuat Halaman Blog

Moch. Aghisna H. Blogging No comments

Pada kali ini saya akan membagikan tips bagaimana cara membuat status loading ketika memuat halaman blog. Jadi, bila sobat belum tahu dan masih bingung maksudnya silahkan lihat gambar di bawah ini :

Status ini berguna bila sobat memiliki blog yang berat atau sekedar membuat blog menjadi lebih dinamis. Langsung saja ke langkah – langkahnya :

1. Buka blogger.com lalu login.

2. Pilih menu rancangan > Edit HTML.

3. Cari kode <body> kemudian ganti dengan script dibawah ini :

Catatan: huruf yang saya warnai biru adalah gambar loading dari statusnya, silahkan ganti sesuai dengan keinginan sobat, dibawah ini beberapa macam gambar yang bisa sobat pilih (gambar ringan tidak lebih dari 10kb dan rata-rata 5kb) :

4. Langkah terakhir simpan kode css ini di template sobat, jika bingung silahkan tempatkan di atas kode ]]></b:skin> :

#loading{padding: 15px;border: 1px solid #000;border-radius:3px;background-color:#f5f5f5;opacity:.8;filter:alpha;margin:auto;width:435px;text-align:center}

Catatan: yang saya warnai biru bisa sobat ganti sesuai dengan keinginan

Catatan: script css diatas berguna untuk mengatur tampilan dari status loading yang dipasang di blog sobat.

5. Simpan dan kemudian lihat hasilnya.

Catatan : ini hanya tambahan saja, tujuannya untuk memasukan tulisan maupun link pada status loading jadi tida hanya kosong dengan gambar loading saja.

Oke lihat dulu script di bawah ini :

<body onLoad='init()'><div id='loading'> <p>Halaman sedang dimuat</p><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimqslYrTngy6rJA7T25-Z2dMMwiPD-IeQU2Oo8mwJSklZjG_4R_86yJLFoF2ZVSHD0ge2pZKs3zN505dUimksa0WXx6GRR-FUQw2OBf3uMQg6-FJJWfUY_3492c094PRv0GkRaPqr6s3WG/s1600/f2.gif'/> <p>Bersabarlah, karena orang yang sabar disayang tuhan</p> <div style='text-align:right'><p>Mahadzikunuha Admin</p></div></div> <script src='http://farkryzer-script.googlecode.com/files/loading.js' type='text/javascript'/>

Bila sobat sudah pintar css tentu saja cara ini lebih mudah diterapkan sendiri. Oke saya jelaskan satu persatu.

Catatan: yang saya warnai kuning tebal dengan <p> sampai </p> itu menandakan kita akan menambahkan tulisan, masukan tulisan yang sobat inginkan antara kode <p> dan </p> sehingga seperti contoh ini :<p>Mahadzikunuha</p> untuk letaknya tempatkan setelah <div id='loading'> dan </div>

Catatan: untuk menambah link gunakan kode HTML dengan aturan <a href='alamat link'>nama link</a> letakkan setelah <p>. Contohnya : <p>Bersabarlah, karena orang yang sabar disayang tuhan<a href='http://mahadzikunuha.blogspot.com '>Mahadzikunuha</a></p>

Lalu simpan dan lihat hasilnya.

8:07:00 PM

Membuat Scroll Pada komentar Posting Blog

Moch. Aghisna H. Blogging No comments

Untuk menghemat ruang pada tampilan komentar posting blog, maka pilihan yang tepat adalah membuatkannya scroll. Ini dia langkah – langkahnya :

1.Buka Blogger.com

2.Login dahulu, lalu plih rancangan > Edit HTML

3.Kemudian centang “Expand Widget Templates”

4.Lalu cari kode seperti ini :

#comments h4{margin:1em 0;font-weight:bold;line-height:1.4em;text-transform:uppercase;letter-spacing:.2em;color:$sidebarcolor}

5.Kalau sudah ketemu, taruh kode dibawah ini diatas kode yang di cari tadi:

#comments-block3{max-height:330px;border:0px solid

#eee;overflow:auto;padding:0;margin:0;float:left;position:relative;}

Catatan :Heigh ( tingginya ) dan border dapat diatur sesuai keinginan.

6.Terakhir simpanlah perubahan yang anda lakukan dan lihatlah hasilnya.

Sabtu, 12 Mei 2012

5:37:00 AM

Cara Membuat Label Tag Cloud

Moch. Aghisna H. Blogging No comments

untuk memperindah tampilan label pada blog anda, anda bisa menggunakan Label Tag Cloud. Tampilan label animasi yang berputar bila mouse menyentuh label yang sudah anda buat. Anda beerminat ?? Berikut adalah langkah-langkahnya.

1. Login Blogger.com

2. Di dasbor sobat pilih Rancangan >> Edit HTML

3. Expand template widget

4. Gunakan Ctrl+F untuk menemukan yang persis seperti kode berikut :

<b:section class='sidebar' id='sidebar' preferred='yes'>

Setelah ketemu letakkan kode berikut persis dibawah kode yang tertera diatas tadi

<b:widget id='Label99' locked='false' title='LABELS' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://sites.google.com/site/bloggerustemplatus/code/swfobject.js' type='text/javascript'/>
<div id='flashcontent'><a href='http://www.roytanck.com/'/><a href='http://www.bloggerbuster.com'/></div>
<script type='text/javascript'>
var so = new SWFObject("http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf", "tagcloud", "200", "200", "7", "#e3e0e0");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Terakhir…simpan template anda.

Keterangan :

Huruf "Labels" adalah nama label anda
Angka "200" adalah lebar kolom yang bisa anda ubah sesuai keinginan anda
Angka "200" adalah tinggi kolom yang bisa anda tentukan sendiri
Sedangkan # e3e0e0 adalah kode warna background

Rabu, 18 April 2012

10:09:00 PM

Angry Birds Space

Moch. Aghisna H. Download, Games No comments

Masih ingat dengan sekelompok burung-burung pemarah yang mengeja para babi, Aves Dratus (Merah), Egg Beater (Putih), Glass Jaw (Biru), Parabeak (Hijau), Kamikaze (Hitam), dan Maching Bird (Yellow) dalam Angry Birds,Angry Birds Rio dan Angry Birds Season. Kini mereka bakal menyapa lagi dari ruang angkasa karena Rovio baru saja merilis Angry Birds Space untuk perangkat iOS, Android, PC dan Mac secara berbarengan. Pada episode kali ini, pemain diajak menjelajahi luar angkasa, tugas pemain adalah menghancurkan para babi hijau yang telah mencuri telur. Uniknya, di sini pemain ditantang menabrakkan burung ke babi pada kondisi nol gravitasi. Pada seri terbarunya ini akan hadir beberapa karakter tokoh burung yang baru lengkap dengan 60 tema luar angkasa berbeda yang akan melatari setiap level. Terdapat berbagai planet dengan tingkat gravitasi yang berbeda sehingga pemain harus belajar cepat bagaimana memanfaatkan gaya gravitasi planet untuk melesatkan para angry birds untuk menghajar gerombolan babi.

Angry Birds Space sejak 22 maret 2012 kini sudah bisa dimainkan di banyak platform seperti di IOS, Android, PC dan Mac, namun untuk platform Windows phone belum dirilis. Walaupun Angry Birds Space untuk platform android bisa didapat gratisan, sayangnya Angry Birds Space for PC diluncurkan pada Angry Birds Shop dengan banderol harga€5.95 Mahaaall!

Seperti biasa Website Emfajar[dot]Net selalu memberikan Download Angry Birds secara Free, untuk membantu semua para Angry Birds Mania agar bisa main Angry Birds Space secara gratis.

Spesifikasi Minimal Angry Birds Space for PC:
– Prosessor 1 Ghz
– Ram 512 MB
– Vga Card = Direct X, OpenGL 1.3 dan Ram 32MB
– Hard disk Space sekitar 50MB
– OS Windows XP SP2

Download

Mahadzikunuha

Jumat, 22 Juni 2012

Mengubah Link Posting Lama, Posting Baru, Dan Beranda Dengan Gambar

Membuat Status Loading Ketika Memuat Halaman Blog

Membuat Scroll Pada komentar Posting Blog

Sabtu, 12 Mei 2012

Cara Membuat Label Tag Cloud

Rabu, 18 April 2012

Angry Birds Space

Follow Me on Twitter

Follow us on FB

Followers

Blog Archive

Pages

Total Pageviews