Menambah 3 Elemen Di Bawah Sidebar Menambah 3 Elemen Di Bawah Sidebar

Postingan kali ini trik menambah elemen halaman dibawah dua kolom atau sidebar yang telah saya buat kemarin.
Seperti gambar dibawah ini:

Login ke blogger dengan id anda

Masuk ke menu Tata Letak

Pada tab menu, klik Edit HTML

Backup template anda, klik Download Template Lengkap

Sekarang cari kode ini :

#sidebar-wrapper {

width: 220px;

float: $startSide;

word-wrap: break-word; /* fix for long text breaking sidebar float in IE */

overflow: hidden; /* fix for long non-text content breaking IE sidebar float */

}

Silahkan diganti dulu nilai width 220px; dan properti float: $startSide; dengan nilai lebar sidebar yang anda rencanakan. Misalnya width: 350px dan properti menjadi float: right; Jadinya seperti ini :

#sidebar-wrapper {

width: 350px;

float: right;

word-wrap: break-word; /* fix for long text breaking sidebar float in IE */

overflow: hidden; /* fix for long non-text content breaking IE sidebar float */

}

Jika anda telah membuat dua sidebar di bawah sidebar utama seperti pada tutorial yang sebelumnya, silahkan tambahkan hanya kode yang berwarna hijau saja.

#left-col {

width:170px;

float:left;

word-wrap:break-word;

overflow:hidden;

}

#right-col {

width:170px;

float:right;

word-wrap:break-word;

overflow:hidden;

}

#bottom-col {

width:350px;

float:right;

word-wrap:break-word;

overflow:hidden;

}

Sehingga kodenya akan menjadi seperti ini :

#sidebar-wrapper {

width: 350px;

float: right;

$startSide

word-wrap: break-word; /* fix for long text breaking sidebar float in IE */

overflow: hidden; /* fix for long non-text content breaking IE sidebar float */

}

#left-col {

width:170px;

float:left;

word-wrap:break-word;

overflow:hidden;

}

#right-col {

width:170px;

float:right;

word-wrap:break-word;

overflow:hidden;

}

#bottom-col {

width:170px;

float:right;

word-wrap:break-word;

overflow:hidden;

}

Sekarang buat kode HTML untuk bottom sidebar yang dinamai sebagai "bottom-col" tersebut. Carilah kode ini :

<div id='sidebar-wrapper'>

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

<b:widget id= dan seterusnya...

<b:section class='sidebar' id='left-col' preferred='yes'/>

<b:section class='sidebar' id='right-col' preferred='yes'/>

</div>

Sisipkan kode berikut di bawah kode tadi :
<b:section class='sidebar' id='bottom-col' preferred='yes'/>

Sehingga secara keseluruhan menjadi seperti ini :

<div id='sidebar-wrapper'>

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

<b:widget id= dan seterusnya....

<b:section class='sidebar' id='left-col' preferred='yes'/>

<b:section class='sidebar' id='right-col' preferred='yes'/>

<b:section class='sidebar' id='bottom-col' preferred='yes'/>

</div>

Sekarang klik tombol SIMPAN TEMPLATE

Selesai

Untuk melihat hasilnya masuk ke elemen halaman, semoga berhasil!

Read More --►

Cara mendapatkan Power Gems AQWorlds Cara mendapatkan Power Gems AQWorlds

.

Langsung aja deh, cekidot to TKP!

1. Pergi ke battleon dan berbicara dengan Twilly dan pilih tulisan "Power Gems" nanti kalian akan disambungkan ke Manage Account 
2. Masukan account AQW anda dan setelah login pilih "News Latters" *Ingat email kalian harus di confirm terlebih dahulu biar buat dapet power gems*
3. Setelah selesai pilih News Latters beranjaklah ke Email kalian dan login cari tulisan "=AQW= The Span: Dragon of Time!" kalian klik emailnya
4. Nanti akan banyak tulisan disana dan kalian harus mencari tulisan seperti "Power Gems!." Ready to earn some awesome free items? Power Gems are time-sensitive special items awarded to you every week for reading this email and following the link below. You can use Power Gems to buy epic items from the Power Gem Shop that Twilly, the red Moglin, has opened in Battleon. But you had better hurry—the Power Gem link below is only good for 21 days! Claim your free Power Gem now!
5. "Claim your free Power Gem now!" <~ Diklik
6. nanti kalian akan tersambung ke web seperti gambar yang dibawah lalu klik "Claim Power Gems" dan tanda ! 1 Power Gems ada ditas kalian masing masing :)

NB : 

*INGAT CLAIMS HANYA 1 HARI 1 GEMS DAN EVENT POWER GEMS AKAN BERLANGSUNG SELAMA 21 HARI* 

Thanks To : Rizky Bustamam & Viperblood

Read More --►

Script Handling Keyboards Shortcuts Script Handling Keyboards Shortcuts

Fitur-Fitur :

• Tidak bisa CTRL+U
• Tidak bisa CTRL+S
• Tidak bisa Ctrl+Shift+I
• Tidak bisa F12

1. Masuk ke Dashboard Blogger kamu.

2. Lalu ke Rancangan > Edit HTML.

3. Carilah dengan CTRL+F </head>

4. Lalu masukan kode berikut diatas </head>

<script src='http://goo.gl/hu8Vt' type='text/javascript'/>

5. Save Template , Selesai deh ^__^

jika ingin mengganti url redict nya kamu bisa mengupload script berikut di webhost kamu atau di Google Code, saya sarankan sih mending di Google Code... kalau tidak mengerti anda bisa menjelah ke website pencarian terbesar yaitu Google. :)

shortcut={all_shortcuts:{},add:function(a,b,c){var d={type:"keydown",propagate:!1,disable_in_input:!1,target:document,keycode:!1};if(c)for(var e in d)"undefined"==typeof c[e]&&(c[e]=d[e]);else c=d;d=c.target,"string"==typeof c.target&&(d=document.getElementById(c.target)),a=a.toLowerCase(),e=function(d){d=d||window.event;if(c.disable_in_input){var e;d.target?e=d.target:d.srcElement&&(e=d.srcElement),3==e.nodeType&&(e=e.parentNode);if("INPUT"==e.tagName||"TEXTAREA"==e.tagName)return}d.keyCode?code=d.keyCode:d.which&&(code=d.which),e=String.fromCharCode(code).toLowerCase(),188==code&&(e=","),190==code&&(e=".");var f=a.split("+"),g=0,h={"`":"~",1:"!",2:"@",3:"#",4:"quot;,5:"%",6:"^",7:"&",8:"*",9:"(",0:")","-":"_","=":"+",";":":","'":'"',",":"<",".":">","/":"?","\":"|"},i={esc:27,escape:27,tab:9,space:32,"return":13,enter:13,backspace:8,scrolllock:145,scroll_lock:145,scroll:145,capslock:20,caps_lock:20,caps:20,numlock:144,num_lock:144,num:144,pause:19,"break":19,insert:45,home:36,"delete":46,end:35,pageup:33,page_up:33,pu:33,pagedown:34,page_down:34,pd:34,left:37,up:38,right:39,down:40,f1:112,f2:113,f3:114,f4:115,f5:116,f6:117,f7:118,f8:119,f9:120,f10:121,f11:122,f12:123},j=!1,l=!1,m=!1,n=!1,o=!1,p=!1,q=!1,r=!1;d.ctrlKey&&(n=!0),d.shiftKey&&(l=!0),d.altKey&&(p=!0),d.metaKey&&(r=!0);for(var s=0;k=f[s],s<f.length;s++)"ctrl"==k||"control"==k?(g++,m=!0):"shift"==k?(g++,j=!0):"alt"==k?(g++,o=!0):"meta"==k?(g++,q=!0):1<k.length?i[k]==code&&g++:c.keycode?c.keycode==code&&g++:e==k?g++:h[e]&&d.shiftKey&&(e=h[e],e==k&&g++);if(g==f.length&&n==m&&l==j&&p==o&&r==q&&(b(d),!c.propagate))return d.cancelBubble=!0,d.returnValue=!1,d.stopPropagation&&(d.stopPropagation(),d.preventDefault()),!1},this.all_shortcuts[a]={callback:e,target:d,event:c.type},d.addEventListener?d.addEventListener(c.type,e,!1):d.attachEvent?d.attachEvent("on"+c.type,e):d["on"+c.type]=e},remove:function(a){var a=a.toLowerCase(),b=this.all_shortcuts[a];delete this.all_shortcuts[a];if(b){var a=b.event,c=b.target,b=b.callback;c.detachEvent?c.detachEvent("on"+a,b):c.removeEventListener?c.removeEventListener(a,b,!1):c["on"+a]=!1}}},shortcut.add("Ctrl+U",function(){top.location.href="URL-JEBAKAN"}),shortcut.add("Ctrl+S",function(){top.location.href=" URL-JEBAKAN "}),shortcut.add("Ctrl+Shift+I",function(){top.location.href=" URL-JEBAKAN "}),shortcut.add("Ctrl+Shift+J",function(){top.location.href=" URL-JEBAKAN "}),shortcut.add("Ctrl+Shift+K",function(){top.location.href=" URL-JEBAKAN "}),shortcut.add("F12",function(){top.location.href=" URL-JEBAKAN "}); 

Kamu tinggal cukup mengganti URL-JEBAKAN dengan url jebakan anda :D

ok.. cukup sekian..
jika artikel ini berguna kamu bisa follow blog ini ^__^
Sumber

Read More --►