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.


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.

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 :

 

http://lh4.ggpht.com/_pt7i0nbIOCY/SSoURAV9qpI/AAAAAAAAAcU/eTn9_n0fB24/icons_thumb%5B2%5D.png?imgmax=800

http://lh5.ggpht.com/_pt7i0nbIOCY/SSoUM_NXlkI/AAAAAAAAAcM/tnzzZwqr7M0/tools_thumb%5B3%5D.png?imgmax=800

http://lh5.ggpht.com/_pt7i0nbIOCY/SSoUU8cXExI/AAAAAAAAAcc/W37l9b00JNQ/blogger-templates_thumb%5B2%5D.png?imgmax=800

http://lh6.ggpht.com/_pt7i0nbIOCY/SSoUBuex4CI/AAAAAAAAAb8/hFNCBbvb_nk/wordpress-theme_thumb%5B2%5D.png?imgmax=800

http://lh6.ggpht.com/_pt7i0nbIOCY/SSoUIumVlwI/AAAAAAAAAcE/VXYo5sYbNH8/wallpapers_thumb%5B2%5D.png?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="http://lh6.ggpht.com/_pt7i0nbIOCY/SSoUBuex4CI/AAAAAAAAAb8/hFNCBbvb_nk/wordpress-theme_thumb%5B2%5D.png?imgmax=800" class="full"/>
            <img src="http://lh6.ggpht.com/_pt7i0nbIOCY/SSoUBuex4CI/AAAAAAAAAb8/hFNCBbvb_nk/wordpress-theme_thumb%5B2%5D.png?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="http://lh5.ggpht.com/_pt7i0nbIOCY/SSoUU8cXExI/AAAAAAAAAcc/W37l9b00JNQ/blogger-templates_thumb%5B2%5D.png?imgmax=800" class="full"/>
            <img src="http://lh5.ggpht.com/_pt7i0nbIOCY/SSoUU8cXExI/AAAAAAAAAcc/W37l9b00JNQ/blogger-templates_thumb%5B2%5D.png?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="http://lh4.ggpht.com/_pt7i0nbIOCY/SSoURAV9qpI/AAAAAAAAAcU/eTn9_n0fB24/icons_thumb%5B2%5D.png?imgmax=800" class="full"/>
            <img src="http://lh4.ggpht.com/_pt7i0nbIOCY/SSoURAV9qpI/AAAAAAAAAcU/eTn9_n0fB24/icons_thumb%5B2%5D.png?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="http://lh6.ggpht.com/_pt7i0nbIOCY/SSoUIumVlwI/AAAAAAAAAcE/VXYo5sYbNH8/wallpapers_thumb%5B2%5D.png?imgmax=800" class="full"/>

            <img src="http://lh6.ggpht.com/_pt7i0nbIOCY/SSoUIumVlwI/AAAAAAAAAcE/VXYo5sYbNH8/wallpapers_thumb%5B2%5D.png?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="http://lh5.ggpht.com/_pt7i0nbIOCY/SSoUM_NXlkI/AAAAAAAAAcM/tnzzZwqr7M0/tools_thumb%5B3%5D.png?imgmax=800" class="full"/>
            <img src="http://lh5.ggpht.com/_pt7i0nbIOCY/SSoUM_NXlkI/AAAAAAAAAcM/tnzzZwqr7M0/tools_thumb%5B3%5D.png?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. Klik Tata Letak


  3. Klik tab Edit HTML


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


  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('http://lh4.ggpht.com/_pt7i0nbIOCY/SSoOO5Za74I/AAAAAAAAAbc/w1cX7FKk97Y/loading-bar-black_thumb%5B1%5D.gif?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('http://lh4.ggpht.com/_pt7i0nbIOCY/SSoOO5Za74I/AAAAAAAAAbc/w1cX7FKk97Y/loading-bar-black_thumb%5B1%5D.gif?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('http://lh4.ggpht.com/_pt7i0nbIOCY/SSoOUynKksI/AAAAAAAAAbs/v7o0XgwYdTg/fleche2-1_thumb%5B1%5D.png?imgmax=800') no-repeat center right;}



    * html .jdGallery a.right { background: url('http://lh4.ggpht.com/_pt7i0nbIOCY/SSoOUynKksI/AAAAAAAAAbs/v7o0XgwYdTg/fleche2-1_thumb%5B1%5D.png?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('http://lh6.ggpht.com/_pt7i0nbIOCY/SSoOXmTl_xI/AAAAAAAAAb0/GLqpxNapKAg/open_thumb.gif?imgmax=800') no-repeat center center; }



    * html .withArrows a.open:hover { background: url('http://lh6.ggpht.com/_pt7i0nbIOCY/SSoOXmTl_xI/AAAAAAAAAb0/GLqpxNapKAg/open_thumb.gif?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. Copy file #2 (lihat script tadi di atas), lalu paste persis di atas kode </head>





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





  8. Klik tab Elemen Halaman.





  9. Klik Tambah Gadget.



    tambahgadget





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



    html





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





  12. Klik tombol SIMPAN.





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





  14. Klik tombol SIMPAN yang ada di bagian atas.





  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!


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

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.

Kamis, 20 November 2008

Membuat Menu Slide Show Tab View

tabview Apakah anda pernah mengunjungi situs http://kompas.com? salah satu situs surat kabar di indonesia yang cukup terkenal. Coba anda perhatikan ke seblah kiri atas situs tersebut, di sana terdapat menu tab yang biasa di sebut dengan “Tab View” karena jika tabnya di klik akan berpindah ke isi menu tersebut (coba buktikan, klik saja tab nya),  namun sedikit berbeda dari biasanya karena menu tersebut bisa menampilkan isi dari menu tersebut secara bergantian atau bahasa yang biasa di gunakan adalah “Slide Show”. Dapat di ambil kesimpulan bahwa menu tersebut mempunyai dua fungi yaitu sebagai “Tab View” serta “Slide Show”.

Sedikit tertarik terhadap menu tersebut agar bisa di implementasikan pada template blogger, dan akhirnya ternyata bisa juga. Untuk melihat contoh, silahkan anda kunjungi http://magazine-1.blogspot.com, silahkan perhatikan ke pojok kiri atas, di sana ada menu yang mirip dengan yang di situs kompas bukan (sengaja tidak di buat sama persis).

Bagi anda yang tertarik membuat Menu Slide Show Tab View, silahkan ikuti langkah-langkah berikut :

 

Langkah #1

  1. Login ke blogger dengan ID anda.
  2. Klik Tata Letak.
  3. Klik tab Edit HTML.
  4. Copy kode di bawah ini, lalu paste persis di atas kode ]]></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;
    }
    }






  5. Download dulu script ini, copy lalu paste persis di atas kode </head>


  6. Klik tombol SIMPAN TEMPLATE.


  7. Langkah pertama selesai. Silahkan istirahat dulu, minum Coffee khe, minum teh khe atau apa gitu biar tenang dulu Big Grin







 



Jika sudah santai, ayo kita lanjut ke langkah berikutnya.



Langkah #2




  1. Klik tab Elemen Halaman.


  2. Klik Tambah Gadget

    tambahgadget





  3. Klik tombol plus (+) Untuk HTML/JavaScript.



    html




  4. Copy lalu paste kode berikut pada kolom yang tersedia :
     

    <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="http://lh3.ggpht.com/_pt7i0nbIOCY/SSS44BOiVbI/AAAAAAAAAZ8/JSAjyxXZVEc/obamabush_thumb%5B1%5D.png?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="http://lh4.ggpht.com/_pt7i0nbIOCY/SSS47jWx8HI/AAAAAAAAAaE/wTj2qMO6dV8/beyone_thumb%5B1%5D.png?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="http://lh6.ggpht.com/_pt7i0nbIOCY/SSS5Gg8b_8I/AAAAAAAAAac/OdWejtZv8GI/gunNroses_thumb%5B1%5D.png?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/AVvXsEgoDtb12Cx7sEhVhmCrFsn_dGAsmWEqGvPj-CwJGGxZLlCJ93iJa3SQ71nyw3RLD-HtCt-ErGIT1ZwVp2hPb4QSS8iyDhX02vMrQMRiNID_Uvhtd4L59MX5zPK-Ttz-VrKzbiSEvWFwEdw/?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. Klik tombol SIMPAN TEMPLATE.


  6. Selesai. Silahkan lihat hasilnya.



 



Kode-kode di atas tentunya tidak mutlak harus seperti yang Kang Rohman tulis, namun anda bisa memodifikasinya agar sesuai dengan keinginan atau[un sesuai dengan template yang anda pakai.



 



Sedikit keterangan agar lebih memudahkan anda dalam memodifikasi kode ini.



 



Pada langkah pertama, ada deretan kode CSS, kode tersebut bisa anda kreasikan sendiri agar menghasilkan bentuk deretan tab yang cantik.



Perhatikan kode berikut :




<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>




Kode ini adalah deretan tab dengan urutan tab seperti ini : 1, 2, 3, 4. Ini bisa anda ubah dengan apa yang anda mau. Misal Recent Comments, Recen Post, Shoutbox, atau apa saja sesuai keinginan. Untuk mengatur tinggi dari widget tersebut, anda tinggal mengganti nilai height:350px; menjadi nilai yang lain. Misal : height:400px;



 







Perhatikan juga yang ini :



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



Kode tersebut adalah untuk mengatur isi dari menu tersebut, ini tentunya bisa anda ubah sesuai dengan keinginan anda, Misal :



width:240px : ini untuk mengatur lebar, ubah dengan nilai yang sesuai keinginan. Contoh : width:300px.



text-align:justify : ini untuk mengatur perataan tulisan, ganti dengan yang anda inginkan. Contoh : text-align:left, text-align:right.









 



Perhatikan kode berikut :



 



<script type="text/javascript">



    var mypets=new ddtabcontent("pettabs")

    mypets.setpersist(true)


    mypets.setselectedClassTarget("link")


    mypets.init(2000)



    </script>



 



Untuk mengatur lamanya waktu perpindahan dari satu tab ke tab yang lain, anda tinggal mengganti nilai 2000 menjadi nilai yang lain. Misal : 2100. Semakin besar nilainya maka semakin lama pindah.



Kode dalam “Slide Show Tab View” di atas memuat artikel milik kang Rohman, silahkan di ganti sesuai keinginan, itu hanya contoh untuk memberikan sugesti terhadap anda.



 



Selamat mencoba!



 




Original Script by : dynamic drive. Modified by : Blogspot tutorial



Minggu, 16 November 2008

Tips mengelola Shoutbox Dari ShoutMix

Pasti anda sudah faham bahwa fungsi dari sebuah shoutbox adalah untuk sarana berinteraksi antara pemilik blog dengan pengunjungnya atau antara pengunjung dengan pengunjung lainnya agar bisa berkomunikasi. Singkat kata bahwa shoutbox adalah sebuah mini chat box, namun pada kenyataannya shoutbox ini sering di jadikan untuk ajang untuk melakukan promosi. Namun, Ini kembali kepada si pemilik blog itu sendiri, apakah shoutboxnya boleh di jadikan untuk sarana promosi atau tidak. Jika kang Rohman sendiri sebenarnya membolehkan anda untuk berpromosi di shoutbox, namun tentunya promosi yang wajar bukan melakukan spam.

Promosi wajar yang di maksud adalah hanya ada satu link promosi dalam satu halaman depan shoubox, tunggu hingga link promosi anda menghilang dari halaman depan shoutbox, nah anda baru boleh untuk berpromosi lagi. Contoh dari promosi misalkan dalam shoutbox tertulis : kunjugi blog ku yah [link] dan lain sebagainya.

Terkadang ada orang yang mungkin tidak tahu atau memang bandel untuk melakukan promosi spamming dengan mengisi shoutbox penuh dengan link dia, contoh seperti ini :

 

shoutmix

 

Anda sebagai pemilik blog terkadang kurang nyaman dengan kondisi seperti itu. Untuk kondisi tersebut, anda sebagai pemilik blog bisa melakukan perlakuan khusus yakni dengan menghapus (delete) pesan tersebut atau bahkan mem ban pemasang iklan tersebut. Berikut Tips untuk mengelola shoutbox dari shoutmix tanpa harus login ke situs shoutmix :

  1. Klik tanda omega ( Ω ) pada shoutbox anda yang ada di sebelah pojok kanan atas.

    shoutbox

  2. Masukan password shoutbox anda.

    login

  3. Klik pada tulisan Delete jika anda ingin menghapus pesan tersebut, atau klik Ban jika anda bermaksud memblokade pesan dari pengirim pesan tersebut.

    delete_03

  4. Jika anda bermaksud melakukan ban, anda bisa memilih opsi dari ban yang di tawarkan yaitu hanya banned URL atau bahhkan IP dari pengirim pesan tersebut.
  5. Klik tanda cakra ( X ) untuk keluar dari modus login.

     logout

  6. Selesai.

 

Semoga para spammer tidak lagi membayangi-bayangi shoutbox anda.

Sabtu, 15 November 2008

Badcreditloanshop.com

Running a small business seems to be the best way to make a better living. But running a business needs a lot of money. For those who have a lot of money is a big problem but for those who don’t, it is a really problem and running a business might be only a dream for them. Luckily, there are now many companies which offer solution for those who don’t have to money for all kinds of usages. Many business loan in the Internet that help people looking for loans for their small business, home, autos, bad credits and others.

If you have a bad history about your credits and you still want to ask for loans, you had better visit badcreditloanshop.com. Badcreditloanshop.com is a great site for those with less than perfect credits who are looking for a way to find a loan online. If you are looking for a bad credit auto loan, mortgage loan, or any type of personal loans for people with bad credits, this site will help solving your problems. Besides that they also offer information on bad credits home equity loans and credit cards.

So, if you think that you are in a bad financial problem and needs loans, don’t hesitate to visit Badcreditloanshop.com.

Jumat, 14 November 2008

Lomba Desain Logo Dari PT Pos Indonesia

Pos Indonesia Yang jago desain logo ayo ngumpul dulu semuanya disni, ada kabar gembira untuk anda. Udah ngumpul semuanya nih, Ok langsung saja biar tidak pada penasaran. Ada kabar baik dari PT Pos Indonesia, mereka mengadakan Lomba Desain Logo PT Pos Indonesia. Untuk anda yang merasa jago dalam hal desain logo, ini merupakan kesempatan baik.

Karena ini merupakan suatu perlombaan maka ada hadiah yang bisa di dapatkan, dan jangan kaget dulu yah soalnya hadiah utamanya adalah sebuah mobil, iya mobil dhenk. Satu unit Grand Livina + Piagam Penghargaan bila anda berhasil memenangkan perlombaan ini serta empat  unit macbook + Piagam Penghargaan sebagai hadiah hiburan untuk 4 orang pemenang hiburan.

Sangat menarik bukan? dan yang lebih asyik lagi lomba ini tidak di pungut biaya alias gratis, jadi tunggu apalagi ayo buruan daftarkan diri kamu. untuk keteragan lengkap bisa anda baca di :

http://www.posindonesia.co.id/headline_detail.php

 

Semoga beruntung yah!

 

Thanks to ade sanusi yang telah memberi info ini.

Membuat Blog Bergaya Magazine Style Template

Semenjak kemunculan Wordpress Theme bertajuk Magazine Style Theme, sebut saja Mimbo Theme, Revolution Theme, Arthemia Theme, dan banyak lagi yang lainnya, seakan ada trend baru dalam membuat theme atau template yaitu mengadopsi Magazine Style Theme atau Magazine Style Template. Salah satu korban nyata atas trend tersebut adalah Kang Rohman sendiri Big Grin, pada dua template yang release paling akhir kang Rohman beri nama magazine Template walaupun keduanya belum benar-benar mengadopsi Magazine Style Template

Ciri khas dari magazine style template adalah ada kolom atau isi dari blog tersebut yang bisa hilang di saat kita membaca keseluruhan artikel atau bahkan sebaliknya yaitu ada kolom yang tadinya tidak muncul menjadi muncul.

Apakah template blogger bisa memakai sistem  seperti itu? jawabannya adalah bisa. Coba lihat contohnya di http://magazine-1.blogspot.com  silahkan perhatikan semua widget yang ada, kemudian klik pada tombol Read Full story, dan yang terjadi adalah ada sebagian widget yang menghilang dari pandangan, dan begitupun sebaliknya ada yang tadinya tidak muncul menjadi muncul (sidebar bawah).

Teknik yang di gunakan sangatlah sederhana, anda tinggal membubuhkan kode tambahan pada widget yang ingin di hilangkan atau bahkan di munculkan, berikut adalah kode tambahannya :

 

Muncul menjadi tidak muncul :

 <b:if cond='data:blog.url == data:blog.homepageUrl'>

Widget yang ingin di hilangkan

</b:if>

 

Tidak muncul menjadi muncul :

 <b:if cond='data:blog.pageType == "item"'>

Widget yang ingin di di munculkan

</b:if>

 

Sebagai contoh, silahkan anda lihat kode template anda. anda akan melihat kode yang mirip seperti kode di bawah ini :

 

<div id='sidebar'>

<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='HTML8' locked='false' title='Blog Tutorial Untuk Pemula' type='HTML'/>
<b:widget id='HTML7' locked='false' title='Get Update Via Email' type='HTML'/>
<b:widget id='HTML1' locked='false' title='' type='HTML'/>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
<b:widget id='Label2' locked='false' title='Browse by Categories' type='Label'/>
<b:widget id='HTML2' locked='false' title='Site Info' type='HTML'/>
</b:section>
</div>

Satu kode widget seperti :

<b:widget id='HTML8' locked='false' title='Blog Tutorial Untuk Pemula' type='HTML'/>

Kode seperti di atas berarti mewakili satu widget atau Gadget yang kita pasang di sidebar atau di footer. Widget tersebut akan muncul di halaman depan blog anda. Apabila pada template biasa pada umumnya,walaupun di klik menu read more atau baca selengkapnya, widget –widget tersebut akan selalu muncul. Jika anda menambahkan kode yang saya tulis di atas, maka widget tersebut akan tidak tampil, contoh :

 

<b:if cond='data:blog.url == data:blog.homepageUrl'>

<b:widget id='HTML8' locked='false' title='Blog Tutorial Untuk Pemula' type='HTML'/>

</b:if>

 

Itu jika untuk satu widget saja, jika anda mempunyai widget banyak yang berderet kebawah dan ingin menyembunyikan semuanya, maka kode yang di pasang seperti ini :

<div id='sidebar'>

<b:if cond='data:blog.url == data:blog.homepageUrl'>

<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='HTML8' locked='false' title='Blog Tutorial Untuk Pemula' type='HTML'/>
<b:widget id='HTML7' locked='false' title='Get Update Via Email' type='HTML'/>
<b:widget id='HTML1' locked='false' title='' type='HTML'/>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
<b:widget id='Label2' locked='false' title='Browse by Categories' type='Label'/>
<b:widget id='HTML2' locked='false' title='Site Info' type='HTML'/>
</b:section>

</b:if>
</div>

 

Itu untuk membuat widget dari yang muncul menjadi menghilang. Jika untuk yang dari yang tidak muncul menjadi muncul lumayan sedikit repot karena anda harus membuka expand template anda terlebih dahulu dengan memberi tanda ceklis pada kotak kecil di samping tulisan Expand Template Widget. Contoh, jika anda belum membuka expand widget template, kode widget akan terlihat seperti ini :

<b:widget id='HTML8' locked='false' title='Blog Tutorial Untuk Pemula' type='HTML'/>

 

Maka jika setelah di expand akan terlihat seperti ini (perhatikan judul widgetnya) :

<b:widget id='HTML8' locked='false' title='Blog Tutorial Untuk Pemula' type='HTML'>
<b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
</b:widget>

 

Jika widget tersebut tidak ingin tampil di halaman depan, kemudian ingin tampil apabila masuk halaman artikel, maka anda harus menambahkan kode seperti ini :

<b:widget id='HTML8' locked='false' title='Blog Tutorial Untuk Pemula' type='HTML'>
<b:includable id='main'>

<b:if cond='data:blog.pageType == "item"'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>

</b:if>
</b:includable>
</b:widget>

Jangan lupa untuk klik tombol SIMPAN TEMPLATE dan nikmati tampilan blog anda yang bergaya Magazine style Template.

 

At wits end Bingung.. bingung… bingung, kang Rohman suka bikin bingung orang, kalau bikin tutor setengah-setengah begitu Angry . Eithhh.. tenang dulu donk, kan belum selesai, artikel nya saja belum saya tutup. Bagi anda yang masih bingung dengan keterangan di atas, coba langkah-langkah di bawah ini :

Untuk Widget muncul kemudian menghilang

  1. Login ke blogger dengan ID anda.
  2. Klik Tata Letak
  3. Klik tab Edit HTML
  4. Silahkan klik tulisan Download Template Lengkap. Silahkan di backup dulu templatenya (penting!)
  5. Cari kode yang mirip seperti ini di template anda :

    <div id='sidebar'>

    <b:section class='sidebar' id='sidebar' preferred='yes'>
    <b:widget id='HTML8' locked='false' title='Blog Tutorial Untuk Pemula' type='HTML'/>
    <b:widget id='HTML7' locked='false' title='Get Update Via Email' type='HTML'/>
    <b:widget id='HTML1' locked='false' title='' type='HTML'/>
    <b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
    <b:widget id='Label2' locked='false' title='Browse by Categories' type='Label'/>
    <b:widget id='HTML2' locked='false' title='Site Info' type='HTML'/>
    </b:section>
    </div>

  6. Pilih widget mana yang mau di sembunyikan, kemudian tambahkan kodenya, contoh :

    <b:if cond='data:blog.url == data:blog.homepageUrl'>

    <b:widget id='HTML8' locked='false' title='Blog Tutorial Untuk Pemula' type='HTML'/>

    </b:if>

  7. Klik tombol SIMPAN TEMPLATE

  8. Selesai.

 

Untuk Widget Menghilang kemudian muncul

  1. Login ke blogger dengan ID anda.
  2. Klik Tata Letak
  3. Klik tab Edit HTML
  4. Beri tanda ceklis pada kotak di samping tulisan Expand Template Widget, tunggu beberapa saat sampai proses selesai.

    expand-template

  5. Cari kode widget yang mau anda modifikasi, contoh :

    <b:widget id='HTML8' locked='false' title='Blog Tutorial Untuk Pemula' type='HTML'>
    <b:includable id='main'>

    <b:if cond='data:blog.pageType == "item"'>
      <!-- only display title if it's non-empty -->
      <b:if cond='data:title != &quot;&quot;'>
        <h2 class='title'><data:title/></h2>
      </b:if>
      <div class='widget-content'>
        <data:content/>
      </div>

      <b:include name='quickedit'/>

    </b:if>
    </b:includable>
    </b:widget>

  6. Klik tombol SIMPAN TEMPLATE.

  7. Selesai.

 

Mudah-mudahan dapat dengan mudah di fahami, selamat bereksperimen!

Investment in Foreign Exchange

Have you ever heard Foreign Exchange? Many people join together in this business and gain more benefits from trading with another country. If you want to join in this business, I suggest you to learn more about currency trading, because even though this business contains many profits, this business also contains risks. For you who want to learn about this job, you have to visit fabforex.com.

In Forex, people buying and selling or traded in pairs. They will use US Dollar/China Yuan or Euro/Japanese Yen. Why people exciting to join in this business? Because this is a unique market where people almost free from outside controls. The second benefit you can gain from this business is Foreign Exchange has biggest liquid financial marketplace in the world. If you check the cash flow of this business, you would find trade reaching between 1-1, 5 trillion USD per day.

That's why you have to check on fabforex.com first before join in this business. Fab Forex is a kind of guidance for everyone to make currency trading. The benefit you can gain if trading in this website is you can invest without using real money. So, what are you waiting for, join now, and get a lot advantage with fab forex!

Kamis, 13 November 2008

Mohon Maaf kang rohman haturkan Untuk Anda

Sedikit tertegun dan merasa bersalah ketika banyak diantara para pembaca blog ini meminta untuk bertukar link dengan blog Kang Rohman.

Kang tukeran link ya”. “kang di linkback ya blog ku, link akang sudah di pasang di blogku lho”. “tukeran link yuk

Dan terkadang ada yang suka menjawab ajakan-ajakan tersebut :

ya iyalahhh mana, blogger sekelas kang rohman huebatt kalo mau diajak tukerna link... wakakakakkk”. “tidak ada tuker link untuk seleb blog

Sesombong itukah Kang Rohman? mungkin iya, tapi mungkin juga tidak, tergantung siapa yang menilai. Namun, sepertinya anda harus mengetahui terlebih dahulu apa yang sebenarnya terjadi.

Inti dari semua ini adalah Kang Rohman mengikuti sebuah program jualan link pada situs bernama Teks Link Ads (TLA). Salah satu syarat agar di terima dalam program mereka adalah tidak boleh terlalu banyak link di dalam blog ini. Anda boleh percaya atau tidak, namun itu kenyataannya.

Kalau begitu Kang Rohman rela mengorbankan persahabatan demi uang dong?  Thinking Hmmmm…. iya juga ya.

Terus terang Kang Rohman adalah manusia biasa, punya keluarga, istri serta anak-anak. Dan sebagai kepala keluarga tentu saja sudah menjadi kewajiban untuk menafkahi mereka semua. Perlu anda ketahui bahwa TLA ini adalah salah satu penyumbang dana rutin tiap bulannya untuk Kang Rohman, jadi mau atau tidak mau harus memilih di antara dua pilihan yang sulit, keluarga atau sahabat. Dan mungkin anda sudah mengetahi jawabannya, namun sepertinya ini lebih baik di banding dengan kang Rohman harus selalu meminta-minta sumbangan atau donasi dari anda. Ah serasa jadi pengemis jika harus meminta kepada anda semua.

Namun apakah sebuah persahabatan hanya di nilai dari tukeran link? hmmm… sepertinya  terlalu dangkal apabila sebuah persahabat di ukur hanya dari sebuah tukeran link, banyak cara dan perilaku untuk menunjukan persahabatan. Sebut saja berbagi informasi, sharing pengetahuan dan lain sebagainya, itu semua adalah merupakan bagian dari persahabatan, betul atau tidak?

Sebagai penutup, Kang Rohman ucapkan beribu kata maaf kepada anda sekalian karena tidak bisa link exchange dengan blog anda. Bukan kesombongan ataupun keangkuhan yang ada dalam diri kang rohman, namun ada sesuatu yang harus di dahulukan.

Kepada anda yang merasa artikel-artikel yang kang Rohman tulis bermanfaat bagi anda serta ingin memasang link ke blog ini, Kang Rohman persilahkan dan kang rohman ucapkan banyak terima kasih kepada karena secara tidak langsung ikut membantu kang Rohman. Dan bagi anda yang tidak mau pasang link ke blog ini karena merasa rugi tidak di link balik oleh Kang Rohman, silahkan karena itu mutlak seratus persen hak anda, kang rohman tidak mempunyai kuasa untuk hal tersebut.

Sekali lagi mohon maaf dan harap di maklumi.

Rabu, 12 November 2008

Fresh Info : Blog Baru Semangat Baru

wordpress Beberapa bulan yang lalu Kang Rohman pernah posting sebuah artikel yang secara tepatnya meminta opini dari para pembaca apakah setuju apabila Kang Rohman Membuat Tutorial tentang membuat blog di Wordpress. Apabila menilik komentar yang masuk, hampir semuanya mengatakan setuju apabila kang Rohman membuat tutorial tentang wordpress, namun banyak yang menyarankan agar tutorial tersebut di tulis bukan pada blog ini. Selain itu agar lebih klop ada juga yang mengusulkan agar mesin blog yang di gunakan adalah mesin wordpress juga,     Thinking hmmmmm… usulan yang sangat baik dan boleh untuk di pertimbangkan.

Karena sekarang waktu luang untuk nge blog lumayan banyak, maka sepertinya kang Rohman akan iseng membuat tulisan seputar wordpress dan tentu saja tidak disini serta mesin yang digunakan juga adalah wordpress agar lebih afdol.

Mohon maaf, bukan berarti saya merasa pintar dengan yang namanya wordpress, namun hanya bermaksud sekedar sharing bagi yang belum tahu atau mengerti. Pada blog yang baru di buat ini, deskripsi yang tertulis adalah Diskusi Seputar Wordpress, SEO, Teknologi. Ini berarti tidak ada yang lebih pintar ataupun lebih bodoh, namun yang ada hanyalah berbagi, berbagi informasi, berbagi ilmu, berbagi pengalaman, bukankah hidup akan lebih indah jika kita saling berbagi.

Bagi yang ingin ikut berdiskusi seputar wordpress, silahkan saya undang untuk mampir di blog saya yang baru http://rohman.info. Jangan lupa kasih komentar yah.

Minggu, 09 November 2008

Solusi Agar Favicon Tidak Sering Hilang

fav Anda pernah membaca tutorial kang Rohman tentang “Cara membuat Favicon” kan? ternyata akhir-akhir ini banyak yang mengeluhkan bahwa favicon sering hilang atau tidak muncul, dan tentunya favicon yang muncul adalah logo blogger. Apakah ada solusi untuk mengatasi hal ini? untuk mengatasi favicon yang sering hilang, anda bisa mencoba beberapa tips di bawah ini :

  • Pastikan bahwa gambar favicon anda ber ekstensi .ico bukan yang lain

Mungkin anda pernah mencoba membuat gambar favicon dengan ekstensi selain .ico, misal .gif, .jpg, atau yang lainnya. Dan setelah di upload ternyata gambar tersebut memang muncul. Jika anda masih melakukan hal tersebut, coba ubah gambar anda menjadi berakhiran .ico, silahkan baca tutorial kang rohman sebelumnya.

 

  • Pasang kode Favicon anda di bawah kode Favicon milik blogger

Pasti bingung di mana kode favicon blogger di simpan bukan? jika anda memperhatikan kode di dalam template anda sudah pasti tidak akan menemui kode favicon selain yang anda pasang sendiri, namun sebenarnya blogger menyelipkan kode favicon di dalam template anda. Kodenya adalah yang seperti ini :

 

<b:include data='blog' name='all-head-content'/>

 

Tidak percaya? silahkan anda tuju alamat blog anda. Klik menu View yang ada di bar menu bagian atas browser anda, lalu klik “Source” untuk internet Explorer atau “Page Source” untuk FireFox. nanti akan keluar semua kode template anda. Perhatikan kode yang anda di dalam head, anda tidak akan melihat kode yang kang Rohman tulis di atas, namun akan menemui kode seperti ini :

 

<head>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='blogger' name='generator'/>
<link href='http://www.blogger.com/favicon.ico' rel='icon' type='image/vnd.microsoft.icon'/>
<link rel="alternate" type="application/atom+xml" title="Kolom Tutorial - Atom" href="http://kolom-tutorial.blogspot.com/feeds/posts/default" />
<link rel="alternate" type="application/rss+xml" title="Kolom Tutorial - RSS" href="http://kolom-tutorial.blogspot.com/feeds/posts/default?alt=rss" />
<link rel="service.post" type="application/atom+xml" title="Kolom Tutorial - Atom" href="http://www.blogger.com/feeds/4569368524623882898/posts/default" />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www.blogger.com/rsd.g?blogID=4569368524623882898" />
<link rel="alternate" type="application/atom+xml" title="Kolom Tutorial - Atom" href="http://kolom-tutorial.blogspot.com/feeds/147113262052297401/comments/default" />


 



Kode yang saya cetak merah adalah adalah kode favicon milik blogger. Solusi agar favicon anda tidak di timpa oleh favicon blogger adalah kode favicon anda harus di simpan di bawah kode tadi.



Misalkan kode favicon anda seperti ini :



 



<link href='http://www.servergambar.com/favicon.ico' rel='shortcut icon' type='image/x-icon'/>


 


Maka simpanlah kode favicon tersebut seperti ini :



 



<b:include data='blog' name='all-head-content'/>



<link href='http://www.servergambar.com/favicon.ico' rel='shortcut icon' type='image/x-icon'/>



 



Atau apabila belum berhasil juga, coba simpan persis di atas kode <b:skin> :



<link href='http://www.servergambar.com/favicon.ico' rel='shortcut icon' type='image/x-icon'/>



<b:skin>



 



Jangan lupa untuk klik tombol SIMPAN TEMPLATE.



 




  • Ikuti struktur kode Favicon Blogger



Jika kedua cara di atas masih tetap tidak mempan, coba ubah kode favicon anda seperti yang milik blogger, misalkan kode favicon anda sebelumnya seperti ini :



<link href='http://www.servergambar.com/favicon.ico' rel='shortcut icon' type='image/x-icon'/>



 



Ubahlah jadi seperti ini :



<link href='http://www.servergambar.com/favicon.ico' rel='icon' type='image/vnd.microsoft.icon'/>



 



Pasanglah kode tersebut persis di atas kode </head> :



<link href='http://www.servergambar.com/favicon.ico' rel='icon' type='image/vnd.microsoft.icon'/>



<b:skin>



 



Jangan lupa untuk klik tombol SIMPAN TEMPLATE.



 



Jika langkah-langkah di atas sudah dicoba dengan benar, seharusnya favicon anda sudah normal kembali seperti sedia kala.



 



At wits endSaya masih bingung, kasih caranya yang lengkap dong? Oh masih bingung. OK deh, namun bagi anda yang masih bingung tentang cara membuat favicon, silahkan baca dulu di sini!



Berikut adalah langkah-langkah memasukan kode favicon ke dalam template anda :




  1. Silahkan login ke blogger dengan ID anda


  2. Klik Tata Letak.



  3. Klik tab Edit HTML.



    tata letak





  4. Cari kode <b:skin> atau biasanya bersatu jadi kelihatan seperti ini : <b:skin><![CDATA[/*





  5. Simpan kode favicon anda persis di atas kode <b:skin>, contoh :



     









    <link href='http://www.servergambar.com/favicon.ico' rel='icon' type='image/vnd.microsoft.icon'/>



    <b:skin>





  6. Klik tombol SIMPAN TEMPLATE.





  7. Selesai.





 



Semoga dengan melakukan langkan di atas, favicon anda tidak akan menghilang lagi.


Jumat, 07 November 2008

Telkomsel Flash Teman Setia Sang Pengangguran

telkom-flash Rekan pembaca sudah pasti tahu tentang Telkomsel Flash atau Tsel Flash kan? salah satu layanan persembahan dari Telkomsel. Pada awal peluncurannya banyak sekali di buru orang karena menyajikan hal yang sangat menjanjikan yaitu pemakaian koneksi internet tanpa batas quota atau lebih di kenal dengan sebutan unlimited. Selain pemakaian tanpa batas quota , Tsel flash di bandrol dengan harga yang relatif murah karena masih terjangkau dengan isi kantong sang pengangguran seperti Kang Rohman ini Big Grin. Bayangkan saja, hanya dengan Rp. 125.000,- plus PPN atau sekitar Rp. 138.000,- kang Rohman sudah bisa berinternet ria sampai puas, sampai mata beler atau sampai nungging-nungging juga tetap tidak ada biaya tambahan lagi.

Dalam perkembangannya banyak sekali keluhan tentang Telkomsel Flash ini, simak saja keluhan sahabat saya abi bakar atau jackbook serta banyak lagi keluhan yang saya temukan di blog para sahabat. Akan tetapi dari ribuan pengguna telkomsel flash, akan ada yang merasa puas dan kang Rohman adalah salah satunya. Kenapa Kang Rohman merasa puas dengan layanan Tsel Flash sementara di luar sana banyak yang merasa tidak puas? ini di karenakan selama kang Rohman berlangganan selama hampir 6 bulan lamanya tidak menemui hal yang membuat hati ini berang.

Di ukur dari kecepatan, boleh di bilang cukup merasa puas. Sebagai bukti, sebelum Kang Rohman memposting artikel ini, Kang Rohman mencoba  mengukur kecepatan koneksi Tsel Flash yang kang Rohman pakai melalui situs http://www.speedtest.net, dan hasilnya memang seperti yang kang rohman rasakan, berikut screenshot hasil pengukuran pagi ini :

speedtest_03

Selain itu, kang Rohman mencoba download file sebesar 40.8MB, dan hanya beberapa menit file tersebut sudah bisa terdownload dengan sempurna karena kecepatan download berkisar antara 40kbps sampai 63kbps. Jika di lihat dari segi harga yang harus di keluarkan sudah saya sebutkan yaitu sebesar Rp. 138.000,- dalam satu bulan. Sebuah harga yang pantas untuk pemakaian sampai puas.

Apakah perbedaan tempat pemakaian sangat berpengaruh terhadap kecepatan akses? itu sangat mungkin, Kang Rohman sudah mencoba di dua tempat yang berbeda, yaitu di Jakarta di daerah mangga 2 (tempat kang Rohman dulu bekerja) dan yang sekarang Bandung di daerah lingkar selatan. Namun ada juga kejadian unik yaitu di kedua tempat yang kang Rohman sebuakan di atas tadi, Kang Rohman menggunakan Tsel flash ini di ruangan atas (bukan lantai dasar). Nah, kemarin sewaktu hari pertama kang Rohman menjadi pengangguran, kang Rohman memakai Tsel Flash ini di lantai bawah dan hasilnya sungguh mengecewakan, sinyalnya hanya muncul satu garis pada kontrol panel pengukur sinyal. untuk sekedar loading saja harus bersabar menunggu. Tidak kuat dengan situasi terbut, kang Rohman balik lagi ketempat biasa yaitu di dalam kamar lantai atas, padahal ruangan bawah sudah di rapihkan sedemikian rupa untuk tempat kerja, ah ternyata beda jarak berapa meter saja sangat berpengaruh.

Namun ada dampak negatif yang di rasakan akibat pemakaian Tsel flah ini yaitu tak jarang Kang Rohman Browsing internet sampai larut malam karena tidak memikirkan biaya pemakaian yang harus di bayar. “Oh, Tsel Flash engkau memang membuat pengangguran ini menjadi betah berada di dunia maya di banding berada di dunia nyata, sungguh begitu jahatnya dirimu”.

 

Perlu di maklumi, bahwa posting ini bukanlah posting promosi produk Tsel Flash karena Kang Rohman tidak di suruh atau di bayar oleh pihak Telkomsel, ini hanya ungkapan hati saja seperti mereka yang merasa tidak puas denga layanan Tsel Flash.

Telkomsel Flash, engkau memang teman setia sang pengangguran ”.

Kamis, 06 November 2008

Google Pages / Google Page Creator di Tutup

google page creator Informasi ini mungkin sudah banyak yang mengetahui, namun tidak menutup kemungkinan masih ada yang belum tahu. Dulu kang Rohman pernah menginformasikan tentang salah satu layanan google yaitu Google Pages atau Google Page Creator, dengan google page creator kita bisa menyimpan berbagai data semisal gambar, javascript, CSS, dan lain-lain. Namun ternyata google page creator sekarang sudah tidak menerima pendaftaran baru lagi karena akan segera tutup pada akhir tahun ini, dan google membuat layanan baru yaitu Google Site.

Berikut kutipan pengumuman dari Google Page Creator :

Google Page Creator is no longer accepting new sign-ups.

We are no longer accepting new sign-ups for Page Creator because we have shifted our focus to developing Google Sites, which offers many of the capabilities of Page Creator along with new features like site-level navigation, site-level headers, control over who can see and edit your site, and rich embeddings like calendars, videos, and Google docs.

If you are currently a Page Creator user, you can continue to use Page Creator and your pages will automatically be transitioned to Google Sites later this year. We are committed to making this transition as smooth and easy as possible, and we will post more details as we get closer to the transition time. You can also manually move your web pages from Page Creator to Google Sites or other service providers at any time.

Learn more about this change.

 

Sayang seribu sayang, jika dengan Google Page Creator kita bisa menyimpan Javascript ataupun CSS, maka pada google site di kabarkan tidak di sediakan lagi. Oleh karena itu, alangkah baiknya jika anda menyimpan berbagai Java Script di Google Page Creator untuk menyimpannya di komputer anda agar nanti bisa di upload kembali ke server yang lain.

Adakah alternatif lain selain google page cretor? tentu saja ada. Anda bisa mencoba layanan dari yahoo! yaitu Yahoo! Geocities. Bagi anda yang sudah mempunyai akun di yahoo! silahkan login di sini!, Setelah login lalu lakukan pendaftaran untuk geocities. Tentang cara upload data ke yahoo! Geocities bisa anda baca di sini!

Bagi anda yang mempunyai info seputar layanan yang bisa menyimpan Javascript atau CSS secara gratis, silahkan info kan pada kotak komentar agar yang lain bisa megetahuinya.

Kotak Komentar Blogger Sudah Normal kembali

blogger-team Jika pada dua hari kemarin sempat heboh dengan isu kotak komentar blogger yang Error, sehingga untuk mengatasinya harus mengubah Pengaturan bahasa yang di gunakan menjadi inggris (inggris raya). Sekarang sudah tersiar kabar kembali bahwa pihak pengembang blogger sudah berhasil mengatasi masalah ini.

Isu yang lain adalah gadget Follower yang tadinya hanya bisa di gunakan jika pengaturan bahasa di ubah ke bahasa inggris, sekarang sudah mendukung yang berbahasa Indonesia juga, Jadi bagi yang ingin mengubah pengaturan bahasa ke bahasa indonesia sudah bisa di lakukan.

Happy blogging with Blogger!

Tutorial Membuat Horizontal Navigasi

Akhir – akhir ini banyak sekali yang bertanya ke kang Rohman tentang bagaimana cara membuat tombol navigasi seperti HOME, RUBRIK ELEKTRONIK, FREE TEMPLATE, BLOG TUTORIAL, dan sebagainya seperti gambar ilustrasi di bawah ini :

navigasi

Sebenarnya untuk membuat tombol navigasi yang seperti contoh ilustrasi di atas sudah sering kang Rohman bahas, coba saja baca postingan tentang “membuat navigasi dengan CSS”, “Navigasi dengan CSS (2)”, “Dynamic-FX Slide Menu (V 6.5)”, “Horizontal Menu J” “Horizontal Tab Menu 10”, “CSS Menu Tabs 6”. Tuh bener kan banyak banget, coba deh dibaca, mungkin tertarik dengan salah satu menu navigasi yang pernah saya posting.

Selain yang kesulitan menemukan artikel tentang cara membuat tombol navigasi, ada juga yang sudah berhasil membuatnya namun kesulitan untuk memasukan alamat link kedalam tombol-tombol tersebut. Hmmmm… berarti tutorial kang Rohman kurang jelas yah. OK deh, tutorial kali ini saya akan mencoba sejelas mungkin agar mudah untuk di pahami.

Perlu anda ketahui bahwa suatu desain template sangatlah komplek dan berbeda antara yang satu dengan yang lainnya, sehingga ketika anda membaca trik yang kang Rohman berikan anda perlu bekerja lebih ekstra untuk menyesuaikan dengan template yang anda pakai.

Sebelum anda membuat tombol navigasi, ada beberapa hal yang perlu anda persiapkan, antara lain adalah anda perlu menyiapkan keyword apa yang akan di pasang pada tombol-tombol tersebut, misalkan kang Rohman memutuskan untuk memasang keyword HOME, RUBRIK ELEKTRONIK, FREE TEMPLATE, BLOG TUTORIAL, untuk di pasang pada tombol navigasi yang kang Rohman Pakai. Persiapan yang lainnya adalah link-link  yang akan anda pasang. Link yang di pakai bisa berupa link ke alamat blog atau web lain, link ke postingan blog lain atau bisa juga berupa link kedalam posting blog anda sendiri. Sebagai contoh, karena kang Rohman mempunyai beberapa blog maka kang Rohman menginginkan agar tombol navigasi kang Rohman di isi dengan link blog tersebut, misalkan alamat blog-blog tersebut adalah sebagai berikut :

http://rubrik-elektronik.blogspot.com

http://blogtemplate4u.com

http://www.blogspottutorial.com

Bagaimana jika link yang di inginkan adalah masih dalam blog sendiri bukan nge link ke blog lain? ini tentu saja bisa. Namun ada satu kekurangan  blogger di bandingkan dengan wordpress yaitu blogger tidak bisa membuat halaman statis. Apa yang di maksud dengan halaman statis? halaman statis yang di maksud di sini adalah halaman yang tidak masuk ke dalam deretan halaman posting, contoh yaitu halaman about me atau tentang Saya jika di wordpress. Nah, blogger tidak bisa seperti itu, jika anda menginginkan suatu halaman bisa di link, maka anda harus mempostingnya. Jadi silahkan posting halaman yang anda inginkan untuk di link. Bagaimana cara mengetahui alamat link suatu postingan? caranya adalah anda harus klik judul halaman tersebut atau klik menu Read more atau baca Selengkapnya jika anda sudah memakai sistem read more, kemudian lihat ke address bar  browser anda, itulah alamat link postingan anda, copy lalu paste pada notepad agar gampang untuk di gunakan. contoh alamat posting :

http://kolom-tutorial.blogspot.com/2008/11/ikutan-kontes-menulis-kliksayacom-yuk.html

http://kolom-tutorial.blogspot.com/2008/11/solusi-mengatasi-kotak-komentar-yang.html

Ilustrasi :

posting

alamat-link

Selain link posting anda juga bisa memasang link untuk label atau kategori, fungsi ini sangat berguna bagi anda yang menginginkan ketika suatu tombol navigasi diklik, maka yang terbuka adalah semua posting yang termasuk kedalam kategori tersebut. Contoh, apabila pengunjung klik tombol navigasi akan terbuka semua posting yang berkategori free template :

http://kolom-tutorial.blogspot.com/search/label/free%20template

free-template_03

linklabel

 

OK, sekarang Kang Rohman anggap anda sudah mengerti langkah pertama yang harus di lakukan. Langkah selanjutnya adalah  menambahkan kode navigasi ke template anda. Contoh navigasi yang akan kang Rohman terangkan bisa anda lihat contohnya di sini!

Perlu di ingat sekali lagi bahwa desain template antara yang satu dengan yang lain sangatlah berbeda, sehingga sangat besar kemungkinan apa yang saya terangkan berbeda dengan template yang anda gunakan. Untuk itu kang Rohman menyarankan agar anda membuat satu blog percobaan, agar jika terjadi kesalahan tidak merusak blog utama anda, silahkan pilih template  white minima yang biasa.

Yuk kita mulai percobaannya ;

  1. Silahkan login ke blogger dengan ID anda
  2. Klik Tata Letak.
  3. Klik tab Edit HTML.

    tata letak

  4. Cari Kode kode ]]></b:skin>

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

    /*  navbar

    ==================  */

    #bg_nav {
        background: #000000;
        width: 660px;
        height: 29px;
        font-size: 11px;
        font-family: Arial, Tahoma, Verdana;
        color: #FFFFFF;
        font-weight: bold;
        margin: 0px auto 0px;
        padding: 0px;
        border-top: 1px solid #333333;
        border-bottom: 1px solid #333333;
        overflow: hidden;
        }
    #bg_nav a, #bg_nav a:visited {
        color: #FFFFFF;
        font-size: 11px;
        text-decoration: none;
        text-transform: uppercase;
        padding: 0px 0px 0px 3px;
        }
    #bg_nav a:hover {
        color: #FFFFFF;
        text-decoration: underline;
        padding: 0px 0px 0px 3px;
        }
    #navleft {
        width: 440px;
        float: left;
        margin: 0px;
        padding: 0px;
        }
    #navright {
        width: 200px;
        font-size: 11px;
        float: right;
        margin: 0px;
        padding: 6px 5px 0px 0px;
        }
    #navright a img {
        border: none;
        margin: 0px;
        padding: 0px;
        }

    #nav {
        margin: 0px;
        padding: 0px;
        list-style: none;
        }
    #nav ul {
        margin: 0px;
        padding: 0px;
        list-style: none;
        }

    #nav a, #nav a:visited {
        background: #222222;
        color: #FFFFFF;
        display: block;
        font-weight: bold;
        margin: 0px;
        padding: 8px 15px 8px 15px;
        border-left: 1px solid #000000
        }
    #nav a:hover {
        background: #6e6d6d;
        color: #FFFFFF;
        margin: 0px;
        padding: 8px 15px 8px 15px;
        text-decoration: none;
        }

    #nav li {
        float: left;
        margin: 0px;
        padding: 0px;
        }
    #nav li li {
        float: left;
        margin: 0px;
        padding: 0px;
        width: 150px;
        }
    #nav li li a, #nav li li a:link, #nav li li a:visited {
        background: #333333;
        width: 160px;
        float: none;
        margin: 0px;
        padding: 7px 30px 7px 10px;
        border-bottom: 1px solid #000000;
        border-left: 1px solid #000000;
        border-right: 1px solid #000000;
        }
    #nav li li a:hover, #nav li li a:active {
        background: #666666;
        padding: 7px 30px 7px 10px;
        }

    #nav li ul {
        position: absolute;
        width: 10em;
        left: -999em;
        }

    #nav li:hover ul {
        left: auto;
        display: block;
        }
    #nav li:hover ul, #nav li.sfhover ul {
        left: auto;
        }

  6. Tuju bagian bawah, lalu cari seperti berikut ini :

    <div id='header-wrapper'>
    <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
    <b:widget id='Header1' locked='true' title='test (Header)' type='Header'/>
    </b:section>
    </div>

  7. Copy paste code berikut persis di bawah kode yang tadi :

    <div id='bg_nav'>

    <div id='navleft'>
    <div id='nav'>
    <ul>
    <li><a href='http://www.blogspottutorial.com/'>home</a></li>
    <li><a href='http://www.kangrohman.com/'>My Notes</a></li>
    <li><a href='http://template-unik.blogspot.com/'>Free Template</a></li>
    <li><a href='http://rubrik-elektronik.blogspot.com/'>Electronic Rubric </a></li>

    </ul>
    </div>
    </div>

    <div id='navright'>

    <form action='http://AlamatBlogAnda.blogspot.com/search' id='searchform' method='get' name='searchform'>
    <input id='s' name='q' type='text' value=''/> <input id='searchsubmit' type='submit' value='Go'/> </form>

        </div>

    </div><!-- akhir bg_nav -->

  8. Klik tombol SIMPAN TEMPLATE.
  9. Selesai.

 

Untuk sementara percobaan ini sudah selesai, namun tentunya jika anda menerapkan pada template anda, ada beberapa yang perlu di sesuaikan. Beberapa di antaranya yaitu lebar dari navigasi, link, keyword yang di inginkan serta yang lainnya. beberpa contoh di antaranya :

 

/*  navbar

==================  */

#bg_nav {
    background: #000000;
    width: 660px;
    height: 29px;
    font-size: 11px;
    font-family: Arial, Tahoma, Verdana;
    color: #FFFFFF;
    font-weight: bold;
    margin: 0px auto 0px;
    padding: 0px;
    border-top: 1px solid #333333;
    border-bottom: 1px solid #333333;
    overflow: hidden;
    }

Anda harus mengubah nilai lebar 660px menjadi nilai yang sesuai dengan template anda. misal : width:990px.

#navleft {
    width: 440px;
    float: left;
    margin: 0px;
    padding: 0px;
    }
#navright {
    width: 200px;
    font-size: 11px;
    float: right;
    margin: 0px;
    padding: 6px 5px 0px 0px;
    }

Yang inipun sama, anda harus mengubahnya sesuai dengan nilai yang pas untuk template anda.

<li><a href='http://www.blogspottutorial.com/'>home</a></li>
<li><a href='http://www.kangrohman.com/'>My Notes</a></li>
<li><a href='http://template-unik.blogspot.com/'>Free Template</a></li>
<li><a href='http://rubrik-elektronik.blogspot.com/'>Electronic Rubric </a></li>

Anda harus mengubah link yang ada dengan link yang anda inginkan, untuk masalah ini sudah di bahas pada keterangan diatas. Misalkan http://www.blogspotutorial.com di ubah menjadi http://contoh.blogspot.com. Untuk keywordnya pun anda bisa ganti sesuai dengan keinginan, misal “home” di ubah menjadi “Depan”.

Selamat mencoba!