Sebelumnya saya berterimakasih kepada sahabat Adsense-id Om blackskin.Beliau yang telah membagikan 28 Domain gratis yang menurutnya gak keurus.Selamat deh buat temen2 yang lain yang udah beruntung.Saya mendapatkan domain .info yang menurutku bagus juga nih.Sebelumnya hampir gak kebagian soalnya koneksinya ngajak ribut alias lemot banget.pfu... Domainnya terdaftar di Godaddy.com kebetulan saya
Rabu, 28 Desember 2011
Pendaftaran Secaba POLRI Tahun 2012
Pembukaan Pendaftaran Secaba POLRI Tahun 2012 dibuka mulai Tanggal 4 Januari 2012
Selengkapnya klik disini.
Selengkapnya klik disini.
Minggu, 25 Desember 2011
Kamis, 22 Desember 2011
ALEXA RANK KOK GEMBROT MULU?
Hehe …maaf ya sebelumnya kalau judulnya aneh.Kalau postingan sebelumnya mengenai CARA BERHENTI MENDAPATKAN EMAIL DARI FACEBOOK "FB" Kini saya akan bahas sedikit mengenai ALEXA RANK.
Siapa hayo yang gak kenal sama Tante Alexa?
xixixi :p
Sebenarnya saya agak bingung sama temenku yang memusingkan soal ANGKA/RANK ALEXA nya Gak mau turun atau langsing alias GEMBROT.hehe :D
Yah mungkin dia punya
Siapa hayo yang gak kenal sama Tante Alexa?
xixixi :p
Sebenarnya saya agak bingung sama temenku yang memusingkan soal ANGKA/RANK ALEXA nya Gak mau turun atau langsing alias GEMBROT.hehe :D
Yah mungkin dia punya
Kamis, 15 Desember 2011
Selamat Ulang Tahun TransTV and Trans7 Yang Ke 10
By Unknown | At 05.42 | Label :
Info Terhangat dan Terpercaya
| 0 Comments
Waktu bergulir..
Detik berganti detik
Hari berganti hari..
Bulan berganti bulan..
Dan tanpa terasa 10 tahun sudah terlewati
Dan kuingat sekarang adalah tahun yang tepat untuk merayakan kebahagiaan setelah kau lahir....
Dan aku ingin mengucapkan Selamat Ulang Tahun Trans Corp Trans TV and Trans7 Yang Ke 10.
Semoga kedepannya TRANS CORP TRANSTV and TRANS7 tetap maju, jaya, dan mampu memberikan informasi yang aktual dan hiburan yang sanagt menarik kepada Anak Indonesia dan Masyarakat diseluruh dunia.
Kami sebagai admin Lora Malunk Blog. Kami bangga dan kami sangat terhibur dengan tayangan yang diberikan oleh TransTV dan TRANS7, sampai saat ini kami selalu exis menontonnya. Seperti : Bioskop TransTV, CP (Comedy Project), OVJ (OPERA VAN JAVA), Jika Aku Menjadi, Si Bolang, Dua Dunia, Moto GP, Bukan Empat Mata, Jejak Petualang, Super Trap, Ethnic Runaway,Insert, Sketsa, Dengan tonton diatas kami sangat senang sekali dan sangat terhibur dan kami berharap kedepannya nanti TRANSTV dan TRANS7 lebih kreatif dan lebih top dimata masyarakat.
Jangan berhenti mencintaiku dan Jangan pernah duakan hatiku. Setialah untukku sampai Trans TV dan Trans7. Bahagia selalu memayungi di setiap kehidupan kita. Itulah 3 pintaku untuk hari ulang tahun TransTv dan Trans7. happy b'day..! :)
Rabu, 23 November 2011
Cara Membuat Fitur Automatic Featured Category
By Unknown | At 06.26 | Label :
Tutorial Blog
| 0 Comments
Trik Kali ini salah satu fitur yang sangat menarik dan berguna pada semua blog adalah Fitur Automatic Featured Category, dengan fitur ini anda dapat menampilkan kategori yang dianggap penting untuk di tampilkan dihalaman depan.
Perlu diketahui, bahwa kategori yang di pasang akan tampil secara otomatis tanpa anda harus repot mengeditnya setiap saat, dan gambar thumbnail nya pun secara otomatis mendeteksi sesuai gambar yang ada pada posting tersebut.
Apa yang harus dipersiapkan? yang harus anda persiapkan hanyalah nama kategori serta alamat kategori yang ingin di tampilkan. Namun perlu diketahui bahwa nama label ini bersifat case-sensitive artinya nama yang di pasang hurufnya harus sama persis dengan label di blog anda, misal nama kategori Tutorial Blog Up To Date berbeda dengan Tutorial Blog Up To Date oleh karenanya pastikan terlebih bahwa nama label sama persis hurufnya.
Cara yang mudah untuk mendapatkan alamat link kategori atau nama kategori adalah dengan klik kanan pada nama kategori yang di inginkan, lalu pilih Copy Link Location ( untuk browser Firefox), paste pada tex editor seperti notepad, wordpad atau sejenisnya.
Contoh alamat kategori :
http://lora-malunk.blogspot.com/search/label/key%20feature
Contoh nama kategori yang diperlukan :
key%20feature
Berikut Cara Membuat Fitur Automatic Featured Category pada blog anda
- Silahkan login ke blogger dengan ID anda.
- Klik Rancangan
- Jika masih dalam posisi tab Elemen Laman, silahkan klik terlebih dahulu tab menu Elemen Laman.
- Klik Tambah Gadget untuk menambahkan gadget baru
- Setelah muncul jendela baru, klik tanda plus untuk HTML/JavaScript
- Copy script dibawah ini, lalu paste pada kolom yang tersedia.
<script type='text/javascript'>var numposts = 3;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 80;</script>
<script type="text/javascript" src="/feeds/posts/default/-/today%27s%20dialogue?orderby=updated&
alt=json-in-script&callback=labelthumbs"></script>
<div class="more_topic"><a href="http://lora-malunk.blogspot.com/search/label/today%27s%20dialogue">More for this topic »</a></div>
- Gantilah kode yang berwarna merah dengan nama kategori, kode yang berwarna biru ganti dengan alamat link kategori.
- Klik tombol SIMPAN
- Selesai.
Dalam kode diatas ada beberapa yang dapat anda atur misal jumlah karakter yang ingin di tampilkan, thumbnail, jumlah posting, tanggal posting, komentar, serta more link.
Dalam script tersebut ada tulisan severti ini :
var numposts = 3;
var showpostthumbnails = true;
var displaymore = false;
var showcommentnum = false;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = true;
var numchars = 80;
Kode berwarna merah adalah kode yang bisa anda edit, true berarti tampilkan, false berarti jangan di tampilkan. Silahkan coba-coba ganti saja.
Jumat, 18 November 2011
Cara Membuat Menu Animasi CSS3
Kali ini aku ingin membuat posting mengenai Cara Membuat Menu Animasi CSS3, yang hasilnya akan terlihat seperti gambar disamping, sebelumnya aku pernah membuat postingan Membuat Menu Dropdown dengan CSS3 dimana dalam postingan tersebut, kita bisa langsung mengenerate kode CSS3 dari bentuk yang kita inginkan.
Akan tetapi yang patut diingat, tidak semua browser support Menu CSS3, untuk melihat tabel browser mana saja yang support dengan CSS3, bisa dilihat di www.findmebyip.com
Pertanyaanya adalah Bagaimana proses diatas bisa sampai terjadi.. ?
Yang perlu anda sisipkan adalah kode CSS3 dan HTML di bawah ini.
<style type="text/css">
.menuqu ul li{display: inline;}
.menuqu1 { padding: 2px 0.5em; text-decoration: none; float: left; color: black; background: #4FCF26; border: 2px solid #fff; list-style: none;
-webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out; -webkit-transform:rotate(-25deg);-moz-transform:rotate(-25deg);-o-transform:rotate(-25deg);
}
.menuqu2 { padding: 2px 0.5em; text-decoration: none; float: left; color: black; background: #BFDCFF; border: 2px solid #fff; list-style: none;
-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out; -webkit-transform:rotate(25deg);-moz-transform:rotate(25deg);-o-transform:rotate(25deg);
}
.menuqu1:hover, .menuqu2:hover{ background: #F0BFFF; color:#ccc;
-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg)
}
</style>
<div class="menuqu">
<ul>
<li class="menuqu1"><a href='http://lora-malunk.blogspot.com'>Home</a></li>
<li class="menuqu2"><a href='URL 1'>Menu1</a></li>
<li class="menuqu1"><a href='URL 2'>Menu2</a></li>
<li class="menuqu1"><a href='URL 3'>Menu3</a></li>
<li class="menuqu2"><a href='URL 4'>Menu4</a></li>
<li class="menuqu1"><a href='URL 5'>Menu5</a></li>
</ul>
</div>
Masukkan ke Gadget HTML/JavaScript
Yang perlu diperhatikan dari kode diatas adalah kode yang berwarna merah, dan angka yang ada disekitarnya.
- angka 0.5s menandakan waktu perubahan dari animasi
- angka 25deg menandakan rotasi perputaran dari area menu
- angka 0deg menandakan bentuk akhir dari rotasi perputaran dari area menu
- untuk huruf menuqu1 dan menuqu2 merupakan kode untuk kondisi dari properti yang telah di tentukan pada kode CSS3-nya
Rabu, 16 November 2011
Kapal Jatim - Kenduri Agung Pengabdi Lingkungan Jawa Timur
Kapal Jatim Apa Itu ...? Kapal Jatim dalam lingkungan kesadaran dan pergerakan lingkungan di Jawa Timur merupakan akronim dari "Kenduri Agung Pengabdi Linkungan (KAPAL JATIM)". Gagasan ini muncul dalam lingkungan Jawa Timur yang difasilitasi Pemerintah Provinsi Jawa Timur dalam kepemimpinan Bapak. Dr. H. Soekarwo, Gubenur Jawa Timur. Kapal Jatim memliki cita dan harapan bagi pembangunan Indonesia yang diimpikan sebagai poros perubahan yang membawa kelestarian fungsi lingkungan hidup dengan menampung pikiran-pikiran praksis para pengabdi yang mau terus mendedikasikan hidupnya bagi kepentingan lingkungan. Kapal Jatim pada akhirnya menjadi suatu langkah partisipatif yang berusaha menggelorakan Semangat Lingkungan Bagi Jawa Timur Untuk Indonesia Yang Bersih, Hijau dan Biru.
Oleh karena itu, Kapal Jatim diagendakan dengan semangat dasar : Kapal Jatim, Green Spirit Dari Jawa Timur untuk Indonesia Bersih, Hijau dan Biru. Indonesia bersih berkaitan dengan penyelenggaraan pemerintahan da kehidupan warganya yang sesuai dengan prinsip-prinsip Good Governance yang berbasiskan pancasila. Indonesia Hijau adalah substansi dari pengembangan wawasan kebangsaan yang peduli kepentingan ekologisnya. Indonesia Biru merupakan lambang perwujudan udara bersih yang disimbolkan dengan agenda kerja kolektif yang lazim disebut Program Langit Biru. Udara Indonesia harus brsih dan menyehatkan bagi generasi sekarang maupun mendatang. Kapal Jatim sebagai perhimpunan para Pengabdi Lingkungan mencoba mengambil peran penguatan komitmen masyarakat dalam perlindungan dan pengelolaan lingkungan hidup dengan fasilitasi Pemerintah Propensi Jawa Timur. Dengan demikian Kapal Jatim bersinergi dengan Pemerintah Provinsi Jawa Timur untuk memberikan darma bakti dan tanggung jawab hidup dalam menjaga tatanan ekologis Indonesia yang baik dan sehat.
Hal ini berarti Kapal Jatim sesungghnya hendak memberikan kontribusi yang bermakna bagi Jawa Timur dan Indonesia secara ekologis spektrum gerakan damai masyarakat peduli linkungan. Lingkungan harus menjadi parameter sekaligus variabel penentu setiap prilaku seseorang termasuk dalam pembuatan kebijakan publik yang dilakukan oleh pemerintah dalam semua tingkatan. Penyelenggaraan Kapal Jatim 2011 ini pada titik yang paling simplistik adalah guna mengorbankan daya juang agar Tuhan tidak memainkan jemarinya dalam menguntai alam dalam satu vas bunga yang seragam. Lingkungan Jawa Timur dan Indonesia pada hakekarnya mengejawantahkan pesan Tuhan yang sangat fantastis mengenal jejaring lingkungan dan manusia pada bingkai yang harmonis dan seimbang. Para Pengabdi Lingkungan yang tergabung dalam Kapal Jatim niscaya terpanggil untuk turut memanggul peran meneguhkan komitmen bagi perlindungan dan pengelolahan lingkungan hidup yang lebih baik.
Sekali lagi. Kapal Jatim hadir secara tematik dalam rangka meningkatkan peranserta masyarakat untuk memberikan perlindungan dan pengolahan lingkungan hidup di Jawa Timur. Untuk langkah tersebut itulah dibutuhkan gerakan publik yang partisipatoris yang tergabung pada wadah Kapal Jatim dengan melibatkan seluruh lapisan masyarakat dan lintas komunitas yang selama ini belum diorganisir di Jawa Timur yang didukung Pemerintah Provinsi Jawa Timur. Eksistensi dan fungsi Kapal Jatim pada akhirnya akan diuji oleh zamannya dalam mengawal dan ekosistem Jawa Timur bersama-sama dengan Pemerintah Provinsi Jawa Timur. Semoga Allah SWT. Tuhan Yang Maha Mulia selalu memberkahi kita.
Hal ini berarti Kapal Jatim sesungghnya hendak memberikan kontribusi yang bermakna bagi Jawa Timur dan Indonesia secara ekologis spektrum gerakan damai masyarakat peduli linkungan. Lingkungan harus menjadi parameter sekaligus variabel penentu setiap prilaku seseorang termasuk dalam pembuatan kebijakan publik yang dilakukan oleh pemerintah dalam semua tingkatan. Penyelenggaraan Kapal Jatim 2011 ini pada titik yang paling simplistik adalah guna mengorbankan daya juang agar Tuhan tidak memainkan jemarinya dalam menguntai alam dalam satu vas bunga yang seragam. Lingkungan Jawa Timur dan Indonesia pada hakekarnya mengejawantahkan pesan Tuhan yang sangat fantastis mengenal jejaring lingkungan dan manusia pada bingkai yang harmonis dan seimbang. Para Pengabdi Lingkungan yang tergabung dalam Kapal Jatim niscaya terpanggil untuk turut memanggul peran meneguhkan komitmen bagi perlindungan dan pengelolahan lingkungan hidup yang lebih baik.
Sekali lagi. Kapal Jatim hadir secara tematik dalam rangka meningkatkan peranserta masyarakat untuk memberikan perlindungan dan pengolahan lingkungan hidup di Jawa Timur. Untuk langkah tersebut itulah dibutuhkan gerakan publik yang partisipatoris yang tergabung pada wadah Kapal Jatim dengan melibatkan seluruh lapisan masyarakat dan lintas komunitas yang selama ini belum diorganisir di Jawa Timur yang didukung Pemerintah Provinsi Jawa Timur. Eksistensi dan fungsi Kapal Jatim pada akhirnya akan diuji oleh zamannya dalam mengawal dan ekosistem Jawa Timur bersama-sama dengan Pemerintah Provinsi Jawa Timur. Semoga Allah SWT. Tuhan Yang Maha Mulia selalu memberkahi kita.
"Anda juga bisa berlangganan artikel-artikel terbaru dari saya, silahkan anda masukkan email pada forum Langganan Via Email yang ada disebelah kanan atas.
Jangan lupa luangkan waktu untuk berkomentar di Lora Malunk Blog Terima Kasih."
Selasa, 15 November 2011
Membuat Recent Post Dengan Gambar Menggunakan Efek Marquee
By Unknown | At 10.08 | Label :
Tutorial Blog
| 0 Comments
Kalau yang hari kemarin saya sempat membahas tentang Cara Membuat Tombol Slide Dengan Efek JQuery, tutorial blog kali ini saya akan coba share mengenai Tampilan recent post ini lebih mantab, apalagi setiap artikel atau posting yang ada di web atau blog kita disertai dengan gambar. Selain itu kita bisa menampilkan seluruh artikel atau posting, dari yang masih baru hingga yang sudah lama sekalipun. Intinya recent post ini dilengkapi dengan fitur image.
Lihat Gambarnya dibawah ini.
Lalu bagaimana menambahkan ke blog maupun web.
Langkah 1
Login ke blogger dengan ID anda.
Langkah 2
Klik Rancangan dan pilih Elemen Laman
Langkah 3
Tambah Gadget
Langkah 4
Pada jendela baru anda Anda pilih gadget HTML/JavaScript
Langkah 5
Copy dan paste kode dibawah ini pada gadget tersebut :
<div style="float: left;text-align: center;height:253px;padding:5px 5px 0px 5px;background-color: #E7E6E9;border:2px solid #AAAAAA;box-shadow: 2px 2px 2px #818181;-webkit-box-shadow: 2px 2px 2px #818181;-moz-box-shadow: 2px 2px 2px #818181;color:#ffffff; ">
<marquee direction="left" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="3" width="100%" height="214px" border="1">
<script language="JavaScript">
imgr = new Array();
showRandomImg = true;
boxwidth = 250;
cellspacing = 10;
borderColor = "#fff";
bgTD = "#ccc";
thumbwidth =200;
thumbheight = 150;
fntsize = 11;
acolor = "#ffffff";
aBold = false;
icon = " ";
text = "comments";
showPostDate = false;
summaryPost = 60;
summaryFontsize = 10;
summaryColor = "#ffffff";
icon2 = " ";
numposts = 100;
home_page = "GANTI DENGAN ULR BLOG ANDA";
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){if(strx.indexOf("<")!=-1){var s=strx.split("<");for(var i=0;i<s.length;i++){if(s[i].indexOf(">")!=-1){s[i]=s[i].substring(s[i].indexOf(">")+1,s[i].length);}}strx=s.join("");}chop=(chop<strx.length-1)?chop:strx.length-2;while(strx.charAt(chop-1)!=' '&&strx.indexOf(' ',chop)!=-1)chop++;strx=strx.substring(0,chop-1);return strx+'...';}function showrecentposts(json){document.write('<table width="250px' +boxwidth+'" border=0 bordercolor="#cccccc" align="left" cellspacing="10px'+cellspacing+'5px" bgcolor="#ffffff'+borderColor+'">');j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var pcm;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break;}}for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){pcm=entry.link[k].title.split(" ")[0];break;}}if("content"in entry){var postcontent=entry.content.$t;}else if("summary"in entry){var postcontent=entry.summary.$t;}else var postcontent="";postdate=entry.published.$t;if(j>imgr.length-1)j=0;img[i]=imgr[j];s=postcontent;a=s.indexOf("<img");b=s.indexOf("src="",a);c=s.indexOf(""",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!=""))img[i]=d;cmtext=(text!='yes')?'<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>':'';var month=[1,2,3,4,5,6,7,8,9,10,11,12];var month2=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];var day=postdate.split("-")[2].substring(0,2);var m=postdate.split("-")[1];var y=postdate.split("-")[0];for(var u2=0;u2<month.length;u2++){if(parseInt(m)==month[u2]){m=month2[u2];break;}}var daystr=(showPostDate)?'<i><font color="'+acolor+'"> - ('+day+' '+m+' '+y+')</font></i>':"";posttitle=(aBold)?"<b>"+posttitle+"</b>":posttitle;var trtd='<td><div style="float: left;width:200px;margin-bottom:5px;padding:0px 0px 0px 0px;background-color: rgb(204, 204, 204);border:2px solid #AAAAAA;box-shadow: 2px 2px 2px #818181;-webkit-box-shadow: 2px 2px 2px #818181;-moz-box-shadow: 2px 2px 2px #818181;"><img src="'+img[i]+'" width="'+thumbwidth+'" height="'+thumbheight+'"/></div><br /><div style="float: left;text-align: center;width:190px;height:45px; padding:5px 5px 0px 5px;background-color: #E7E6E9;border:2px solid #AAAAAA;box-shadow: 2px 2px 2px #818181;-webkit-box-shadow: 2px 2px 2px #818181;-moz-box-shadow: 2px 2px 2px #818181;color:#ffffff; "><style="font-size: 10px; text-decoration:none; color: #ffffff;><a href="'+posturl+'">'+posttitle+'</a></div>';if(summaryPost==0){trtd='<td><img src="'+img[i]+'" width="'+thumbwidth+'" height="'+thumbheight+'"/></td>';}document.write(trtd);j++;}document.write('</table>');}document.write("<script src=""+home_page+"feeds/posts/default?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts"></script>");document.write("<script src=""+home_page+"feeds/posts/default?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts"></script>");document.write('<a href="http://www.carabuatwebgratis.com/" target="_blank"> <img src="http://farm7.static.flickr.com/6115/6298335612_07281db88b_t.jpg" width="80" height="15" alt="Link Top Tutorial Blog" /></a>');//]]></script></marquee></div>
Catata:
numposts = 100; (Jumlah recent post yang akan ditampilkan)
home_page = "GANTI DENGAN ULR BLOG ANDA";
Langkah 6
Simpan dan lihat hasilnya
Selesai sudah tutorial kali ini, Selamat mencoba dan Semoga bermanfaat.
Anda juga bisa berlangganan artikel-artikel terbaru dari saya, silahkan anda masukkan email pada forum Langganan Via Email yang ada disebelah kanan atas.
Jangan lupa luangkan waktu untuk berkomentar di Lora Malunk Blog......Terima Kasih.
Membuat Menu Link Bergoyang
Langkah 1
Login ke blogger dengan akun anda.
Langkah 2
Klik Rancangan.
Langkah 3
Dan KLik tab Edit HTML.
Langkah 4
Cari kode di bawah ini atau yang mirip dengan kode ini : </head>
Langkah 5
Copy kode di bawah ini dan letakkan sebelum kode : </head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function()
{
slide("#sliding-navigation", 25, 15, 150, .8);
});
function slide(navigation_id, pad_out, pad_in, time, multiplier)
{
// creates the target paths
var list_elements = navigation_id + " li.sliding-element";
var link_elements = list_elements + " a";
// initiates the timer used for the sliding animation
var timer = 0;
// creates the slide animation for all list elements
$(list_elements).each(function(i)
{
// margin left = - ([width of element] + [total vertical padding of element])
$(this).css("margin-left","-180px");
// updates timer
timer = (timer*multiplier + time);
$(this).animate({ marginLeft: "0" }, timer);
$(this).animate({ marginLeft: "15px" }, timer);
$(this).animate({ marginLeft: "0" }, timer);
});
// creates the hover-slide effect for all link elements
$(link_elements).each(function(i)
{
$(this).hover(
function()
{
$(this).animate({ paddingLeft: pad_out }, 150);
},
function()
{
$(this).animate({ paddingLeft: pad_in }, 150);
});
});
}
//]]>
</script>
<style type="text/css">
ul.listpanah {list-style-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQB6vQAawqADg2MDmab5aV4T8zQYHq9-03_Lw5ff-rvFW5F5UwGADsYg22XyaEgBYK_j-78Skuqq76pjvKrz8uxxFwz4hzC9LxQNXvhA59x8yBu4CnuwJGe7QdK-OBWg6cUCvEh9bq6Mtd/s12/List+6.jpg');}
a:link {color:#000;text-decoration:none;}
a:visited {color:#000;text-decoration:none;}
a:hover {color:#669CFF;text-decoration:none;}
</style>
STOP...! Jangan tutup dulu Tutorial masih belum usai perjalanannya Kita.
Langkah selanjutnya anda tinggal menampilkan Link senggol tersebut pada sidebar blog anda. Berarti anda tinggal menambah gadget. Perhatikan langkah berikut :
1. Klik Rancangan dan pilih Elemen Laman
2. Tambah Gadget
3. Pada jendela baru anda Anda pilih gadget HTML/JavaScript
4. Copy dan paste kode dibawah ini pada gadget tersebut :
<div class id="sliding-navigation">
<ul class="listpanah">
<li class="sliding-element"><a href="GANTI ULR"target="_blank">JUDUL/NAMA LINK1</a></li>
<li class="sliding-element"><a href="GANTI ULR"target="_blank">JUDUL/NAMA LINK 2</a></li>
<li class="sliding-element"><a href="GANTI ULR"target="_blank">JUDUL/NAMA LINK3</a></li>
<li class="sliding-element"><a href="GANTI ULR"target="_blank">JUDUL/NAMA LINK 4</a></li>
<li class="sliding-element"><a href="GANTI ULR"target="_blank">JUDUL/NAMA LINK 5</a></li>
<li class="sliding-element"><a href="GANTI ULR"target="_blank">JUDUL/NAMA LINK6</a></li>
<li class="sliding-element"><a href="GANTI ULR"target="_blank">JUDUL/NAMA LINK 7</a></li>
<li class="sliding-element"><a href="GANTI ULR"target="_blank">JUDUL/NAMA LINK 8</a></li>
<li class="sliding-element"><a href="GANTI ULR"target="_blank">JUDUL/NAMA LINK9</a></li>
<li class="sliding-element"><a href="GANTI ULR"target="_blank">JUDUL/NAMA LINK 10</a></li>
</ul></div>
Selesai sudah tutorial kali ini, Selamat mencoba dan Semoga bermanfaat.
Anda juga bisa berlangganan artikel-artikel terbaru dari saya, silahkan anda masukkan email pada forum Langganan Via Email yang ada disebelah kanan atas.
Jangan lupa luangkan waktu untuk berkomentar di Lora Malunk Blog......Terima Kasih.
Jumat, 11 November 2011
Agnes Monica Jadi Rebutan Blogger Mania
Akhir akhir ini Berita Tentang Agnes Monica mulai menguak di dunia maya. Diantaranya berita masalah Pacar Terbaru Agnes Monica dan Agnes Monica Jadi Rebutan Blogger Mania. Dimana berita dan info tersebut sudah banyak yang bertanya-tanya mengenai hubungannya Agnes Monica dengan Lora Malunk.
Hari Kamis kemarin seorang wartawan dari Blogger Mania. Mendatangi kediamannya Lora Malunk. Malunk sempat menepis berita dan info mengenai hubungannya dengan Agnes Monica. Bahwasannya Lora Malunk dengan Agnes tidak mempunya hubungan apa-apa hanya sekedar GOSIP alias G U Y O N A N.
Ketika Lora Malunk ditanyain Sil-silah mengenai Keturunannya. Lora Malunk langsung memberikan sebuh kertas yang bertulisan Sil-silah Keturunan Agnes Monica. Dibawah ini tampilan dari Sil-silah Agnes Monica.
Berita dan Info ini bertujuan untuk mencari Up Trafik dengan Kata Kunci Agnes Monica Jadi Rebutan Blogger Mania. Dan kami sebagai Admin Lora Malunk Blog tidak mempunyai tujuan untuk Menjelek-jelekan Popularitas Agnes Monica. Saya disini hanya untuk berbagi info dan berita menarik dan saling menjalin hubungan silaturrahmi demi mempererat tali persaudaraan kita sebagai seorang Blogger Mania.
Semoga dengan info dan berita ini Popularitas Agnes Monica Lebih Naik lagi demi mengharumkan nama Bangsa Kita INDONESIA.
SEKIAN TERIMA KASIH.
Kamis, 10 November 2011
Pacar Terbaru Agnes Monica
Info Pacar Terbaru Agnes Monica: Kian top setibanya dari negeri paman sam, Agnes kini tiada hentinya membawa nama Indonesia semakin dikenal banyak orang, kini Angnes sibuk mengejar karier untuk go internasional, Agnes Monica menomor duakan kehidupan cintanya. Tapi bukan berarti ia menutup hatinya rapat-rapat dari kaum pria.
Tak hanya itu, Agnes Monica juga akan mencari tahu maksud dari si pria yang sedang mencoba mendekatinya. Ia secara pelan-pelan akan melakukan penilaian terhadap para pria yang mendekatinya itu. Tutur Agnes karena dalamnya lautan masih bisa diukur akan tetapi kalau dalamnya hati tidak ada yang bisa mengukur.
Kini yang menjadi tanda tanya besar bagi Agnes Monica adalah siapa Pacar Terbaru Agnes Monica...? Nah saya akan memberikan suatu gambaran atau peria yang pernah Agnes pacarin. Dan disini ada salah satu foto yang masih berisi tanda tanya. Siapakah dia...??
Daftar Pacar Agnes Monica Terbaru
 |  |  |
Cowok Dibawah Ini
Yang Menjadi Tanda Tanya Besar Bagi Agnes Monica
Yang Menjadi Tanda Tanya Besar Bagi Agnes Monica
 |
Terima kasih atas semauanya yang sudah sudi berkunjung di blognya Lora Malunk. Selamat menikmati Info dan Berita Terbaru Pacar Terbaru Agnes Monica.
Rabu, 09 November 2011
Cara Meningkatkan Peringkat Halaman Blog dan Web
Selamat pagi sahabat blogger semua, pastinya sahabat sudah tau dengan yang nama (PRchecker.info) akan tetapi ada sebagian sobat blogger yang belum tau sama seluk beluk tentang PRchecker.info, PRchecker.info ini menyimpan sebuah rahasi. Apa itu Gan...? ini dia (Cara Meningkatkan Peringkat Halaman Blog dan Web). PRchecker.info adalah Web Hosting & Webmaster direktori Sumber menyediakan link yang berguna untuk web hosting, blogger, web desain, promosi web, perangkat lunak dan webmaster situs web terkait serta cara untuk pertukaran link timbal-balik dan dengan demikian untuk meningkatkan situs web Anda peringkat halaman dan jalur menuju search engine!
» Dalam rangka untuk meningkatkan peringkat halaman web/blog anda ke salah satu webmaster berikut (untuk mengirimkan situs/blog Anda ke direktori Top 10 Web Hosting), silakan kunjungi situs PRchecker.info dan isi formulirnya dengan lengkap:
» Sobat bisa langsung melalui Link ini PRchecker.info
» Sahabat blogger ingin tau siap Web Hosting Paling Top ini dia "Daftar 10 Web Hosting Paling Top" melalui link ini Best 10 Web Hosting
» Saya berharap semoga postingan ini bermanfaat buat sahabat blogger semua. Terima kasih
Sabtu, 05 November 2011
Download Windows 7 Free Full Version
By Unknown | At 06.33 | Label :
Software Gratis
| 0 Comments
Microsoft Windows 7 OEM EN 48 in 1 For All Laptop/PC x86 and x64. In the disk has all 48 versions of Microsoft Windows 7. Perfect copies of the OEM - or any activation, cracks and amendments. All versions of English (ENG), updates are available. You get a virgin system, each of which can recreate in their what specifically needed
- Windows 7 MSDN Ultimate 32-bit
- Windows 7 MSDN Professional 32-bit
- Windows 7 MSDN Home Premium 32-bit
- Windows 7 MSDN Home Basic 32-bit
- Windows 7 MSDN simplified version of 32-bit
- Windows 7 MSDN Ultimate 64-bit
- Windows 7 MSDN Professional 64-bit
- Windows 7 MSDN Home Premium 64-bit
- Windows 7 MSDN Home Basic 64-bit
- Windows 7 OEM Ultimate 32-bit general-purpose
- Windows 7 OEM Universal Professional Edition 32-bit
- Windows 7 OEM Home Premium 32-bit general-purpose
- Windows 7 OEM Universal Home Basic 32-bit
- Windows 7 OEM Vervison of 32-bit general-purpose summary
- Windows 7 OEM Ultimate 64-bit general-purpose
- Windows 7 OEM Universal Professional Edition 64-bit
- Windows 7 OEM Home Premium 64-bit general-purpose
- Windows 7 OEM Universal Home Basic 64-bit
Rabu, 02 November 2011
Jogja Hip Hop Foundation Keluarkan Mantra-Mantra Jawa di New York
Jogja Hip Hop Foundation Keluarkan Mantra-Mantra Jawa di New York - Akhirnya mimpi itu terwujud juga. Prosesnya sangat berbelit, tidak gampang menghadirkan Jogja Hip Hop Foundation (JHF) ke New York .
Pertama, banyak masalah teknis sehingga pementasan ekslusif JHF di New York ini harus mundur hingga tiga kali sejak Desember 2010, kemudian Januari 2011, dan akhirnya terlaksana Mei 2011.
Kedua, bagaimana memberikan konteks yang tepat pementasan ekslusif ini kepada publik di New York, mengingat JHF menggunakan lirik dan musik hip hop yang berpijak pada akar tradisi Jawa.
Namun dengan komitmen yang tinggi dari Asia Society, sebuah institusi prestisius pertukaran seni dan budaya antara Asia – USA, akhirnya berhasil menghadirkan JHF di New York, sebuah group hip hop Indonesia pertama yang konser secara ekslusif di kota kelahiran musik hip hop.
New York bukanlah kota yang mudah untuk ditaklukkan. Namun New York juga kota yang sangat multikultur, dimana orang dari seluruh dunia ada di sana, dengan demikian New York bisa menerima dan menghargai perbedaan.
Rachel Cooper, sebagai direktur program seni pertunjukkan Asia Society, mengkonfirmasikan kepada saya seusai pentas;
“Awalnya saya sempat khawatir dengan publik Amerika yang skeptis terhadap program ini, Java Hip Hop? So what? Tapi setelah pertunjukan merasa lega, karena JHF sangat pandai mengikis perbedaan dengan komunikasi yang dibangun diatas panggung”.
Mendengar hal itu, saya kemudian melihat diri kami sendiri. Bagi kami, JHF adalah realitas, bukan sekedar produk yang diciptakan, kami selalu menikmati musik dan panggung dengan gairah yang penuh dan jujur. Kami selalu percaya, bahwa kejujuran akan membawa penonton masuk ke dalam jiwa pertunjukkan dan mengikis segala perbedaan, termasuk bahasa.
Seluruh penonton di auditorium itu menangkap energi yang kami berikan, hingga meninggalkan kursi dan berdiri untuk bergoyang mengikuti hentakan musik hip hop foundation dalam bingkai mantra-mantra Jawa. Seni selalu bisa menjebatani perbedaan, membangun kesepahaman, memanggil jiwa manusia untuk saling berbincang dalam bahasanya sendiri.
Seperti halnya seniman tradisional yang agraris, kepada musik, kepada panggung, kami selalu percaya. Bukan kepada yang lain.
Seminggu di New York, adalah bingkai waktu yang spesial bagi kami, ini adalah kota dimana rap musik dan kultur hip hop lahir. Orang menyebutnya perjalanan ke New York adalah naik haji ala hip hop.
Seluruh crew JHF sangat senang bisa menghadiri block party di distrik Bronx, dimana rap musik lahir di sana, berfoto bersama legenda, dan menikmati attitude yang kasar khas distrik tersebut.
Selain itu kami juga menyempatkan diri membuat klip dengan mengambil lokasi di Time Square NYC, bernyanyi di tengah kerumunan dan mengundang perhatian publik. Kami benar-benar menguasai ruang publik itu. Sebuah komentar twitter saya pinjam untuk menggambarkan situasi ini;
“a Java Hip Hop Crew with Batik shirt, oversized pant, with no lots of jet leg, hit Time Square NYC”.
Pada dua hari terakhir, teman-teman berbelanja seperti orang gila. Membeli aneka cindera mata untuk orang-orang tersayang. Seolah tidak ada hari esok, seolah kami tidak akan bisa kembali lagi ke New York.
Namun oleh-oleh yang paling menggembirakan adalah proposal dari Center Stage US, sebuah program yang menawarkan proposal tour 10 kota untuk JHF tahun 2012.
Sepulang dari New York, kami merencanakan sebuah konser di tengah kampung dengan sound system seadanya, dari sana kami berasal.
Artikel From :hiphopdiningrat.com
Hip Hop Foundation Jogja Sukses Konser di New York
Jogja Hip Hop Foundation - Raut muka Marzuki Muhammad (Kill The DJ) tampak begitu sumringah saat saya temui di belakang panggung pentas seni sebuah SMA di Yogyakarta. Wajar jika ia tampak senang, pada tanggal 14 Mei lalu ia bersama grup yang dikomandaninya baru saja merampungkan pementasan di New York dengan sukses.
Jogja Hip Hop Foundation (JHF) sendiri baru mendarat ke Yogyakarta dua hari sebelumnya dan harus segera latihan untuk tampil di acara pentas seni tersebut. Juki begitu ia biasa disapa kemudian menceritakan bagaimana pengalaman JHF tampil di New York, kota kelahiran musik Hip Hop.
“Tampil disana seperti Naik Haji Hip Hop,” ujarnya diselingi tawa berderai saat membuka perbincangan.
Kisah sukses JHF di New York berawal enam bulan lalu tatkala Consortium Art and Culture dari negeri Paman Sam datang ke Yogyakarta. “Ada beberapa orang yang diundang untuk presentasi karya, JHF coba presentasi disana. Kita presentasinya biasa aja, nggak ngomong soal yang berat-berat, soalnya bagi kami hip-hop dan hidup udah jadi kaya keseharian ya tinggal cerita aja, eh malah kami yang kepilih,” ujar Juki sambil tertawa.
Berkat keberhasilannya itu mereka akhirnya diboyong ke negeri kelahiran musik hip-hop pada bulan Mei 2011. Awalnya grup yang juga masuk dalam album kompilasi Jogja Istimewa 2010 ini direncanakan tampil di New York dan San Fransisco pada Desember 2010 lalu.
“Karena ada kendala yang sifatnya teknis akhirnya kami hanya tampil di New York bulan ini,” jelas Juki.
JHF akhirnya tampil di Asia Society 725 Park Avenue pada 14 Mei lalu. Asia Society adalah LSM yang berkonsentrasi pada pertukaran kebudayaan antara Amerika dengan negara-negara di Asia. Yang patut diacungi jempol adalah konser di Asia Society tersebut adalah konser tunggal yang diadakan khusus untuk JHF.
“Konser kami disana dikasih judul ‘Java Hip Hop’, mungkin itu karena beranjak dari pertanyaan sebenarnya musik hip-hop itu global atau lokal,” ujar Juki.
Hampir senada dengan Juki, Asia Society sendiri dalam situsnya menjelaskan sisi unik JHF dengan menyatakan, “The group creates a unique musical dialogue as they meld global rhythms, traditional gamelan music and a love of Javanese language into a new form.”
Pementasan JHF di kota Big Apple pun dihadiri tiga ratus orang yang delapan puluh persennya adalah warga New York. “Jelas bangga ya, kami sebenarnya nggak punya tendensi gimana-gimana tapi malah jadi grup hip-hop pertama yang diundang ke New York, ngeliat Bronx yang deket banget sama hip-hop bikin energi baru rasanya,” ungkap Juki.
Tak hanya mengisi hari-hari di New York dengan konser. JHF juga melakukan pembuatan video klip lagu mereka yang berjudul “Jula Juli Lolipop”.
Belum selesai euforia keberhasilan konser di New York, Jogja Hip Hop Foundation kembali membuktikan hip-hop Jawa tak boleh dipandang sebelah mata. Mereka juga telah menandatangani kontrak tur sepuluh kota di Negeri Paman Sam pada 2012 mendatang.
“Kami udah kontrak tur di sepuluh kota di Amerika, jadi itu semacam program mempresentasikan seniman-seniman dari luar Amerika untuk membangun kesepahaman, selain kita misalnya juga ada grup rap dari Pakistan,” jelas Juki mengenai tur mereka dua tahun mendatang.
Juki kemudian menutup perbincangan dengan menceritakan apa yang mereka dapat dari penampilan di New York.
“Disana kami jadi sadar bagaimana energi hip-hop kaya lahir kembali, spirit kami kan sebenarnya ala seniman Jathilan yang jujur dan gimana meresap dalam kehidupan sehari-hari, kami akhirnya jadi percaya pada energi dan kejujuran karya, kejujuran itu yang buat energi dari karya kami keluar dan diakui,”
Sumber Artikel ini: indofiles.org
Membuat Menu Chunky CSS3
Menu adalah bagian dari yang terpenting bagi pembuatan web atau blog. tanpa menu jangan harap web atau blog anda disegani oleh pengunjung. Maka dari itu kami akan memberikan suatu cara atau trik Membuat Menu Chunky CSS3 dengan menu tersebut web atau blog anda sedikit banyak terbantu. Akan tetapi sebelum anda melakukan trik tersebut, alangkah baiknya anda lihat dulu demo, agar tau bentuk dan model menunya seperti apa.
Setelah anda melihat demonya, kalau anda tertarik dengan Menu Chunky CSS3 saya akan memberikan triknya berikut ini :
Langkah 1
Silahkan Copy Code Css Di bawah ini dan Letakan Di atas Code ]]></b:skin>
#top_navigation {
background : transparent;
width: 800px;
height : 77px;
list-style : none;
margin-top : 7px;
margin-bottom : 11px;
width : 100%;
}
ul.nav {
background : transparent;
width: 800px;
height : 57px;
line-height : 31px;
list-style : none;
padding : 0 10px;
font-size : 14px;
}
ul.nav li {
display : inline;
padding : 0;
background : transparent;
}
ul.nav a {
background : transparent;
height : 30px;
font-size : 16px;
color : #808080;
float : left;
padding : 11px 19px 11px 16px;
text-decoration : none;
border-top: 1px solid #252525;
border-bottom : 4px solid #252525;
border-left : 1px solid transparent;
border-right : 1px solid transparent;
border-radius : 4px;
-moz-border-radius : 4px;
-webkit-border-radius: 4px;
}
ul.nav a:hover {
background : #252525;
border-top : 1px solid #252525;
border-bottom : 4px solid #000;
border-left : 1px solid #252525;
border-right : 1px solid #252525;
color : #FFF;
padding : 11px 19px 11px 16px;
border-radius : 4px;
-moz-border-radius : 4px;
-webkit-border-radius: 4px;
}
Langkah 2
Simpanlah Templates anda yang baru saja ditambahkan CSS3
Langkah 3
Copy Code HTML Di bawah ini dan Letakan Di Add Gadget ->> HTML/Javascript
<div id="top_navigation">
<ul class="nav">
<li><a href="#"> Home </a></li>
<li><a href="#"> Your Blog </a></li>
<li><a href="#"> About You </a></li>
<li><a href="#"> More stuff </a></li>
<li><a href="#"> Contact </a></li></ul></div>
Langkah 4
Sampai disini dulu trik kali ini selamat mencoba
Senin, 31 Oktober 2011
Cara Membuat Floating Images
By Unknown | At 02.40 | Label :
Tutorial Blog
| 0 Comments
Floating Images adalah membuat tampilan gambar/image menjadi statis berada di halaman blog sehingga akan menambah estetika tampilan blog Anda, dan anda dapat mengatur sendiri dimana posisi yang pas buat floting images anda entah sebelah kanan , kiri ,atas bawah yang selalu ikut bila kita scroll ke bawah dan ke atas. Floating images juga berfungsi untuk Pemasangan Iklan Jitu atau jg gambar yg kita mau.
Dibawah ini gambaran codenya :
Posisi bawah-kiri (dengan Link)
<a style="display:scroll;position:fixed;bottom:0;left:0;" href="URL link yang dituju" target="_blank"><img src="URL gambar berada" /></a>
Posisi bawah-kanan (dengan Link)
<a style="display:scroll;position:fixed;bottom:0;right:0;" href="URL link yang dituju" target="_blank"><img src="URL gambar berada" /></a>
Posisi atas-kiri (dengan Link)
<a style="display:scroll;position:fixed;top:0;left:0;"href="URL link yang dituju" target="_blank"><img src="URL gambar berada" /></a>
Posisi atas-kanan (dengan Link)
<a style="display:scroll;position:fixed;top:0;right:0;" href="URL link yang dituju" target="_blank"><img src="URL gambar berada" /></a>
Selamat mencoba...!
Minggu, 30 Oktober 2011
Dian Pelangi - Rilis Abaya Kaftan
By Unknown | At 20.15 | Label :
Berita Baru
,
Bisnis Online
,
Info Terhangat dan Terpercaya
| 0 Comments
 |
| Dian Pelangi |
Garis busana muslim yang khas dengan bentuk longgar dipegang betul oleh desainer muda berbakat Dian Pelangi dalam menelurkan karyanya. Meski tak memeluk tubuh, busana yang diciptakannya pun tak kalah menarik dengan busana modern lainnya.
Model abaya, misalnya. Busana longgar seperti gamis yang berpotongan lurus ini menginspirasi Dian untuk memadankannya dengan kaftan agar terlihat menawan. Hasilnya, busana lebar yang memiliki sayap di bagian bawah tangan hingga sebatas pinggang.
Potongan yang semula lurus tanpa variasi pun disulap Dian menjadi sebuah kreasi berbeda, sehingga menciptakan keindahan dalam berbusana.
"Dalam rangka menyambut Idul Adha saya mengeluarkan busana dengan unsur serbaputih, meski ada juga dominasi warna lain. Menyoal model, untuk menekan kejenuhan pasar terhadap kaftan yang sempat ‘booming’, saya pun menciptakan abaya yang terinspirasi dari kaftan,".
Soal pemakaian bahan, Dian pun tak kalah berkreasi. Bahan tenun songket Palembang dan sifon dipadukannya untuk mendapatkan kesan khas Indonesia. Tak lupa, untuk menyiratkan sisi glamor saat Idul Adha tersebut, Dian menggunakan payet, serta bebatuan dari India berupa metal dan batu coral.
Hasilnya, puluhan busana yang dipamerkan dalam acara pergelaran busana di Pemilihan Model Indonesia 2011 di FX Life Style, Sudirman, Jakarta tersebut terlihat sangat indah. Kreasi abaya ala kaftan ditawarkan dengan warna-warna yang menggoda seperti toska, pink, putih, hijau, cokelat, dan beberapa warna lainnya. Tampilan di hari istimewa pun semakin sempurna.
Sumber artikel saya ambil dari : http://lifestyle.okezone.com
Kunjungi Juga Dian Pelangi Disini
Sabtu, 29 Oktober 2011
Membuat Galeri Foto Melingkar Dengan Jquery
By Unknown | At 00.50 | Label :
Jquery
| 0 Comments
Plugin ini benar-benar keren Anda dapat membuat lingkaran dari elemen html banyak yang Anda didefinisikan, yang berarti Anda tidak harus membuat formula untuk mengatur semua posisi elemen untuk membuat bentuk lingkaran.
Mari kita langsung Ke TKP :
Langkah 1
Anda Cukup Copy Paste Kode dibawah ini, Terserah anda mau ditaru dimana di postingan juga bisa di widget (HTML/JavaScript) juga bisa.
<!DOCTYPE html>
<html>
<head>
<title>JQuery Circle Gallery</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="jquery-1.6.min.js"></script>
<script type="text/javascript" src="jQuery.radmenu.min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function() {
var posc = $("#radial_container").position();
var left = $(window).width() / 2;
if ($.browser.opera) {
$("#big").css({"left": left - 122, "top": posc.top - 13});
} else {
$("#big").css({"left": left - 122, "top": posc.top + 3});
}
jQuery("#radial_container").radmenu({
listClass: 'list',
itemClass: 'item',
radius: 220,
animSpeed:800,
centerX: 0,
centerY: 150,
selectEvent: "click",
onSelect: function($selected) {
var imgindex = $selected.index() + 1;
$(".my_class").removeClass("selected");
$(".img"+imgindex).addClass("selected");
$("#big").css("background-image", "url('images/"+imgindex+".jpg')");
},
angleOffset: 0
});
jQuery("#radial_container").radmenu("show");
});
</script>
<style>
body{
background: #f3f3f3;
}
#radial_container {
position:relative;
margin: 0 auto;
top: 80px;
height: 20px;
width: 20px;
}
.radial_div_item {
}
.radial_div_item.active {
z-index: 100;
}
.my_class {
cursor: pointer;
height: 75px;
width: 75px;
border: 5px solid #333;
-moz-border-radius: 45px;
-webkit-border-radius: 45px;
border-radius: 45px;
-webkit-box-shadow: 1px 1px 10px rgba(0,0,0,.5);
-moz-box-shadow: 1px 1px 10px rgba(0,0,0,.5);
box-shadow: 1px 1px 10px rgba(0,0,0,.5);
position: relative;
text-align: center;
font-size: 12px;
font-weight: bold;
font-family: "Arial";
}
.my_class:hover {
border-color: #0066cc;
}
.my_class:active {
-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,.5);
-moz-box-shadow: 1px 5px 1px rgba(0,0,0,.5);
box-shadow: 1px 1px 5px rgba(0,0,0,.5);
top: 2px;
border-color: #e3e3e3;
}
.img1 { background-image: url("images/thumbs/1.jpg"); }
.img2 { background-image: url("images/thumbs/2.jpg"); }
.img3 { background-image: url("images/thumbs/3.jpg"); }
.img4 { background-image: url("images/thumbs/4.jpg"); }
.img5 { background-image: url("images/thumbs/5.jpg"); }
.img6 { background-image: url("images/thumbs/6.jpg"); }
.img7 { background-image: url("images/thumbs/7.jpg"); }
.img8 { background-image: url("images/thumbs/8.jpg"); }
.img9 { background-image: url("images/thumbs/9.jpg"); }
.img10 { background-image: url("images/thumbs/10.jpg"); }
.selected {
border-color: #0066cc;
}
#big {
position: relative;
border: 5px solid #0066cc;
width: 300px;
height: 300px;
-moz-border-radius: 200px;
-webkit-border-radius: 200px;
border-radius: 200px;
-webkit-box-shadow: 1px 1px 10px rgba(0,0,0,.5);
-moz-box-shadow: 1px 1px 10px rgba(0,0,0,.5);
box-shadow: 1px 1px 10px rgba(0,0,0,.5);
}
</style>
</head>
<body>
<div id="radial_container">
<ul class="list">
<li class="item"><div class="my_class img1"></div></li>
<li class="item"><div class="my_class img2"></div></li>
<li class="item"><div class="my_class img3"></div></li>
<li class="item"><div class="my_class img4"></div></li>
<li class="item"><div class="my_class img5"></div></li>
<li class="item"><div class="my_class img6"></div></li>
<li class="item"><div class="my_class img7"></div></li>
<li class="item"><div class="my_class img8"></div></li>
<li class="item"><div class="my_class img9"></div></li>
<li class="item"><div class="my_class img10"></div></li>
</ul>
</div>
<div id="big"></div>
</body>
</html>
Langkah 2
Cukup sampai disini dulu Tip and Triknya, Dah capek muter-muter di Mbah Google.
Jumat, 28 Oktober 2011
Membuat Galeri Foto Dengan CSS
By Unknown | At 22.52 | Label :
CSS
| 0 Comments
Siang ini saya akan memberikan suatu Trik and Tip yang sangat sederhana meskipun cuacanya agak panas. tapi semangat untuk berbagi kesahabat blogger tetap berjalan sebagaimana mestinya.
Nah Trik kali ini Cara Membuat Galeri Foto dengan CSS, Mungkin ada sahabat yang masih belum tau bagaimana cara membuatnya. Santai...Santai....Santai (Kata Bung Rhoma) Lora Malunk Akan memberikan Trik dan Tipnya.
Lihat Dulu dan di teliti Cewek-cewek dibawah ini. ada yang menarik. Silahkan Diklik Fotonya.
Kumpulan Foto Dian Pelangi
Dian Pelangi Artis Model
Kumpulan Foto Nabila Syakieb
Foto Terbaru Aura Kasih
Kalau Sudah Melihat DEMONYA, Langsung saja :
Langkah 1
Copy Paste Kode dibawah ini ke Gadget (HTML/JavaScript), Bisa juga di pasang ke dalam Postingan.
<html>
<head>
<style type="text/css">
div.img
{
margin:2px;
border:1px solid #0000ff;
height:auto;
width:auto;
float:left;
text-align:center;
}
div.img img
{
display:inline;
margin:3px;
border:1px solid #ffffff;
}
div.img a:hover img
{
border:1px solid #0000ff;
}
div.desc
{
text-align:center;
font-weight:normal;
width:120px;
margin:2px;
}
</style>
</head>
<body>
<div class="img">
<a target="_blank" href="Lora-malunk_big.htm">
<img src="klematis_small.jpg" alt="loramalunkblog" width="110" height="90" />
</a>
<div class="desc">Add a description of the image here</div>
</div>
<div class="img">
<a target="_blank" href="Lora-malunk_big.htm">
<img src="klematis2_small.jpg" alt="loramalunkblog" width="110" height="90" />
</a>
<div class="desc">Add a description of the image here</div>
</div>
<div class="img">
<a target="_blank" href="Lora-malunk_big.htm">
<img src="klematis3_small.jpg" alt="loramalunkblog" width="110" height="90" />
</a>
<div class="desc">Add a description of the image here</div>
</div>
<div class="img">
<a target="_blank" href="Lora-malunk_big.htm">
<img src="klematis4_small.jpg" alt="loramalunkblog" width="110" height="90" />
</a>
<div class="desc">Add a description of the image here</div>
</div>
</body>
</html>
Langkah 2
Ingat...! Jangan asal Copy Paste dibaca dan diteliti dulu sebelum anda melakukan Trik ini.
Langkah 3
Tulisan yang saya cetak TEBAL anda ganti
1. Yang Berwarna Hitam : Ganti dengan URL Iklan/Postingan anda
2. Yang Berwarna Biru : Ganti dengan URL Gambar
3. Yang Berwarna Merah : Ganti description sesuka anda
Kamis, 27 Oktober 2011
Membuat Tombol Add Comment Dengan Efek Jquery Slider
Trik kali ini saya akan Membuat Sebuah Tombol Add Comment dengan Efek Jquery yang sempet di reques oleh temen Blog, Tip ini cocok untuk blog yang komentarnya banyak, maka pembaca membantu untuk menyeret bagian bawah untuk diposting komentar. Berikut efek tambahan Jquery slider, yang efeknya di ambil dari tombol Back To Top atau Kembali ke Atas.
Mari kita simak bersama trik kali ini :
Langkah 1
Masukkan CSS dibawah ini tepat di atas kode </b:skin>
a.add_comment{text-decoration:none;color:#fff}
.add_comment{float:right;padding:6px 10px;margin:20px;text-decoration:none;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:bold;text-align:center;display:inline-block;background:#d43131;background:-moz-linear-gradient(top,#ffaa9a,#f8674b 5%,#d54746);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ffa493),color-stop(.03,#f8674b),to(#d54746));filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#f8674b',EndColorStr='#d54746'); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#f8674b',EndColorStr='#d54746')";-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border:1px solid #d1371c;border-bottom:1px solid #9f220d;color:#FFF;text-shadow:0 1px 1px #6f3a02}
.add_comment:hover{background:#c92929;background:-moz-linear-gradient(top,#ff9986,#ee5f43 5%,#d04443);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fa8772),color-stop(.03,#ee5f43),to(#d04443));filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#ee5f43',EndColorStr='#d04443'); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#ee5f43',EndColorStr='#d04443')";border-bottom:1px solid #9f220d}
.add_comment:focus{padding:7px 11px;color:#FFF;text-shadow:0 -1px 1px #894906;border:none;background:#bc2323;background:-moz-linear-gradient(top,#d04443,#ee5f43 95%,#d04443);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#d04443),color-stop(.9,#ee5f43),to(#d04443));filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#d04443',EndColorStr='#ee5f43'); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#d04443',EndColorStr='#ee5f43')";box-shadow:inset 0 2px 5px #9b1313,0 1px 0 #e0c7c7;-webkit-box-shadow:inset 0 2px 5px #9b1313,0 1px 0 #e0c7c7;-moz-box-shadow:inset 0 2px 5px #9b1313,0 1px 0 #e0c7c7}
Langkah Selanjutnya 2
Anda cari kode dibawah
<b:includable id='comments' var='post'>
Langkah 3
Sisipkan kode dibawah ini tepat bawah kode langkah 2:
<b:if cond='data:blog.pageType == "item"'>
<a class='add_comment' href='#comment-form'>Add a comment</a>
<div class='clear' />
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript'>$('.add_comment').click(function(){$('html,body').animate({scrollTop:$(".comment-form").offset().top},1000);});</script></b:if>
Senin, 24 Oktober 2011
Cara Membuat Tombol Red More Sederhana
By Unknown | At 20.06 | Label :
CSS
| 0 Comments
Trik kali ini sangat simpel, praktis dijamin pasti cantik dan keren Cara Membuat Tombol Red More Sederhana. Langsung saja menuju ke TKP.
Langkah 1
Login ke dashboard>> desain>> edit HTML>> periksa model utilitas ekspansi. Cari baris berikut:
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>
Langkah 2
Ganti semua di kode yang atas dengan kode dibawah ini:
<b:if cond='data:post.hasJumpLink'>
<a class='jump-link' expr:href='data:post.url + "#more"'>Đọc tiếp</a><b:else/>
<b:if cond='data:blog.pageType == "index"'>
<a class='jump-link' expr:href='data:post.url' rel='nofollow'>Đọc tiếp</a>
</b:if></b:if><div class='clear'/>
Langkah 3
Masukkan Kode CSS dibawah ini tepat di atas kode </b:skin>
a.jump-link {color:#fff;text-decoration:none}
.jump-link {
float:right;
padding:6px 12px;
margin:20px;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
text-align: center;
display:inline-block;
background: #f48423;
background: -moz-linear-gradient(top, #ffdf9e, #f5b026 5%, #f48423);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffd683), color-stop(.03, #f5b026), to(#f48423));
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5b026', EndColorStr='#f48423'); /* IE6,IE7 only */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5b026', EndColorStr='#f48423')"; /* IE8 only */
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
border:1px solid #e6791c;
border-bottom:1px solid #d86f15;
color:#FFF;
text-shadow: 0 1px 1px #6f3a02; }
.jump-link:hover {
background: #eb7d1d;
background: -moz-linear-gradient(top, #ffdf9e, #f1a91a 5%, #f07810);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffdf9e), color-stop(.03, #f1a91a), to(#f07810));
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f1a91a', EndColorStr='#f07810'); /* IE6,IE7 only */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f1a91a', EndColorStr='#f07810')"; /* IE8 only */
border-bottom:1px solid #d86f15; }
.jump-link:focus {
padding:7px 13px;
color:#FFF;
text-shadow: 0 -1px 1px #894906;
border:none;
background: #e47412;
background: -moz-linear-gradient(top, #f07810, #f1a91a 95%, #f07810);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f07810), color-stop(.9, #f1a91a), to(#f07810));
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f07810', EndColorStr='#f1a91a'); /* IE6,IE7 only */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f07810', EndColorStr='#f1a91a')"; /* IE8 only */
box-shadow: inset 0px 2px 5px #9b5901, 0 1px 0px #e0d5c7;
-webkit-box-shadow: inset 0px 2px 5px #9b5901, 0 1px 0px #e0d5c7;
-moz-box-shadow: inset 0px 2px 5px #9b5901, 0 1px 0px #e0d5c7; }
Langkah 4
Simpan Templates anda dan lihat hasilnya sangat sempurna.
THANK'S YOU
Daftar Situs Penyedia Pembuatan Menu CSS Gratis
Keuntungan besar Membuat Menu CSS adalah bahwa: (1) sangat estetika, dan memberikan Anda sebuah situs terlihat profesional, (2) umumnya sangat ringan, (3) yang mudah untuk ditambahkan, (4) dan bisa cocok di mana saja. Selain itu, kami menemukan berbagai besar dari mereka secara gratis. Di sini saya membuat Sembilan (9) Daftar Situs Penyedia Pembuatan Menu CSS Gratis:
13 STYLES
CSS MENU MAKER
DYNAMIC DRIVE
CSS PLAY
CSS PORTAL
EXPLODING BOY
IZZY MENU
STYLED MENUS
Semoga Daftar Situs Penyedia Pembuatan Menu CSS ini, Bermanfaat buat kita semua. sukses selalu.
Langganan:
Komentar (Atom)