Arsip

Sedang membuka arsip. SILAHKAN TUNGGU SEBENTAR....

Cara Membuat Menu Tab View

Banyak Sekali kegunaan Tab view ini,bentuknya yang mungil nan imut ini bisa menampung berbagai contents yang yang sangat di perlukan dalam blog kita. Contohnya seperti punyaku yang ada disamping kanan itu,bisa dilihat sendiri.

Langsung Saja...

Beginilah cara untuk membuat menu tab view tersebut

1. PErtama anda harus Login ke blogger trus pilih menu "Layout --> Edit HTML"
2. Kemudian cari kode berikut ( gunakan CTRL+F untuk mempermudah pencarian) ]]></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. Yang perlu di perhatikan adalah 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 type='text/javascript'>

function tabview_auxundefinedTabViewId, id)
{
  var TabView = document.getElementByIdundefinedTabViewId);

  // ----- Tabs -----

  var Tabs = TabView.firstChild;
  while undefinedTabs.className != &quot;Tabs&quot; ) Tabs = Tabs.nextSibling;

  var Tab = Tabs.firstChild;
  var i   = 0;

  do
  {
    if undefinedTab.tagName == &quot;A&quot;)
    {
      i++;
      Tab.href      = &quot;javascript:tabview_switchundefined&#39;&quot;+TabViewId+&quot;&#39;, &quot;+i+&quot;);&quot;;
      Tab.className = undefinedi == id) ? &quot;Active&quot; : &quot;&quot;;
      Tab.blurundefined);
    }
  }
  while undefinedTab = Tab.nextSibling);

  // ----- Pages -----

  var Pages = TabView.firstChild;
  while undefinedPages.className != &#39;Pages&#39;) Pages = Pages.nextSibling;

  var Page = Pages.firstChild;
  var i    = 0;

  do
  {
    if undefinedPage.className == &#39;Page&#39;)
    {
      i++;
      if undefinedPages.offsetHeight) Page.style.height = undefinedPages.offsetHeight-2)+&quot;px&quot;;
      Page.style.overflow = &quot;auto&quot;;
      Page.style.display  = undefinedi == id) ? &#39;block&#39; : &#39;none&#39;;
    }
  }
  while undefinedPage = Page.nextSibling);
}

// ----- Functions -------------------------------------------------------------

function tabview_switchundefinedTabViewId, id) { tabview_auxundefinedTabViewId, id); }

function tabview_initializeundefinedTabViewId) { tabview_auxundefinedTabViewId,  1); }

</script>

<script type='text/javascript'>tabview_initializeundefined&#39;TabView&#39;);
</script>

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.

Cara Memasang Tombol Share ke Sosial Bookmarking di Blogger

Jika tertarik dan berminat memasang tombol tersebut, berikut saya akan jabarkan caranya memasang ke blog sobat, check it

1. Pertama, login dulu ke Blog sobat 

2. Masuk ke tab Rancangan (Design/Layout) -> Edit HTML

3. Klik pada Expand Widget Templates
4. Kemudian Carilah kode berikut ini

<data:post.body/>

atau

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

(Note: Gunakan CTRL+F untuk mempermudah pencarian)
Kode ini biasanya ada 2 buah, pilihlah yang lebih bawah

5. Setelah ketemu, letakkan kode ini setelah kode <data:post.body/>

<div style='border-top:0px solid #ccc;border-bottom:3px solid #FE9A2E; padding:10px 0px 10px 0px;margin:15px 0px 7px 0px;width:100%;float:left;height:23px;'>
<div style='float:right;'>
<span class='st_twitter_hcount' displayText='Tweet'/><span class='st_facebook_hcount' displayText='Share'/><span class='st_email_hcount' displayText='Email'/><span class='st_sharethis_hcount' displayText='Share'/>
<script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/><script type='text/javascript'>stLight.options({publisher:&#39;63b83a98-def5-427f-ac7c-4b24bcff910d&#39;});</script>
</div>
</div>

6. Selesai, SAVE TEMPLATE anda dan lihat hasilnya

Note: Jika anda telah memasang readmore, tombol submit ini akan terlihat jika posting tampil fullpost

Cara Membuat Shout Box di Blogger

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. Atur lebar dan tinggi shoutbox di kolom widht dan hight
7. Login ke blogger.com lalu pilih Layout kemudian Add Page Elements8. Tambahkan element HTML/Javascript.
9. Paste Kode yang telah kamu copy dari shoutbox.com tadi di kotak "Content" lalu Save 

Cara Membuat 'Read More' Animasi

1.Bagi teman-teman yang blognya belum pake readmore,buat readmore dulu disini

2.Dihalaman Edit HTML, ganti tulisan read more ato lainya yang sobat pake buat link baca selanjutnya dengan kode berikut <img src="link gambar kamu"/>
Yang sudah pake read more langsung langkah 2 aja ya.
3.Langkah terakhir dan terpenting adalah Save Template

Kalo sobat belum punya gambar ini aku sediakan:

http://i496.photobucket.com/albums/rr329/grandisyf/th_button-green-f.gif


http://i496.photobucket.com/albums/rr329/grandisyf/th_arrow-readmore.gif


http://i496.photobucket.com/albums/rr329/grandisyf/th_more.gif


http://i496.photobucket.com/albums/rr329/grandisyf/Read-more-3_grandis.gif


http://i496.photobucket.com/albums/rr329/grandisyf/th_Readmore3.gif

Membuat Auto Read More di Blogger

Caranya gampang kok,, ikutin instruksi ini ya,,
1. Login ke Blogger
2. Klik "Rancangan" di dasbor
4. Klik "Edit HTML"
5. Pake tobol F3 atau ctrl + F dan search script : </head>
6. Lalu letakkan script berikut tepat di bawah kode di atas (yang udah di search)

<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/> 


7. Setelah itu search lagi kode <data:post.body/> atau <p><data:post.body/></p> dan ganti dengan script di bawah ini :

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'>&#187;&#187;&#160;&#160;READ MORE...</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if> 

 

Keterangan : Tulisan yang berwarna pink adalah yang bisa diganti.  
---> Summary noimg 430 = tinggi artikel yang terpenggal tanpa image

---> Summar img 430       = tinggi artikel yang terpenggal dengan image

---> Tulisan " READ MORE"  bisa diganti sesuai keingginan

 

OK... Good Luck ^_^

7 Kisah Cinta Abadi di Dunia

1. Annie Oakley dan Frank Butler

Apabila kalian tahu film musikal Irlandia tahun 1940an yang berjudul “Annie Get Your Gun”, merupakan inspirasi dari kisah nyata Annie Oakley dan Frank Butler. Annie Oakley adalah seorang penembak. Pada tahun 1881, Baughman dan Butler mengadakan pertunjukan menembak di Cincinnati. Frank E Butler menantang para penembak lokal untuk beradu tembak. Namun Frank terkejut ketika tantangannya diterima oleh seorang yang bernama Annie Oakley. Dalam pertarungan mereka, Butler kalah dan Annie memenangkan perlombaan menembak tersebut. Selain itu, Butler juga menjadi jatuh hati pada Annie dan akhirnya mereka menikah apda tanggal 20 Juni 1882. Frank kemudian pensiun dari menembak dan lebih fokus membangun rumah tangga bersama Annie. Annie akhirnya meninggal tahun 1926 dan Frank meninggal 18 hari kemudian.

2. Salim dan Anarkali

Pangeran Salim merupakan anak dari seorang kaisar Akbar (kaisar dari The Great Mughal) dan istrinya Mariam-uz-Zamani. Pangeran Salim dikenal sangat amburadul dan tidak sopan yang jatuh cinta pada seorang pelayan istana bernama Anarkali. Mereka berdua saling jatuh cinta, namun hal tersebut tidak direstui oleh ayahnya yang menganggap Anarkali sebagai wanita penggoda. Ayahnya kemudian mencari segala jalan untuk memisahkan anaknya dari Anarkali. Sang ayah kemudian mengirim pangeran Salim untuk sebuah tugas, dan ketika itu juga Anarkali dikuburkan hidup-hidup di tembok batu. Cerita ini membuat setiap pasangan menitikkan air mata ketika mendengarkannya.

3. Antony dan Cleopatra

Ini kisah cinta antar bangsa, antara Mark Anthoni yang tampan dari Romawi dan Pharaoh terakhir dari Mesir, yaitu Cleopatra. Kisah ini berlangsung sekitar tahun 31 SM. Kisah ini kemudian diceritakan lagi oleh penulis terkenal Shakespeare yang membuat cerita ini terkenal di seluruh dunia. Mark Anthony diceritakan meninggalkan istrinya, Octavia, karena tergoda oleh kecantikan Cleopatra yang akhirnya dinikahinya. Saudara laki-laki Octavia, yaitu Octavian, kemudian menghancurkan mereka berdua dengan meminjam pasukan Romawi. Diceritakan saat perang dengan Romawi, Mark Anthony mendapat kabar (yang ternyata kabar palsu) kalau Cleopatra terbunuh. Mark Anthony kemudian bunuh diri karena percaya akan berita itu. Cleopatra yang mendengar bahwa kekasihnya itu mati, akhirnya juga bunuh diri dengan racun. Cerita ini hampir mirip dengan kisah Romeo dan Juliet dari Verona, Italy.

4. Juan dan Evita Peron

Juan dan Evita Peron adalah pasangan Argentina sekitar tahun 1940an. Evita sendiri merupakan istri kedua Juan yang adalah presiden Argentina. Evita menjadi ibu negara dari tahun 1946 sampai ia meninggal tahun 1952. Latar belakang Evita sendiri adalah seorang artis. Dan Juan Dominggo jatuh cinta pada Evita muda dan menikahinya. Peran politik keduanya sangat berpengaruh sehingga dapat mengubah wajah Argentina, bahkan mereka dijuluki pasangan politik terbaik di era itu. Evita sendiri akhirnya meninggal akibat kanker. Mungkin kita sempat mendengar lagu yang terkenal berjudul “Dont cry for me Argentina” yang dibawakan oleh Madonna. Saat itu Madonna memerankan Evita di video klipnya.

5. Tristan dan Isolde

Isolde adalah anak perempuan dari Raja Irlandia. Ia kemudian bertunangan dengan raja Mark dari Cornwall, namun sebenarnya ia jatuh cinta dengan Tristan yang merupakan kemenakan dari raja Mark. Perselingkuhan mereka bahkan berlanjut saat Isolde menikah dengan raja Mark. Akhirnya perselingkuhan ini diketahui oleh raja Mark, namun karena saking cintanya sang raja pada istrinya, ia memaafkan istrinya. Akan tetapi sang raja mengusir kemenakannya itu dari Cornwall. Tristan akhirnya pergi ke Britanny dan tertarik dengan Iseult karena namanya mirip dengan Isolde. Mereka menikah, namun Tristan tidak dapat melupakan Isolde. Ini membuatnya jatuh sakit dan menulis surat pada Isolde dan berharap Isolde dapat mengobati luka hatinya ini. Apabila Isolde setuju ingin datang dan menemui Tristan, maka ia harus menaiki kapal berwarna putih. Apabila tidak, kapal harus berwarna hitam. Iseult yang tidak ingin berpisah dengan Tristan, berbohong pada Tristan dengan mengatakan bahwa ia melihat kapal hitam. Tristan akhirnya meniggal dalam kesedihan sebelum Isolde datang menemuinya. Isolde pun akhirnya meninggal karena patah hati.

6. Prince Edward dan Wallis Simpson

Demi cintanya pada Wallis Simpson, Pangeran Edward rela mengorbankan kekayaan dan kekuasaannya. Pangeran Inggris ini jatuh cinta pada Wallis Simpson yang berkebangsaan Amerika dan sudah bersuami. Wallis Simpson akhirnya menceraikan suaminya dan memulai hidup barunya dengan Pangeran Edward. Wallis tentu saja tidak dapat menjadi ratu Inggris karena berkebangsaan Amerika. Pangeran Edward sendiri naik tahta pada tahun 1936, namun segera turun tahta agar dapat menikahi kekasihnya itu. Pangeran Edward akhirnya meninggal pada tanggal 28 may 1972. Wallis kemudian menyendiri dan akhirnya meninggal 14 tahun kemudian pada tanggal 24 April 1986.

7. Pyramus dan Thisbe

 
Ini adalah kisah cinta yang populer dari Babilonia. Kisah cinta ini dimulai pada tahun 331 SM. Pyramus adalah pria tampan yang merupakan teman kecil dari Thisbe. Mereka hidup di lingkungan yang sama dan cinta tumbuh di antara mereka. Namun ini ditentang oleh orang tua mereka. Mereka kemudian memutuskan untuk kabur dan bertemu di dekat sebuah pohon. Thisbe yang datang terlebih dahulu melihat seekor singa yang mulutnya berlumuran darah. Thisbe ketakutan dan lari. Ketika berlari ia menjatuhkan kerudungnya sehingga diambil oleh singa itu. Ketika itu Pyramus tiba dan melihat kerudung Thisbe di mulut singa itu (yang berlumuran darah). Dalam kesedihan yang mendalam, Pyramus kemudian bunuh diri dengan pedang di tangannya. Thisbe yang tidak dapat hidup tanpa Pyramus, kemudian bunuh diri dengan pedang yang sama.

Sumber

Tradisi Tahun Baru yang Unik

1. Bola Api Viking (Scotlandia)

Setiap tanggal 31 Desember, di Scotlandia berlangsung festival tahunan "Festival of Hogmanay". Semua lelaki dewasa banyak yang jadi peserta, dan mereka berparade melalui jalan-jalan utama sambil memegang suluh. Walhasil, bola-bola api memenuhi udara Scotlandia sepanjang malam tutup tahun tersebut. Festival ini merupakan tradisi turun-temurun sejak jaman bangsa Viking menguasai Skandinavia. Mereka percaya bola-bola api tersebut sebagai lambang pemurnian serta pengharapan pada kembalinya matahari menyaput musim dingin agar cepat berlalu.

2. Pecahkan Piring di Rumah Tetangga (Denmark)

Warga Denmark punya tradisi unik lain lagi, yaitu memecahkan piring dengan melemparkannya ke pintu di rumah tetangga mereka. Tradisi ini sudah meluas di seluruh Denmark sehingga tak ada satu orang pun yang mengeluh atau memarahi sang pelaku. Kepercayaan tersebut guna mendapat keberuntungan selama setahun. Makanya, bagi keluarga yang paling banyak memecahkan berbagai benda pecah-belah di pintu tetangga, merekalah yang dipercaya paling banyak mendapat keberuntungan.

3. Berbicara Pada Roh (Mexico)

Berbicara pada roh-roh merupakan kepercayaan yang melekat erat pada penduduk Mexico, dan malam tahun baru diyakini sebagai saat paling tepat untuk berkomunikasi dengan roh-roh orang mati sebagai cara mendapat pesan tertentu, atau petunjuk akan masa depan. Akhirnya, tradisi ini jadi lahan bisnis tahunan. Contohnya, di Taos Inn, sebuah penginapan di New Mexico menawarkan paranormal yang siap jadi penghubung dengan dunia roh. Satu sesi selama 15 menit ini dihargai 15 US Dollar.

4. Daun Mistletoe Pengharap Jodoh (Irlandia)

Di Irlandia, daun mistletoe kerap digunakan oleh wanita yang ingin cepat dapat jodoh. Biasanya saat malam pergantian tahun, gadis-gadis lajang tersebut menaruh beberapa helai daun mistletoe di bawah bantal sehingga 'pangeran pujaan hati' bisa cepat datang melamar mereka. Selain itu, mereka juga percaya kebiasaan ini untuk menjauhkan dari nasib sial di tahun yang baru menjelang. Daun mistletoe adalah daun yang sering digunakan sebagai hiasan pada perayaan Natal. Pohon ini sebenarnya tumbuhan parasit dari ordo Santalales yang terdiri dari keluarga Santalaceae, Loranthaceae, dan Misodendraceae.

5. Bakar Orang-Orangan Sawah (Ekuador)

Nyaris serupa dengan tradisi warga Skotlandia, di Equador juga merayakan tahun baru dengan api. Namun, di negara Amerika Latin ini, api digunakan untuk membakar Orang-Orangan Sawah (Scarecrows) yang biasanya terbuat dari kumpulan kertas koran dan bilah-bilah kayu. Pembakaran dilakukan tepat tengah malam, jam "00:00" saat pergantian tahun, dan dilakukan hampir di tiap-tiap rumah. Mereka percaya, dengan membakar Orang-Orangan Sawah, maka terbakar habislah semua hal buruk selama setahun yang lewat. Orang-orangan Sawah tersebut juga dipercaya membuat takut nasib sial, sehingga tahun yang baru bisa membawa keberuntungan dan kebahagiaan.

6. Bertahun Baru di Pemakaman (Chile)

Di Chile, tepatnya di Talca ada tradisi unik setiap pergantian tahun. Warga Talca merayakan tahun baru bersama keluarga mereka yang sudah meninggal. Karenanya, setiap jam 23.00 Walikota Talca membuka gerbang pemakaman utama di Talca. Saat itulah penduduk berdatangan dengan iringan musik klasik dan kerlip lampu yang temaram sebagai pelengkap acara. Tradisi ini mengandung kepercayaan, bahwa orang yang sudah meninggal telah menunggu keluarganya dan harus memulai tahun yang baru bersama mereka.

7. Underwear Warna-Warni (Brazil)

Sebenarnya perayaan ini tidak hanya berlaku di Brazil, tapi juga hingga Bolivia dan Mexico. Penduduk Amerika Latin percaya, dengan mengenakan pakaian dalam (underwear) warna-warni saat malam tahun baru akan membuat nasib baik menghampiri mereka sepanjang tahun. Biasanya yang digunakan adalah warna-warna menyala seperti merah atau kuning. Warna merah melambangkan kehidupan penuh cinta bakal terus menghampiri. Sementara warna kuning untuk meraih kemakmuran lebih mudah.