Teknologi ramah lingkungan

Teknologi ramah lingkungan

1.pengertian :

 Teknologi ramah lingkungan merupakan segala jenis aplikasi teknologi yang dapat memberikan kepuasan penggunaannya dengan sunber daya lingkungan yang lebih rendah .Secara umum teknologi adalah teknologi yang hemat sumber daya lingkungan .

2.Keuntungan :

a.    .menghemat sumber energi dan mengenefisikan tenaga,baik tenaga manusia,alam,maupun mesin

b.      menghindarkan manusia dari bahaya polusi,penyebaran penyakit,keracunan dan berbagai macam resiko penyakit yang ditimbulkan.

c.       menekan biaya pembuatan dan menggunakan sumber daya alam yang tidak dapat diperbaharui

d.      mengurangi jumlah sampah anorganik yang tidak dapat diuraikan oleh mikroorganisme.

3.macam-macam teknologi ramah lingkungan

a.       biofel : setiap bahan bakar padatan ,cairab,maupun gas yang dihasilkan oleh bahan bahan organik.

b.      bahan bakar nabati (biofel) terdiri atas 3 produk yaitu : Biodesel , Bioalkohol dan minyak nabati asli (pure plant oil)

c.       biogas adalah gas yang mudah terbakar yang dihasilkan dari proses fermentasi bahan bahan organik oleh bakteri aenorob(bakteri yang dapat hidup dalam lingkungan yang kedap udara).

Macam-macam teknologi ramah lingkungan lainnya :

-pemeras minyak

-pengggiling berdayung

-oven dan tungku

-listrik

-kerbau dan sapi untuk membajak sawah dll.

4.penggunaan teknologi ramah lingkungan

Teknologi ramah lingkungan digunakan untuk melakukan kebutuhan pokok manusia.kebutuhan tersebut banyak macammya, salah satunya yaitu : sandang, pangan , papan.

a.       .sandang merupakan kebutuhan pokok manusia dalam hal pakaian , kebutuhan sandang berkaitan dengan sarana perlindungan manusia secara langsung dari panas,dingin,dan kondisi suhu atau suasana yang ekstrim

b.      bpangan merupakan kebutuhan pokok yang tidak dapat dipisahkan dari kebutuhan jasad dan fisik manusia ,kebutuhan pangan berkaitan dengan makanan yang dikonsumsi oleh manusia untuk bertahan hidup.

c.       .papan merupakan kebutuhan pokok manusia akan tempat berlindung dari cuaca buruk,hujan,angin.Kebutuhan ini berupa tempat tinggal seperti rumah.

Selain itu ada juga kebutuhan manusia yang lain , seperti :

A.sumber energi

Energi matahari adalah energi yang paling ramah lingkungan dibanding dengan mesin pengering , yang bisa digunakan untuk menjemur pakaian , menjemur padi dll.

B.sarana transportasi

Alat transportasi yang paling ramah lingkungan adalah sepede karena sangat efisien dari segi energi.

untuk transportasi individu bermesin , monil listrik lebih ramah lingkungan dibanding mobil biaasa karena kapasitas baterai dalam penyimpanan energi saat ini masih sangat kecil , belum sebanyak paada berat yang sama.

Dilaut juga dikembangkan lapal modern yang lebih ramah lingkungan , yaitu yang menggunakan mesin dan sekaligus layar mekanis.

C.Informasi dan komunikasi

Komunikasi elektronik sangat ramah lingkungan jika diterapkan dengan tepat , teknologi komunikasi akan mengurangi kebutuhan transportasi dan juga dapat disebarkan tanpa kertas (paperles) sehingga mengurangi jumlah pohon yang ditebang.

Cara Menggabung File ISO dengan Daemon Tools Lite

Download Tutorial Cara Menggabung File ISO dengan Daemon Tools Lite disini

Semoga Bermanfaat!!!

Cara Merubah Title Blog Dengan Title Postingan

Cara Merubah Title Blog Dengan Title Postingan

Mengoptimalkan title itu akan mempengaruhi dalam membuat blog kita berada dalam top rank hasil pencarian search engine. Nha jika kamu menggunakan trik mengganti title blog kamu dengan title postingan maka hal itu akan lebih bagus lagi buat masuk ke jajaran depan search engine.
menurut yang ahli dalam SEO (Search Engine Optimization) katanya cara ini akan membuat blog kita menjadi lebih Search Engine Friendly. OK bagi yang mau mencobanya silahkan ikuti langkah-langkah berikut ini:

1. Masuk ke "Layout-->>Edit HTML
2. Cari kode ini Di bawah ini :

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

 *untuk mencarinya gunakan  Ctrl + F agar lebih mudah dan cepat

3. Ganti Kode tersebut dengan kode berikut ini :

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>

4. simpan.

Untuk halaman utama titlenya akan tetap title blog. Tapi jika kamu membuka salah satu postinganmu maka nanti title postingmu akan menjadi title blogmu.





Semoga Bermanfaat!!


Sumber : http://trik-tips.blogspot.com/2008/05/merubah-title-blog-dengan-title.html

Software pembuat kartun/animasi + tutorial (free download macromedia flash professional 8 portable)

Software pembuat kartun/animasi + tutorial (free download macromedia flash professional 8 portable)

Mau buat kartun/animasi?? nah salah satu tool/software pembuat film kartun itu adalah macromedia flashLaughing.

Dengan software ini kita bisa membuat film kartun sesuka hati kitaSurprised.

Interface/tampilan dari software tersebut pun tidak rumit.

dan selain kita dapat membuat film kartun kita juga bisa membuat game dengan macromedia flash ini SurprisedLaughing.Selain itu software ini sudah di portable kanCool.

Thank's buat HASIAULIA Yg dah mau memberikan software ini..

Berikut penjelasan nya:







- Timeline, fungsi nya untuk mengatur dan mengontrol isi keseluruhan movie Anda.

- Stage, tempat kita bekerja dalam membuat sebuah animasi.

- Tools Box, tool yang digunakan untuk menggambar objek pada stage.

- Color Window, digunakan untuk mengatur warna pada objek yang kita bikin.

- Actions – Frame, merupakan window yang digunakan untuk menuliskan Action Script untuk Flash MX.
Biasanya Action Script digunakan untuk mengendalikan objek yang Anda buat sesuai dengan keinginan Anda.

- Properties, mengatur property dari objek yang kita buat.

- Components, digunakan untuk menambahkan objek untuk web application yang nantinya di publish ke internet.

sekarang sudah di benerin jadi gak muter-muter..
untuk download klik: FREE DOWNLOAD MACROMEDIA FLASH PORTABLE

Sumber : http://aloners-cuz.blogspot.com/2009/06/software-pembuat-kartunanimasi-tutorial.html

Ways To Get More Traffic

Ways To Get More Traffic

First, you need traffic. Without traffic, you can’t build a community. The only way to build a community is by convertinh generic visitors into subscribers. Subscribers who cherish your content, join your email list and all of the other stuff. You could start by doing the SEO thing as honestly, SEO is the fastest way to get CONSISTENT traffic if done correctly.

However the way to blogging success is community building. So there are two sources of traffic that are easily converted into community: guest blogging & blog commenting.

Not what you thought? Think about it for a second, it’s quite obvious…

If someone asked me what the best way to build a community is, I would say “steal from other communities”.

…And that’s exactly what you can do through guest blogging and blog commenting. Plus it’s totally ethical, it’s not really stealing. You essentially steal from other established communities. As you have two options; build a community from scratch i.e. generic traffic or steal from other communities. The fastest and most effective strategy is option 2.

With guest blogging, you write and publish blog posts on other people’s blogs. Other people’s blogs who have established communities and LOTS of traffic. So when one of your guest posts goes live, their communities rush over and read it. If it’s a good guest post; many of their community “members” will scuttle over to your blog, read some stuff and become your loyal subscribers for years.

Then there’s blog commenting which is completely different, but the same concept applies. You just have to comment on other blog posts of the successful blogs in your niche. Again, you’re stealing their community. Real loyal blog followers always read the comments, engage in the community by replying and sharing content.

So if you post super meaningful blog comments on the top 10-20 blogs in your niche every time they publish a post you can steal some of their readers. Their readers will see your insightful comment, click through to your blog and subscribe.

If you post twice a week on blogs that have just 5000 subscribers, you could receive a good 1000+ visitors a week. If the subscribers are active, maybe 2-3000 of each group of 5000 will read your posts. Then maybe a total of 1000 people will read your posts and click through to your blog. At that rate; you can expect enough traffic to build a solid community in a few months.

As for blog commenting, I would setup an RSS alert so when the top 10-20 blogs in your niche publish posts, you’ll be the first to know about them… And when you do get the alerts, rush over to the posts, read them through and comment!

Belajar Membuat Template Sendiri-bag.2

 Belajar Membuat Template Sendiri-bag.2

Setelah sebelumnya kita telah belajar tentang Struktur layout template,sekarang kita belajar untuk memahami struktur kode template yang tentunya akan berisi kode-kode,yang penting buat sobat blogger adalah pemahaman kode tersebut sudah cukup untuk dasar membuat template sendiri.yang saya dapatkan setelah membaca artikel belajar desain layout bag.2 dari blog THINKING OUT OF THE BOX.dan berikut penjelasanya:

Semua template blogspot umumnya dibagi menurut pembagian ini, dan menurut pengamatannya bagian tersebut dibagi menjadi 3 section.

Bagian-bagian tersebut :

Section 1.

Merupakan keterangan kode pengenalan template dan berisi informasi-informasi didalamnya, biasanya peletakan metatag di taruh di bagian ini.

Umumnya di bagian section 1 :

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr: dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml'xmlns:b='http://www.google.com/2005/gml/b'xmlns: data='http://www.google.com/2005/gml/data'
xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>

Section 2

Bagian ini menyimpan kode CSS untuk membentuk keindahan blog, bagian ini bisa kita modifikasi dan kita tambahkan. Pada bagian ini perlu pemahaman tentang CSS, ya ga perlu jago asal tahu perbedaan margin dan padding aja juga cukup :p , tetapi sobat secara dasar harus paham dengan kode CSS yang sederhana saja.

Umumnya section 2 bentuk kodenya seperti ini :

<b:skin><![CDATA[/*
body {...}
#header-wrapper {...}
#header-inner {...}
#header {....}
#outer-wrapper {....}
#main-wrapper {....}
#sidebar-wrapper {...}
h2 {...}
h2.date-header {
margin:1.5em 0 .5em;
}
.post {..... }
#comments h4 {....}
.sidebar {....}
#footer {.....}
]]></b:skin>

Perhatikan perbedaannya dengan section 1 dan section 2

Section 3 

Pada bagian ini biasanya untuk memanggil data-data pada blog kita, seperti isi postingan, komentar, serta juga menentukan yang mana akan mau di tampilkan lebih dahulu seperti urutan yang standar dulu biasanya dimulai dari header, main, sidebar, dan footer kemudian bagian ini di percantik oleh section 2 (kontrol CSS) sehingga menampilkan tampilan yang unik atau serasi pada browser.

Umumnya kode section 3 seperti ini :

</head>
<body>
<div id='outer-wrapper'><div id='wrap2'>
<!-- skip links for text browsers -->
<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |
<a href='#sidebar'>skip to sidebar</a>
</span>
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Just Test Blog (Header)' type='Header'/>
</b:section>
</div>
<div id='content-wrapper'>
<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol' showaddelement='no'/>
</div>
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
</b:section>
</div>
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
<b:widget id='HTML1' locked='false' title='' type='HTML'/>
</b:section>
</div>
<!-- spacer for skins that want sidebar and main to be the same height-->
<div class='clear'>&#160;</div>
</div> <!-- end content-wrapper -->
<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>
</div></div> <!-- end outer-wrapper -->
</body>
</html>

Pahami setiap section, umumnya untuk mempercantik biasanya pada section 2 dan sedikit pada section 3.

Semuanya menjadi satu kesatuan dan menghasilkan template yang anda bisa lihat, yang perlu ditekankan adalah keahliah sobat dalam memahami struktur dari template dan sedikit keahlian bahasa CSS.

NB :  Untuk variable umumnya seperti ini terletak pada section 2  dan biasanya hal ini untuk mengubah setting font dan color dalam dashboard blogspot  Layout > Fonts and colors  dan tidak perlu mutlak untuk di gunakan.

-----------------------------------------------
Blogger Template Style
Name:     Minima
Designer: Douglas Bowman
URL:      www.stopdesign.com
Date:     26 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */

/* Variable definitions
   ====================
   <Variable name="bgcolor" description="Page Background Color"
             type="color" default="#fff" value="#ffffff">
   <Variable name="textcolor" description="Text Color"
             type="color" default="#333" value="#333333">
   <Variable name="pagetitlefont" description="Blog Title Font"
             type="font"
             default="normal normal 200% Georgia, Serif" value="normal normal 200% Georgia, Serif">

   <Variable name="startSide" description="Side where text starts in blog language"
             type="automatic" default="left" value="left">
*/

Pada section variabel ini yang perlu di perhatikan adalah ketika merubah variabel harus di ikuti string $ di depan variabel kemudan di terapkan pada bagian section CSS. contoh : variabel bgcolor diganti menjadi latarwarna maka penulisan di section cssnya harus memakai tanda $ sehingga menjadi $latarwarna.

Seperti itu lah yang di jelaskan di artikel  belajar desain layout bag.2 ,semoga bermanfaat!!

Read more: http://subagya.blogspot.com/2009/11/belajar-desain-layout-template-bag2.html#ixzz1w8WHuQWz 

Under Creative Commons License: Attribution

Belajar Membuat Template Sendiri-Struktur Template

 Belajar Membuat Template Sendiri-Struktur Template 

Untuk sobat blogger yang template blog nya masih buatan orang lain seperti blog saya yang masih memakai template buatan orang lain,namun saya memiliki keinginan untuk bisa membuat sendiri template untuk blog saya,begitu juga untuk sobat2 blogger kan?pasti pengen punya blog dengan template buatan sendiri,untuk mewujudkan keinginan itu,saya mencari artikel tentang cara membuat template sendiri,dan akhirnya saya menemukan artikel berjudul Belajar Membuat Template Sendiri (1) dari  blog THINKING OUT OF THE BOX ,yang isinya tentang struktur layout dari template sederhana,berikut struktur layout dari template:

di gambar telah di beri pewarnaan dari masing-masing struktur tersebut :

1. Body : merupakan suatu gambaran area yang mencakup keseluruhan template

2. Outer-wrapper : merupakan suatu area yang umumnya terdapat bagian header, content dan footer 

3. Header-wrapper : merupakan blok area yang umumnya terdapat di atas dan berisi judul atau deskripsi dari blog kita. bagian ini juga bisa di modifikasi sesuai kebutuhan sobat

4. Content-wrapper : merupakan bagian dari outer wrapper yang umumnya content ini berisi main wrapper dan sidebar-wrapper.

5. Footer-wrapper: merupakan suatu blok area yang berada di bawah dan umumnya berisi data catatan mengenai copyright pembuat template atau bisa juga di isi widget

6. Main-wrapper : merupakan suatu blok area yang umumnya berisi post, date post, post footer, comments block dan bisa juga untuk menambahkan bagian add elements jika kita inginkan.

7. Sidebar-wrapper : merupakan suatu blok area yang umumnya berisi widget-widget, sidebar ini bisa di tambahkan., pada contoh ini ia memakai 2 kolom : yaitu 1 kolom main, dan 1 kolom sidebar. Kebutuhan kolom di sesuaikan dengan desain dan keinginan sobat.

seperti itulah struktur layout yang di jelaskan di artikel tersebut,sebagai pengenalan sebelu belajar membuat template.

 

"Blog Onefath17 adalah versi dinamis dari blog OneFath20,jadi hampir semua postingan isinya sama karena keduanya memiliki pemilik dan penulis yang sama."

Read more: http://subagya.blogspot.com/2008/10/belajar-membuat-template-sendiri-1.html#ixzz1w8JHBrA8
Under Creative Commons License: Attribution

Compress Template Blog Anda Agar Loading Tidak Terlalu Berat

Compress Template Blog Anda Agar Loading Tidak Terlalu Berat

Jika Blog anda agak terlalu berat untuk loading coba Compress Themes Blog anda agar tidak terlalu berat.

Berikut ini caranya:
1. Login Blog anda sampai ke halaman Dashboard
2. Masuk ke Rancangan >> Edit HTML
3. Centang kotak Expand Template Widget
4. Copy-Paste themes anda di Notepad sebagai Backup

PENTING: Setelah dikompres nanti kode HTML template blog anda akan menjadi hampir tidak memiliki jarak, karena kompres HTML yang dilakukan disini prinsipnya adalah memadatkan/mengurangi jarak pada HTML blog, salah satunya adalah menghilangkan spasi pada kode HTML blog anda. Artinya hal ini akan membuat anda sedikit kurang nyaman atau pusing ketika akan kembali meng-editnya kelak. Karena itulah back-up sangat diperlukan disini.

5. Cari code bagian JavaScript di themes blog anda, misalnya code berikut ini

<script src="http://mltan100.googlepages.com/emoticons.js" type="text/javascript"/>

Cari juga code lain yang sejenis dalam themes blog anda.

6. Buka file menggunakan Browser anda untuk meng-copy isinya. Copy-paste letak file .js nya di adress bar browser.
misalnya
http://mltan100.googlepages.com/emoticons.js

7. Save file .js tersebut kemudian buka menggunakan Notepad
Maka anda akan melihat isi code dari file .js tersebut.

8. Copy - Paste kedalam Themes blog sebagai pengganti code diatas

<script src="http://mltan100.googlepages.com/emoticons.js" type="text/javascript"/>

Keterangan:
Awali dengan <script type='text/javascript'>
akhiri dengan </script>

Hasilnya lengkapnya

<script type='text/javascript'>
KODE SCRIPT
</script>

Jika semua code .js tersebut sudah di pasang seluruhnya (tanpa adanya URL untuk memanggil file .js) didalam Themes anda maka proses terakhir adalah melakukan Compress Themes.

Silahkan anda buka Site ini untuk melakukan Compress HTML
Compress HTML Source Code
http://www.digitalcoding.com/tools/compress-html.html

Kemudian Copy-Paste Themes yang sudah anda oprek tersebut kedalam kotak Compress di situs tersebut dan tunggu beberapa saat.
Setelah selesai proses Compress, maka anda akan mendapatkan code HTML Template blog anda yang telah ter-Compress. Copy-Paste kedalam kotak Themes di Blogger anda kemudian Save.

CATATAN:
Setelah melakukan Compress HTML yang baru saja anda terapkan tidak menjamin blog anda akan menjadi secepat kilat dalam seketika. Intinya dalam melakukan Compress HTML pada blog ini adalah untuk memaksimalkan/optimasi semua hal yang berhubungan dengan HTML/CSS/JavaScript template di blog anda dengan tujuan sebagai salah satu cara untuk membuat loading blog menjadi ringan. Mungkin hasilnya tidak terlalu signifikan, tapi setidaknya kita sudah berusaha semaksimal mungkin.

Semoga Tips ini berguna agar Blog anda jadi tidak terlalu berat saat dibuka.

Sumber: Compress Template Blog Anda Agar Loading Tidak Terlalu Berat - siomponk.com http://www.siomponk.com/2012/05/compress-template-blog-anda-agar.html#ixzz1vvxSYejR Under Creative Commons License: Attribution

Cara Membuat Kotak Ngoceh (Shout Box)

Cara Membuat Kotak Ngoceh (Shout Box)

Kotak ngoceh atau istilah lainnya shout box, Say Box, Tag Board, dan Chatter Box adalah suatu kotak yang berfungsi untuk mengirimkan pesan-pesan pendek, namun bisa juga berfungsi sebagai tempat ngobrol (chatting). Dengan shoutbox, kita juga bisa mempromosikan blog kita, misalnya nih, kita datangi blog orang yang menyediakan kotak ini kemudian kita kasih komentar atau cuma sekedar salam di shoutbox mereka, lalu yang punya blog akan melihat di shoutbox, biasanya meraka akan balas mengunjungi blog kita. Nha gitu ceritannya. Biasanya kotak ngoceh diselipkan kedalam halaman web/blog dengan bahasa java Script. Bagi kamu yang jago pemrograman java script mungkin bisa membuatnya sendiri dengan membuat kode-kode yang memusingkan kepala. Namun buat kamu yang nggak jago nggak usah kuatir karena sekarang ini banyak situs internet yang menyediakan layanan ini, salah satunya yaituShoutmix . Caranya adalah sebagai berikut :

1. Buka situs Shoutmix Kamu harus mendaftar di situs tersebut, cara daftarnya gampang kok. 
2. Jika pendaftarannya berhasil kamu langsung disuruh milih type shoutbox yang disediakan, terserah kamu milih bentuknya yang gimana. Klik tombol Continue
3. Setelah itu kamu akan mendapat ucapan "Terima Kasih" :D lalu klik link Go to My Control Panel Now
4. Disitu kamu bisa mensetting terlebih dahulu shoutbox kamu, misalnya Style & Color, Date & Time, dan lain-lain.
5. Jika sudah selesai klik menu Get Codes
6. Jika kamu pingin menaruh shoutbox di blog kamu pilih "Place Shoutbox on Webpage"
7. Atur lebar dan tinggi shoutbox di kolom widht dan hight
8. Kemudian Copy kode yang ada di dalam kotak "generated Codes"
9. Login ke blogger.com lalu pilih Layout kemudian Add Page Elements
11. Tambahkan element HTML/Javascript.
12. Paste Kode yang telah kamu copy dari shoutbox.com tadi di kotak "Content" lalu simpan.
13. Jadi deh.....

Semoga bermanfaat!!!

sumber : http://trik-tips.blogspot.com/2007/12/cara-membuat-kotak-ngoceh-shout-box.html

Cara Membuat Menu Tab View

Cara Membuat Menu Tab View
 :

Beginilah cara untuk membuat menu tab view tersebut

1. Login ke blogger trus pilih menu "Layout --> Edit HTML"
2. Kemudian cari kode ini ]]></b:skin>
3. Kemudian masukkan kode berikut ini sebelum kode ]]></b:skin>atau kedalam tag CSS.

div.TabView div.Tabs
{
height: 24px;
overflow: hidden;
}
div.TabView div.Tabs a
{
float: left;
display: block;
width: 90px; /* Lebar Menu Utama Atas */ text-align: center;
height: 24px; /* Tinggi Menu Utama Atas */
padding-top: 3px;
vertical-align: middle;
border: 1px solid #000; /* Warna border Menu Atas */
border-bottom-width: 0;
text-decoration: none;
font-family: "Times New Roman", Serif; /* Font Menu Utama Atas */
font-weight: 900;
color: #000; /* Warna Font Menu Utama Atas */
}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #FF9900; /* Warna background Menu Utama Atas */
}
div.TabView div.Pages
{
clear: both;
border: 1px solid #6E6E6E; /* Warna border Kotak Utama */
overflow: hidden;
background-color: #FF9900; /* Warna background Kotak Utama */
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 0px;
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}

4. Perhatikan text-text yang berwarna merah, itu adalah keterangan untuk pengaturan Tab View. Ada ukuran warna dll. Untuk mengetahui kode2 warna silahkan lihat DISINI
5. Langkah selanjutnya yaitu pasang kode berikut ini sebelum kode</head>

<script src='http://kendhin.googlepages.com/tabview.js' type='text/javascript'/>

6. Kemudian "Di save"
7. Lalu pergi ke menu "Page Elements"
8. Trus PIlih "Add a Gadget" --> "HTML/Javascript" di tempat yg akan km letakkan Manu Tab View ini.
9. Inilah script yg harus kamu pasang :

<form action="tabview.html" method="get">
<div class="TabView" id="TabView">
<div class="Tabs" style="width: 350px;">
<a>Tab 1</a>
<a>Tab 2</a>
<a>Tab 3</a>
</div>
<div class="Pages" style="width: 350px; height: 250px;">

<div class="Page">
<div class="Pad">
Tab 1.1 <br />
Tab 1.2 <br />
Tab 1.3 <br />
</div>
</div>

<div class="Page">
<div class="Pad">
Tab 2.1 <br />
Tab 2.2 <br />
Tab 2.3 <br />
</div>
</div>

<div class="Page">
<div class="Pad">
Tab 3.1 <br />
Tab 3.2 <br />
Tab 3.3 <br />
</div>
</div>

</div>
</div>
</form>

<script type="text/javascript">
tabview_initialize('TabView');
</script>

Keterangan :
- Angka2 atau text yang berwarna biru (350px) adalah ukuran tinggi dan lebar tabview.
- Kode yang berwarna Hijau Adalah text yang di Menu utama (Menu Atas).
- Kode yang berwarna merah adalah isi dari tabvie tsb. Kamu bisa mengisinya dengan link, gambar, banner, script dll.
- Untuk menmbahkan jumlah menu maka perhatikanlah text yang berkedip2. tambahkan menu tersebut dibawahnya.

 

Semoga Bermanfaat!!!

Sumber : http://trik-tips.blogspot.com/

Cara Membuat Menu DTree

Cara Membuat Menu DTree

Apa itu menu Dtree (D-Tree) ? itu lho menu yang memiliki struktur seperti pohon, yang punya cabang-cabang itu lho, Seperti kalo kita membuka Windows Explorer. Menu yang seperti gambar dibawah ini atau seperti contoh ini.
Menu Dtree ini sangat berguna jika kamu memiliki postingan yang banyak, karena dengan menggunakan menu Dtree maka akan bisa menghemat space/ruang yang ada di blogmu. Nah kamu pingin tahu cara membuatnya?

Beginilah cara membuatnya :

1. Login to Blogger, trus pilih "Layout --> Edit HTML"
2. Taruh kode berikut ini diatas kode <head>

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

3. Trus Klik Tombol "Save

4. Setelah itu copy kode berikut ini dan pasang di sidebar kamu, udah tahu tho cara pasangnya? itu lho di menu "Page Element"trus klik "Add a Gadget --> HTML/Javascript". Inilah script yang harus kamu copy di sidebar kamu.

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

berikut ini keteranganya:
- Ganti tulisan "link.html" dengan link kamu (judul posting kamu).
- Angka yang pertama harus unik tidak boleh ada yang sama (d.add(1,0,’Node 1’,’link.html’);
- Angka yang kedua merupakan cabang dari angka pertama (perhatikan angka-angka yang memiliki warna sama).

- Kamu bisa mengganti icon-iconnya dengan icon kamu sendiri, contoh scriptnya akan seperti ini:

d.add(10,0,’Profile’,’link.html’,’’,’’,’http://kendhin.890m.com/dtree/trash.gif’);

Ganti text "http://kendhin.890m.com/dtree/trash.gif" dengan alamat gambar kamu. 

Selesai.

Semoga Bermanfaat!!!

Sumber : http://trik-tips.blogspot.com

Cara Membuat Efek Daun Berjatuhan Di Blog

Cara Membuat Efek Daun Berjatuhan Di Blog – Efek daun berjatuhan di blog sepertinya juga banyak diminati oleh sobat blogger, dan menurut saya efek daun berjatuhan ini loadingnya lebih ringan dan cepat ketimbang efek bintang bertaburan. Trik membuat efek daun berjatuhan ini juga masih menggunakan javascript, cara membuatnya simak lebih lanjut dibawah ini.

Cara Membuat Efek Daun Berjatuhan :

1.       Seperti biasa login dulu ke dashboard blogger anda.

2.       Pilih Rancangan > Edit HTML, centang Expand widget template.

3.       Cari kode </head>  pada template dengan menggunakan Ctrl+F.

4.       Copy kode javascript dibawah ini dan letakkan tepat diatas kode </head> .

<script src='http://arti.master.irhamna.googlepages.com/daun.js'/>

5.       Save / simpan template anda dan lihat hasilnya.

Cat :Kalau di blog anda sudah menggunakan efek bintang pada kursor, video slide, pemutar music mp3 online atau penggunaan script animasi yang lainnya, sebaiknya jangan tambahkan lagi dengan efek daun berjatuhan ini. Karena akan memberatkan loading blog anda.

***********************************************************************************************************************************

************************************************Semoga bermanfaat!!!**********************************************************

***********************************************************************************************************************************

Sumber : http://www.rayhanzhampiet.com/2011/08/cara-membuat-efek-daun-berjatuhan-di.html