Green Black ( Tricks, Cheats, and Free Download )

Blue Dark CSS3 Blogger Template

Perkembangan CSS3 kian melesat dan mulai di terima hampir di setiap browser, Kemampuan CSS3 untuk mendesain tampilan web/blog bisa di acungin jempol. Kini karena semaraknya tentang CSS3 saya membuat dan memberikan Template versi Template CSS3 dengan konsep gelap terang air template ini berwarna biru tua dengan perpaduan warna biru mudah. Untuk lebih lengkapnya silahkan lihat lebih terperinci tentang template css3 ini.

Download Demo

Spesifikasi dari Blue Dark CSS3 Blogger Template

Simple Template
Menu navigasi dengan CSS3 ( Text Shadow )
1 kolom yaitu kolom postingan saja
read more otomatis
3 kolom footer
Meta Tag title SEO Friendly
ada Shar Buttonnya
retweets artikel
kotak komentar yang menarik
dan lain - lain.....

Blue Dark CSS3 Blogger Template memang template yang sangat simple namun untuk desain tidak kalah sama template yang profesional. Oiya layout dari template ini bisa dilihat di bawah ini.

Di dalam template ini terdapat menu navigasi yang di buat dengan sentuhan CSS3, untuk mengaturnya sobat bisa mengunjungi halaman Edit HTML dan cari kode HTML menunav. Nah mungkin itu saja yang perlu di ketahui. kalau ada pertanyaan atau apalah itu yang jelas tentang template ini, sobat bisa taruh pesan atau kritikan di kotak komentar di bawh ini. Terima kasih dan Happy Blogging.

Pasang Menu Navigasi Mega Dropdown

Pasang Menu Navigasi Mega Dropdown ini bisa dibilang beda dari menu navigasi lainnya yang pernah saya terangkan disini, Menu navigasi ini saya dapatkan dari sohtanaka.com web yang mendedikasikan tentang web design, sang pemilik blog tersebut seorang web designer profesional yang mungkin para blogger bolang hampir tahu semua. Sekarang kita lihat demonya di sana setelah melihat yuk kita lihat cara pemasangannya.

Login ke blogger.com
masuk Rancangan >> Edit HTML
cari kode ]]></b:skin> lalu taruh kode di bawah ini tepat di atasnya

.container {
width: 960px;
padding: 0;
background:
margin: 0 auto;
}

ul#topnav {
margin: 0; padding: 0;
float:left;
width: 100%;
list-style: none;
font-size: 1.1em;
}
ul#topnav li {
float: left;
margin: 0; padding: 0;
position: relative;
}
ul#topnav li a {
float: left;
text-indent: -9999px;
height: 44px;
}
ul#topnav li:hover a, ul#topnav li a:hover { background-position: left bottom; }
ul#topnav a.home {
background: url(http://www.sohtanaka.com/web-design/examples/mega-dropdowns/nav_home.png) no-repeat;
width: 78px;
}
ul#topnav a.products {
background: url(http://www.sohtanaka.com/web-design/examples/mega-dropdowns/nav_products.png) no-repeat;
width: 117px;
}
ul#topnav a.sale {
background: url(http://www.sohtanaka.com/web-design/examples/mega-dropdowns/nav_sale.png) no-repeat;
width: 124px;
}
ul#topnav a.community {
background: url(http://www.sohtanaka.com/web-design/examples/mega-dropdowns/nav_community.png) no-repeat;
width: 124px;
}
ul#topnav a.store {
background: url(http://www.sohtanaka.com/web-design/examples/mega-dropdowns/nav_store.png) no-repeat;
width: 141px;
}

ul#topnav li .sub {
position: absolute;
top: 44px; left: 0;
background: #344c00 url(http://www.sohtanaka.com/web-design/examples/mega-dropdowns/sub_bg.png) repeat-x;
padding: 20px 20px 20px;
float: left;
/*--Bottom right rounded corner--*/
-moz-border-radius-bottomright: 5px;
-khtml-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
/*--Bottom left rounded corner--*/
-moz-border-radius-bottomleft: 5px;
-khtml-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
display: none;
}
ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}
ul#topnav li .sub ul{
list-style: none;
margin: 0; padding: 0;
width: 150px;
float: left;
}
ul#topnav .sub ul li {
width: 100%;
color: #fff;
}
ul#topnav .sub ul li h2 {
padding: 0; margin: 0;
font-size: 1.3em;
font-weight: normal;
}
ul#topnav .sub ul li h2 a {
padding: 5px 0;
background-image: none;
color: #e8e000;
}
ul#topnav .sub ul li a {
float: none;
text-indent: 0; /*--Reset text indent--*/
height: auto;
background: url(http://www.sohtanaka.com/web-design/examples/mega-dropdowns/navlist_arrow.png) no-repeat 5px 12px;
padding: 7px 5px 7px 15px;
display: block;
text-decoration: none;
color: #fff;
}
ul#topnav .sub ul li a:hover {color: #ddd; background-position: 5px 12px ;}
Setelah itu cari kode </head> dan taruh kode di bawah ini tepat di atasnya

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js' type='text/javascript'/>

<script src='http://oketrik.googlecode.com/files/jquery.hoverIntent.minified.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {

function megaHoverOver(){
$(this).find(".sub").stop().fadeTo('fast', 1).show();

//Calculate width of all ul's
(function($) {
jQuery.fn.calcSubWidth = function() {
rowWidth = 0;
//Calculate row
$(this).find("ul").each(function() {
rowWidth += $(this).width();
});
};
})(jQuery);

if ( $(this).find(".row").length > 0 ) { //If row exists...
var biggestRow = 0;
//Calculate each row
$(this).find(".row").each(function() {
$(this).calcSubWidth();
//Find biggest row
if(rowWidth > biggestRow) {
biggestRow = rowWidth;
}
});
//Set width
$(this).find(".sub").css({'width' :biggestRow});
$(this).find(".row:last").css({'margin':'0'});

} else { //If row does not exist...

$(this).calcSubWidth();
//Set Width
$(this).find(".sub").css({'width' : rowWidth});

}
}

function megaHoverOut(){
$(this).find(".sub").stop().fadeTo('fast', 0, function() {
$(this).hide();
});
}

var config = {
sensitivity: 2, // number = sensitivity threshold (must be 1 or higher)
interval: 100, // number = milliseconds for onMouseOver polling interval
over: megaHoverOver, // function = onMouseOver callback (REQUIRED)
timeout: 500, // number = milliseconds delay before onMouseOut
out: megaHoverOut // function = onMouseOut callback (REQUIRED)
};

$("ul#topnav li .sub").css({'opacity':'0'});
$("ul#topnav li").hoverIntent(config);

});

</script>
Kalau sudah simpan dan mari kita menuju halaman Elemen Halaman
kalau sudah berada pada elemen halaman maka tambahkan sebuah gadget yang letaknya tepat di bawah header (ini hanya contoh, letaknya bisa dimana saja)
Pilih yang HTML/Javascript
masukan kode di bawah ini kedalamnya

<div class="container">

<div id="header"></div>

<ul id="topnav">
<li>
<a href="#" class="home">Home</a>
</li>
<li>
<a href="#" class="products">Products</a>
<div class="sub">
<ul>

<li><h2><a href="#">Desktop</a></h2></li>
<li><a href="#">Navigation Link</a></li>
<li><a href="#">Navigation Link</a></li>
<li><a href="#">Navigation Link</a></li>
<li><a href="#">Navigation Link</a></li>
<li><a href="#">Navigation Link</a></li>

<li><a href="#">Navigation Link</a></li>
<li><a href="#">Navigation Link</a></li>
</ul>
<ul>
<li><h2><a href="#">Laptop</a></h2></li>
<li><a href="#">Navigation Link</a></li>
<li><a href="#">Navigation Link</a></li>

<li><a href="#">Navigation Link</a></li>
<li><a href="#">Navigation Link</a></li>
<li><a href="#">Navigation Link</a></li>
<li><a href="#">Navigation Link</a></li>
<li><a href="#">Navigation Link</a></li>
</ul>

<ul>
<li><h2><a href="#">Accessories</a></h2></li>
<li><a href="#">Navigation Link</a></li>
<li><a href="#">Navigation Link</a></li>
<li><a href="#">Navigation Link</a></li>
<li><a href="#">Navigation Link</a></li>

<li><a href="#">Navigation Link</a></li>
<li><a href="#">Navigation Link</a></li>
<li><a href="#">Navigation Link</a></li>
</ul>
<ul>
<li><h2><a href="#">Accessories</a></h2></li>
<li><a href="#">Navigation Link</a></li>

<li><a href="#">Navigation Link</a></li>
<li><a href="#">Navigation Link</a></li>
<li><a href="#">Navigation Link</a></li>
<li><a href="#">Navigation Link</a></li>
<li><a href="#">Navigation Link</a></li>
<li><a href="#">Navigation Link</a></li>

</ul>

</div>
</li>
<li>
<a href="#" class="sale">Sale</a>
<div class="sub">
<div class="row">
<ul style="width: 225px;">

<li><h2><a href="#">Deal of the Week</a></h2></li>
<li><a href="#">Navigation Link - 2 Column</a></li>
<li><a href="#">Navigation Link - 2 Column</a></li>
<li><a href="#">Navigation Link - 2 Column</a></li>
<li><a href="#">Navigation Link - 2 Column</a></li>
</ul>

<ul style="width: 225px;">
<li><h2><a href="#">Clearance Items</a></h2></li>
<li><a href="#">Navigation Link - 2 Column</a></li>
<li><a href="#">Navigation Link - 2 Column</a></li>
<li><a href="#">Navigation Link - 2 Column</a></li>
<li><a href="#">Navigation Link - 2 Column</a></li>

</ul>
</div>
<div class="row">
<ul>
<li><h2><a href="#">Deal of the Week</a></h2></li>
<li><a href="#">Navigation Link</a></li>
<li><a href="#">Navigation Link</a></li>

<li><a href="#">Navigation Link</a></li>
<li><a href="#">Navigation Link</a></li>
</ul>
<ul>
<li><h2><a href="#">Clearance Items</a></h2></li>
<li><a href="#">Navigation Link</a></li>
<li><a href="#">Navigation Link</a></li>

<li><a href="#">Navigation Link</a></li>
<li><a href="#">Navigation Link</a></li>
</ul>
<ul>
<li><h2><a href="#">Open Box Items</a></h2></li>
<li><a href="#">Navigation Link</a></li>
<li><a href="#">Navigation Link</a></li>

<li><a href="#">Navigation Link</a></li>
<li><a href="#">Navigation Link</a></li>
</ul>
</div>
</div>
</li>
<li>
<a href="#" class="community">Community</a>

</li>
<li>
<a href="#" class="store">Store Locator</a>
</li>
</ul>

</div>
Setelah itu simpan dan lihat hasilnya

Kekurangan dari Menu Navigasi Mega Dropdown ini adalah, tulisan atau menu-menunya tidak dapat diganti dengan mudah atau hanya dengan tulisan, namun harus diganti dengan gambar. Jadi menu navigasi ini agak ribet untuk pemakaiannya. Disini saya hanya mendokumentasikan aja agar suatu hari nanti kalau saya memerlukannya tidak perlu repot untuk mencarinya. saya akhiri Terima kasih dan Happy Blogging.

Thanks to sohtanakan.com

MONTREAL

MONTREAL - Melakukan percakapan telepon dengan nada keras ternyata bukan hanya dianggap tak sopan. Percakapan telepon keras-keras bisa mengganggu konsentrasi orang di sekitarnya, apalagi percakapan dilakukan di tengah-tengah orang banyak seperti di dalam bis.

Psikolog Cornell University, Lauren Emberson mengungkapkan pengalamannya saat ia naik bis kota selama 45 menit perjalanan setiap harinya.

"Saya tak dapat melakukan hal apapun saat orang di dekat saya melakukan percakapan, saya tidak bisa membaca, saya begitu terganggu, dan mulai bertanya-tanya mengapa ini bisa terjadi?" kata Emberson, seperti dilansir melalui Cellular News, Rabu (22/9/2010).

Studi yang diungkapkan di jurnal Psychological Science menemukan bahwa mendengar dengan satu sisi telinga lebih merusak konsentrasi ketimbang mendengar dengan dua sisi telinga.

Untuk percobaan, Emberson melakukan eksperimen dengan meneliti dua orang temannya. Ia merekam setiap percakapan yang merupakan percakapan dua orang sedangkan satunya lagi adalah rekaman suara satu orang atau monolog. Kedua temannya disuruh untuk mendengar masing-masing rekaman, monolog dan dialog. Setelah itu, keduanya melakukan pekerjaan dengan menggunakan komputer

Hasilnya, ia menemukan bahwa saat orang hanya mendengar satu orang bicara seperti monolog orang akan benar-benar terganggu. Monolog tersebut sama saja ketika seseorang mendengar percakapan orang menelepon di hadapannya karena hanya bisa mendengar satu suara saja. Sedangkan lawan bicaranya tak terdengar.

"Saya akan mengubah cara pandang saya, saya akan lebih sensitif untuk berbicara menggunakan ponsel di ruang publik karena ini sangat berpengaruh pada konsentrasi orang lain," katanya. (ugo)

iPod Touch Bantu Temukan iPad Hilang

ORLANDO - Seorang pemilik iPad berhasil menemukan kembali iPadnya yang tertinggal di sebuah pesawat dengan iPod Touch.

Curtis Codgill menggunakan aplikasi Find my iPhone MobileMe yang terbenam di iPod Touchnya untuk menemukan gadgetnya tersebut.

Curtis bersama istrinya diketahui melakukan perjalanan menggunakan pesawat dari Sacramento, California menuju Portland. Seperti dilansir CNN, Rabu (22/9/2010), Curtis baru tersadar bahwa iPadnya tertinggal setibanya di Portland.

"Anda bisa men-zoom dengan segala cara, Anda bisa tahu iPad tersebut berada di bangku pesawat mana," katanya.

Tapi, saat itu diketahui bahwa pesawat yang membawa ipad tersebut telah terbang lagi menuju Florida. Namun akhirnya dengan bantuan seorang supervisor Southwest Airlines dan polisi setempat akhirnya iPad milik Curtis berhasil dikembalikan. (ugo)

Dalam 2 Hari IE9 Diunduh 2 Juta Kali

SAN FRANCISCO - Pangsa pasar Internet Explorer yang kian hari kian tergerus dalam beberapa bulan, kini mulai mendapat titik cerah. Pasalnya, browser besutan Microsoft yang terbaru yaitu Internet Explorer kini menuai sambutan positif.

Ya, walaupun masih dalam versi beta, Microsoft telah mengungkapkan bahwa IE9 ini telah diunduh lebih dari dua juta kali dalam 48 jam pertama atau 2 hari sejak secara resmi diperkenalkan. Dibandingkan versi beta dari IE8 yang selama lima hari pertama hanya berhasil diunduh oleh 1,3 juta pengguna.

Dilansir melalui Hexus, Rabu (22/9/2010) Microsoft juga menyatakan bahwa mereka telah melihat lebih dari sembilan juta kunjungan dan 26 juta individu page ke halaman situs www.beautyoftheweb.com.

Selain itu, ada empat juta yang orang mengunjungi halaman situs Drive Test IE, yang merupakan rumah bagi sejumlah tolok ukur dan demonstrasi fitur-fitur baru yang diaktifkan dalam alat peramban ini.

Meskipun Microsoft tahu bahwa keberhasilan sebuah browser tidak diukur di download, namun ini bisa menjadi semacam titik kebangkitan bagi Microsoft yang gagal dalam beberapa versi terakhir dari IE tersebut.
(tyo)

Video Langit Terbelah Bermunculan di YouTube

JAKARTA - Video mengenai fenomena langit yang terbelah telah beredar cukup luas di YouTube. Bahkan saat dicari di YouTube, terdapat lebih dari enam video yang ditampilkan.

Dalam video tersebut, saat disambangi okezone, Jumat (27/8/2010), sang pembuat mengaku telah merekam kejadian aneh itu di Yogyakarta dengan durasi hampir mencapai satu menit. Video itu langsung memperlihatkan gumpalan awan yang terbelah cukup rapi menjadi dua bagian.

Pembuat video merasa yakin jika yang terbelah adalah langit di atas Yogyakarta. Hal ini diperkuat dengan judul dan komentar yang masuk terkait video tersebut.

Dari sekira enam video dengan tajuk yang sama di YouTube, sebuah video menunjukkan tanggal postingan sejak dua bulan lalu. Sepertinya, video ini diposting sudah lama, sekira bulan Juni. Ke enam video tersebut masing-masing telah dilihat oleh puluhan ribu pengunjung YouTube.

Saat melakukan pencarian dengan tajuk 'langit terbelah', beberapa video menunjukkan jika fenomena ini pun pernah terjadi di wilayah Padang Besar. Bahkan sebuah komentar juga menunjukkan jika hal ini pernah terjadi di Jakarta.

Belum diketahui apa yang menyebabkan langit Yogyakarta menjadi 'terbelah' seperti itu. (srn)

Dirut Telkomsel Bantah Tidak Turun ke Lapangan

JAKARTA - Direktur Utama Telkomsel membantah pernyataan Presiden Susilo Bambang Yudhoyono jika dirinya hanya berada di belakang meja dan tidak turun ke lapangan untuk mengecek sistem dan jaringan mereka.

"Kami selalu keliling kemana-mana untuk mengecek readiness (kesiapan) jaringan. Saya sendiri tidak mau membela diri. Tapi sebelumnya, hari Sabtu lalu saya turun langsung ke Cikopo, tanggal 4 September pun saya turun ke lapangan untuk mengecek kesiapan jaringan di kilometer 54 dan 57," ujar Direktur Utama Telkomsel Sarwoto Atmosutarno saat dihubungi okezone, Jumat (17/9/2010).

Namun begitu Sarwoto mengaku saat ini sedang mengecek kronologis kejadian tersebut. Oleh karena itu mereka saat ini pun telah berkoordinasi dengan pihak terkait.

"Saya tidak boleh mem-blame (menyalahkan) siapa-siapa sampai fakta lengkap," ujar Sarwoto yang tidak membantah dan juga tidak mengiyakan jaringannya digunakan oleh Presiden SBY saat teleconference berlangsung.

Sebelumnya Presiden SBY menegur Direktur Utama dari dua perusahaan telekomunikasi BUMN, Telkom dan Telkomsel, karena saat teleconference berlangsung tiba-tiba sinyal terputus. Akibatnya arahan presiden kepada Kapolda Jawa Tengah Irjen Pol Edward Aritonang tidak dapat didengar.

"Tolong di sini ada petugas Telkomsel tidak? Apa yang terjadi ini? Ini dari tadi hidup, kok sekarang malah mati. Saya mau tanya Dirut Telkom dan Dirut Telkomsel pernah mengecek tidak? Tidak pernah?" tukas Presiden dengan nada tinggi. (srn)

Inggris Geram dengan Game Taliban 'Medal of Honor'

LONDON - Inggris menganggap jika video game yang memungkinkan gamer berperan sebagai tentara Taliban bukanlah produk yang menarik sehingga tidak laik jual.

Pemerintah Inggris, melalui Sekretaris Departemen Pertahanan mengaku muak dan marah dengan adanya game Medal of Honor yang diproduksi oleh Electronic Arts Inc. Bahkan mereka meminta dukungan retailer untuk tidak menjual produk tersebut.

"Di tangan Taliban, anak-anak kehilangan ayah, dan istri kehilangan suami. Sangat mengejutkan ketika seseorang berpikir bahwa produk seperti itu dapat diterima untuk menciptakan perilaku Taliban melawan tentara Inggris," ujar Liam Fox dalam keterangannya yang dikutip okezone melalui Straits Times, Senin (23/8/2010).

"Sulit untuk dipercaya jika nanti setiap warga negara kita akan akan membeli permainan yang tidak mendukung Inggris. Saya akan mendesak retailer untuk menunjukkan dukungan mereka bagi pasukan bersenjata kita dan larangan terhadap produk tidak berguna ini," tambah Fox.

Electronic Arts langsung menanggapi pernyataan Fox ini dengan mengatakan jika hal ini hanya merefleksikan kenyataan jika setiap konflik memilliki dua sisi, termasuk dalam segmen permainan seperti ini.

"Kami memberi kesempatan kepada gamer untuk bermain dari sisi kedua belah pihak. Sebagian besar dari kita telah melakukan ini sejak kita berusia tujuh tahun, dimana ada seseorang yang memainkan polisi dan ada juga yang berperan sebagai perampok," ujar juru bicara EA Inc Amanda Taggart.

"Dalam permainan Medal of Honor, seseorang harus menjadi Taliban. Tidak ada gamer yang akan terkejut atau dikejutkan oleh cara ini. Bermain dari perspektif 'musuh' bukanlah hal yang baru dalam dunia video game. Versi lain dari Medal of Honor ini juga pernah ditetapkan dalam era Perang Dunia II. Ketika gamer dapat memilih untuk menjadi anggota pasukan sekutu atau rezim Nazi," tambah Taggart.

Dalam judul Grand Theft Auto, dari Take-Two Interactive Software Inc, gamer memiliki pilihan untuk mengambil bagian dalam tindakan kontroversial dan beberapa kasus pidana, termasuk membunuh polisi. Musim gugur yang lalu, Call of Duty: Modern Warfare milik Activision Blizzard juga mengajak gamer untuk berperan dalam sebuah game kelompok teroris. (srn)

Free Download