Blogging Tutorial

Make Your Blog So More Beatiful, more interest than before.

Welcom To www.shufi11.com

..::Beyond Tehe Inspiration, Enjoy with This web::..

Islamic Contentl

..::Great Islamic Content for you, it will make you so spiritualizm::.

More Galleries for You

Many galleris here, you can meet Motivation for your live or new news about world.

gallery tecknology

Do you Know About Tecknology,it make live so easy. the Great Creator for Us. so, We should Use Tecnology Very Well i

Membuat Horizontal Menu Dropdown (Versi www.deddycamp.com)

07.19  Mr Ghoz  3 comments

Membuat Horizontal Menu Dropdown, pada posting sebelumnya saya telah membahas Tentang Artikel ini. Namun setelah shufi jalan2 ke http://www.deddycamp.com. sya bertanya kepada beliau bagaimna membuat menu horizontal drop down sepeti milik beliau. setelah agan deddy memosting menu horizontal drop down versi 2 nya, shufi pun langsung mencobanya, hasilnya seperi di header shufi or sepeti Picture di samping




1. Silahkan Login Blogger

2. Langsung menuju Edit HTML

3. Jangan lupa Backup Template anda terlebih dahulu

4. Contreng Expand Widget Template

5. Cari kode ]]></b:skin> dan letakkan kode berikut sebelum kode ]]></b:skin>



    #NavbarMenu {
    background:#1d1313 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjn-JL_5EkTV6KRDp5A2bZS075fTEXLFHczOhQy0Tcvy2DxwEGOCfJyypuK9Yk_2xxl4dCWOIVKyS1or1wfnVPVbQVL40BCfhae9xECnqqOvYF6PyJDyjy43XrwlRiqpitNADOXWKfe7Kp/) repeat-x center;
    width: 960px;
    height: 35px;
    color: $navcolor;
    margin: 0 auto;
    padding: 0;
    font: bold 8px Trebuchet MS;
    }

    #NavbarMenuleft {
    width: 650px;
    float: left;
    margin: 0;
    padding: 0;
    }

    #search {
    width: 240px;
    font-size: 11px;
    float: right;
    margin: 0;
    padding:0;
    }

    #nav {
    margin: 0;
    padding: 0;
    }

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

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

    #nav li a, #nav li a:link, #nav li a:visited {
    color: $navcolor;
    display: block;
    text-transform: uppercase;
    margin: 0;
    padding: 9px 15px 8px;
    font: bold 11px Trebuchet MS;
    border-right:1px solid #000;
    }

    #nav li a:hover, #nav li a:active {
    background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuxEeR3sopUpwWuuJC308Y0GA4qG51WkcUfZAPVIpBwuI-UlzTjRH3wRPHVlYfp3Xo4ad5bjcW2puliW2ihj4XAc-ANOF3xN0l3oV1RcjVokaAfnM8rlResM-2h4yLvH2pCDdsUTplQGMv/) repeat-x;
    color: #e6e1e1;
    margin: 0;
    padding: 9px 15px 8px;
    text-decoration: none;
    }

    #nav li li a, #nav li li a:link, #nav li li a:visited {
    background:#000;
    width: 150px;
    color: #fff;
    text-transform: lowercase;
    float: none;
    margin: 0;
    padding: 7px 10px;
    font: normal 13px Trebuchet MS;
    }

    #nav li li a:hover, #nav li li a:active {
    color: #e0dbdb;
    padding: 7px 10px;
    background:#5c5858;
    }

    #nav li {
    float: left;
    padding: 0;
    }

    #nav li ul {
    z-index: 9999;
    position: absolute;
    left: -999em;
    height: auto;
    width: 170px;
    margin: 0;
    padding:10px;
    background:#000;
    border-bottom:3px solid #C30606;
    }

    #nav li ul a {
    width: 140px;
    }

    #nav li ul ul {
    margin: -32px 0 0 171px;
    padding:10px;
    background:#000;
    border-bottom:3px solid #C30606;
    }

    #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
    left: -999em;
    }

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

    #nav li:hover, #nav li.sfhover {
    position: static;
    }

    #searchform {
    margin: 0;
    padding: 0;
    overflow: hidden;
    display: inline;
    }

    #searchbox {
    padding:0;
    margin:0;
    }

    #search input{
    background: transparent;
    color: #fff;
    float: left;
    font-size: 12px;
    margin: 7px 0 0 10px;
    width: 178px;
    padding:3px 7px;
    border: 1px solid #605151;
    font: normal 10px arial, verdana, Times New Roman;
    }

    #search .btn{
    margin: 7px 0 0;
    padding: 0;
    width: auto;
    border:0;
    }




Catatan:

Warna biru Gambar Background Horizontal Menu Dropdown
width: 960px; Pengaturan Lebar, Silahkan anda sesuaikan dengan template anda.




6. Kemudian Cari Kode seperti ini <body>  dan Letakkan Kode berikut Setelah kode <body>

Kalau gak ada kode <body>
Anda Cari kode </header> dan letakkan kode berikut Setelah kode </header>

    <div id='NavbarMenu'>
    <div id='NavbarMenuleft'>
    <ul id='nav'>
    <li><a expr:href='data:blog.homepageUrl&#039;>Home</a></li>
    <li>
    <a href='http://www.deddycamp.com/search/label/PTC&#039;>PTC</a>
    <ul>
    <li><a href='http://www.deddycamp.com/search/label/PTC%20Indonesia'>PTC Indonesia</a></li>
    <li><a href='http://www.deddycamp.com/search/label/PTC%20Internasional'>PTC Internasional</a></li>
    </ul>
    </li>
    <li><a href='http://www.baris-iklan4u.co.cc' target='new'>Free Advertise</a></li>

    <li><a href='http://www.deddycamp.com/2010/07/banner-exchange-yuk.html'>Banner Exchange</a></li>

    <li><a href=&#039;#'>About Me</a>
    <ul>

    <li><a href=&#039;#'>My Profile</a></li>

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

    <div id='search'>
    <form action='/search/' id='searchform' method='get' style='display:inline;'>
    <input id='searchbox' maxlength='200' name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Search...&quot;;}' onfocus='if (this.value == &quot;Search...&quot;) {this.value = &quot;&quot;}' type='text' value='Search...'/>
    <input class='btn' name='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnH5v68P4RkbwNsSpxqXaYx6piEC1UBgtGTvIhyphenhyphenB1zxa19o5iyAUVvCSg526HX7Fz3_t401pI8oed3K7dtzXrsuXPj-EZnXLLCts1eeUAlATPrHImBcOar1G6Nmil6V_Z0tmWfD6aTpfQ/?imgmax=800' type='image' value='Go'/>


    </form>


    </div></div>


Catatan:

Tulisan yang berwarna merah, adalah Link/alamat/URL halaman yang dituju, ganti dengan Link milik anda.
Tulisan yang Berwarna biru adalah Judul atau Nama dari Link tersebut, silahkan ganti dengan milik anda.

7. Simpan Template anda, dan Lihat Hasilnnya.

Selamat Mencoba DAN Semoga berhasil, AMIN.......!!!!


Thank's So Much buat Agan Deddy.
NB : Buat Shobat Shufi Yang Bernama Novi,
        Untuk Mengubah Warna text silakan cari kode ini color: $navcolor;,
         Dan Ganti Kode $navcolor  Dengan kode warna yang anda inginkan.
         Karna kodenya da dua, So ganti kedua-dua nya,
         Untuk kode warna HTML Silhakan Klik DISINI


Source : http://www.deddycamp.com/2010/08/membuat-horizontal-menu-dropdown-versi.html







[ + Baca ]

Cara Menghilangkan Navgar Blogger

23.04  Mr Ghoz  No comments

Tips kali ini bagi yang mau menghilangkan Navgar di blogger.

Meskipun ada kabar kalau menghilangkan navgar bakal membahayakan account di blogger kita yang katanya bisa mengakibatkan blog kita di hapus sama pihak bloggernya karna melanggar peraturan Blogger. Tapi tidak ada salahnya, kalau sekedar mengetahui caranya.

Bagi yang belum tahu apa itu navgar, silahkan liat gambar (beberapa model navgar). tuch Picturenya.



Berikut cara menghilangkan navgar :

=>> Untuk Template Klasik:

  1. Sign in di blogger
  2. Klik Rancangan
  3. Klik Edit HTML
  4. Copy seluruh kode yang ada lalu save di komputer sobat sebagai backup data biar aman
  5. Copy kode berikut lalu paste di atas kode </style>


      /* hilangkan navbar
      ----------------------------- */

      #navbar-iframe {
      height:0px;
      visibility:hidden;
      display:none
      }

   6. Klik tombol Simpan Template
   7. Selesai. 

=>> Untuk template baru/modern:

   1. Sign in di blogger
   2. Klik menu Rancangan
   3. Klik Edit HTML
   4. Klik link bertuliskan Download Template Seluruhnya, silahkan save dulu untuk backup data
   5. Copy kode berikut lalu paste di atas kode ]]></b:skin>
      /* hilangkan navbar

      ----------------------------- */

      #navbar-iframe {
      height:0px;
      visibility:hidden;
      display:none
      }
   6. Klik tombol Simpan Template
   7. Simpan/Save




Good Luck....




Source :  http://gobelan.blogspot.com/2010/03/menghilangkan-navgar-blogger.html
[ + Baca ]

Cara Menyeting Domain Co.CC Tanpa www

22.05  Mr Ghoz  3 comments



Banyak tutorial Blogging yang betebaran di internet mengenai cara setiing domain co.cc yang sudah saya praktekan. ada yang benar tapi banyak yang salah.

Terkadang seting sudah berhasil, tapi ketika URL blog yang dituju diketikan tanpa penulisan www, blog tidak muncul. Ini dikarenakan ada satu tahap lagi yang terlupakan..





Berikut langkah-langkahnya:
Anda harus mengikuti ini sampai selesai.


  1. Saya asumsikan anda udah mendaftar dan mendapatkan domain co.cc (misal kita mempunyai domain contoh.co.cc)
  2. Masuk ke setting dalam co.cc
  3. Masuk ke menu setting Zone Records
  4. Lakukan setting seperti gambar


  5. Host : Tuliskan domain anda (jangan lupa dengan www)
  6. TTL : Biarkan saja (tulis 1D)
  7. Type : Tulis CNAME
  8. Value : Tulis ghs.google.com
  9. Pilih Set Up untuk mengakhiri
Pengaturan pada domaon co.cc sudah selesai, sekarang kita beralih ke blogger.
  1. Login ke Blogger
  2. Pilih Pengaturan - Publikasikan - Domain ubahsuaian -Beralih ke pengaturan Lanjut

  3. Pilih Simpan Setelan, Kemudian lihat keatas lagi, akan muncul kotak cheklis yang memberitahukan bahwa akan mengarahkan contoh.co.cc ke www.contoh.co.cc
  4. Simpan. Dan selesai untuk tahap pertama.
Butuh beberapa jam atau 2 hari untuk suksesnya setingan domain ini, sebenarnya sampai pada tahap domain www.contoh.co.cc (dengan www) sudah bisa digunakan. Tapi itu kalau anda mengetikan alamat url domain tadi dengan komplit pada browser anda. Tapi ketika anda menuliskan pada browser cuma contoh.co.cc (tanpa www) maka blog tidak akan muncul.
Untuk mengatasi hal ini, saya kasih tahu yang benar2 bisa. Karena saya selalu sukses dengan cara ini.
Intinya kita mengetahui alamat IP url blog kita
Berikut langkahnya :
  1. Untuk pengguna windows, masuk ke dos/commant prompt anda (klik menu Start >> klik Run >> ketik CMD dan klik enter)

  2. Lihat gambar tampilan comand prom. Silahkan anda ketik ping www.contoh.co.cc (ganti dengan domain anda) Maka akan nampak alamat IP url kita. Seperti yang di kasih tanda lingkaran pada gambar diatas. Kasus lagi, ping tidak berjalan jika anda baru mendapatkan co.cc (baru mempunyai www.contoh.co.cc) Tunggu beberapa jam dulu baru anda lakukan ping. Tapi jika www.contoh.co.cc sudah lama anda miliki, ping bisa dilakukan.
  3. Kemudian login ke www.co.cc, lalu pilih nama domain Anda yang akan disetting.
  4. klik SET UP terus pilih Zone Record.
  5. Isikan persis seperti gambar berikut:

  6. Terakhir pilih Set Up untuk mengakhiri. Selesai deh (capek ngetik nih)
Pengalaman Owek, tidak butuh waktu lama blog anda pun bisa diakses tanpa mengetikkan www, cukup contoh.co.cc saja.
Good Luck. . .





[ + Baca ]