Let' Try to Add More Emoticon on Your Blog Post

More Emoticon on Compose Page Blogger

Setelah melakukan blogwalking cukup lama, mencari segala informasi dan tutorial yang bisa digunakan untuk membuat postingan di blog menjadi lebih indah.

Akhirnya saya menemukan tutorial yang pas untuk menambahkan emoticon di postingan blog saya dengan smiley seperti :

atau atau atau

Tutorial ini saya ambil dengan sedikit perubahan dari sini.

Salah satu kelemahan Blogger adalah tidak adanya fasilitas yang bisa mendukung adanya smiley atau emoticon di setiap postingan.
Jadi sebagai blogger user, kita harus memiliki kreatifitas sendiri untuk mengembangkan blog kita.

Ketika anda mau posting, di halaman composenya akan berwujud kira-kira seperti ini:

jadi anda nggak usah repot bolak-balik ke halaman smileynya yahoo atau smileyjungle terus copy paste image addressnya , it’s all now on your compose page ,

Oke Langsug aja kita coba terapkan Langkah-Langkah untuk membuatnya..

1. Pastikan anda menggunakan browser Firefox terbaru, at least versi 1.5 ke atas.
2. Install Grease Monkey disini, ini add-onn firefox yg akan membantu langkah kita, setelah itu restart firefox anda.
3. Setelah Grease Monkey terinstall, langkah berikutnya adalah menginstall script emoticon, sebagai contoh, kita akan memasang emoticon yang biasa muncul di yahoo. Silahkan klik disini untuk menginstall scriptnya.
4. Langkah berikutnya adalah Masuk ke template editor anda di blogger, cari tag ini

   ]]>

   nah tepat sebelum tag itu, masukkan kode berikut:

   img.emoticon {
   padding: 0;
   margin: 0;
   border: 0;
   }

5. Selesai.., silahkan sekarang coba masuk ke compose page, dan lihatlah bedanya

Selain emoticon yahoo, ada beberapa emoticon lain yang bisa anda install, yaitu:

• Emoticon dari smiley jungle, contoh:
• Emoticon Naruto, contoh:
• Emoticon Pika, contoh:
• Emoticon pucca, contoh:
• Emoticon yg biasa ada di shoutbox, contoh:
• Emoticon Union, contoh:
• Emoticonnya bung Cosa Arandra,
  

Anda tinggal klik saja linknya, otomatis akan langsung ter-install.

Oke,,Let's try it Now,,,

^^ Happy Blogging ^^

Read More

Try Some News on Slide Show Tab View Widget

Try Some News on Slide Show Tab View

Dalam posting ini saya hanya ingin mencoba menghubungkan Link url beberapa berita yang saya kutip dari teman saya "Bung David" dengan Slide Show Tab View yang saya buat pada blog Genx4Shared ini,, Sebelumnya saya ingin berterima kasih kepada Kang Rohman dan Bung David yang mudah2an ngga keberatan article nya saya kutip sebagai bahan pembelajaran saya untuk saya terapkan di blog ini,,

Berikut beberapa Kutipan Berita tersebut :

• Bangunan Unik Dengan Anak Tangga Terbanyak Di Dunia
• Bangunan Dengan 1000 Kaca
• CPU Komputer Di Dalam Kaca
• Nafsu Seks Tak Terkendali, Tidur Dengan 1000 Pria

^^--------------------------------^^

Bangunan Unik Dengan Anak Tangga Terbanyak Di Dunia

Bangunan Yang Di bangun pada Abad ke-9 ini memiliki Ciri khas yang sangat Unik... Bangunan ini Memiliki Anak Tangga Terbanyak di dunia Sebanyak 3500 buah yang terdapat di Semua sudut bangunan...kalau nggak percaya silahkan Hitung....he...he..

Bangunan Unik ini berada di India lebih tepatnya di Negara Bagian Rajasthan... Ini adalah contoh baik dari arsitektur keunggulan lazim di masa lalu yang sangat indah..

^^-------------------End------------------^^

Bangunan Dengan 1000 Kaca

Rumah gak berjendela gak baik buat kesehatan, tapi gimana juga kalau bangunan yang punya 1000 jendela?

Sebuah block perkantoran baru di Cina yang sedang dalam pembangunan dimana merupakan desain dari seorang arsitek asal Jepang bernama Sako Keiichiro, dipercaya merupakan bangunan yang memiliki jendela paling banyak sedunia. Adapun bangunan itu berlantai 9 dan memiliki jendela hampir 1000 buah.

Seorang jurnalis surat kabar setempat bahkan menghitung jumlah jendela tersebut. Mau tahu detailnya? Menurut penghitungan sang jurnalis, bangunan itu memiliki 113 jendela di 15 ruangan yang ada di lantai 9, dan dalam satu ruangan saja terdapat 21 jendela. Gak ada satu ruanganpun di bangunan itu yang benar-benar berbentuk persegi empat atau bujur sangkar, terdapat koridor angin disekelilingnya dan di antara ruangan. Dan masing-masing lantai terdapat taman kecil. "Di dalam seperti menyesatkan," jelas seorang pekerja konstruksi yang juga mengatakan kalau bangunan itu merupakan proyek tersulit dan yang menghabiskan paling banyak waktunya.

Seperti yang diberitakan Ananova.com, bangunan itu membuat orang-orang yang lewat dan melihatnya terlalu lama menjadi pusing. Wei, kepala konstruksi menjelaskan kalau bangunan itu bakal rampung musim panas tahun ini. Selain itu Wei juga menjelaskan kalau sebuah hotel berlantai 3 juga bakalan di buat dengan desain seperti bangunan perkantoran ini. Menurut Wei, total pembuatan bangunan perkantoran itu menghabiskan biaya sekitar 6 Juta poundsterling (sekitar Rp 106.547.700.000). Sedang biaya jendela nya sendiri saja berjumlah 500,000 Poundsterling (sekitar Rp 8.878.975.000).

^^-------------------End------------------^^

CPU Komputer Di Dalam Botol

Apa jadi kalau CPU komputer berada di dalam Botol minuman!!!!

wah nggak kebayang bisa hidup nggak y komputernya....Aneh-aneh aja ne yang di lakukan orang...sampai CPU komputer pun bisa berada dalam Botol minuman.barangkali dengan melihat gambar ini bisa jadi kalian terinspirasi juga buat CPU komputer dengan barang yang lain.... silahkan Menikamati y...

^^-------------------End------------------^^

Nafsu Seks Tidak Terkendali, Tidur Dengan 1000 Pria

Meski menolak disebut sebagai pekerja seks komersil (PSK), Terri Hunter mengaku telah tidur dengan 1.000 pria dan dapat berhubungan badan hingga lusinan kali dalam sehari. "Saya bukan PSK," aku perempuan berusia 25 tahun itu walaupun ia mengakui tak kuasa terhadap dorongan seks yang menghimpitnya.

Perempuan yang juga mempunyai sebutan Randy Terri itu mencari pasangan, termasuk pria yang telah berumah tangga, untuk memuaskan hasratnya itu melalui internet. Manajer customer service di Inggris ini mengaku tak memilih penampilan para pria yang diajaknya berhubungan badan selama mereka bersedia memenuhi keinginannya.

"Itulah bagian yang memprihatinkannya - luapan keinginan berhubungan seks telah menutup mata kendali diriku," jelas Terri yang berasal dari Dagenham, Essex. "Aku tak perduli bagaimana hubungan itu berlangsung dan seperti apa rupa para pria yang kukencani. Bonus buatku apabila ternyata para pria itu kaya." Terry mengungkapkan telah menjadi budak dari hasrat yang sulit dikendalikannya sejak kehilangan keperawanannya pada usia 17. "Sejak saat itu aku sulit untuk mengekang keinginanku itu. Aku telah melakukannya dengan ratusan dan bahkan ribuan pria. Aku tak menghitungnya karena aku bukan PSK - aku hanya ingin memuaskan nafsu." "

Sebagian besar orang menggambarkan aku sebagai orang baik-baik dan menarik. Aku tidak merokok, jarang minum minuman keras, tak pernah menggunakan obat bius tetapi aku telah tidur dengan hampir seribu pria." Terri mengaku telah berusaha mengatasi ketergantungannya itu dengan berkonsultasi bersama psikiater dan mengikuti terapi. Obat antidepresi yang diresepkan untuk dirinya tetap tak dapat mengendalikan keinginannya berhubungan seks. Bahkan Terri mengaku justru terjebak oleh keinginan untuk berhubungan seks dengan psikiater maupun ahli terapi yang ditemuinya.

Meskipun mempunyai nafsu seks tak terkendali, Terry berhasil menjaga hubungan dengan kekasihnya, Wayne, selama 2 bulan terakhir. Namun, Terry mempunyai komentar tersendiri tentang hubungan dengan kekasihnya itu. "Kusadari kalau nafsuku yang tak terbendung mungkin suatu saat nanti akan menghancurkan hubunganku itu seperti yang terjadi sebelumnya. (kompas)

^^-------------------End------------------^^

Read More

Let's Try to Create Slide Show Tab View Widget

Slide Show Tab View Widget

Have you ever visited http://kompas.com? One of the most famous newspaper website in Indonesia...
At the left of the site, you can see a tab menu which is usually called “Tab View”.
Why is it called Tab Menu? Because when the tab is clicked, it will move the menu content (wanna prove, just click the tab). However, it is a little different from the normal tab menu. The tab menu usually shows the content of the menu in turn or what we usually call “Slide Show”. It takes a conclusion that menu has 2 functions; as a “Tab View” and “Slide Show”.

I was interested in that tab menu, tried to apply it in blogger template and it works. To see the sample of Slide Show Tab View Widget, please visit http://genx4shared.blogspot.com and pay attention to the left side of the top, there you can see the widget that is similar to the widget in kompas.com.

If you are interested in making Slide Show Tab View Widget, please follow the steps below.

# Step 1

1. Log in into blogger with your ID
2. Click Layout
3. Click Edit HTML tab
4. Click Download Full template. Please back up your template first
5. Copy the code below, then paste it above ]]></b:skin>

   .indentmenu{
   font: bold 11px Arial;
   width: 100%; /*leave this value as is in most cases*/ 
   } 
   .indentmenu ul{
   margin: 2px;
   padding: 0;
   float: left;
   /* width: 80%; width of menu*/
   background: transparent;
   } 
   .indentmenu ul li{
   display: inline;
   } 
   .indentmenu ul li a{
   float: left;
   margin: 2px;
   color: #000; /*text color*/
   padding: 5px 11px;
   text-decoration: none;
   border: 1px solid #ccc;
   } 
   .indentmenu ul li a:hover{
   background:#ddd;
   } 
   .indentmenu ul li a:visited{
   color: white;
   } 
   .indentmenu ul li a.selected{
   color: white !important;
   padding-top: 6px; /*shift text down 1px*/
   padding-bottom: 4px;
   border: 1px solid #000000;
   background:#000000;
   } 
   .tabcontentstyle{ /*style of tab content container*/
   border: 1px solid gray;
   width: 450px;
   margin-bottom: 1em;
   padding: 10px;
   } 
   .tabcontent{
   display:none;
   } 
   @media print {
   .tabcontent {
   display:block !important;
   }
   }

   
   
6. Before continuing, please download this script , copy-paste it right above </head>
7. Click SAVE TEMPLATE
   

The 1^st Step is done.

Let’s continue to the 2^nd Step

# Step 2

1. Click Page Element tab
   
2. Click Add Gadget
   
   
   

3. Choose HTML/JavaScript.
   
   
   

4. Copy-paste the code in available column:
   
   

   <div style="float:left;margin:0px 10px 0px 0px;padding:0px;height:350px;">
        
   <div id="pettabs" class="indentmenu">
      
   <ul>
   
   
   <li><a href="#" class="selected" rel="tab1">1</a></li>
   
   <li><a href="#" rel="tab2">2</a></li>
   
   
   <li><a href="#" rel="tab3">3</a></li>
    
   <li><a href="#" rel="tab4">4</a></li> 
       
   </ul>
   
     
   <br style="clear: left"/>
   
   </div> 
       
   <div style="width:240px;text-align:justify;padding: 5px; margin-bottom:1em"> 
       
   <div id="tab1" class="tabcontent">
   
     
   <a href="http://magazine-1.blogspot.com/2008/11/obama-will-change-bush-policy.html">
    
   <img border="0" style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" alt="obamabush" width="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtartls5gOnsrHzXUvk3ekPaZKLW8CLub_klwLYyZzO3vAW2qK94aK-V18x6SB0t2eWxrRebQ_UZlXGXdndJNkxzptbXNvbWTu8fX25tFN36W6f23CU43o-7qoG6n67YxAZ6rLs6723Rk/?imgmax=800" height="152" title="obamabush"/></a> 
       
   <p><h3><a href="http://magazine-1.blogspot.com/2008/11/obama-will-change-bush-policy.html">Obama Will Change Busf Policy</a></h3></p>
   
   
   U.S. President Barack Obama will change several numbers of controversial policies by President George W. Bush, including the restriction of the parent embryo cell research [...]
   
   </div> 
       
   <div id="tab2" class="tabcontent">
     
   <a href="http://magazine-1.blogspot.com/2008/11/beyonce-will-never-sell-her-wedding.html">
   
   <img border="0" style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" alt="beyone" width="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhxcfQdWdzacri8DRM4AqGVByo_pMNXKvgIX7keq501ziznvy1LJQdbpqOLYBLkpELOuSd4VjofzY2OWERZxzUjpHvInC0nSAA0Iuj-V_Ayrb8Cq-Ca1AsoN46pzf1vpxlUyXzdSPEu5o/?imgmax=800" height="152" title="beyone"/></a>
   
    
   <p><h3><a href="http://magazine-1.blogspot.com/2008/11/beyonce-will-never-sell-her-wedding.html">Beyone Will Never Sell Her Wedding Photo</a></h3></p> 
        
   Beyonce said, she will never consider to sells her wedding photo with Jay-Z to a celebrity magazine that offering a large amount of money as rewards, even she wonder with the amount of money that offered to her [...]
     
   </div>
      
   <div id="tab3" class="tabcontent">
   
     
   <a href="http://magazine-1.blogspot.com/2008/11/guns-n-roses-will-back.html">
    
   <img border="0" style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" alt="Guns N 'Roses" width="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIy-52CW6k91euibuiDMtLqaxsetI84sJJbgLoqDkmyxpvzuD9VDW40YGa9nJ0XO3bCVfyv97bUewsWozu6o3MiDm11n74uQadEkLSNrxoBn0aKLydss4dz7ZtOFBZKpyDsNbnCNUABck/?imgmax=800" height="152" title="Guns N 'Roses"/></a>
   
   <p><h3><a href="http://magazine-1.blogspot.com/2008/11/guns-n-roses-will-back.html">Guns N 'Roses Will Back</a></h3></p>      
   After 15 years not releasing album, the group rock Guns N ' Roses will launch a new album in the United States on 23 November. The band's latest album is "The Spaghetti Incident", released in 1993 [...]
     
   </div> 
       
   <div id="tab4" class="tabcontent">   
   <a href="http://magazine-1.blogspot.com/2008/11/i-pod-can-make-your-ear-buzz.html">
   
   
   <img border="0" style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" alt="ipod" width="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMJx6n4qredHABzpQ4_R5Ix9sg1SoLr2ER3rOiIFn2GIV0UH6hlesIgw-rG5vEM8nGMqWKP_uGuI78lnaAu7vaGRLGRXjzeiGDa-3WSILjhNnUT146GYuAwU-CuAF4ZPoM_QMyQya3Edo/?imgmax=800" height="152" title="ipod"/></a>
   
   
   <p><h3><a href="http://magazine-1.blogspot.com/2008/11/i-pod-can-make-your-ear-buzz.html">Ipod Can Make Your ear Buzz</a></h3></p> 
        
   Music is one way to wake the spirit, to create happy life, but what happens if the music makes the ears buzz? of course, not the music that makes the ear 'buzzy',[...]
     
   </div>
   </div> 
   <script type="text/javascript">      
   var mypets=new ddtabcontent("pettabs")    
   mypets.setpersist(true)    
   mypets.setselectedClassTarget("link")    
   mypets.init(2000)       
   </script>

   
   
5. Click SAVE TEMPLATE button.
   
6. Finish and view you blog to see the result.
   

The code above is not absolute as I had written. You can modify it as your interest or suitable with your template.

Below is additional information that will ease you in modifying this code.

In the 1^st step, there is a row of CSS code, that code can be modified so that it produces a beautiful row tab.

Take a look at the code below

<div style="float:left;margin:0px 10px 0px 0px;padding:0px;height:350px;">

<div id="pettabs" class="indentmenu">

<ul>

<li><a href="#" class="selected" rel="tab1">1</a></li>


<li><a href="#" rel="tab2">2</a></li>


<li><a href="#" rel="tab3">3</a></li>


<li><a href="#" rel="tab4">4</a></li>

</ul>

<br style="clear: left"/>


</div>

This code is a tab row with the tab row such as1, 2, 3, and 4. You can change with your favorite ones, such Recent Comments, Recent Post, Shoutbox or anything you want. To arrange the height of your widget, change height:350px with the value that you want, example; height:400px.

Please, Pay attention the code below too.

<div style="width: 240px; text-align: justify; padding: 5px; margin-bottom: 1em">

The code above is used to arrange the menu content and it can be changed as you want to, such as;

width:240px : it is used to arrange the width, change it with the value that you want, example; width:300px.

text-align:justify : it is used to arrange the writing, change it with the value that you want,

Example; text-align:left, text-align:right.

Also, Pay attention the code below too.

<script type="text/javascript">

var mypets=new ddtabcontent("pettabs")

mypets.setpersist(true)

mypets.setselectedClassTarget("link")

mypets.init( 2000)

</script>

To arrange the moving of image from one tab to other tab, change 2000 with the value that you want, example; 2100.

Code in “Slide Show Tab View Widget” contains with the Articles. Please change it with your own articles.

Original Script by: dynamic drive.
Modified by: Genx4Shared

Let's try it now,,,

Happy Blogging

Read More