Senin, 01 Desember 2008

Pasang Label Bentuk Animasi di Blog

Blogumulus by Roy Tanck and Amanda Fazani

Agar menarik, coba arahkan mouse komputer anda pada tulian di dalam gambar di samping! bagus tidak? kemarin lusa ada yang minta di buatkan tutorial tentang bagaimana membuat widget label / kategori dalam bentuk animasi flash seperti gambar di samping. Widget tersebut biasa di gunakan oleh pengguna mesin wordpress, namun jika anda sebagai pengguna mesin blogger ingin memasang widget tersebut, anda bisa melakukannya. Terima kasih untuk amanda yang telah membuat widget ini bisa di pasang di blogger.

Anda tertarik juga untuk memasang widget ini? berikut adalah langkah-langkahnya :

  1. Login ke blogger dengan ID anda.
  2. Klik Tata Letak.
  3. KLik tab Edit HTML.
  4. Klik tulisan Download Template Lengkap. silahkan backup dulu templatenya biar aman.
  5. Cari kode yang mirip dengan kode di bawah ini :

    <b:section class='sidebar' id='sidebar' preferred='yes'>

  6. Copy lalu paste kode di bawah ini di bawah kode yang tadi ;

      
    <b:widget id='Label99' locked='false' title='Labels' type='Label'>
    <b:includable id='main'>
    <b:if cond='data:title'>
    <h2><data:title/></h2>
    </b:if>
    <div class='widget-content'>
    &lt;object type="application/x-shockwave-flash" data="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" width="250" height="200" allowscriptaccess="always" &gt;
    &lt;param name="movie" value="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" /&gt;
    &lt;param name="bgcolor" value="#ffffff" /&gt;
    &lt;param name="flashvars" value="tcolor=0x000000&amp;mode=tags&amp;distr=true&amp;tspeed=100&amp;tagcloud=&lt;tags&gt;
    <b:loop values='data:labels' var='label'>
    <a expr:dir='data:blog.languageDirection' expr:href='data:label.url' style='12'><data:label.name/></a>
    </b:loop>
    &lt;/tags&gt;" /&gt;
    &lt;p&gt;Blogumulus by &lt;a href='http://www.roytanck.com/'&gt;Roy Tanck&lt;/a&gt; and &lt;a href='http://www.bloggerbuster.com'&gt;Amanda Fazani&lt;/a&gt;&lt;/p&gt;
    &lt;/object&gt;
    </div>
    <b:include name='quickedit'/>
    </b:includable>
    </b:widget>






  7. Klik tombol SIMPA TEMPLATE





  8. Selesai.





 



Seharusnya dengan langkah di atas, anda sudah mempunyai sebuah label atau kategori dalam bentuk animasi flash. Akan tetapi agar lebih pas dengan template yang anda gunakan, ada beberapa yang bisa di ubah pada kode di atas, misal :



 



Untuk mengubah lebar widget :




width="250"




Nilai “250” adalah lebar widget sebesar 250 pixel. Nilai ini bisa anda ganti sesuai kebutuhan, misal : 300



 



Untuk mengubah tinggi widget :




height="200"




























Nilai “200” adalah tingg widget sebesar 200 pixel. Nilai ini bisa anda ganti sesuai kebutuhan, misal : 250



 



Untuk mengubah warna background ":




&lt;param name="bgcolor" value="#ffffff" /&gt;




Tulisan “ffffff” adalah kode warna untuk putih, jika anda ingin mengubahnya, gantilah kode warna tersebut dengan kode warna yang anda inginkan. Contoh : kode warna untuk hitam adalah “000000”.



 



Untuk mengubah warna tulisan ":




















&lt;param name="flashvars" value="tcolor=0x000000&amp;




Tulisan “000000” adalah kode warna untuk hitam, jika anda ingin mengubahnya, gantilah kode warna tersebut dengan kode warna yang anda inginkan. Contoh : kode warna untuk putih adalah “ffffff”.



Dan jika anda mengerti lebih banyak, anda bisa mengubah yang lain- lainnya pula.



Selamat mencoba!


Diposting oleh di Tidak ada komentar:
Label: , ,

Exclusive Credit Cards Deals

As there are so many type and features of credit card offered in the market, there are also many kind of problem occur on the implementation. From the application process until the rates and pay off, there are so many rules, problems and solutions you have to understand if you don't want to be trapped in a sticky situation of having debts and bad credit score that will make you having difficulties in obtaining some loans.

You can find the solution of your concerns of credit card at extracreditcards.com. This website has the discussion and articles that will explain you about the problems that commonly occur on the credit card usage. You can also consider this website to get some reference on credit card that will be suitable with your specific condition.

If you don't really enjoy the complicated process of applying for credit card like at those credit card issuers, you can get Instant Approval Credit Card here. You can view the credit card deals before you start and don't miss the low APR card offers that will help you save more money. Get the lowest possible rates for your credit card and find the solution to solve your credit card problems here.

Diposting oleh di Tidak ada komentar:

Sabtu, 29 November 2008

Cara Menghilangkan Link Posting Lama

Sebagaiman anda ketahui bahwa saat sekarang ini blogger.com masih menggunakan template dengan dua versi, yaitu versi Template Klasik serta versi Template baru. Salah satu perbedaan antara keduanya adalah versi klasik tidak mempunyai fasilitas link “Posting Lama” atau “Older Posts”, dengan di tambahkannya fasilitas tersebut pada template versi baru maka akan lebih mempermudah para pembaca untuk menemukan artikel yang sudah tidak tampil di halaman depan.

Ternyata memang “lain orang lain juga keinginan”. Di kala orang lain senang dengan kehadiran fasilitas tersebut, ternyata ada juga yang ingin menghilangkannya, apakah itu anda? pertanyaan selanjutnya apakah fasilitas tersebut bisa di hilangkan atau tidak? jawaban singkat “Bisa”, dan caranya pun terbilang sangat mudah.

Sebelumnya perlu di ketahui bahwa fasilitas link tersebut ada 3 yaitu “Posting baru” atau “Newer Posts”, “Home” atau “Halaman Muka”, serta “Posting Lama” atau “Older Posts”. Mana yang mau anda hilangkan, atau mau semuanya? tentu saja bisa. Untuk menghilangkannya anda hanya menambahkan sedikit kode pada CSS template anda.

 

Untuk menghilangkan “Posting baru” atau “Newer Posts” :

Cari kode yang mirip seperti ini pada template anda :

#blog-pager-newer-link {
float: left;
}











































Ganti kodenya jadi seperti ini :


#blog-pager-newer-link {
display:none;
}


Jangan lupa untuk menyimpan template anda


 


Untuk menghilangkan “Posting Lama” atau “Newer Posts” :


Cari kode yang mirip seperti ini pada template anda :


#blog-pager-older-link {
float:right;
padding-right:5px;
}











































Ganti kodenya jadi seperti ini :


#blog-pager-older-link {
display:none;
}


Jangan lupa untuk menyimpan template anda






 


Untuk menghilangkan “Home” atau “Halaman Muka” :


Cari kode yang mirip seperti ini pada template anda :


#blog-pager {
text-align: center;
}











































Ganti kodenya jadi seperti ini :


#blog-pager { 
display:none;
}


Jangan lupa untuk menyimpan template anda






 


Mudah sekali bukan? atau anda masih merasa bingung? OK, kang Rohman ladenin deh kalau begitu. Berikut langkah lengkapnya ;


 



  1. Login ke blogger dengan ID anda.
  2. Klik Tata Letak.
  3. Klik tab Edit HTML
  4. Klik Download Template Lengkap. silahkan save dulu template anda sebagai backup.
  5. Cari kode yang mirip dengan kode di bawah :

     


    #blog-pager-newer-link {
    float: left;
    }
    #blog-pager-older-link {
    float:right;
    padding-right:5px;
    }
    #blog-pager {
    text-align: center;
    }


  6. Hapus kode di atas, lalu ganti dengan kode di bawah ini :


    #blog-pager-newer-link {
    display:none;
    }
    #blog-pager-older-link {
    display:none;
    }
    #blog-pager {
    display:none;
    }


  7. Klik tombol SIMPAN TEMPLATE.


  8. Selesai. Ucapkan dadah padanya.

 

Selamat deh bagi yang benci akan kehadiran fasilitas “Older Posts”, karena dia akan enggan untuk menampakkan diri lagi di blog anda.

  









Diposting oleh



di





Tidak ada komentar:
  


















Label:
,
,

















          

        

          

        

Selasa, 25 November 2008


          

        










PLAIN REVIEW PAGE











Plain_review_logo Dunia paidreview Indonesia diramaikan oleh kehadiran satu lagi pendatang baru, www.plainreviewpage.com yang baru saja diluncurkan pertengahan November ini.
  
Website yang dibangun dengan platform bawaan minima dari blogspot ini mengambil gaya serba polos, sesuai dengan sebutan “plain” yang disandangnya. Border pada header, post, maupun sidebar dihilangkan untuk mengesankan kepolosan. Secara umum sepertinya si empunya memang tidak berniat untuk membuat penampilan yang “wah” untuk website ini.
  
Konten website terbagi dalam beberapa kategori, diantaranya hotels, business, internet, finance, notebooks dan health. Konten yang ditampilkan tampaknya bukan merupakan hasil review, tapi masih semacam “pemeriah” saja. Bisa dimengerti juga sih, namanya juga website baru seumur toge… Happy
  
Kita lihat saja bagaimana perkembangan www.plainreviewpage.com ke depannya. Kalau reviewernya memiliki keuletan, dalam waktu tidak terlalu lama insyaAllah websitenya akan mulai menghasilkan lembaran-lembaran dolar.
  









Diposting oleh



di





Tidak ada komentar:
  











































Pasang Featured Content Di Blogger










wordpresstheme Anda sudah pasti mengetahui Wordpress Theme karya Brian Gardner, sebuah karya yang begitu populer di kalangan pengguna wordpress karena menghadirkan Theme yang mengusung tema Magazine, namanya “Revolution Theme”. Dan sekarang malah sudah di launching “Revolution Theme 2”. Salah satu dari Revolution Theme tersebut ada yang di namakan “Revolution_music-10”. Daya tarik dari “Revolution_music-10”  adalah adanya feature gambar Slide show dengan penambahan variasi yang begitu cantik dan menarik.   
Setengah hari Kang Rohman habiskan agar feature tersebut bisa di implementasikan pada template blogspot, dan akhirnya bisa juga. Penasaran seperti apa Feature tersebut? silahkan lihat demonya di http://user-online.blogspot.com, silahkan saksikan beberapa saat untuk melihat keindahan dari slideshownya, klik pada tulisan Featured Content atau tanda panah yang ada di sebelah pinggir agar bisa melihat variasi yang menarik.
 
 
Sudah di lihat demonya? tertarik untuk memasang pada template anda? tunggu saja pada posting berikutnya yang akan kang Rohman tulis!
  
Engga dhenk mo di tulis sekarang Big Grin. Jika anda tertarik membuat feature tersebut, silahkan ikuti langkah-langkah berikut ;
  
 
  
Buat gambar yang ingin di jadikan Slide Show dengan ukuran yang anda inginkan, misal ukuran 550px X 200px. Disarankan jangan terlalu banyak, maksimal 5 buah gambar agar tidak terlalu berat saat loading. Contoh :
  
 
  
icons
  
 
  
Upload gambar-gambar tersebut ke server yang biasa anda gunakan, kemudian catat alamatnya. Misalkan gambar yang sudah saya upload mempunyai alamat seperti ini :
  
 
  
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7oUMJ7PwvUrDxCndr9VD0S-OfqDCGG1-XOJY4eNkLoS63rPgWFgk8Tw3A-5kO356W048GnK7biZH4s0hGqSvJIiQyYBESqTSy_NHwGmkAlWdrECoxNjzv2YNQ7CL08vlzXPGIus_BmK0/?imgmax=800
  
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinhXGnNEwoh0Nfwluy4Nnt_J4oN0lNZM0goU4fUDIoGON3zNd3nvkHMQrJ1i7v4liciRx-fHWyxBIw4ve5emZut0w1z2kw4FmNIokl0BinInh5Ma2CmX1ZjZQ-ucyZbwopzsGky9b5-b8/?imgmax=800
  
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj196c1b35X8TV2gAFchsLMn_D3_I6akDmBZ4cZlOGcy2ls1VsA5KZ-KIksPnGODii09ZsikfoqyJ8a-EbgM1xaHzH4SlouTA0qNvj_Je2PS9e6vDyHsH2jGwunMlcubDuVu1vMsjjaU04/?imgmax=800
  
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVYkTs6oD4PW6zUF_hReqYuGhvKVQ_2VACel1_EanQosFZYCQKDgBv5GkTN7AeKGRiskKLA2uhVeR0fmybvA0BUYA8OcPyqKNtGmlgMYWZdPXZotwrlzdnDn6yecGML9h9xA8IWyC-s08/?imgmax=800
  
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcGGVH3DlilAYWxkLG9vWXoe5ISLu13AtuGn0dFkpHQqunHlTQqKVb6AVajsEpsO_3XeGZhe3-1Km3lrd19uU-0V8BUNwRC89ghY10i47rMP7XPv2jYPDvWnKyXK8Rl80fnoKx3akfsnc/?imgmax=800
  
  
  
  
  
 
  
Tentukan link yang anda targetkan apabila gambar-gambar tersebut di klik oleh pengunjung, misal :
  
http://www.blogspottutorial.com/search/label/free%20icons
  
http://www.blogspottutorial.com/search/label/free%20template
  
http://www.blogspottutorial.com/search/label/free%20tool
  
  
http://www.blogspottutorial.com/search/label/blogspot%20tutorial
  
http://www.blogspottutorial.com/search/label/logo
  
  
 
  
Jika anda sudah mempunyai alamat gambar serta alamat link yang akan di pasang, maka ubahlah menjadi seperti ini (contoh saja) :
  
   
<div id="myGallery">      
        <div class="imageElement">       
            <h3>Wordpress Themes</h3> 
    
            <p>Get Wordpress Themes for free here!</p>      
            <a href="http://www.blogspottutorial.com/search/label/blogspot%20tutorial" class="open" title="Click here to read full story"></a>       
            <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVYkTs6oD4PW6zUF_hReqYuGhvKVQ_2VACel1_EanQosFZYCQKDgBv5GkTN7AeKGRiskKLA2uhVeR0fmybvA0BUYA8OcPyqKNtGmlgMYWZdPXZotwrlzdnDn6yecGML9h9xA8IWyC-s08/?imgmax=800" class="full"/>       
            <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVYkTs6oD4PW6zUF_hReqYuGhvKVQ_2VACel1_EanQosFZYCQKDgBv5GkTN7AeKGRiskKLA2uhVeR0fmybvA0BUYA8OcPyqKNtGmlgMYWZdPXZotwrlzdnDn6yecGML9h9xA8IWyC-s08/?imgmax=800" class="thumbnail"/>       
        </div>       
        <div class="imageElement">       
            <h3>Blogger Templates</h3>       
            <p>Get Blogger templates for free here!</p> 
    
            <a href="http://www.blogspottutorial.com/search/label/free%20template" class="open" title="Click here to read full story"></a>       
            <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj196c1b35X8TV2gAFchsLMn_D3_I6akDmBZ4cZlOGcy2ls1VsA5KZ-KIksPnGODii09ZsikfoqyJ8a-EbgM1xaHzH4SlouTA0qNvj_Je2PS9e6vDyHsH2jGwunMlcubDuVu1vMsjjaU04/?imgmax=800" class="full"/>       
            <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj196c1b35X8TV2gAFchsLMn_D3_I6akDmBZ4cZlOGcy2ls1VsA5KZ-KIksPnGODii09ZsikfoqyJ8a-EbgM1xaHzH4SlouTA0qNvj_Je2PS9e6vDyHsH2jGwunMlcubDuVu1vMsjjaU04/?imgmax=800" class="thumbnail"/>       
        </div>       
        <div class="imageElement">       
            <h3>Icons</h3>       
            <p>Get cute icons web and blog for free here!</p>       
            <a href="http://www.blogspottutorial.com/search/label/free%20icons" class="open" title="Click here to read full story"></a> 
    
            <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7oUMJ7PwvUrDxCndr9VD0S-OfqDCGG1-XOJY4eNkLoS63rPgWFgk8Tw3A-5kO356W048GnK7biZH4s0hGqSvJIiQyYBESqTSy_NHwGmkAlWdrECoxNjzv2YNQ7CL08vlzXPGIus_BmK0/?imgmax=800" class="full"/>       
            <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7oUMJ7PwvUrDxCndr9VD0S-OfqDCGG1-XOJY4eNkLoS63rPgWFgk8Tw3A-5kO356W048GnK7biZH4s0hGqSvJIiQyYBESqTSy_NHwGmkAlWdrECoxNjzv2YNQ7CL08vlzXPGIus_BmK0/?imgmax=800" class="thumbnail"/>       
        </div>       
        <div class="imageElement">       
            <h3>Wallpapers</h3>       
            <p>Get beautiful wallpapers for free here!</p>       
            <a href="http://www.blogspottutorial.com/search/label/logo" class="open" title="Click here to read full story"></a>       
            <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcGGVH3DlilAYWxkLG9vWXoe5ISLu13AtuGn0dFkpHQqunHlTQqKVb6AVajsEpsO_3XeGZhe3-1Km3lrd19uU-0V8BUNwRC89ghY10i47rMP7XPv2jYPDvWnKyXK8Rl80fnoKx3akfsnc/?imgmax=800" class="full"/> 
    
            <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcGGVH3DlilAYWxkLG9vWXoe5ISLu13AtuGn0dFkpHQqunHlTQqKVb6AVajsEpsO_3XeGZhe3-1Km3lrd19uU-0V8BUNwRC89ghY10i47rMP7XPv2jYPDvWnKyXK8Rl80fnoKx3akfsnc/?imgmax=800" class="thumbnail"/>       
        </div>       
        <div class="imageElement">       
            <h3>Tools</h3>       
            <p>Get Powerful tools for free here!</p>       
            <a href="http://www.blogspottutorial.com/search/label/free%20tool" class="open" title="Click here to read full story"></a>       
            <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinhXGnNEwoh0Nfwluy4Nnt_J4oN0lNZM0goU4fUDIoGON3zNd3nvkHMQrJ1i7v4liciRx-fHWyxBIw4ve5emZut0w1z2kw4FmNIokl0BinInh5Ma2CmX1ZjZQ-ucyZbwopzsGky9b5-b8/?imgmax=800" class="full"/>       
            <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinhXGnNEwoh0Nfwluy4Nnt_J4oN0lNZM0goU4fUDIoGON3zNd3nvkHMQrJ1i7v4liciRx-fHWyxBIw4ve5emZut0w1z2kw4FmNIokl0BinInh5Ma2CmX1ZjZQ-ucyZbwopzsGky9b5-b8/?imgmax=800" class="thumbnail"/>       
                </div>       
<script type="text/javascript">       
function startGallery() {       
var myGallery = new gallery($('myGallery'), {       
timed: true       
});       
}       
window.addEvent('domready', startGallery);       
</script>       
        </div>
 
  
Untuk selanjutnya, script di atas akan saya sebut sebagai file #1
  
 
  
Silahkan download dua skrip di bawah ini ( Klik kanan : Save target As… (IE), Save Link As..(FF))
  
     
           jd.gallery.js        mootools.v1.11.js     
      
       download        download     
   
  
 
  
Uploadlah dua JavaScript diatas ke server tempat anda menyimpan script, misal ke yahoo geocities atau yang lainnya. Silahkan catat URL kedua script tersebut. Contoh : script tersebut mempunyai alamat seperti ini (contoh saja) :
  
http://ServerAnda.com/jd.gallery.js
  
http://ServerAnda.com/mootools.v1.11.js
  
 
  
Ubahlah alamat tersebut menjadi seperti ini :
  
<script src='http://ServerAnda.com/jd.gallery.js' type='text/javascript'></script>


<script src='http://ServerAnda.com/mootools.v1.11.js' type='text/javascript'></script>






 


Untuk selanjutnya, script di atas akan saya sebut sebagai file #2


 


Sekarang anda akan memasuki langkah terakhir, silahkan ikuti langkah-langkah berikut :



      
  1. login ke blogger dengan Id anda. 


    2.   
  2. Klik Tata Letak 


    3.   
  3. Klik tab Edit HTML 


    4.   
  4. Klik Download  Template Lengkap, silahkan di save dahulu untuk backup (penting). 


    5.   
  5. Copy kode berikut, lalu paste persis di atas kode ]]></b:skin> : 

        

      
    #myGallery, #myGallerySet, #flickrGallery 
        
    {width: 550px;height: 200px;z-index: 5;} 
      
    #flickrGallery 
        
    {width: 500px;height: 334px;} 
      
    #myGallery img.thumbnail, #myGallerySet img.thumbnail 
        
    {display: none;} 


    .jdGallery 
        
    {overflow: hidden;position: relative;} 


    .jdGallery img 
        
    {border: 0;margin: 0;} 


    .jdGallery .slideElement 
        
    {width: 100%;height: 100%;background-color: #000;background-repeat: no-repeat;background-position: center center;background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjP8m9axtWWbSRfz38JMiA9jdgsCuFqJCrKFnHxKMG1FjGpSIjeqlL2BXg0VVWNLOUJQgdnm-nq7dJFpBIiAfu57rlem7FW36wdbKbfm6oOohfgRs6en3Z-c33-wj_rYwwAx_bZgPaG_q4/?imgmax=800'); 
    } 


    .jdGallery .loadingElement 
        
    {width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-color: #000;background-repeat: no-repeat;background-position: center center;background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjP8m9axtWWbSRfz38JMiA9jdgsCuFqJCrKFnHxKMG1FjGpSIjeqlL2BXg0VVWNLOUJQgdnm-nq7dJFpBIiAfu57rlem7FW36wdbKbfm6oOohfgRs6en3Z-c33-wj_rYwwAx_bZgPaG_q4/?imgmax=800');}

    .jdGallery .slideInfoZone 
        
    {position: absolute;z-index: 10;width: 100%;margin: 0px;left: 0;bottom: 0;height: 50px;background: #000;color: #fff;text-indent: 0;overflow: hidden;} 


    * html .jdGallery .slideInfoZone 
        
    {bottom: -1px;} 
      
    .jdGallery .slideInfoZone h2 
        
    {padding: 7px 10px 2px 10px;font-size: 12px;margin: 0;font-weight: bold;color: #ffffff;text-transform: uppercase;background: #111111;letter-spacing:0em;} 

    .jdGallery .slideInfoZone p 
        
    {font-size: 12px;margin: 2px 5px;color: #fff;padding: 0px 0px 0px 5px;font-family:arial;} 

    .jdGallery div.carouselContainer 
        
    {position: absolute;height: 135px;width: 100%;z-index: 10;margin: 0px;left: 0;top: 0;} 

    .jdGallery a.carouselBtn 
        
    {position: absolute;bottom: 0;right: 30px;height: 20px;text-align: center;padding: 0 10px;font-size: 13px;background: #000;color: #fff;cursor: pointer;} 

    .jdGallery .carousel 
        
    {position: absolute;width: 100%;margin: 0px;left: 0;top: 0;height: 115px;background: #000;color: #fff;text-indent: 0;overflow: hidden;} 

    .jdExtCarousel 
        
    {overflow: hidden;position: relative;} 

    .jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper 
        
    {position: absolute;width: 100%;height: 78px;top: 10px;left: 0;overflow: hidden;} 

    .jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner 
        
    {position: relative;} 

    .jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail 
        
    {cursor: pointer;background: #000;background-position: center center;float: left;border: solid 1px #fff;} 

    .jdGallery .wall .thumbnail, .jdExtCarousel .wall .thumbnail 
        
    {margin-bottom: 10px;} 

    .jdGallery .carousel .label, .jdExtCarousel .label 
        
    {font-size: 13px;position: absolute;bottom: 5px;left: 10px;padding: 0;margin: 0;} 

    .jdGallery .carousel .wallButton, .jdExtCarousel .wallButton 
        
    {font-size: 10px;position: absolute;bottom: 5px;right: 10px;padding: 1px 2px;margin: 0;background: #222;border: 1px solid #888;cursor: pointer;} 

    .jdGallery .carousel .label .number, .jdExtCarousel .label .number 
        
    {color: #b5b5b5;} 

    .jdGallery a 
        
    {font-size: 100%;text-decoration: none;color: inherit;} 

    .jdGallery a.right, .jdGallery a.left 
        
    {position: absolute;height: 99%;width: 25%;cursor: pointer;z-index:10;filter:alpha(opacity=20);-moz-opacity:0.2;-khtml-opacity: 0.2;opacity: 0.2;} 


    * html .jdGallery a.right, * html .jdGallery a.left 
        
    {filter:alpha(opacity=50);} 


    .jdGallery a.right:hover, .jdGallery a.left:hover 
        
    {filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;} 


    .jdGallery a.left 
        
    {left: 0;top: 0;background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaZb2n2CxnOFPDzbhHUHZ1gMlYMAa-M8CM5vOOCGMysSJosUnf4eOpP4gTjxojk4pMozfXFmPB-HQB0e7HewkURpH1EkP_tYjEZQrxx4j4rycq7RTlzGfQduh3XcyqTAUusgUrxEYCsyk/?imgmax=800') no-repeat center left;} 


    * html .jdGallery a.left { background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaZb2n2CxnOFPDzbhHUHZ1gMlYMAa-M8CM5vOOCGMysSJosUnf4eOpP4gTjxojk4pMozfXFmPB-HQB0e7HewkURpH1EkP_tYjEZQrxx4j4rycq7RTlzGfQduh3XcyqTAUusgUrxEYCsyk/?imgmax=800') no-repeat center left; } 


    .jdGallery a.right 
        
    {right: 0;top: 0;background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTqk5NFkq_-NtygPTPlUu5jbm6PbRqtBT3cO4DO5ptdB1WU1d2gQPs21botu3jLMAdb3wRweLvXSRgfEUYezdK3Zv0EBNmTpzBquobMMEukoyDB9ZWir8ubYVNzeR1qwUuTje9_p1kFb0/?imgmax=800') no-repeat center right;} 


    * html .jdGallery a.right { background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTqk5NFkq_-NtygPTPlUu5jbm6PbRqtBT3cO4DO5ptdB1WU1d2gQPs21botu3jLMAdb3wRweLvXSRgfEUYezdK3Zv0EBNmTpzBquobMMEukoyDB9ZWir8ubYVNzeR1qwUuTje9_p1kFb0/?imgmax=800') no-repeat center right; } 

    .jdGallery a.open 
        
    {left: 0;top: 0;width: 100%;height: 100%;} 

    .withArrows a.open 
        
    {position: absolute;top: 0;left: 25%;height: 99%;width: 50%;cursor: pointer;z-index: 10;background: none;-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;} 

    .withArrows a.open:hover { background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdQm4mC-h6qXzDFyHvmnHkVTLF9DEcyeDad6anFKttNea8WOr6Wozt_bLcc_4_EVsmuK8uTkelcdNF_P0MtIAXhqxkWyqn7SOeaZTQ2x1_RCVVjOq-aaGDGVlI7z6Ny1VVK00Oc7hm-WY/?imgmax=800') no-repeat center center; } 


    * html .withArrows a.open:hover { background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdQm4mC-h6qXzDFyHvmnHkVTLF9DEcyeDad6anFKttNea8WOr6Wozt_bLcc_4_EVsmuK8uTkelcdNF_P0MtIAXhqxkWyqn7SOeaZTQ2x1_RCVVjOq-aaGDGVlI7z6Ny1VVK00Oc7hm-WY/?imgmax=800') no-repeat center center;filter:alpha(opacity=80); } 
        
    /* Gallery Sets */ 


    .jdGallery a.gallerySelectorBtn 
        
    {z-index: 15;position: absolute;top: 0;left: 30px;height: 20px;text-align: center;padding: 0 10px;font-size: 13px;background: #333;color: #fff;cursor: pointer;opacity: .4;-moz-opacity: .4;-khtml-opacity: 0.4;filter:alpha(opacity=40);} 


    .jdGallery .gallerySelector 
        
    {z-index: 20;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: #000;} 


    .jdGallery .gallerySelector h2 
        
    {margin: 0;padding: 10px 20px 10px 20px;font-size: 20px;line-height: 30px;color: #fff;} 


    .jdGallery .gallerySelector .gallerySelectorWrapper 
        
    {overflow: hidden;} 


    .jdGallery .gallerySelector .gallerySelectorInner div.galleryButton 
        
    {margin-left: 10px;margin-top: 10px;border: 1px solid #888;padding: 5px;height: 40px;color: #fff;cursor: pointer;float: left;} 

    .jdGallery .gallerySelector .gallerySelectorInner div.hover 
        
    {background: #333;} 

    .jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview 
        
    {background: #000;background-position: center center;float: left;border: none;width: 40px;height: 40px;margin-right: 5px;} 

    .jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3 
        
    { margin: 0;padding: 0;font-size: 12px;font-weight: normal;} 

    .jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info 
        
    { margin: 0;padding: 0;font-size: 12px;font-weight: normal;color: #aaa;}


      


    6.   

  6.     
    Copy file #2 (lihat script tadi di atas), lalu paste persis di atas kode </head>

      


    7.   

  7.     
    Klik tombol SIMPAN TEMPLATE. Silahkan santai dulu sejenak.

      


    8.   

  8.     
    Klik tab Elemen Halaman.

      


    9.   

  9.     
    Klik Tambah Gadget.


        
    tambahgadget 

      


    10.   

  10.     
    Klik tanda plus (+) untuk HTML/JavaScript.


        
    html 

      


    11.   

  11.     
    Copy file #1 (lihat script di atas), kemudian paste pada kolom yang muncul.

      


    12.   

  12.     
    Klik tombol SIMPAN.

      


    13.   

  13.     
    Geserkan elemen yang baru di buat tadi di atas elemen posting.

      


    14.   

  14.     
    Klik tombol SIMPAN yang ada di bagian atas.

      


    15.   

  15.     
    Selesai. silahkan lihat hasilnya.

      



 


 


Sedikit tambahan, dalam kode CSS di atas (langkah 5) pada awal kode ada yang seperti ini ;


#myGallery, #myGallerySet, #flickrGallery 
  
{width: 550px;height: 200px;z-index: 5;}


Anda dapat mengatur lebar serta tinggi widget yang anda bentuk dengan mengubah nilai width serta height nya.


 


Selamat menikmati suasana baru di blog anda!

  









Diposting oleh



di





Tidak ada komentar:
  


















Label:
,
,

























Debt Consolidation Loan











As we know that many credit owners who have problems with their credits. It happens because of some reasons; they usually spend their money more than the credit limit and when they want to pay, they don’t have any money and so, the problems come to them and finally they have bad status on their credit. If they have a bad status on their credit card, it is usually difficult for them to regain normal status again and hard for them to apply new credits. 
  
Fortunately, many companies or websites that offer the services for the problem above. They give services on helping the credit owners to gain their credit status again and one of those companies is debtfree24.com. As soon as the credit owners ask their help, they will contact the credit providers to ask for the new status and wipe away the burdening debts the credit owners achieved. The process to conquer your debts and reconstruct your credit is now very easy with the help of Debtfree24.com.
  
Debt Consolidation Loan is the service they always handle. They have helped many credit owners to cope with this problem. If you experience this problem, you had better come here. After signing up here, their Debt Repayment Representative will contact you to arrange the repayment program. All their Debt Repayment Representative is professional and has a lot of experiences handling this kind of problem. They will be happy to help you and answer the question given to them. Now, gaining back your credit status is possible to happen after knowing DebtFree24.com
  









Diposting oleh



di





Tidak ada komentar:
  


































          

        

          

        

Sabtu, 22 November 2008


          

        









Credit Cards











  
In this modern and globalization era, having credit cards is a must. Many people like to have a credit card; even some of them like to have 5 until 10 credit cards. Many reasons why they like owning credit cards but from most reasons; following a life style and having easy way payment can be two main reasons . With a credit card, we can do many things, family can pay for their household needs, and students can pay their school fee or tuition fee. 
  
Having a credit card gets easier now because there are many credit cards providers which offer the credit cards for the people online or offline. One of the credit card providers is extracreditcards.com. Extra credit cards are the right and the best online credit card provider for individual and business owner who would like to apply a new credit card or add more credit cards. They will guide you to get your dream of having credit cards for seven kinds of credit card they are offering; Low Apr Credit, Cards Instant Approval Credit Cards, Travel Reward Credit Cards, Prepaid Debit Cards, Bad Credit Credit Card, Business Credit Card and Student Credit Cards
  
One of the biggest problem of card owners is that they sometimes have to pay a high credit card interest but not extracreditcards.com. They will help and guide you to get a low APR credit card from many credit card providers. Another offer they give is improving your credit score. So, if you feel tired of applying credits card in other place or have to pay high interest, you had better come to extracreditcards.com.
  









Diposting oleh



di





Tidak ada komentar:
  


































        

      









Langganan:
Postingan (Atom)