Mengedit Menu pada Template Facebook style

Sahabat sunankasih, menanyakan bagaimana membuat sub menu? Ok, terima kasih sudah menengok blog saya. Akan saya coba jelaskan.

Pada template facebook style v.2.2 dan facebook style v.2.3  sebenarnya sudah tersedia, coba cari kode ini:

<li>

            <a href='#'><b>Info</b></a>

            <ul id='feedmenu'>

<li><a href='#' target='_blank'><b>My Facebook</b></a></li>

<li><a href='#' target='_blank'><b>Me On Twitter</b></a></li>

            </ul>

            </li>

Nah, ini adalah kode menu Info, sub menu My Facebook dan sub menu Me On Twitter. Kita hanya perlu merubah tanda: #dengan url link facebook dan twitter kita, 

Jadinya seperti ini.(contoh punya saya)
<li>

            <a href='#'><b>Info</b></a>
            <ul id='feedmenu'>

<li><a href='http://www.facebook.com/akhnurhadi' target='_blank'><b>My Facebook</b></a></li>

<li><a href='http://www.twitter.com/akhnurhadi' target='_blank'><b>Me On Twitter</b></a></li>
          
            </ul>

            </li>

Semoga bermanfaat, Happy blogging... !!

Facebook style v.2.3 | Blogger Template

Sahabat, sudah lama tidak apdate template. Saatnya sekarang saya kasih up date terbaru template facebook style v.2.3. Apa yang baru dari template ini? Tidak banyak sih, hanya sedikit edit pada Tab Category dan Obrolan.

Pada template v 2.2, ada sedikit masalah pada Tab Category, yaitu munculnya tulisan "Dock Content Put in Here" dan pada widget Obrolan. Pada template facebook style v.2.3 ini, kedua masalah tersebut sudah bisa diatasi.

DEMO | LINK DOWNLOAD 1 | LINK DOWNLOAD 2

Selamat mencoba, Happy Blogging...!! 

Meng-edit Tab Category

Sahabat, dari beberapa komentar yang sahabat tuliskan, beberapa ada yang menginspirasi. Salah satunya dari sahabat Risqon. Dia menanyakan bagimana mengedit tab category pada template facebook style v.2.2. 

Langsung saja, masuk akun sahabat sampai Edit HTML, lalu cari kode sebagai berikut:

<li class='cat-item'><a href='/search/label/Category 1' title='View all posts filed under Category 1'>Category 1</a></li>

Nah, jika sudah nemu, tinggal ganti tulisan "Category 1" dst dengan laberl punya sahabat.

Misalnya, sahabat punya label Tutorial, maka nanti jadinya seperti ini:

<li class='cat-item'><a href='/search/label/tutorial' title='View all posts filed under tutorial'>Tutorial</a></li>

Sedikit catatan, tulisan label harus sama dengan label yang sahabat tulisan waktu posting. Misal, sahabat nulis "tutorial" pakai huruf kecil, maka ditulis pakai huruf kecil juga. Intinya harus sama dalam penulisan yang disini:

<a href='/search/label/tutorial' dst. 

Ok, selamat mencoba, Happy Blogging...

Menghilangkan Tulisan "Dock Content Put In Here" pada Facebook Style v.2.2

 

Sahabat, hmm lama ya ga nulis di sini..

It's OK, kali ini saya mau bahas beberapa pertanyaan yang sahabat sampaikan mengenai template facebook style v.2.2.

Ada beberapa sahabat yang menanyakan "Bagaimana menghilangkan tulisan Dock Content Put In Here pada template facebook style v.2.2? Ini ditemukan pada Tab Kategori, saat diklik tanda + (plus) kadang baru kelihatan tulisan tersebut.

Setelah saya pelajari, ternyata hal itu terjadi karena kekurangcermatan saya saat mengedit. Ok, langsung saja, begini caranya:

Setelah login, masuk ke Design langsung pilih Edit HTML kemudian cari (ctrl+F) tulisan "Dock Content Put in Here", setelah menemukan, hapus widgetnya kumplit. Atau lebih mudahnya, hapus kode berikut ini:


<b:widget id='HTML99' locked='true' title='Dock Content put in here' type='HTML'>
<b:includable id='main'>
   <b:if cond='data:title'>
   <h2 class='menutitle' onclick='showbox2(this)'>
   <data:title/></h2>
   </b:if>
   <div class='widget-content'>
   <data:content/>
</div>
</b:includable>
</b:widget>

Inget, hapus mulai

<b:widget id='HTML99' locked='true' title='Dock Content put in here' type='HTML'>

sampai kode

</b:widget>

Jika sudah, klik Preview dulu, jika tidak ada kesalahan, berarti berhasil.
Nah, pada template ini juga ada ditemukan juga tulisan Recent Post. Cara menghilangkannya juga sama. Cari tulisan Recent Post dengan ctrl+F, lalu hapus semua kode untuk widget itu, seperti berikut ini:


<b:widget id='Feed1' locked='false' title='Recent Post' type='Feed'>
<b:includable id='main'>
    <h2><data:title/></h2>
    <div class='widget-content' expr:id='data:widget.instanceId + &quot;_feedItemListDisplay&quot;'>
      <span style='filter: alpha(25); opacity: 0.25;'>
        <a expr:href='data:feedUrl'><data:loadingMsg/></a>
      </span>
    </div>
    <b:include name='quickedit'/>
  </b:includable>
</b:widget>


Sekali lagi, jangan ada kode yang salah hapus.

OK, segitu dulu sahabat, semoga bermanfaat, Happy Blogging...