Pages

Subscribe:

Ads 468x60px

Menambah Icon Di Sidebar Link

KORD GITAR Menambah Icon Di Sidebar Link :. Berikut adalah Menambah Icon Di Sidebar Link. Dan ulasan Menambah Icon Di Sidebar Link ini adalah salah satu dari ribuan ulasan seputar gitar, lirik lagu, kord gitar lagu indonesia maupun barat. Semoga sajian "Menambah Icon Di Sidebar Link" ini bermanfaat buat Anda semua.

Nak kasi link di sidebar lebih menarik?? Ok kita boleh tukar Icon yang sedia ada atau tambah Icon baru. Caranya mudah saja..



1. Macam biasa Loggin ke Blogger => Layout => Edit HTML. Cari kode dibawah.

.sidebar ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.sidebar li {
margin:0;
padding:0 0 .25em 15px;
text-indent:-15px;
line-height:1.5em;
}



2. Dah jumpa?? Tukar kode diatas seperti dibawah.

.sidebar ul {
list-style:none;
margin:0 0 1.25em;
padding:0 0px;
}

.sidebar ul li {
background:url("Alamat Gambar Disini") no-repeat 2px .25em;
margin:0;
padding:0 0 3px 16px;
margin-bottom:3px;
border-bottom:1px dotted $bordercolor;
line-height:1.4em;
}



3. Gantikan tulisan berwarna merah dengan URL gambar/icon Antum. Tulisan hijau adalah border/garisan dibawah link.. Kalau Antum xnak kasi buang saja.

Ok Done...

Memasukkan Gambar Di Header

KORD GITAR Memasukkan Gambar Di Header :. Berikut adalah Memasukkan Gambar Di Header. Dan ulasan Memasukkan Gambar Di Header ini adalah salah satu dari ribuan ulasan seputar gitar, lirik lagu, kord gitar lagu indonesia maupun barat. Semoga sajian "Memasukkan Gambar Di Header" ini bermanfaat buat Anda semua.

Header yang menarik dapat memberikan satu gambaran kepada setiap pengunjung blog kita.. Ana sangat suka bila terjumpa blog2 yang headernya menarik dan kreatif. Biasanya Ana lepak lama skitla kat blog depa sambil2 membaca entry yang disediakan. Ok ini cara yang disediakan oleh blogger untuk kita memasukkan sebarang gambar ke dalam blog header.

1. Loggin ke Blogger => Layout dan klik pada Edit Header

2. Paparan seperti dibawah akan muncul. Gambar yang akan dimasukkan mestilah sudah di'resize'kan mengikut saiz header dengan menggunakan sebarang software photo editing. Ana biasa guna "Adobe Photoshop".

3. Seterusnya Antum boleh 'upload'kan gambar kedalam header dari dalam komputer ataupun dari webhosting seperti Photobucket dan Imageshack. Kalau nak upload dari komputer, klik pada butang browse dari cari gambar tersebut. Masukkan link gambar sekiranya ingin upload dari webhosting.

4. Ok dah siap loading gambar yang di'upload' tadi?? Sebelum save, pilih kedudukan gambar samada dibelakang title "Behind title and description" atau sebaliknya "Instead of title and description"

Dah siap.....

Memasang Icon Back To Top

KORD GITAR Memasang Icon Back To Top :. Berikut adalah Memasang Icon Back To Top. Dan ulasan Memasang Icon Back To Top ini adalah salah satu dari ribuan ulasan seputar gitar, lirik lagu, kord gitar lagu indonesia maupun barat. Semoga sajian "Memasang Icon Back To Top" ini bermanfaat buat Anda semua.

Icon back to top ini sebenarnya berguna untuk melakukan lompatan dari halaman paling bawah menuju halaman paling atas, jadi Antum tidak perlu lagi menggunakan scrollbar pada browser.Caranya memasangnya pun sangat mudah.

1. Loggin ke Blogger => Layout => Edit HTML, kemudian letakan kode dibawah ini diatas tag </body>

<a href='#' style='display:scroll;position: fixed; bottom:5px;right:5px;' title='Back to Top'><img src='http://i302.photobucket.com/albums/nn113/aburifaie/Jumptotop2.gif'/></a>


2. Simpan template dan lihat hasilnya..Kalau nak tukar icon gantikan text yang berwarna merah.


Sumber: o-om.com

Cara Memasukkan Link Di Postingan

KORD GITAR Cara Memasukkan Link Di Postingan :. Berikut adalah Cara Memasukkan Link Di Postingan. Dan ulasan Cara Memasukkan Link Di Postingan ini adalah salah satu dari ribuan ulasan seputar gitar, lirik lagu, kord gitar lagu indonesia maupun barat. Semoga sajian "Cara Memasukkan Link Di Postingan" ini bermanfaat buat Anda semua.

Ada satu cara mudah untuk memasukkan apa2 link ke dalam posting kita. Just hitamkan mana2 text yang hendak dijadikan link, kemudian klik pada icon link yang telah disediakan dan masukkan linknya..


Link ini akan dibuka di halaman yang sama. Untuk membukanya di halaman yang lain, Klik Edit Html dan cari link yang telah dimasukkan kemudian tambahkan kode ini target=_"blank" di akhir link seperti dibawah.



<a href="http://almansuqie-tips.blogspot.com/"target=_"blank">AlmansuQie</a>

Kotak Komentar Pada Setiap Postingan

KORD GITAR Kotak Komentar Pada Setiap Postingan :. Berikut adalah Kotak Komentar Pada Setiap Postingan. Dan ulasan Kotak Komentar Pada Setiap Postingan ini adalah salah satu dari ribuan ulasan seputar gitar, lirik lagu, kord gitar lagu indonesia maupun barat. Semoga sajian "Kotak Komentar Pada Setiap Postingan" ini bermanfaat buat Anda semua.

Assalamualaikum....Membuat kotak komentar di setiap postingan adalah satu pilihan terbaik. Ini akan memudahkan pengunjung untuk meninggalkan sebarang komentar, pesanan atau kritikan tanpa membuka tetingkap yang baru dan melambatkan. Caranya begini yer..

1. Login ke draft.blogger.com. Mesti pelik kan? draft.blogger ini lebih kurang macam blogger.com jugak la, fungsi yang sama cuma ada beza sikit je.

2. Pilih halaman Settings kemudian Comments. Tandakan pada kotak (Embedded below post)

3. Pilih (Save Changes) dan lihat hasilnya.

4. Untuk lihat hasilnya cuba klik mana2 tajuk postingan Antum. Jika kotak komen sudah ada di dibawah posting maka ianya berhasil dan cukup setakat ini. Bagi yang tidak berhasil, jangan risau, mungkin ada masalah dengan template Antum. Cuba cara dibawah.

5. Pilih Layout => Edit HTML". Tandakan pada kotak "Expand widget templates" dan cari kode dibawah.

<p class='comment-footer'> <b:if cond='data:post.allowComments'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </b:if> </p>



6. Gantikan dengan kode dibawah.

<p class='comment-footer'> <b:if cond='data:post.embedCommentForm'> <b:include data='post' name='comment-form'/> <b:else/> <b:if cond='data:post.allowComments'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </b:if> </b:if> </p>



7. Pilih (Save Changes) dan lihat hasilnya. Insyaallah dah menjadi tu..Kalau boleh doala dulu sebelum save..heheh..

Selamat Mencuba!!

The Cutest Blog On The Block

KORD GITAR The Cutest Blog On The Block :. Berikut adalah The Cutest Blog On The Block. Dan ulasan The Cutest Blog On The Block ini adalah salah satu dari ribuan ulasan seputar gitar, lirik lagu, kord gitar lagu indonesia maupun barat. Semoga sajian "The Cutest Blog On The Block" ini bermanfaat buat Anda semua.










Teringin untuk menggunakan transparent background macam ini??Menarik kan?? Ada bayak lagi..Boleh dapatkannya di LamanIni. Untuk menampalnya di blog senang saja. Loggin ke Blogger => Layout => Add Gadget =>HTML/Javascript.










Tambahkan kode yang disediakan ke dalam kotak kontent. Ini untuk template Minima dan yang sewaktu dengannya saja. Template lain Ana tak pernah cuba lagi. Nak tau cuba la..

Cara Membuat Scrolling Links

KORD GITAR Cara Membuat Scrolling Links :. Berikut adalah Cara Membuat Scrolling Links. Dan ulasan Cara Membuat Scrolling Links ini adalah salah satu dari ribuan ulasan seputar gitar, lirik lagu, kord gitar lagu indonesia maupun barat. Semoga sajian "Cara Membuat Scrolling Links" ini bermanfaat buat Anda semua.

Scrolling Links ni dapat jimatkan ruang sidebar kita yang terlalu panjang dengan link2. Antum boleh tukar ketinggian dan background color scrolling ni. Lihat text yang dimerahkan..Dapatkan kode warna DiSini.



<marquee direction="up" scrollamount="2" height="100px" bgcolor="#ffffcc">
<ul type="circle">
<li><a href="http://almansuqie.blogspot.com/" target="_blank">AlmansuQie</a></li>
<li><a href="http://ummu-rifaie.blogspot.com/" target="_blank">ummurifaie</a></li>
<li><a href="http://alhuzaifie.blogspot.com/" target="_blank">Huzaifah</a></li>
</ul>
</marquee>





Cara Menghilangkan Navbar

KORD GITAR Cara Menghilangkan Navbar :. Berikut adalah Cara Menghilangkan Navbar. Dan ulasan Cara Menghilangkan Navbar ini adalah salah satu dari ribuan ulasan seputar gitar, lirik lagu, kord gitar lagu indonesia maupun barat. Semoga sajian "Cara Menghilangkan Navbar" ini bermanfaat buat Anda semua.



Diatas ini adalah bentuk-bentuk Navbar yang disediakan oleh Blogger/blogspot yang terdiri daripada empat warna. Blue, Tan, Black dan Silver. Kita boleh tukarkannya mengikut kesesuaian template kita di Layout=>Edit Navbar.

Kedudukannya adalah di bahagian paling atas blog. Kegunaanya pula adalah untuk Sign In/Out, Customize blog, dll.

Kembali kepada tajuk, sesetengah orang rasa kurang sedap mata memandang bila Navbar ni ade di blog mereka dan ingin menghilangkannya. Ana dengar orang kata kalau hilangkan Navbar ini kita telah melanggar Term of Service (TOS) dari Blogger.com? Tapi Ana rasa tidak, sebab kalau kita tengok template-template baru yang disedikan oleh blogger2 yang pakar semuanya tanpa Navbar. Setakat ini, banyak blogger yang telah menghilangkan Navbar mereka dan tidak juga mendapat teguran dari blogger. Maknanya, bolehla kan.

Ok disini Ana akan bagi dua cara..Pertama untuk menghilangkan terus Navbar dan yang kedua adalah dengan membuat "Auto Hide".

1. Loggin ke Blogger => Layout => Edit HTML.

2. Untuk menghilangkannya tambahkan kode berikut.

#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}



3. Untuk membuat "Auto Hide" tambahkan kode berikut.

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}



4. Tambahkan mana-mana kode diatas selepas kode <b:skin><![CDATA[/* seperti contoh dibawah.


<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: Green Star
Designer: abu Rifaie
URL: http://almansuqie.blogspot.com/
Date: 12 November 2008
----------------------------------------------- */
#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}

Membuka Link&Label Di Window/Tab Yang Baru

KORD GITAR Membuka Link&Label Di Window/Tab Yang Baru :. Berikut adalah Membuka Link&Label Di Window/Tab Yang Baru. Dan ulasan Membuka Link&Label Di Window/Tab Yang Baru ini adalah salah satu dari ribuan ulasan seputar gitar, lirik lagu, kord gitar lagu indonesia maupun barat. Semoga sajian "Membuka Link&Label Di Window/Tab Yang Baru" ini bermanfaat buat Anda semua.

Ana ingat xde cara untuk buka link&label di window/tab yang baru.. Tengah jalan2 terjumpa satu cara yang sangat mudah. Ana biasa la guna untuk buka gambar atau link di posting.. Ini dia bendalahnye { target='_blank' }. Rupanya boleh tambah bendalah ni untuk buka link&label di window yang lain..Ok ini caranya.

1. Loggin ke Blogger => Layout => Edit HTML". Jangan lupa tandakan pada kotak Expand Widget. Kalau nak selamat download full template dulu yer.

2. Untuk Link sila cari kode dibawah. Pastikan kode yang betul..Perhatikan yang berwarna biru, ni yang default. Kalau Antum dah tukar sila cari tajuk link tersebut. Kemudian tambahkan yang berwarna merah sepeti kode dibawah.


<b:widget id='LinkList1' locked='false' title='Links' type='LinkList'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target' target='_blank'><data:link.name/></a></li>
</b:loop>



3. Untuk Label pulak sila cari kode dibawah. Caranya sama jugak. Tengok kode ini betul-betul. Tambahkan yang berwarna merah.


<b:widget id='Label1' 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'>
<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' target='_blank'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>

Yahoo! Messenger Pingbox

KORD GITAR Yahoo! Messenger Pingbox :. Berikut adalah Yahoo! Messenger Pingbox. Dan ulasan Yahoo! Messenger Pingbox ini adalah salah satu dari ribuan ulasan seputar gitar, lirik lagu, kord gitar lagu indonesia maupun barat. Semoga sajian "Yahoo! Messenger Pingbox" ini bermanfaat buat Anda semua.

Pernah ternampak widget ni di Blog?? Ana rasa widget ni masih baru coz tak ramai yang guna.. Yahoo PingBox ni bestla jugak.. Ana dah gunakannya di blog Peribadi.. Widget ni macam status messenger gak la tapi ade beza sikit.. Pelawat boleh berchating dengan kita menggunakan box ni tanpa membuka instant msg, dengan syarat kita available/online la. Kalau tidak tak dapat amatla.


Untuk dapatkannya boleh klik pada gambar diatas..

Status Yahoo! Messenger

KORD GITAR Status Yahoo! Messenger :. Berikut adalah Status Yahoo! Messenger. Dan ulasan Status Yahoo! Messenger ini adalah salah satu dari ribuan ulasan seputar gitar, lirik lagu, kord gitar lagu indonesia maupun barat. Semoga sajian "Status Yahoo! Messenger" ini bermanfaat buat Anda semua.

Cara menambah status Yahoo! Messanger di blog memang mudah..semua da sedia maklum. Biasanya kita akan menggunakan icon-icon seperti dibawah. Ikut tutorial ini..

1. Loggin to Blogger => Layout => Add Gadget dan tambahkan kode berikut ke dalam kotak content.

<a href="ymsgr:addfriend?al_islam"><img src="http://opi.yahoo.com/online?u=al_islam&m=g&t=9" border="0"></a>


2. Tukarkan ID"al_islam"kepada ID Yahoo! Messenger Antum. Nombor" 9 " adalah jenis icon Yahoo! Messenger. Boleh lihat gambar diatas.


3. Save..

Cara Membuat Recent Comments

KORD GITAR Cara Membuat Recent Comments :. Berikut adalah Cara Membuat Recent Comments. Dan ulasan Cara Membuat Recent Comments ini adalah salah satu dari ribuan ulasan seputar gitar, lirik lagu, kord gitar lagu indonesia maupun barat. Semoga sajian "Cara Membuat Recent Comments" ini bermanfaat buat Anda semua.

Hari ini kita nak buat "RecentComments" pulak.Apa tujuan kita pasang bendalah ni?? Jawapannya mudah, untuk mengetahui komen terbaru dari pengunjung kita. Kita boleh letak di halaman utama, biasanya disidebar.Ok ni caranya...

1. Loggin ke Blogger=>"Layout=>Add Gadget=>HTML/JavaScript" dan tambahkan kode berikut ke dalam kotak content..

<script style="text/javascript" src="http://www.geocities.com/almansuqie08/comments.js"></script><script style="text/javascript">var a_rc=10;var m_rc=false;var n_rc=true;var o_rc=40;</script><script src="http://YourBlogName.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>



2. Angka 10 adalah bilangan komen yang akan ditampilkan. Tukar YourBlogName kepada nama blog anda.Ok Siap...

Cara Menampilkan Posting Terkini

KORD GITAR Cara Menampilkan Posting Terkini :. Berikut adalah Cara Menampilkan Posting Terkini. Dan ulasan Cara Menampilkan Posting Terkini ini adalah salah satu dari ribuan ulasan seputar gitar, lirik lagu, kord gitar lagu indonesia maupun barat. Semoga sajian "Cara Menampilkan Posting Terkini" ini bermanfaat buat Anda semua.

Recent Post (Postingan Terikini)ini adalah satu widget yang akan menampilkan senarai posting yang terbaru di sidebar kita?? Caranya sangat mudah..

1. Loggin to Blogger dan klik "Layout"=>"Add Gadget"=>"HTML/Javascript".

2. Copy kode dibawah dan paste di kotak content..

3. Tajuk tu isila dengan apa2 yang berkaitan pastu save.

<script src="http://www.geocities.com/almansuqie08/recent-post.js"></script>
<script>var numposts = 10; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script>
<script src="http://YourBlogName.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp">
</script>

4. Tukarkan YourBlogName dengan nama blog korang. Kalau nak isi nama blog orang lain pun boleh. Contoh blog ni, Ana letakkan recent post blog peribadi Ana..

5.
10 adalah Jumlah post yang akan ditampilkan..

Ok..dah siap..good luck

Disable Right Click

KORD GITAR Disable Right Click :. Berikut adalah Disable Right Click. Dan ulasan Disable Right Click ini adalah salah satu dari ribuan ulasan seputar gitar, lirik lagu, kord gitar lagu indonesia maupun barat. Semoga sajian "Disable Right Click" ini bermanfaat buat Anda semua.

Bagi sesiape yang kedekut macam Ana ni, sesuai la nak gunakan tutorial ni.. Bukan kedekut sebenarnya, tapi nak jaga la hasil penat lelah yang kita buat, takkan kita nak senyum pulak bila orang curi hasil ciptaan kita kan, dah la xbagi kredit pun..hehehe

Ok ape2 pun kat bawah ni Ana tampalkan script untuk "disablekan right click".

1. Script ni bila kita klik kanan akan keluar tanda amaran. Antum tukar la text yang diboldkan dengan ayat Antum sendiri..

Source : By Maximus

<script language="JavaScript">
<!--
//Disable right mouse click Script
//By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive
//For full source code, visit http://www.dynamicdrive.com
var message="Disable Right Click";
///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}
function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}
if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.ZzYZusedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.ZzYZusedown=clickIE4;
}
document.oncontextmenu=new Function("alert(message);return false")
// -->
</script>



2. Script dibawah ni xde tanda amaran macam yang atas... nak tau cuba la tambah di blog Antum..

Source: Renigade

<script language="JavaScript">
<!--

//Disable right click script III- By Renigade (renigade@mediaone.net)
//For full source code, visit http://www.dynamicdrive.com

var message="";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}

document.oncontextmenu=new Function("return false")
// -->
</script>



Caranya, macam biasa Loggin ke Blogger "Layout=>Add Gadget=>HTML/Javascript".
Copy mana2 kode diatas dan paste di kotak content pastu save..Kalau boleh Antum letakkan di awal sidebar..Kalau tak masa page Antum tengah load orang boleh klik jugak..Ini sekadar mencegah atau amaran, tapi kalau orang nak curi, macam2 cara diorang boleh guna..


3. Cara yang last ni paling mudah. Cari kode <body>

Dah jumpa gantikan dengan kode dibawah.


<body oncontextmenu="return false;">



Selamat Mencuba!!

Hilangkan Nombor Di Label

KORD GITAR Hilangkan Nombor Di Label :. Berikut adalah Hilangkan Nombor Di Label. Dan ulasan Hilangkan Nombor Di Label ini adalah salah satu dari ribuan ulasan seputar gitar, lirik lagu, kord gitar lagu indonesia maupun barat. Semoga sajian "Hilangkan Nombor Di Label" ini bermanfaat buat Anda semua.

Kalau Antum nak hilangkan nombor di label senang saja caranya..tekan3 siap..jom layan..

1. Loggin to Blogger=>Layout=>"Edit HTML".Jangan lupa tandakan pada kotak Expand Widget.

2.Cari kode ini.

(<data:label.count/>)



3. Dah jumpa, hazafkan (delete) dan save template.

Jadikan Huruf Besar Di Awal Posting

KORD GITAR Jadikan Huruf Besar Di Awal Posting :. Berikut adalah Jadikan Huruf Besar Di Awal Posting. Dan ulasan Jadikan Huruf Besar Di Awal Posting ini adalah salah satu dari ribuan ulasan seputar gitar, lirik lagu, kord gitar lagu indonesia maupun barat. Semoga sajian "Jadikan Huruf Besar Di Awal Posting" ini bermanfaat buat Anda semua.

Assalamualaikum..teringin nak buat huruf besar di awal posting macam ni?? nampak bergaya kan?? Caranya sangat mudah. Jom layan...


1. Macam biasa "Loggin to blogger=>Layout=>Edit HTML" dan cari kode dibawah.

.post-body {
margin:0 0 .75em;
line-height:1.6em;
....
....
}



atau kode ini.

.post {
margin:.5em 0 1.5em;
padding:1.5em;
border: 1px solid #0000FF;;
}



2. Tambahkan kode berikut dibawahnya..

.post bt {
float:left; color:
headerBgColor;
font-size:50px;
font-family: Georgia;
line-height:40px;
padding-top:1px;
padding-right:5px;
}

3. Tengok kode diatas..size font, line height,dan yang lain2 tu boleh ditukar ikut citarasa Antum.

4. Dah siap klik butang save.

Ok cara nak jadikan sesatu huruf tu besar, just kepitkan huruf atau kata yang akan dibesarkan dengan kode<bt>....</bt> sebagai contoh :

<bt>A</bt>ssalamualaikum...


ok..selamat mencuba!!

Cara Membuat Menu D-Tree

KORD GITAR Cara Membuat Menu D-Tree :. Berikut adalah Cara Membuat Menu D-Tree. Dan ulasan Cara Membuat Menu D-Tree ini adalah salah satu dari ribuan ulasan seputar gitar, lirik lagu, kord gitar lagu indonesia maupun barat. Semoga sajian "Cara Membuat Menu D-Tree" ini bermanfaat buat Anda semua.

Assalamualaikum..Antum tau ape menu Dtree (D-Tree) ni? Ha macam gambar dibawah tu, kekadang kita nampak ada sesetengah orang menggunakannya di dalam blog. Menu ni kira macam pokok la, ade cabang2. Kalau kita buka windows Explorer pun ada.

Menu Dtree ini sesuai digunakan kalau kita memiliki jumlah posting yang banyak, Kira boleh la menjimatkan ruang di sidebar kita.

Ok jom kita tengok cara membuatnya:

1. Login ke Blogger, kemudian pilih "Layout => Edit HTML"
2. Pastu letakkan kode dibawah sebelum kode </head>

<link rel="StyleSheet" href="http://www.geocities.com/almansuqie08/dtree.css" type="text/css" />
<script type="text/javascript" src="http://www.geocities.com/almansuqie08/dtree.js"></script>



3.Dah siap klik butang "Save".

4. Next pergi ke "Layout=>Page Element=>Add a Gadget => HTML/Javascript". dan tambahkan kode ini ke dalam kotak content..Pastu Antum isila ape2 title yang Antum suka then save.

<div class="dtree">
<script type="text/javascript">
<!--
d = new dTree('d');
d.add(0,-1,'My example tree');
d.add(1,0,'Node 1','link.html');
d.add(2,1,'Node 1.1','link.html');
d.add(3,2,'Node 1.1.1','link.html');
d.add(4,3,'Node 1.1.1.1','link.html');
d.add(5,0,'Node 2','link.html');
d.add(6,5,'Node 2.1','link.html');
d.add(7,5,'Node 2.2','link.html');
d.add(8,0,'Node 3','link.html');
d.add(9,0,'Node 5','link.html');
document.write(d);
//-->
</script>
</div>



5. Dah siap?? Ok perhatikan script diatas.

#"My example tree" adalah tajuk menu. Boleh Ditukar sesuka hati.
#Tukarkan text "link.html" dengan link korang (tajuk post).
#Angka yang pertama mesti unik dan tidak boleh ada yang sama (d.add(1,0,’Node 1’,’link.html’);
#Angka yang kedua merupakan cabang dari angka pertama (perhatikan angka-angka yang memiliki warna sama).
#Kalau tak faham boleh tengok susunan DTree yang ada di sidebar Antum.

Selamat mencuba!!

Video Tutorial Blogger

KORD GITAR Video Tutorial Blogger :. Berikut adalah Video Tutorial Blogger. Dan ulasan Video Tutorial Blogger ini adalah salah satu dari ribuan ulasan seputar gitar, lirik lagu, kord gitar lagu indonesia maupun barat. Semoga sajian "Video Tutorial Blogger" ini bermanfaat buat Anda semua.



Sumber : How to Create a Blog with Blogger

Kode Kata2 gerak ( marquee)

KORD GITAR Kode Kata2 gerak ( marquee) :. Berikut adalah Kode Kata2 gerak ( marquee). Dan ulasan Kode Kata2 gerak ( marquee) ini adalah salah satu dari ribuan ulasan seputar gitar, lirik lagu, kord gitar lagu indonesia maupun barat. Semoga sajian "Kode Kata2 gerak ( marquee)" ini bermanfaat buat Anda semua.

Assalamualaikum..ni ada marquee code yang Ana ambil dari quackit.com...ni yang kita biasa guna..kalau nak yang lain sila la ke laman quackit.com yer.


Your scrolling text goes here

<!-- HTML codes by Quackit.com - hope to see you again soon! -->
<marquee behavior="scroll" direction="left">Your scrolling text goes here</marquee>




Sila Tinggalkan URL anda

<!-- HTML codes by Quackit.com - hope to see you again soon! -->
<marquee behavior="slide" direction="left">Sila Tinggalkan URL anda</marquee>




Sila Tinggalkan URL anda

<!-- HTML codes by Quackit.com - hope to see you again soon! -->
<marquee behavior="alternate">Sila Tinggalkan URL anda</marquee>




Your upward scrolling text goes here

<!-- HTML codes by Quackit.com - hope to see you again soon! -->
<marquee behavior="scroll" direction="up">Your upward scrolling text goes here</marquee>



Gantikan text merah dengan kalimah Antum..Sekian..

Make an Animated GIF

KORD GITAR Make an Animated GIF :. Berikut adalah Make an Animated GIF. Dan ulasan Make an Animated GIF ini adalah salah satu dari ribuan ulasan seputar gitar, lirik lagu, kord gitar lagu indonesia maupun barat. Semoga sajian "Make an Animated GIF" ini bermanfaat buat Anda semua.

How to Download Macromedia Flash 8

KORD GITAR How to Download Macromedia Flash 8 :. Berikut adalah How to Download Macromedia Flash 8. Dan ulasan How to Download Macromedia Flash 8 ini adalah salah satu dari ribuan ulasan seputar gitar, lirik lagu, kord gitar lagu indonesia maupun barat. Semoga sajian "How to Download Macromedia Flash 8" ini bermanfaat buat Anda semua.

Smooth Metal

KORD GITAR Smooth Metal :. Berikut adalah Smooth Metal. Dan ulasan Smooth Metal ini adalah salah satu dari ribuan ulasan seputar gitar, lirik lagu, kord gitar lagu indonesia maupun barat. Semoga sajian "Smooth Metal" ini bermanfaat buat Anda semua.




First, create a new image about 600x600 pixels (or whatever size is appropriate for the image you plan to create). If you haven't already got a shape that you want to apply this effect to, now's the time to make something. The shape in the example is simply made up of 2 circles blended together. Once you have your shape, fill it with this shade of gray: #E6E6E6. Keep your shape on its own layer and make sure you have nothing selected (press CTRL+D).



Most of the steps from this point on will be using Layer Styles, which are available in Adobe Photoshop 6.0 and later versions. Once you've created this layer style, you can save it and use it instantly whenever you want, without the hassle of re-entering all the settings every time you need this effect.

With your shape's layer selected, go to Layer » Layer Styles » Inner Glow, and match up your settings with these: Inner Glow
This gives our shape its first hint of a bevel.

Next you'll be adding a bright highlight (the lightsource). Click on the Inner Shadow category to the left, and match these settings: Inner Shadow



Next click on Gradient Overlay and dial in the following settings: Gradient Overlay

To add a final touch to the smooth metal, click on Satin and match these settings: Satin Settings

Your smooth metal style is complete at this point, though you may wish to add in an optional drop shadow.
But wait... do NOT click OK yet. Remember, we want to add this layer style to your arsenal so you can call upon it when ever you need it.
Click at the top where it says Styles


Now click the "New Style" button and give your style a name such as "Smooth Metal", then click OK. You should then save your styles by clicking the arrow icon to the left and choosing "Save Styles" from the list.
At this point your basic smooth metal panel is complete, though if you'd like, follow along and take it to the next level. In the example, a glowing orb has been added, which you can learn to create with the LCD Orb tutorial.

To make the orb appear as though it's inset into the metal panel simply complete the following steps...
Place the orb onto your image, and create a new layer UNDERNEATH the layers containing your orb but ABOVE your smooth metal shape.

Now select the ','black')" onmouseout="hidetooltip()">elliptical marquee tool, and draw a selection so that it's just a little bigger than the original orb. To make this easier, place your mouse in the center of your orb, and hold SHIFT and ALT at the same time and drag your selection. Now, select your ','black')" onmouseout="hidetooltip()">gradient tool, and use the following settings:


Drag from top to bottom over your selection to create the inset effect. When done press CTRL+D to deselect.

Now, with new gradient-inset layer you just created still selected, go to Filter » Blur » Gaussian Blur and use a setting of about 0.5 to make it a bit smoother.

You can now apply the same techniques to other "stuff" you want to add to your new interface. Here's an example. Be creative and enjoy your new layer style :)

http://www.absolutecross.com/tutorials/photoshop/interfaces/smooth-metal/

Membuat Scrolling Text di Browser

KORD GITAR Membuat Scrolling Text di Browser :. Berikut adalah Membuat Scrolling Text di Browser. Dan ulasan Membuat Scrolling Text di Browser ini adalah salah satu dari ribuan ulasan seputar gitar, lirik lagu, kord gitar lagu indonesia maupun barat. Semoga sajian "Membuat Scrolling Text di Browser" ini bermanfaat buat Anda semua.

Assalamualaikum..ok scrolling text ni macam yang ada di blog peribadi Ana almansuQie.
Ramai kengkawan yang tanya buat macam mana tu?? Ana pun tak ingat ambil dari mana, tapi caranya amat mudah.

1. Login ke blogger kemudian ke menu Layout => Edit HTML

2. Cari kode ini.

<title><data:blog.pageTitle/></title>


3. Ganti kode diatas dengan

<b:include data='blog' name='all-head-content'/>

<script language='JavaScript'>
var txt="<data:blog.pageTitle/>";
var kecepatan=100;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout("bergerak()",kecepatan);}bergerak();
</script>


Siap!! text yang berwarna merah diatas adalah merupakan kecepatan pergerakanya jika Antum tambah angkanya maka pergerakanya akan lambat dan jika mengurangi angkanya maka pergerakanya akan semakin cepat.

Membuat Baca Selanjutnya

KORD GITAR Membuat Baca Selanjutnya :. Berikut adalah Membuat Baca Selanjutnya. Dan ulasan Membuat Baca Selanjutnya ini adalah salah satu dari ribuan ulasan seputar gitar, lirik lagu, kord gitar lagu indonesia maupun barat. Semoga sajian "Membuat Baca Selanjutnya" ini bermanfaat buat Anda semua.

Artikel terlalu panjang?? jangan risau, boleh dipendekkan. Baca selanjutnya versi ni lebih mudah dan menyenangkan. Sambungan artikel akan dibuka di halaman yang sama. Nak tengok contoh boleh kesini. Ana sangat suka "read more" versi ini. Ok jom lihat cara membuatnya.

1. Loggin ke Blogger=>"Layout=>Edit Html". Jangan lupa tanda pada kotak "Expand Widget".


2. Cari kode di bawah ini:

</head>


3.Tambahkan kode ini di atasnya :

<script type='text/javascript' src='http://www.geocities.com/almansuqie08/bacaselanjutnya.js' />


4. Seterusnya cari kod ini <div class='post-header-line-1'/>. Dibawahnya akan ada kod seperti ini.

<div class='post-body entry-content'>


5. Gantikannya dengan kod dibawah.

<div class='post-body entry-content' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>


6. Kemudian dibawahnya ada kod ini.

<p><data:post.body/></p>


7. Tambah kod berikut tepat dibawahnya.

<b:else/>
<style>#fullpost {display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<p><a expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Selengkapnya...</a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Ringkasan...</a></p>
</span>
<script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>
</b:if>


8. Ok kita lihat keseluruhannya kodnya seperti ini.

<div class='post-header-line-1'/>
<div class='post-body entry-content' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>
<p><data:post.body/></p>

<b:else/>
<style>#fullpost {display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<p><a expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] ReadMore...</a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Summary...</a></p>
</span>
<script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>
</b:if>


9. Tulisan [+/-]ReadMore... dan [+/-]Summary... boleh digantikan mengikut selera Antum. Dah siap klik butang save.

Tambahan : Untuk meletakkan 'ReadMore' di sebelah kanan posting sila tambahkan kode dibawah sebelum kode ]]></b:skin>

#showlink {
font-size: 12px;
float: right;
margin-right: 20px;
margin-top: 20px;
font-weight: none;
}

#hidelink {
font-size: 12px;
float: right;
margin-right: 20px;
margin-top: 20px;
font-weight: none;
}


Dah siap save yer.. dan lihat hasilnya dengan membuat new post.

Contoh penulisan :

Penulisan bermula disini
<span id="fullpost">
Penulisan baca selanjutnya bermula disini
</span>


Jika Antum berminat untuk membuat baca selanjutnya setiap kali Antum posting, pergi ke "Setting=>Formatting=>Post Template" dan tambahkan kode ini kedalamnya..

<span id="fullpost">

</span>

Kode Warna

KORD GITAR Kode Warna :. Berikut adalah Kode Warna. Dan ulasan Kode Warna ini adalah salah satu dari ribuan ulasan seputar gitar, lirik lagu, kord gitar lagu indonesia maupun barat. Semoga sajian "Kode Warna" ini bermanfaat buat Anda semua.

Disini Ana sediakan kode warna untuk memudahkan kita menukar segala warna.Kira kode2 ni memang pentingla dalam berblogging ni.Semua wanra dalam blog/web kita (text,background, link2, dll) munggunakan kode ini.

No. Warnar
Kod Warna
Ton Warna
Black#000000
Grey0#150517
Grey18#250517
Grey21#2B1B17
Grey23#302217
Grey24#302226
Grey25#342826
Grey26#34282C
Grey27#382D2C
Grey28#3b3131
Grey29#3E3535
Grey30#413839
Grey31#41383C
Grey32#463E3F
Grey34#4A4344
Grey35#4C4646
Grey36#4E4848
Grey37#504A4B
Grey38#544E4F
Grey39#565051
Grey40#595454
Grey41#5C5858
Grey42#5F5A59
Grey43#625D5D
Grey44#646060
Grey45#666362
Grey46#696565
Grey47#6D6968
Grey48#6E6A6B
Grey49#726E6D
Grey50#747170
Grey#736F6E
Slate Grey4#616D7E
Slate Grey#657383
Light Steel Blue4#646D7E
Light Slate Grey#6D7B8D
Cadet Blue4#4C787E
Dark Slate Grey4#4C7D7E
Thistle4#806D7E
Medium Slate Blue#5E5A80
Medium Purple4#4E387E
Midnight Blue#151B54
Dark Slate Blue#2B3856
Dark Slate Grey#25383C
Dim Grey#463E41
Cornflower Blue#151B8D
Royal Blue4#15317E
Slate Blue4#342D7E
Royal Blue#2B60DE
Royal Blue1#306EFF
Royal Blue2#2B65EC
Royal Blue3#2554C7
Deep Sky Blue#3BB9FF
Deep Sky Blue2#38ACEC
Slate Blue#357EC7
Deep Sky Blue3#3090C7
Deep Sky Blue4#25587E
Dodger Blue#1589FF
Dodger Blue2#157DEC
Dodger Blue3#1569C7
Dodger Blue4#153E7E
Steel Blue4#2B547E
Steel Blue#4863A0
Slate Blue2#6960EC
Violet#8D38C9
Medium Purple3#7A5DC7
Medium Purple#8467D7
Medium Purple2#9172EC
Medium Purple1#9E7BFF
Light Steel Blue#728FCE
Steel Blue3#488AC7
Steel Blue2#56A5EC
Steel Blue1#5CB3FF
Sky Blue3#659EC7
Sky Blue4#41627E
Slate Blue#737CA1
Slate Grey3#98AFC7
Violet Red#F6358A
Violet Red2#E4317F
Deep Pink#F52887
Deep Pink2#E4287C
Deep Pink3#C12267
Deep Pink4#7D053F
Medium Violet Red#CA226B
Violet Red3#C12869
Firebrick#800517
Violet Red4#7D0541
Maroon4#7D0552
Maroon#810541
Maroon3#C12283
Maroon2#E3319D
Maroon1#F535AA
Magenta#FF00FF
Magenta1#F433FF
Magenta2#E238EC
Magenta3#C031C7
Medium Orchid#B048B5
Medium Orchid1#D462FF
Medium Orchid2#C45AEC
Medium Orchid3#A74AC7
Medium Orchid4#6A287E
Purple#8E35EF
Purple1#893BFF
Purple2#7F38EC
Purple3#6C2DC7
Purple4#461B7E
Dark Orchid4#571B7E
Dark Orchid#7D1B7E
Dark Violet#842DCE
Dark Orchid3#8B31C7
Dark Orchid2#A23BEC
Dark Orchid1#B041FF
Plum4#7E587E
Pale Violet Red#D16587
Pale Violet Red1#F778A1
Pale Violet Red2#E56E94
Pale Violet Red3#C25A7C
Pale Violet Red4#7E354D
Plum#B93B8F
Plum1#F9B7FF
Plum2#E6A9EC
Plum3#C38EC7
Thistle#D2B9D3
Thistle3#C6AEC7
Lavendar Blush2#EBDDE2
Lavendar Blush3#C8BBBE
Thistle2#E9CFEC
Thistle1#FCDFFF
Lavendar#E3E4FA
Lavendar Blush#FDEEF4
Light Steel Blue1#C6DEFF
Light Blue#ADDFFF
Light Blue1#BDEDFF
Light Cyan#E0FFFF
Slate Grey1#C2DFFF
Slate Grey2#B4CFEC
Light Steel Blue2#B7CEEC
Turquoise1#52F3FF
Cyan#00FFFF
Cyan1#57FEFF
Cyan2#50EBEC
Turquoise2#4EE2EC
Medium Turquoise#48CCCD
Turquoise#43C6DB
Dark Slate Grey1#9AFEFF
Dark Slate Grey2#8EEBEC
Dark Slate Grey3#78C7C7
Cyan3#46C7C7
Turquoise3#43BFC7
Cadet Blue3#77BFC7
Pale Turquoise3#92C7C7
Light Blue2#AFDCEC
Dark Turquoise#3B9C9C
Cyan4#307D7E
Light Sea Green#3EA99F
Light Sky Blue#82CAFA
Light Sky Blue2#A0CFEC
Light Sky Blue3#87AFC7
Sky Blue#82CAFF
Sky Blue2#B0E2FF
Light Sky Blue4#566D7E
Sky Blue#6698FF
Light Slate Blue#736AFF
Light Cyan2#CFECEC
Light Cyan3#AFC7C7
Light Cyan4#717D7D
Light Blue3#95B9C7
Light Blue4#5E767E
Pale Turquoise4#5E7D7E
Dark Sea Green4#617C58
Medium Aquamarine#348781
Medium Sea Green#306754
Sea Green#4E8975
Dark Green#254117
Sea Green4#387C44
Forest Green#4E9258
Medium Forest Green#347235
Spring Green4#347C2C
Dark Olive Green4#667C26
Chartreuse4#437C17
Green4#347C17
Medium Spring Green#348017
Spring Green#4AA02C
Lime Green#41A317
Spring Green#4AA02C
Dark Sea Green#8BB381
Dark Sea Green3#99C68E
Green3#4CC417
Chartreuse3#6CC417
Yellow Green#52D017
Spring Green3#4CC552
Sea Green3#54C571
Spring Green2#57E964
Spring Green1#5EFB6E
Sea Green2#64E986
Sea Green1#6AFB92
Dark Sea Green2#B5EAAA
Dark Sea Green1#C3FDB8
Green#00FF00
Lawn Green#87F717
Green1#5FFB17
Green2#59E817
Chartreuse2#7FE817
Chartreuse#8AFB17
Green Yellow#B1FB17
Dark Olive Green1#CCFB5D
Dark Olive Green2#BCE954
Dark Olive Green3#A0C544
Yellow#FFFF00
Yellow1#FFFC17
Khaki1#FFF380
Khaki2#EDE275
Goldenrod#EDDA74
Gold2#EAC117
Gold1#FDD017
Goldenrod1#FBB917
Goldenrod2#E9AB17
Gold#D4A017
Gold3#C7A317
Goldenrod3#C68E17
Dark Goldenrod#AF7817
Khaki#ADA96E
Khaki3#C9BE62
Khaki4#827839
Dark Goldenrod1#FBB117
Dark Goldenrod2#E8A317
Dark Goldenrod3#C58917
Sienna1#F87431
Sienna2#E66C2C
Dark Orange#F88017
Dark Orange1#F87217
Dark Orange2#E56717
Dark Orange3#C35617
Sienna3#C35817
Sienna#8A4117
Sienna4#7E3517
Indian Red4#7E2217
Dark Orange3#7E3117
Salmon4#7E3817
Dark Goldenrod4#7F5217
Gold4#806517
Goldenrod4#805817
Light Salmon4#7F462C
Chocolate#C85A17
Coral3#C34A2C
Coral2#E55B3C
Coral#F76541
Dark Salmon#E18B6B
Salmon1#F88158
Salmon2#E67451
Salmon3#C36241
Light Salmon3#C47451
Light Salmon2#E78A61
Light Salmon#F9966B
Sandy Brown#EE9A4D
Hot Pink#F660AB
Hot Pink1#F665AB
Hot Pink2#E45E9D
Hot Pink3#C25283
Hot Pink4#7D2252
Light Coral#E77471
Indian Red1#F75D59
Indian Red2#E55451
Indian Red3#C24641
Red#FF0000
Red1#F62217
Red2#E41B17
Firebrick1#F62817
Firebrick2#E42217
Firebrick3#C11B17
Pink#FAAFBE
Rosy Brown1#FBBBB9
Rosy Brown2#E8ADAA
Pink2#E7A1B0
Light Pink#FAAFBA
Light Pink1#F9A7B0
Light Pink2#E799A3
Pink3#C48793
Rosy Brown3#C5908E
Rosy Brown#B38481
Light Pink3#C48189
Rosy Brown4#7F5A58
Light Pink4#7F4E52
Pink4#7F525D
Lavendar Blush4#817679
Light Goldenrod4#817339
Lemon Chiffon4#827B60
Lemon Chiffon3#C9C299
Light Goldenrod3#C8B560
Light Golden2#ECD672
Light Goldenrod#ECD872
Light Goldenrod1#FFE87C
Lemon Chiffon2#ECE5B6
Lemon Chiffon#FFF8C6
Light Goldenrod Yellow#FAF8CC



source: Azmanlin