Sabtu, 14 Agustus 2010
Memberi Gambar Animasi di Status Facebook
Widget Recent Post Animasi Dengan JQuery
1. Login ke blogger anda tentunya
2. Klik Design > Add a Gadget >> HTML/JavaScript
3 Copy paste code berikut dan letakan pada kotak konten
Ganti kode yang berwarna merah dengan alamat blog anda
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<style type="text/css" media="screen">
<!--
#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:350px;
}
#spylist ul{
width:220px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:208px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff url(http://dl.getdropbox.com/u/708209/scriptabufarhan/recentspy/post.jpg) repeat-x;
border:1px solid #ddd;
}
#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}
.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}
-->
</style>
<script language='JavaScript'>
imgr = new Array();
imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;
boxwidth = 255;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 70;
thumbheight = 70;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://amatullah83.blogspot.com/";
limitspy=4
intervalspy=4000
</script>
<div id="spylist">
<script src='http://dl.getdropbox.com/u/708209/scriptabufarhan/recentspy/recentpostthumbspy-min.js' type='text/javascript'></script>
</div>
4. Save
Selesai. mudahkan? SANGAT MUDAH. terima kasih karena telah membaca postingan saya, saya akhiri salam blogger indonesia
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<style type="text/css" media="screen">
<!--
#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:350px;
}
#spylist ul{
width:220px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:208px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff url(http://dl.getdropbox.com/u/708209/scriptabufarhan/recentspy/post.jpg) repeat-x;
border:1px solid #ddd;
}
#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}
.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}
-->
</style>
<script language='JavaScript'>
imgr = new Array();
imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;
boxwidth = 255;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 70;
thumbheight = 70;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://amatullah83.blogspot.com/";
limitspy=4
intervalspy=4000
</script>
<div id="spylist">
<script src='http://dl.getdropbox.com/u/708209/scriptabufarhan/recentspy/recentpostthumbspy-min.js' type='text/javascript'></script>
</div>
Artikel Terkait:
- Tips Mengembalikan Blog ke Tema Layout Template
- Mengganti Tulisan Read More Dengan Gambar
- jQuery Accordion Recent Post with Thumbnail
- Daftar Kode Warna HTML
- Memberi Efek Shadow Pada Gambar di Blog
- Membuat Efek Sidebar Accordion
- Cara Membuat Text Area di Blog
- Menampilkan Widget Hanya di Halaman Tertentu
- Style Penulisan Pesan di CBOX
- Membuat Efek Shadow (bayangan) Pada Tulisan di Blog
- jQuery Accordion Recent Post with Thumbnail
- Membuat Efek Sidebar Accordion
- Cara Membuat Text Area di Blog
- Menampilkan Widget Hanya di Halaman Tertentu
- Style Penulisan Pesan di CBOX
- Cara Pasang Tombol Facebook Like di Blogger
- Membuat Footer 3 kolom
- Membuat back to top dengan jquery
- Cara Membuat Next Page di Blogger
Membuat back to top dengan jquery
2. Kemudian tujulah bagian Racangan
3. Dan pilih yang Edit HTML
4. masukan kode di jquery ini, di atas kode </head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> <!-- jika di template anda sudah terdapat script jQuery 1.3.2, maka anda tidak perlu lagi menambahkan kode ini -->
<script type='text/javascript'>
$(function(){
$('a[href*=#top]').click(function() {
if (location.pathname.replace(/^//,'') == this.pathname.replace(/^//,'')
&& location.hostname == this.hostname) {
var $target = $(this.hash);
$target = $target.length && $target || $('[name=' + this.hash.slice(1) +']');
if ($target.length) {
var targetOffset = $target.offset().top;
$('html,body').animate({scrollTop: targetOffset}, 1000);
return false;
}
}
});
});
</script>
5. Kemudian Ganti kode <body> dengan kode <body id='top'>
6. letakan kode di bawah ini, di atas kode </body>
<div id='gotop'>
<a href='#top' title='Go to Top'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhviFARe4ETw5EpaL-B_dFlEoK4rhFHTat1C7Si7FcQgDEZUBELYjWs1C9K8YqvIHHDr6Wo48D45-w8nc7Rv8O9Nh5kWnVWI26Mcex3yZVBdmAqKFP1ZAa1UjEaFZAkei7ExU01nFlIMAXZ/s768/top.gif' style='right:20px;bottom:20px;position:fixed'/>
</a>
</div>
Cara Membuat Next Page di Blogger
Jika anda tertarik untuk membuat yang seperti ini pada blog anda langsung saja ikuti Step By Step di bawah ini
1. Login ke blogger anda tentunya
2. Masuk ke Tata Letak
3. Tambah Gadget >> HTML/JavaScript
4. Copy pastekan code berikut di dalamnya
<style>
.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #ccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #ccc;
background-color:#ccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #ccc;
background: #ccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #ccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333;
}
</style>
<script type="text/javascript">
function showpageCount(json) {
var thisUrl = location.href;
var htmlMap = new Array();
var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==".blogspot.com/";
var isLablePage = thisUrl.indexOf("/search/label/")!=-1;
var isPage = thisUrl.indexOf("/search?updated")!=-1;
var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";
thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';
var pageCount=5;
var displayPageNum=6;
var firstPageWord = 'First';
var endPageWord = 'last';
var upPageWord ='Back';
var downPageWord ='Next';
var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';
for(var i=0, post; post = json.feed.entry[i]; i++) {
var timestamp = post.published.$t.substr(0,10);
var title = post.title.$t;
if(isLablePage){
if(title!=''){
if(post.category){
for(var c=0, post_category; post_category = post.category[c]; c++) {
if(encodeURIComponent(post_category.term)==thisLable){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}
postNum++;
htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
}
}//end if(post.category){
itemCount++;
}
}else{
if(title!=''){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}
if(title!='') postNum++;
htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
itemCount++;
}
}
for(var p =0;p< htmlMap.length;p++){
if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
if(fFlag ==0 && p == thisNum-2){
if(thisNum==2){
if(isLablePage){
upPageHtml = labelHtml + upPageWord +'</a></span>';
}else{
upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>';
}
}else{
upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';
}
fFlag++;
}
if(p==(thisNum-1)){
html += ' <span class="showpagePoint"><u>'+thisNum+'</u></span>';
}else{
if(p==0){
if(isLablePage){
html = labelHtml+'1</a></span>';
}else{
html += '<span class="showpageNum"><a href="/">1</a></span>';
}
}else{
html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +' </a></span>';
}
}
if(eFlag ==0 && p == thisNum){
downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';
eFlag++;
}
}//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
}//end for(var p =0;p< htmlMap.length;p++){
if(thisNum>1){
if(!isLablePage){
html = '<span class="showpage"></span>'+upPageHtml+' '+html +' ';
}
}
html = '<div class="showpageArea"><span style="color:#fff;" class="showpage"> Total '+(postNum-1)+': </span>'+html;
if(thisNum<(postNum-1)){
html += downPageHtml;
}
if(postNum==1) postNum++;
html += '</div>';
if(isPage || isFirstPage || isLablePage){
var pageArea = document.getElementsByName("pageArea");
var blogPager = document.getElementById("blog-pager");
if(postNum <= 2){
html ='';
}
for(var p =0;p< pageArea.length;p++){
pageArea[p].innerHTML = html;
}
if(pageArea&&pageArea.length>0){
html ='';
}
if(blogPager){
blogPager.innerHTML = html;
}
}
}
</script>
<script src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" type="text/javascript"></script>
</br>
<a href="http://abi-galoga.blogspot.com/" rel="me" target="_blank">next page</a>
Simpan. mudahkan?sulit?bagaimana bisa yang semudah ini di bilang sulit -__- hahaha
Cara membuat "breadcrumb-navigation" di Blogger
Sebenarnya ini hanya bisa di pasang di wordpress, tapi atas berkat rahmat Allah dan dengan di dorongkan oleh keinginan luhur, telah ada cara memasangnya di Blogger (HOREEE !!!!). Jika anda mau yang seperti itu caranya mudah, anda bisa ikuti langkah-langkah di bawah ini :
1. Login ke blog anda > Layout (tata letak) > Edit HTML
2. Beri tanda centang di "Expand Widget Template"
3. Cari kode ]]></b:skin>
4. Sisipkan kode berikut di atas kode tadi
.breadcrumbs {
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:95%;
line-height: 1.4em;
border-bottom:3px double #e6e4e3;
}
5. Cari lagi kode <div class='post hentry uncustomized-post-template'> jika tidak ada, coba cari kode <div class='post hentry'>
6. Sisipkan kode berikut di bawah kode tadi
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<div class='breadcrumbs'>
Browse » <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 == "true"'> »
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
» <span><data:post.title/></span>
</b:loop>
</b:if>
</b:loop>
</div>
</b:if>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<div class='breadcrumbs'>
Browse » <a expr:href='data:blog.homepageUrl'>Home</a> » 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>
7. Save templates dan lihat hasilnya
.SELAMAT MENCOBA, jangan lupa untuk comment !!!!
Membuat Menu Navigasi Melayang Dengan Animasi
Ini adalah gabungan dari 2 gadget yang saya pelajari dan modifikasi sendiri. Untuk membuatnya ikuti langkah-langkah di bawah ini :
1. Silahkan kunjungi http://www.flashvortex.com/menus.php
2. Silahkan pilih menu yang anda inginkan dengan cara klik "CLICK HERE TO EDIT THIS" pada menu yang anda inginkan.
3. Ikuti langkah-langkah pembuatan menu, bagi yang tidak mengerti akan saya jelaskan.
- Step 1 tidak begitu penting, lewati saja
- Step 2 kolom pertama, isi dengan judul menu anda (setiap judul pisahkan menggunakan ENTER)
- Masih pada Step 2, di kolom yang kedua isi dengan alamat link judul menu (setiap link pisahkan menggunakan ENTER, urutan di sesuaikan dengan judulnya)
- Lewati Step 3 & 4
- Klik Generate Animation
- Copy code yang ada di kolom "Copy / paste this code into your site"
5. letakan code berikut di kotak konten (ganti yang berwarna merah dengan code menu anda)
<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:right;
cursor:pointer;
background:url('http://i953.photobucket.com/albums/ae17/abi-galoga/Untitled-1-16.jpg') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #000;
background:#F5F5F5;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.left = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">
<script src="http://h1.flashvortex.com/display.php?id=3_1259075124_65300_151_0_131_137_6_34" type="text/javascript"></script>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.left = (30-gb.offsetWidth).toString() + "px";
</script></div></div>
6. Save dan lihat hasilnya
Selamat mencoba dan jangan lupa tinggalkan komentar
Membuat Menu Navigasi Melayang
Untuk membuatnya yang perlu anda lakukan adalah :
1. Login ke blog anda > Layout (tata letak) > Edit HTML
2. Cari kode </body>
3. Copy-paste code ini dan letakan di atas kode tadi
<br /><style><br /><br />#menu1 a {color:black;background-color:white;text-decoration:none;text-indent:1ex;}<br />#menu1 a:active {color:black;text-decoration:none;}<br />#menu1 a:hover {color:black;background-color:#FFFF99}<br />#menu1 a:visited {color:black;text-decoration:none;}<br /><br /><br />#menu3 a { /*Menu3 Links*/<br />color:black;<br />background-color:white;<br />text-decoration:none;<br />text-indent:1ex;<br />}<br />#menu3 a:hover {<br />color:black;background-color:#FFFF99;<br />}<br />#menu3 a:active {color:black;text-decoration:none;}<br />#menu3 a:visited {color:black;text-decoration:none;}<br /><br /></style><br /><script language='JavaScript1.2' src='http://www.geocities.com/adestd40/mmenu.js'/><br /><script><br />resizereinit=true;<br /><br />menu[1] = {<br />id:'menu1',<br />bartext:' M E N U ',<br />barbgcolor:"#80FF00",<br />barcolor:"#000000",<br />barfontweight:"bold",<br />barfontsize:'80%',<br />bordercolor:'#000000',<br />fontsize:'80%',<br />linkheight:20 ,<br />hdingwidth:210 ,<br /><br />menuItems:[<br /><br />["home", "http://rezhie2009.blogspot.com/", ""],<br />["Friendster Saya", "http://profiles.friendster.com/mauliatprofilreza/", ""],<br />["facebook saya", "http://id-id.facebook.com/people/Reza-Fazri/1209196702", ""],<br />["blogger templates", "http://btemplates.com/", ""],<br />["login to blogger", "http:blogger.com/start", ""],<br />["Back To Top", "#", ""] //tidak ada tanda koma pada akhir entry<br /><br />]};<br /><br />make_menus();<br /></script>
4. Ubah-ubahlah alamat urlnya sesuai keinginan anda
5. Save Templates
Menampilkan Widget Hanya di Halaman Depan
OK... langsung saja :
1. Login ke Blog anda > Layout (tata letak) >> Edit HTML
2. Beri tanda centang pada "Expand Template Widget"
3. Cari judul widget anda. Contoh : saya cari The New Posting
4. Perhatikan kode di bawah ini. Tambahkan kode yang berwarna merah
<b:widget id='HTML3' locked='false' title='The New Posting' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>
5. Save Templates
Selesai, mudah, gampang, simple, padat, berisi.
jangan lupa commentnya ok
Pasang Alexa Rank di Blog
Alexa rang berfungsi untuk melihat ranking blog kita, tidak usah panjang x lebar langsung saja ke TKP :
1. masuk ke http://www.alexa.com/
2. klik "for site owners" yang berada pada menu bar
3. pilih "Site Widgets" > "learn more"
4. masukan URL blog anda ke salah satu kotak, contoh "http://www.abi-galoga.blogspot.com/"
5. jika sudah klik "Build Widget"
6. copy salah satu kode yang ada di situ (sesuai keinginan anda)
7. paste di tempat gadget anda lalu save dan lihat hasilnya
Selesai ....
Menambahkan Visitor Flag Counter di Blog
1. Kunjungi situs ini http://flagcounter.com/
2. isi bagian-bagian :
- maximum flag to show : jumlah bendara yang akan ditampilkan
- columns of flag : jumlah kolom bendera
- label on top of counter : nama dari counter flag
- Background color : warna latar dari counter flag
- text color : warna tulisan
- Border color : warna garis tepi dari counter flag
- show country flag : untuk menampilkan kode negara
- show pageview : untuk menampilkan jumlah halaman yang dikunjungi
4.copy code yang berada di "Code for website: dan pastekan ke dashbor anda pada widget text dan simpan.
SELESAI.....
Cara Membuat Kotak Daftar Isi
1. Login ke Blog anda > Layout (tata letak) > Page Elements (laman elemen) Add a Gadget (tambah gadget) > HTML/JavaSript
2. Copy-paste kode berikut ini di kotak konten
<style>
.list {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEACSu4j82eIZqVS0IUeSo1EXL3kXcZU_cTNYQ2WbBCCaq8T3Hew9BBcWdeYnn5brwY-MN1fxI-eDyHesADDhUJTQ8s0RzUHvd6Wp64tKHgyslvO1WL9A8HEuImJ1VjMnAgtoL637AMNsu/") no-repeat left center;
border-bottom:1px dotted #ddd;
line-height:1.2em;
padding:3px 0px 0px 20px;
}
</style>
<div style="overflow:auto; padding:3px; margin:0px 0px 0px 0px; width:280px; height:200px; background- border:1px solid #ffffff;">
</div>
Keterangan : kode yang berkedip adalah kode postingan anda, tambahkan kode itu sesuai dengan banyaknya postingan anda dan kode berwarna merah ganti dengan milik anda d
Cara Membuat Menu Navigasi Horizontal Tabs 6
1. Login ke blogger anda > Layout >> Edit HTML
2. Cari Kode
<div id='header-wrapper'> <b:section class='header' id='header' maxwidgets='1' showaddelement='no'> <b:widget id='HTML5' locked='true' title='' type='HTML'/>
lalu ganti ganti sedikit menjadi seperti ini
<div id='header-wrapper'> <b:section class='header' id='header' maxwidgets='4' showaddelement='yes'> <b:widget id='HTML5' locked='false' title='' type='HTML'/>
3. cari kode
]]></b:skin>
lalu letakan kode ini di atasnya
/*- Menu Tabs 6--------------------------- */
#tabs6 {
font: bold 11px/1.5em Verdana;
float:left;
width:100%;
background:transparent;
line-height:normal;
}
#tabs6 ul {
margin:0;
padding:10px 10px 0 50px;
list-style:none;
}
#tabs6 li {
display:inline;
margin:0;
padding:0;
}
#tabs6 a {
float:left;
background:url("http://i953.photobucket.com/albums/ae17/abi-galoga/tableft6.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabs6 a span {
float:left;
display:block;
background:url("http://i953.photobucket.com/albums/ae17/abi-galoga/tabright6.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs6 a span {float:none;}
/* End IE5-Mac hack */
#tabs6 a:hover span {
color:#FFF;
}
#tabs6 a:hover {
background-position:0% -42px;
}
#tabs6 a:hover span {
background-position:100% -42px;
}
Simpan
5. Masuk ke Page Elements (Elemen Laman) > Add a Gadget di atas kotak header >> masukan kode ini
<div id="tabs6">
<ul>
<li><a href='#' title='Judul link' class='current'><span>judul</span></a></li>
<li><a href='#' title='Judul link' class='current'><span>judul</span></a></li>
<li><a href='#' title='Judul link' class='current'><span>judul</span></a></li>
<li><a href='#' title='Judul link' class='current'><span>judul</span></a></li>
</ul>
</div>
Keterangan : ganti tanda pagar dengan alamat yang anda tuju, judul link dan judul di isi terserah anda.
Cara Membuat Read More Otomatis
Langsung saja ke TKP :
1. Log in ke Blog anda > Layout (tata letak) >> Edit HTML lalu beri tanda centang di Expand Widget Template
2. cari kode </head>
3. copy kode ini dan paste di bawah kode </head>
<script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>
keterangan : sesuaikan kode yang berwarna merah dengan keinginan anda
4. cari kode <data:post.body/> atau <p><data:post.body/></p>
5. hapus/ganti kode itu dengan kode
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'>»»  READMORE...</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
keterangan : ganti tulisan berwarna merah dengan kata anda sendiri
tinggal di save dan lihat sendiri hasilnya, SELAMAT MENCOBA....
Cara Membuat Teks Kursor
1. Log in ke blog anda > Layout (tata letak) >> Page Elements (laman elemen) >>> Add a Gadget (tambah gadget) >>>> HTML/JavaScript
2. Copy code di bawah ini dan paste di kotak konten
<script>
//mouse
//Circling text trail- Tim Tilton
//Website: http://www.tempermedia.com/
//Visit http://www.dynamicdrive.com for this script and more
function cursor_text_circle(){
// your message here
var msg='dimas abi galoga'.split('').reverse().join('');
var font='Verdana,Arial';
var size=3; // up to seven
var color='#ff0000';
// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 for just plain rotation w/out drag
var speed=.3;
// This is the rotation speed, set it negative if you want
// it to spin clockwise
var rotation=-.2;
// Alter no variables past here!, unless you are good
//---------------------------------------------------
var ns=(document.layers);
var ie=(document.all);
var dom=document.getElementById;
msg=msg.split('');
var n=msg.length;
var a=size*13;
var currStep=0;
var ymouse=0;
var xmouse=0;
var props="<font face="+font+" color="+color+" size="+size+">";
if (ie)
window.pageYOffset=0
// writes the message
if (ns){
for (i=0; i < n; i++)
document.write('<layer left="0" top="0" width="+a+" name="nsmsg'+i+'" height="+a+"><center>'+props+msg[i]+'</font></center></layer>');
}
else if (ie||dom){
document.write('<div id="outer" style="position:absolute;top:0px;left:0px;z-index:30000;"><div style="position:relative">');
for (i=0; i < n; i++)
document.write('<div id="iemsg'+(dom&&!ie? i:'')+'" style="position:absolute;top:0px;left:0;height:'+a+'px;width:'+a+'px;text-align:center;font-weight:normal;cursor:default">'+props+msg[i]+'</font></div>');
document.write('</div></div>');
}
(ns)?window.captureEvents(Event.MOUSEMOVE):0;
function Mouse(evnt){
ymouse = (ns||(dom&&!ie))?evnt.pageY+20-(window.pageYOffset):event.y; // y-position
xmouse = (ns||(dom&&!ie))?evnt.pageX+20:event.x-20; // x-position
}
if (ns||ie||dom)
(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;
var y=new Array();
var x=new Array();
var Y=new Array();
var X=new Array();
for (i=0; i < n; i++){
y[i]=0;
x[i]=0;
Y[i]=0;
X[i]=0;
}
var iecompattest=function(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body;
}
var makecircle=function(){ // rotation properties
if (ie) outer.style.top=iecompattest().scrollTop+'px';
currStep-=rotation;
for (i=0; i < n; i++){ // makes the circle
var d=(ns)?document.layers['nsmsg'+i]:ie? iemsg[i].style:document.getElementById('iemsg'+i).style;
d.top=y[i]+a*Math.sin((currStep+i*1)/3.8)+window.pageYOffset-15+(ie||dom? 'px' : '');
d.left=x[i]+a*Math.cos((currStep+i*1)/3.8)*2+(ie||dom? 'px' : ''); // remove *2 for just a plain circle, not oval
}
}
var drag=function(){ // makes the resistance
y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);
x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);
for (var i=1; i < n; i++){
y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed);
x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed);
}
makecircle();
// not rotation speed, leave at zero
setTimeout(function(){drag();},10);
}
if (ns||ie||dom)
if ( typeof window.addEventListener != "undefined" )
window.addEventListener( "load", drag, false );
else if ( typeof window.attachEvent != "undefined" )
window.attachEvent( "onload", drag );
else {
if ( window.onload != null ) {
var oldOnload = window.onload;
window.onload = function ( e ) {
oldOnload( e );
drag();
};
}
else
window.onload = drag;
}
}
cursor_text_circle();
</script>
3. Ganti tulisan yang berwarna merah dengan teks yang anda inginkan.
Selesai, selamat mencoba !!!
Cara Membuat Toolbox Bookmark Dan Share
1. Masuk ke http://www.addthis.com/
2. Ikuti langkah di bawah ini
- select your service -> plih blogger
- select a button style -> pilih model yang anda inginkan
- Langsung klik Get Your Button -> Copy semua code yang di berikan
4. Cari kode <div class='post-footer'> (tips, jika susah mencari codenya klik F3 pada keyboard)
5. Paste code yang tadi telah anda copy tepat di bawah code <div class='post-footer'>
Simpan, Slesai, Beres, Udah, Jangan, Lupa, Comment haha
SELAMAT MENCOBA >>>
Cara membuat Read More
1. Login ke blog kamu -> Layout (tata letak) -> Edit HTML. Beri tanda expand widget template, lalu anda cari kode seperti ini <data:post.body/> atau seperti ini <p><data:post.body/></p> sama saja.
2. Jika sudah hapus kode di atas dan ganti dengan kode ini
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/>
<a expr:href='data:post.url'><strong>Baca Selengkapnya...</strong></a></p>
</b:if>
3. Selesai, sekarang simpan.
weitsss, tunggu dulu belum selesai
Jika sudah anda lakukan langkah di atas, lanjutkan ke tahap berikutnya
1. masuk ke pengaturan ->format. Lalu alihkan mata anda ke kotak kosong yang berada di tempat paling bawah.
2. masukan kode berikut ke dalam kotak kosong itu
</span>
Sekarang cara penulisan
1. Klik posting -> New Entri (entri baru) -> Edit HTML
2. Tuliskan postingan yang ingin tampak di depan di atas kode <span class="fullpost">
3. Terakhir, tuliskan sisa keseluruhan di bawah kode <span class="fullpost">
Contoh ...
<span class="fullpost">
sisanya di sini
</span>.
Cara Memebuat Efek Roaming Pada Blog
- Seperti biasa anda harus login dulu ke blog anda.
- Jika sudah login, klik Layout -> Page Elements -> Add a Gadget -> HTML/JavaScript
- Jika sudah masukan kode berikut ini ke konten lalu simpan :
<script language="JavaScript1.2" src="http://seby.fileave.com/efek-roaming.js "></script>
Ok...selamat mencoba, DO NOT FORGET TO COMMENT !!! (wah w bisa bhs inggris)
Cara Membuat Cbox di blog
- Pertama anda masuk dulu ke http://cbox.ws/
- lalu daftar dengan cara klik sign up, ikuti langkah pendaftrannya.
- Sudah daftarnya ? Jika sudah silahkan Login ke Cbox anda, lalu klik Publish! Copy semua kode yang ada di step 1.
- sekarang Login ke blog anda, klik Layout/Tata Letak -> Page Elements/Elemen Laman -> Add a Gadget/Tambah Gadget -> HTML/JavaScript.
- Beri judul sesuai keinginan anda dan paste kode yang tadi anda copy di kotak konten. Simpan
- Selesai, Sekarang lihat blog anda, bagaimana ? masih kosong ? tunggu ada ngisi dong sabar aja
Jika ada yang kurang di mengerti silahkan Commentnya.
Cara Merubah Logo Blog
nah itulah icon address bar, mungkin jika blog biasa gambarnya seperti ini Nah itulah yang akan kita bahas kali ini, mengganti logo blog sesuai keinginan. Bagaimana caranya ? ikuti langkah di bawah ini :
- Langkah pertama, buatlah logo anda sendiri sesuai keinginan anda atau anda bisa cari di internet
- Jika gambar yang anda buat sudah jadi, upload gambar anda ke http://photobucket.com/ atau yang lainnya.
- Jika sudah di upload ambil link gambar anda. Caranya arahkan kursor pada gambar dan copy link yang berada di kotak Direct Link
- Login ke blog anda klik layout/Tata Letak -> Edit HTML. Cari kode </head>
- Masukan kode dibawah ini tepat di atas kode </head>
<link href=' link anda yang telah di copy ' rel='shortcut icon'/>
Contoh<link href='http://i953.photobucket.com/albums/ae17/abi-galoga/logo.gif ' rel='shortcut icon'/>
</head>
jangan lupa comment
Membuat Judul Blog Pada Tab Bergerak
- Login ke Blog anda, lalu klik Layout/Tata Letak.
- Setelah itu klik Edit HTML lalu beri tanda centang di Expand Widget Templates.
- Jika anda sudah masuk Edit HTML cari kode </head> (jika mau lebih mudah mencarinya klik F3 pada keyboard dan tuliskan kata yang ingin dicari)
- Jika kodenya telah di temukan copy kode di bawah ini dan letakan dibawah kode </head>
<script language='JavaScript'>var txt=" TULIS TEKS ANDA DI SINI ";
var kecepatan=120;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout("bergerak()",kecepatan);}bergerak();
</script>
JANGAN LUPA COMMENT !!!! terima kasih...
Percantik tampilan Facebook kamu
Nah itulah topik bahasan saya kali ini, PERCANTIK TAMPILAN FACEBOOK. Karena w g suka t'lalu b'tele2 mari kita mulai dandani wajah Facebook kita...
1. pertama browser yg anda gunakan wajib Firofox, kalo tidak punya plis deh hari gini g punya firefox ya udah g apa2 download aja di sini http://www.mozilla.com/en-US/ , kalo udah di download trus install
2. nah berikutnya pasang add-ons Stylish di firefox anda, cara'a download di sini https://addons.mozilla.org/en-US/firefox/addon/2108 . kalo udah di install restart firefox'a
3. setelah itu kalian tinggal pilih tampilan facebook yang kalian inginkan, tempat di http://userstyles.org/styles/browse/facebook.com untuk memilih tampilan yang kamu inginkan klik pada link yang kamu inginkan, setelah muncul tampilan baru klik install with stylish yang ada di kanan atas (bukan partai hahaha) lalu klik install
4. dan untuk hasil'a lihat contoh berikut ini
Cara Membuat Sidebar Berada Di kanan/kiri Postingan
1. Login ke Blogger anda (wajib) > Tata letak (layout) > Edit HTML
2. cari kode berikut ini (fokuskan pencarian pada yang berwarna merah)
#sidebar-wrapper {
width: 430px;
float: $endSide;
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 */
}
3. Tambahkan kode berikut di bawahnya, setelah tanda }
#sidebarbaru-wrapper {
width: 180px;
float: left;
padding-right:10px;
word-wrap: break-word;
overflow: hidden;
}
contoh :
#sidebar-wrapper {
width: 430px;
float: $endSide;
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 */
}
#sidebarbaru-wrapper {
width: 180px;
float: left;
padding-right:10px;
word-wrap: break-word;
overflow: hidden;
}
4. Jika sudah, cari kode <div id='main-wrapper'>
5. Tambahkan kode berikut di atas kode tadi
<div id='sidebarbaru-wrapper'>
<b:section class='sidebar' id='sidebarbaru' preferred='yes'/>
</div>
sehingga akan menjadi
<div id='sidebarbaru-wrapper'>
<b:section class='sidebar' id='sidebarbaru' preferred='yes'/>
</div>
<div id='main-wrapper'>
6. Save templates, dan lihat hasilnya.
Cara Membuat Sidebar 2 kolom
1. Login ke blogger anda > Layout > Edit HTML
2. Beri tanda centang pada "Expand Widget Templates"
3. Cari kode (fokuskan pencarian pada yang berwarna merah)
#sidebar-wrapper { width: 430px; float: $endSide; 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 */ }
4. Copy-paste kode berikut setelah tanda } #newsidebar-wrapper
{ width: 200px; float: $endSide; padding-left:5px; 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 */ }
Keterangan kode : width untuk ukuran lebar sidebar float untuk letak sidebar padding untuk jarak sidebar
5. Cari kode (fokuskan pencarian pada yang berwarna merah)
<div id='sidebar-wrapper'> <b:section class='sidebar' id='sidebar' preferred='yes'> .......................................... .......................................... .......................................... </b:section> </div> titik-titik adalah lanjutan kodenya (tidak begitu penting untuk di ketahui) 6. Copy-paste kode berikut ini setelah </div> <div id='newsidebar-wrapper'> <b:section class='newsidebar' id='newsidebar' preferred='yes'></b:section> </div>
7. Save Templates, lihat hasilnya di PageElements (pasti ada perbedaan) Hasilnya akan seperti ini >
Keterangan, jika ada bagian yang berantakan anda bisa atur ukuran/tempat/jarak nya. Terima Kasih
Cara Menyembunyikan Navbar Blogger
Berikut cara pengaturannya :
- Pilih menu Layouts dan pilih Edit HTML
- Tekan ctrl + F di keyboard anda dan ketik body { untuk mencari tulisan tersebut.
- Copy Paste (CoPas) kode di bawah ini di atas tulisan body { yang telah anda temukan
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}
- Contohnya seperti berikut ini :
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}
body {
- Setelah selesai, klik SAVE TEMPLATE
Kamis, 12 Agustus 2010
Pengertian Anti Virus Smadav 7.0
Pada Rev. 7 kali ini Smadav telah disempurnakan untuk menjadi jauh lebih cepat dan lebih ringan dalam mendeteksi dan mengamankan komputer Anda dari ancaman virus di Indonesia. Fitur-fitur baru yang ditambahkan seperti Smad-Turbo (Scanning 10x lebih cepat), Smad-Theme (Mengganti warna tema), Smad-Ray (Otomatis scan flashdisk sangat cepat). Ini semua membuat Smadav menjadi salah satu dari antivirus tercepat dan paling ringan sedunia, sehingga Smadav tetap dapat digunakan pada komputer-komputer dengan spesifikasi rendah sekalipun.
Selain itu juga banyak perbaikan yang dilakukan pada tampilan Smadav secara keseluruhan agar Smadav semakin mudah dan praktis digunakan.
Berikut ini adalah penjelasan lengkap fitur-fitur baru di Smadav 2009 Rev 7 :
Smadav Pro mempunyai kemampuan untuk mengganti warna tema Smadav yang awalnya berwarna hijau menjadi warna pilihan Anda. Di bagian setting warna tema Anda dapat menemukan warna pilihan Anda sendiri untuk menjadi tema Smadav. Setelah Anda ganti tema warnanya, warna semua tampilan Smadav akan otomatis berubah menjadi warna pilihan Anda.
Setelah flash-disk dicolok di komputer, Smadav akan langsung memunculkan hasil scan dalam bentuk notifikasi apakah flashdisk Anda terinfeksi virus atau tidak, prosesnya sangat cepat hanya sekitar 1-5 detik sehingga Anda tidak perlu lagi berlama-lama menunggu hasil scanning flashdisk yang baru dicolok.
Tampilan Smadav yang lama dianggap pengguna masih terlalu besar dan tidak cocok untuk sebagian pengguna di Mini Laptop/Netbook. Pada Rev. 7 kali ini tampilan Smadav sudah berukuran lebih kecil dan Smadav sudah bisa menyesuaikan ukurannya menjadi mini ketika dipakai di Netbook.
Pada bagian tab donation sekarang sudah ditambahkan tabel perbandingan Smadav Free & Pro. Anda dapat mengklik baris-baris pada tabel ini untuk mengetahui kelebihan-kelebihan Smadav Pro dibandingkan Smadav Free.
Jika Anda tertarik menggunakan Antivirus ini Silakan
Cara cepat terindex SEO google
Pada Blogger Dashboard, klik “Layout” lalu “Edit HTML”
Cari kode title dibawah ini :(tekan keyboard ctrl + f untuk mempermudah pencarian)
<title><data:blog.pageTitle/></title>
Kemudian ganti semua kode diatas dengan kode dibawah
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>
Atau Ganti dengan :
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>
Save template tersebut dan kembalilah ke blog Anda.
Cara Upload di Ziddu
Bagaimana ya cara upload di ziddu ?????
Langsung ya ....
1. Login dulu di ziddu. Anda sudah punya account di ziddu jika belum ya ... daftar dulu ... caranya mudah ... Klik di sini jika anda mengalami kesulitan.
2. Untuk upload, klik browse untuk mencari file yang akan di upload trus... klik Upload dech
3. Tunggu ya ... progress-nya sampai selesai ... nanti akan muncul ?????
4. Seperti gambar di bawah ini dech .. untuk yang di beri lingkaran adalah url-nya
kembali ke cara membuat ling download
cara mendaptar di ziddu
Ziddu adalah tempat untuk menaruh file – file dapat di download.
Cara menaruh file tidak secara “copy – paste” yaitu dengan cara mengupload file tersebut, walaupun sudah banyak tempat – tempat penyimpanan file di dunia internet, namun sangatlah jarang sekali yang memberikan unlimited storage dan bandwitch, ziddu akan memberikan dollar secara gratis, apabila ada yang mendownload file kita, atau mendaftar pada referral kita.....
0.001$ / 1 unique download
0.10 $ / 1 pendaftar melalui referral kita
Gimana ????? Jika tertarik Daftar aja di ZIDDU
Caranya mudah kog ????
Berikut ini cara mendaftar di ziddu
1. Klik di sini kemudian klik register
2. Isi Nama, email, password, ulangi password, masukkan kode yang berupa angka kedalam verification code (yang benar ya... jangan sampai salah...ok), klik kotak yang kecil jika anda setuju dengan persyaratan yang diberikan oleh ziddu (tulisan warna biru). Lalu submit.
3. Terima kasih anda telah terdaftar di ziddu (Perhatikan gambar di atas). Lalu clik here to login to your account.
4. Selamat anda telah terdaftar di ziddu. Anda tinggal mengupload file-file yang ingin di download di blog anda !!!!!kembali ke cara membuat ling download
pantun putus cinta
Matanya pedih kena jelatang
Awak tertawa hati menangis
Karena kekasih dibawa orang
-
Mabuklah orang dalam perahu
Ombak besar setinggi rumah
Mabuklah abang memendam rindu
Adik kudengar pergi menikah
-
Baik berburu di malam hari
Bersuluh bulan dengan bintang
Adik kucumbu di dalam mimpi
Tubuhmu sudah ditangan orang
-
Untuk apa orang ke hulu
Kalau klek sudah berlubang
Untuk apa hamba menunggu
Kalau adik sudah bertunang
-
Hari minggu jalan ke pasar
Disana belanja membeli udang
Hatiku pilu rasa terbakar
Bunga kupuja dipetik orang
-
Habislah buah pisang nangka
Pisang serawak tegak sebatang
Habislah tuah hilanglah muka
Pinangan awak ditolak orang
-
Fajar subuh sudahlah terbit
Tanda hari menjelang siang
Terbakar tubuh dadaku sakit
Adinda kini dipinang orang
-
Galah bukan sebarang galah
Galah orang pemanjat pinang
Salah bukan sebarang salah
Salah abang lambat meminang
-
Buluh cina berwarna kuning
Tegak lurus dengan kokohnya
Karena adik sudah berpaling
Badanku kurus menanggung duka
-
Sudahlah makan tidak berkuah
Nasi yang ada terasa kurang
Sudahlah badan tidak bertuah
Kekasih pula dilarikan orang
-
Bagaimana padi tidakkan basah
Pagi petang dilimbur pasang
Bagaimana hati tidakkan patah
Kekasih hilang direbut orang
-
Diam-diam orang berkayuh
Karena takut dikejar buaya
Saban malam abang mengeluh
Karena adik sudah berpunya
-
Jatuh bangkit orang berburu
Mengejar kijang kesana sini
Tubuhku sakit tulangpun ngilu
Mendengar abang sudah berbini
-
Jatuh tupai salah melompat
Bekejar naik ke batang pinang
Tubuhku lunglai patah semangat
Mendengar adik dipinang orang
-
Beras padi diindang orang
Supaya tahu mana antahnya
Belas hati memandang abang
Adik ditunggu sudah berpunya
-
Belilah aruan serta belanak
Dapat dipindang sesudah bersih
Hati menyetan dadaku bengkak
Melihat abang berpindah kasih
-
Bulan sabit diambang petang
Makin dipandang semakin indah
Sudah senasib abang yang malang
Hendak meminang adik lah nikah
-
Bulan sabit di langit tinggi
Sayup-sayup mata memandang
Sudahlah nasib celaka diri
Adik kucinta dipinang orang
-
Dari teluk berjalan pulang
Naik kerumah sudahlah senja
Hatiku remuk bukan kepakang
Adik tercinta sudah berpunya
-
Kemana lagi membawa ketupat
Bunga sekaki sudahlah layu
Kemana lagi adik bermanja
Kanda kunanti tak mahu tahu
-
Bulan haji bulan mulia
Besar kecik tiada terbilang
Rasakan mati badan sebelah
Mendengar adik dipinang orang
-
Batang nangka putik sejari
Rebah ke tanah lapuk terbuang
Abang menyangka adik sendiri
Rupanya sudah duduk bertunang
-
Bagaimana bunga kan jadi mekar
Kalaulah kumbang sudah menyeri
Bagaiman hamba memberi kabar
Kalaulah abang sudah beristeri
-
Benang ditenun berhari-hari
Lambat laun menjadi kain
Abang melamun gila menanti
Adik lah kawin ke orang lain
-
Beras bukan sebarang beras
Beras ditumbuk membuang antah
Panas bukan sebarang panas
Panas menengok abang menikah
-
Banyaklah upih dicari orang
Untuk pembungkus lempuk durian
Hendak kupilih kekasih orang
Mabuklah hamba duduk sendirian
-
Bangau bukan sembarang bangau
Bangau putih berparuh panjang
Risau bukan sembarang risau
Risau kekasih direbut orang
-
Jikalau kumbang sudah menyeri
Tentulah kelopaknya menjadi layu
Kalaulah abang sudah beristeri
Tentulah adik kan kuberi tahu
-
Apa guna kacang direndang
Bila masak direndam lagi
Apa guna abang meminang
Bila isteri sudah beranak
-
Batang pinang sudahlah patah
Tak lama lagi tentulah rubuh
Orang kusayang sudah menikah
Kemana lagi dagang berlubang
-
Alangkah elok naik perahu
Di sana mudah mencari angin
Abanglah bujuk adik tak mau
Rupanya ada janji yang lain
-
Bagaimana titi takkan terendam
Hujan lebat semelah hulu
Bagaimana kami takkan berdendam
Tuan lah dapat pasangan baru
-
Bagaimana kita hendak berhenti
Karena di jalan orang curiga
Bagaimana hamba hendak berjanji
Karena tuan memandang harta
-
Badik diasah berulang kali
Untuk berperang melawan musuh
Adik gelisah mengenang janji
Kutengok abang kian menjauh
-
Bagaimanalah kita hendak berunding
Orang berbantah setiap hari
Bagaimana hamba hendak disunting
Abanglah sudah beranak isteri
-
Bagaimana kita hendak melangkah
Tulang sendiri terasa goyang
Bagaimana hamba hendak menikah
Abang lah menjadi laki orang
-
Tali kecapi disebut orang
Bila dipetik bunyinya nyaring
Hati ku ini mabuk kepayang
Karena adik sudah berpaling
-
Bagaimana kita hendak berlayar
Ombak besar memecah tebing
Bagaimana hamba hendak bersabar
Kudengar abang sudah berpaling