Senin, Juni 20, 2011 ~ Berita Unak ~ Anik

Cara membuat tampilan di pojok halaman blog

Nahhhh....pada postingan saya yg kedua ini saya coba membahas suatu tampilan yg cukup unik...yaitu cara menampilkan gambar/animasi/banner di pojok halaman blog. sebenarnya bukan hanya gambar/animasi/banner saja yg bisa ditampilkan di pojokan halaman blog kita, bisa Jam, Shoutbox, Kalender, Adsense, Hit Counter, Iklan, Widget dan lain-lain.
Pada blog ini sample yg saya hadirkan adalah Data Rank dari Popuri. Namun saya akan memberikan contoh dengan objek gambar/banner saja.
Nah...tanpa basa-basi langsung saja ke cara pembuatannya :

Pertama pastinya Login dulu ke BLOGGER
Masuk ke Tata Letak/Layout
Lalu pilih Edit HTML
Nah, sekarang cari kode ]]></b:skin> , untuk memudahkan anda mencari kode tesebut, tekan ctrl+f kemudian anda ketik kode tersebut, klik next untuk mencarinya.
Jika sudah ketemu, tempatkan kode berikut ini tepat di atas kode tersebut.

#trik_pojok {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

Text yang berwarna biru bisa anda ganti sesuai selera anda dimana anda ingin menempatkannya. Tulisan "Bottom" bisa anda ganti dg "Top", serta tulisan "Left" bisa anda ganti dg tulisan "Right"
Oke, langkah selanjutnya adalah menempatkan kode gambarnya
cari kode berikut </body>
Tempatkan kode dibawah ini sebelum kode tadi

Ganti link http://nama-blog-anda.blogspot.com dg link anda
Ganti link http://link-gambar-anda/gambar-anda.jpg dg link gambar anda
Jika anda ingin meletakkan objek selain gambar disana, silakan ganti tulisan yg berwarna merah tersebut dg link objek yg anda inginkan
Simpan hasil kreasi anda, Lihat hasilnya

SELAMAT MENCOBA...

Membuat komentar facebook terbaru fersi 2011

Setelah jalan-jalan ke google, walhasil ketemu dengan tips membuat facebook comment box/kotak komentar facebook yang cukup unik, berbeda dengan facebook comment box yang lama. disini terdapat perbedaan di bagian comment body-nya yaitu memiliki fitur Reply seperti layaknya status di facebook.

Pada Facebook Comment Box yang terbaru ini juga bisa mengirimkan pemberitahuan kepada admin atau pemilik website/blog tersebut jika ada seseorang yang meninggalkan komentar de website/blog tersebut. Cukup menarik bukan, karena berbeda dengan Comment Box yang lama, yang tidak memiliki fitur Reply (Balas), Like (Suka), Notification (Pemberitahuan).

Sebelum mencobanya, ada baiknya lihat screen shot nya dibawah ini :

Untuk melihat Demo nya, silakan kunjungi webblog teman saya yang sudah mencobanya DISINI

Untuk membuatnya, pertama-tama dapatkan Aplikasi ID dengan membuat aplikasinya disini [http://developers.facebook.com/setup/]
Jika kurang mengerti cara membuat Aplikasi ID Facebook, silakan lihat caranya DISINI

Jika sudah mendapatkan Aplikasi Id, sekarang anda bisa memasang Facebook Comment Box/Kotak Komentar Facebook yang baru ke Blog anda.Berikut cara-caranya.

Masuk ke blogger
Dihalaman Dasbor/Dashboard, klik Rancangan/Design.
Lalu klik Tab Edit HTML
Centang Expand Widget Template

Langkah 1
Cari kode berikut <head>
Letakkan kode berikut ini setelah kode diatas tadi

Ganti tulisan App ID dengan Aplikasi ID anda
Ganti tulisan ID Profile Facebook dengan ID profil facebook anda

Langkah 2
Langkah selanjutnya, cari kode <data:post.body/>
Jika anda menggunakan fitur auto readmore, letakkan kode berikut ini setelah kode <data:post.body/> yang KEDUA.
atau
Anda bisa juga meletakkan kode berikut setelah code

<b:if cond='data:blog.pageType == "item"'>
<div id='fb-root'/><script>window.fbAsyncInit = function() {
FB.init({appId : 'App ID',
status : true,
cookie : true,
xfbml : true});};
(function() {var e = document.createElement('script');e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';e.async = true;document.getElementById('fb-root').appendChild(e);}());</script><fb:comments expr:href='data:post.url' migrated='1' expr:title='data:post.title'/>
<div style='float:right; padding:10px><a href='http://serba-seru.blogspot.com/2011/02/cara-pasang-kotak-komentarcomment-form.html' target='_blank' title='Cara pasang kotak komentar Facebook di Blogger'>Grab This Comment Form</a></div></div>
</b:if>

Nb :
Namun jika anda ingin kotak komentar yang sudah di perindah dengan tampilan kotak [lihat disini Demo-nya]
silakan gunakan kode berikut sebagai pengganti kode pada langkah kedua :

<b:if cond='data:blog.pageType == "item"'>
<div style='background-color:#ECEFF6; padding-top:10px; padding-left:10px; padding-right:10px; padding-bottom:40px; -moz-border-radius:4px 4px 4px 4px; -webkit-border-radius:4px 4px 4px 4px; -goog-ms-border-radius:4px 4px 4px 4px; border-radius:4px 4px 4px 4px; border:1px solid #627AAD; border-bottom:1px solid #2A4280; border-right:1px solid #2A4280;'>
<div align='left' style='text-align:left; background:#3B5998; -moz-border-radius:4px 4px 4px 4px; -webkit-border-radius:4px 4px 4px 4px; -goog-ms-border-radius:4px 4px 4px 4px; border-radius:4px 4px 4px 4px; border:1px solid #2A4280; border-bottom:1px solid #627AAD; border-right:1px solid #627AAD; padding:0 10px; margin-bottom:10px;'><a href='http://serba-seru.blogspot.com' target='new'><img alt='' class='icon-action' height='auto' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjif0oPKMZOkyF2LoaZenDPuBvUYfHaHf2Ljd3yPmPjNXu0bOrQu7LfoooagiIviXcLhv2IZvXRrpleHXOKwG8CzH4rcuc1xGHGfFLYM0TLsma3WttuU_cy-2TZFzu6hc4dmGQ6YQt6_Xdq/s1600/serba-blog-facebook-comment.png' width='100%'/></a></div>
<div id='fb-root'/><script>window.fbAsyncInit = function() {
FB.init({appId : 'App ID',
status : true,
cookie : true,
xfbml : true});};
(function() {var e = document.createElement('script');e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';e.async = true;document.getElementById('fb-root').appendChild(e);}());</script><fb:comments expr:href='data:post.url' expr:title='data:post.title' migrated='1'/>
<div style='background-color: #3B5998;-moz-border-radius:4px 4px 4px 4px; -webkit-border-radius:4px 4px 4px 4px; -goog-ms-border-radius:4px 4px 4px 4px; border-radius:4px 4px 4px 4px; border:1px solid #2A4280; border-bottom:1px solid #627AAD; border-right:1px solid #627AAD; font-size:10px; padding:3px 5px;width:ancho; float:right; margin-bottom:5px;'><a href='http://serba-seru.blogspot.com/2011/02/cara-pasang-kotak-komentarcomment-form.html' target='_blank' title='Cara pasang kotak komentar Facebook di Blogger'>Grab This Comment Form</a></div></div>
</b:if>

Simpan hasilnya

Semoga bisa bermanfaat.

membuat scrolling pada label

Lanjutan dari posting yang sebelumnya, sekarang waktunya mengubah tampilan daftar LABEL/CATEGORY yang memanjang ke bawah menjadi lebih profesional dengan scroll. tak perlu basa-basi lagi langsung saja ke tahap pembuatan.

Awali dengan masuk ke Blogger dulu
Lalu Tata Letak/Layout - Add Gadget
Terus tambahkan Label
Kemudian simpan terlebih dahulu

Nah setelah tahap membuat labelnya selesai, sekarang kita masuk ke tahap membuat label tersebut agar bisa di scrolling.

Posisikan blogger anda agar tetap di Tata Letak/Layout
Nah, sekarang masuk ke Edit HTML
Agar tidak beresiko terhadap kesalahan, ada baiknya Download Template Lengkapnya terlebih dahulu
Centang Expand Widget Template di kanan atas box template
Kemudian cari code berikut : (ctrl + f untuk mencari)

<b:widget id='Label1' locked='false' title='NAMA LABEL' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div style='overflow:auto; width:ancho; height:100px;'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>
</div>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Kode yang berwarna merah adalah kode yang harus anda tambahkan.
Ganti NAMA LABEL sesuai keinginan anda
Untuk tulisan yang berwarna hijau bisa anda ganti sesuai dengan tinggi label yang anda inginkan
Oke...proses membuat Label scrolling telah selesai...simpan hasil kerja anda...

Mudah - mudahan bermanfaat
Terima Kasih

Download macam-macam aplikasi

ok sob kali ini di postingan saya,
saya ingin memberi sedikit aplikasi untuk anda semua,
di bawah ini banyak macam -macam aplikasi,
dan banyak kegunaan nya,
kalau sobat mau download gratis ko,
yang penting kasih comment ja ok sob

aplikasi pengawat batrai , download di sini
aplikasi anti netcut, download di sini
aplikasi bluetooth pro, download di sini
aplikasi google crome setup , download di sini
aplikasi video conveter setup, download di sini
aplikasi supersonic download accelerator, download di sini
aplikasi pengawet batre pro full version, download di sini
aplikasi netcut for windows 7 , download di sini
aplikasi microsoft 2007, download di sini

Aplikasi untuk melihat kemampuan komputer kita

Halloooo Alll.........Thanks To allah swt yang telah memberikan saya kesehatan dan rahmatnya..,,

Hari ini saya akan membagikan sebuah program gratis yang dapat digunakan untuk melihat kemampuan komputer, laptop, dan segala jenis PC yang menggunakan prosesor...

Ok ini dia Gambarnya

Ini software bagus buat kalian yang ingin mengetahui spesifikasi laptop ato komputer kalian...

Nih spesifikasi tentang program ini Maaf masih bahasa inggris(KOPAS AJA BILANG):
CPU-Z is a freeware that gathers information on some of the main devices of your system.
CPU

Name and number.
Core stepping and process.
Package.
Core voltage.
Internal and external clocks, clock multiplier.
Supported instruction sets.
Cache information.

Mainboard

Vendor, model and revision.
BIOS model and date.
Chipset (northbridge and southbridge) and sensor.
Graphic interface.

Memory

Frequency and timings.
Module(s) specification using SPD (Serial Presence Detect) : vendor, serial number, timings table.

System

Windows and DirectX version.

Untuk Link Downloadnya Nih:
1. VERSI TERBARU

Menu

Berita Unak ~ Anik

Cristiano Ronaldo Dapat Sanjungan Dari Legenda Madrid, Figo

Raul Akan Bermain Di Liga Qatar

Juventus juara tanpa cela

SiapaKah Yang Mendapat Sepatu Emas Di Liga Eropa

Gaya Rambut Justin