Tips Blogger

Azon Profit Master

Cara Membuat sub-menu Link blogspot


langkah-langkah
  • Login ke dashboard blogspot
  • pilih Rancangan »» Edit HTML
  • Tempatkan kode CSS berikut diatas kode ]]></b:skin>
<textarea cols="25" rows="nilai_lebar">&lt;a href="http://blogdapetuang.blogspot.com/"&gt; #sub-menu {background:#0000AA; font-size:13px;  font-family:verdana,sans-serif;  color:#ffffff;  overflow:hidden;  padding:8px;  border:1px solid #BB0000;}  #sub-menu a:link {color:#fff;} #sub-menu a:visited {color:#fff;} #sub-menu a:hover {color:#BB0000;  text-decoration:none;}  #sub-menu ul {margin:0px; padding:0px;  text-align:center;} #sub-menu li {display:inline;  list-style-type:none;  margin:0px; padding:0px;} #sub-menu ul li a, #sub-menu ul li a:hover {font-size:13px; color:#fff; margin:0px; padding:px;  text-decoration:none;  text-transform:uppercase;} #sub-menu ul li a:hover {color:#BB0000;  text-decoration:none;}   lt;/a&gt;</textarea>

kemudian tempatkan kode HTML berikut diatas kode <div id='content-wrapper'> atau biasanya bertuliskan <div id='wrapper-content'>
  • <textarea cols="25" rows="nilai_lebar">&lt;a href="http://blogdapetuang.blogspot.com/"&gt;<div id='sub-menu'>
    <ul>
    <li><a expr:href='data:blog.homepageUrl'/>HOME</li>
    <li class='page_item page-item-2'>
    <a href=''>LINK 1</a></li>
    <li class='page_item page-item-2'>
    <a href=''>LINK 2</a></li>
    <li class='page_item page-item-2'>
    <a href=''>LINK 2</a></li>
    <li class='page_item page-item-2'>
    <a href=''>LINK 2</a></li>
    </ul>
    </div>  lt;/a&gt;</textarea>

     Simpan tempalate dan lihat hasilnya.


    Perhatian: JANGAN SERTAKAN KODE YANG BERWARNA MERAH




    Menghilangkan gambar obeng pada blog


    Langkah  untuk menghilangkan gambar obeng pada blog

    • pertama login ke dashboard blog anda.
    • pilih Rancangan--Edit HTML
    • beri tanda centang pada kotak kecil disamping tulisan ''Expand Template Widget''
    • temukan dan hapus kode berikut <b:include name='quickedit'/>
    • satu kode mewakili satu gambar obeng.
    • banyaknya gambar obeng tergantung dari banyaknya widget yang di gunakan, jika blog anda menggunakan 6 widget, berarti ada gambar 6 obeng dan ada 6 kode diatas.
    • jika sudah di hapus kode diatas kemudian save template.
    Kemudian lihat hasilnya!



    Cara Menulis kode HTML dipostingan blog

    Ganti kode HTML Yang ada seperti ini

    • kode < di ganti dengan kode &lt;
    • kode > diganti dengan kode &gt;
    • kode " di ganti dengan kode &quot;
    • kode & di ganti dengan kode &amp; 



    Cara membuat breadcrumbs navigasi

    Hal pertama yang harus dilakukan ialah
    1. login-->tata letak-->edit HTML.
    2. download full template, untuk berjaga-jaga jika terjadi kesalahan.
    3. beri tanda centang pada kotak kecil disamping tulisan
      '' Expand Template Widget''

    4. cari kode ]]></b:skin>
    5. copy kode dibawah ini, diatas kode ]]></b:skin>
      <textarea cols="25" rows="nilai_lebar">&lt;a href="http://blogdapetuang.blogspot.com/"&gt;
      .breadcrumbs {
      padding: 5px 5px 5px 0px;
      margin: 0px 0px 15px 0px;
      font-size: 95%;
      line-height: 1.4em;
      border-bottom: 3px double #e6e4e3;
      lt;/a&gt;</textarea>


       6.cari kode berikut <div class='post hentry uncustomized-post-template'>

      7.paste kan script di bawah ini persis di bawah kode <div class='post hentry uncustomized-post-template'>

      <textarea cols="25" rows="nilai_lebar">&lt;a href="http://blogdapetuang.blogspot.com/"&gt;
      <b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='breadcrumbs'>browse &#187; <a expr:href='data:blog.homepageUrl' rel='tag'>Home</a> <b:loop values='data:posts' var='post'> <b:if cond='data:post.labels'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast == &quot;true&quot;'>&#187; <a expr:href='data:label.url' rel='tag'><data:label.name/></a> </b:if>&#187;<span><data:post.title/></span> </b:loop> </b:if> </b:loop>  </div></b:if> <b:else/> <b:if cond='data:blog.pageType == &quot;archive&quot;'> <div class='breadcrumbs'>browse &#187;  <a expr:href='data:blog.homepageUrl'>Home</a> &#187; Archives for  <data:blog.pageName/> </div></b:if> <b:else/> <b:if cond='data:navMessage'> <div class='breadcrumbs'><data:navMessage/> </div></b:if> </b:if>  
      lt;/a&gt;</textarea>




      Perhatian: JANGAN SERTAKAN KODE YANG BERWARNA MERAH




    Membuat kursor berbintang


    Copas script di bawah ini pada widget javascrit/HTML.

    <textarea cols="25" rows="nilai_lebar">&lt;a href="http://blogdapetuang.blogspot.com/"&gt;<script src="http://blogdapetuang.blogspot.com/files/cursor_merah.js" type="text/javascript"/>  lt;/a&gt;</textarea>


    Perhatian: JANGAN SERTAKAN KODE YANG BERWARNA MERAH 





    Cara membuat mesin pencari sendri



    Bagaimana cara membuat mesin pencari (search engine) sendiri?
    Berikut ini adalah kodenya, silahkan copas di blog anda

    <textarea cols="25" rows="nilai_lebar">&lt;a href="http://blogdapetuang.blogspot.com/"&gt;<form action="http://google.com/search" method="get"> <input class="textinput" name="q" size="40" type="text"/> <input value="cari disini" class="buttonsubmit" name="submit" type="submit"/></form>&lt;/a&gt;</textarea>

    perhatian: jangan sertakan kode yang berwarna merah

    Ganti  blog/website dengan milik anda dan tulisan ''cari disini'' bisa di ganti sesuai keinginan anda dan pada angka 40 menunjukan panjang dari mesin pencari.



    Cara membuat textarea


    Berikut kode untuk membuat textarea.

    <textarea cols="25" rows="nilai_lebar">&lt;a href="http://blogdapetuang.blogspot.com/"&gt; 
    <textarea cols="nilai_panjang" rows="nilai_lebar">tulisan yang didalam textare</textarea>
      lt;/a&gt;</textarea>

    Perhatian: JANGAN SERTAKAN KODE YANG BERWARNA MERAH 



Tidak ada komentar:

Posting Komentar