Join My Community at MyBloglog!

This is default featured slide 1 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured slide 2 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured slide 3 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured slide 4 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured slide 5 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

Tampilkan postingan dengan label Tips Blogger. Tampilkan semua postingan
Tampilkan postingan dengan label Tips Blogger. Tampilkan semua postingan

04/08/09

Membuat Klik Label Hanya Tampil Judul Posting

Jika ada visitor yang mengunjungi blog kita dan meng-klik sebuah label (kategori), maka akan tampil hanya judul posting yang mempunyai label tertentu (misal : Tips dan Trik Blogger) tersebut. Berapa kali anda mem-posting dengan label "Tips dan Trik Blogger", sejumlah itu pula posting yang akan tampil. Jika satu posting tentang Tips dan Trik Blogger memiliki uraian yang lumayan panjang, setelah ditotalkan jumlahnya ada 30 posting. Dan belum tentu pula posting pada urutan pertama, kedua, atau ketiga yang menjadi target pencarian pengunjung blog kita. Betapa bete-nya ia, karena harus bermain dengan scrool mouse untuk mencari posting yang dia inginkan, namun belum ketemu juga. Di samping itu semakin banyak posting yang ditampilkan, maka akan berpengaruh pula dengan waktu loading suatu blog. Sudah bete karena posting belum ketemu, ditambah loadingnya lama, jadi sama dengan 2x bete dong.

Seharusnya blog anda memiliki navigasi yang user friendly, sehingga memudahkan visitor untuk meng-eksplore isi blog. Alangkah lebih efesiennya jika pengunjung meng-klik sebuah label, maka yang tampil adalah judul posting saja (mirip daftar isi). Kemudian dengan suka-cita pengunjung tersebut akan memilih, judul mana yang nantinya akan menampilkan isi posting sesuai dengan keinginannya.

Cara membuat klik label yang tampil hanya judul posting adalah sebagai berikut :

  • Login ke account blogger.
  • Pilih tab Tata Letak --> Edit HTML --> centang "Expand Template Widget".
  • Cari kode di bawah ini :

<!-- posts -->
<div class='blog-posts hfeed'>

<b:include data='top' name='status-message'/>
<data:adStart/>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>
<b:include data='post' name='post'/>

Tips : Tekan tombol Shift+F di keyboard. Maka akan timbul menu toolbar pencarian di bawah browser (Firefox), sehingga anda tinggal memasukkan kata yang ingin dicari.

Ganti semua kode yang berwarna merah dengan kode berikut :

<b:if cond='data:blog.homepageUrl !=
data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>
<data:post.title/></a><br/><br/>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>

Simpan dech....


source ->>http://mesin-uang-internet.blogspot.com

01/08/09

Remove the Blogger Navbar

It is an oldie, but worth mentioning.
You can remove the blue Blogger navigation bar that is at the top of each page by adding a single line of CSS to the skin of your blog.
From your dashboard go to the Layout | Edit HTML screen and scroll down to the skin part of the blog.
Feel free to save your current template first by downloading it, but it is not really necessary as this is not a very risky modification.

<![CDATA[/*
...
...
#navbar {display:none;}
...
...
]]></b:skin>


Save and display, and finally you will be rid of the navigation bar.

Sumber ->>www.beautifulbeta.blogspot.com

Widget Admin

for the templates you do not have the navbar, in this way makes it easier for you to edit your blog, without the navbar.

In this post you will learn how to add your sidebar widget Admin
such as along the bottom of my blog.


Step 1: Backup your template
Although this is not a very risky modification, it is always good practice to backup your template before modifying it.
Go to the Layout|Edit HTML-tab, and download your template as an XML-file and save it to your harddisk.

Step 2: Create an new Link Widget in your sidebar
From the Layout|Page Elements tab Add a Widget to your sidebar. Select the link-widget from th list. Set the title for example to Admin, and add 4 links to the list.


Dashboard : http://www.blogger.com/home
Change Settings : http://www.blogger.com/blog-options-basic.g?blogID=####
Change Layout : http://www.blogger.com/rearrange?blogID=####
Edit Posts : http://www.blogger.com/post.g?blogID=####
New Post : http://www.blogger.com/post-create.g?blogID=####

In this links you have to change the ####### to the ID of your Blog. The easiest way to do this is to go to your dashboard, and view the list of your blogs. Hover your mouse over the links (Layout, Settings, etc) and watch the status-bar of your browser. You will see the link there. The easiest way is to right-click each link, copy the hyperlink, and paste it into the link widget.

Step 3: Save
Save the Widget and display your Blog. If you are viewing your Blog, clicking one of the Admin links will bring you to the appropriate screen. Visitors of your Blog will not be able to modify it, because they are not logged in to your blog. If you are not logged in, clicking an admin-link will bring up the Blogger login screen.

26/07/09

Pasang emotion di kotak komentar

Ini dia saatnya kamu untuk berexpresi lewat komentar....
saya cuman ingin memberi trik membuat smile icon di komentarmu sendiri..ya...supaya kelihatannya indah gitu di mata orang lain.
gimana, tertarik ga untuk memasang emotion di kotak komentar??
Tapi sebelumnya anda harus pasang kotak komentarnya dulu sebelum anda memasang emotion di kotak komentarmu. karena smile icon tidak akan berfungsi tanpa kotak komentarnya.
saya mendapatkan inspirasi ini dari blognya Pingin Belajar, nah...dengan gratisnya saya kasih tahu lagi trik ini kepada anda.
gimana tertarik g??kalau anda tertarik...ikuti langkah-langkahnya di bawah ini :
  1. Masuk ke blog anda 
  2. Klik Tata Letak dan pilih Edit HTML
  3. Terus centang kotak kecil Expand Template Widget
  4. Cari kode </head>
  5. Jika sudah ketemu, masukin script di bawah ini sebelum kode diatas
  6. <script src='http://h1.ripway.com/pinginbelajar/042009/comment_emoticon.js' type='text/javascript'/>
  7. Sekarang cari lagi kode <b:if cond='data:post.embedCommentForm'>
  8. Copykan script di bawah ini sebelum kode diatas.
    <div style='overflow:auto; width:100%px; height:200px; padding:5px 5px 5px 5px; background:#FFFFFF;'>
    <center><b>
    <img border='0' src='http://img7.imageshack.us/img7/5660/pinginbelajar1.gif'/>:10
    <img border='0' src='http://img162.imageshack.us/img162/9828/pinginbelajar2.gif'/>:11
    <img border='0' src='http://img338.imageshack.us/img338/2876/pinginbelajar5.gif'/>:12
    <img border='0' src='http://img178.imageshack.us/img178/4784/pinginbelajar6.gif'/>:13
    <br/>
    <img border='0' src='http://img15.imageshack.us/img15/5646/pinginbelajar7.gif'/>:14
    <img border='0' src='http://img54.imageshack.us/img54/9709/pinginbelajar8.gif'/>:15
    <img border='0' src='http://img228.imageshack.us/img228/2490/pinginbelajar9.gif'/>:16
    <img border='0' src='http://img254.imageshack.us/img254/9241/pinginbelajar10.gif'/>:17
    <br/>
    <img border='0' src='http://img249.imageshack.us/img249/715/pinginbelajar16.gif'/>:18
    <img border='0' src='http://img19.imageshack.us/img19/8225/pinginbelajar20.gif'/>:19
    <img border='0' src='http://img249.imageshack.us/img249/368/pinginbelajar21.gif'/>:20
    <img border='0' src='http://img249.imageshack.us/img249/3122/pinginbelajar23.gif'/>:21
    <br/>
    <img border='0' src='http://img8.imageshack.us/img8/7082/pinginbelajar24.gif'/>:22
    <img border='0' src='http://img249.imageshack.us/img249/9643/pinginbelajar25.gif'/>:23
    <img border='0' src='http://img3.imageshack.us/img3/9077/pinginbelajar26.gif'/>:24
    <img border='0' src='http://img249.imageshack.us/img249/5254/pinginbelajar27.gif'/>:25
    <br/>
    <img border='0' src='http://img8.imageshack.us/img8/4191/pinginbelajar28.gif'/>:26
    <img border='0' src='http://img13.imageshack.us/img13/3637/pinginbelajar29.gif'/>:27
    <img border='0' src='http://img167.imageshack.us/img167/1944/pinginbelajar32.gif'/>:28
    <img border='0' src='http://img53.imageshack.us/img53/61/pinginbelajar33.gif'/>:29
    <br/>
    <img border='0' src='http://img186.imageshack.us/img186/7215/pinginbelajar35.gif'/>:30
    <img border='0' src='http://img106.imageshack.us/img106/7729/pinginbelajar36.gif'/>:31
    <img border='0' src='http://img106.imageshack.us/img106/700/pinginbelajar17.gif'/>:32
    <img border='0' src='http://img231.imageshack.us/img231/4497/pinginbelajar34.gif'/>:33
    <br/>
    <img border='0' src='http://img4.imageshack.us/img4/1805/pinginbelajar31.gif'/>:34
    <img border='0' src='http://img72.imageshack.us/img72/7403/pinginbelajar30.gif'/>:35
    <img border='0' src='http://img249.imageshack.us/img249/5619/pinginbelajar22.gif'/>:36
    <img border='0' src='http://img249.imageshack.us/img249/9919/pinginbelajar15.gif'/>:37
    <br/>
    <img border='0' src='http://img254.imageshack.us/img254/9607/pinginbelajar14.gif'/>:38
    <img border='0' src='http://img19.imageshack.us/img19/6241/pinginbelajar13.gif'/>:39
    <img border='0' src='http://img19.imageshack.us/img19/2213/pinginbelajar12.gif'/>:40
    <img border='0' src='http://img249.imageshack.us/img249/2448/pinginbelajar11.gif'/>:41
    <br/>
    <img border='0' src='http://img162.imageshack.us/img162/6028/pinginbelajar3.gif'/>:42
    <img border='0' src='http://img162.imageshack.us/img162/1236/pinginbelajar4.gif'/>:43
    <img border='0' src='http://img254.imageshack.us/img254/50/pinginbelajar19.gif'/>:44
    <img border='0' src='http://img19.imageshack.us/img19/464/pinginbelajar18.gif'/>:45
    </b></center>
    </div>
  9. Klik Simpan Template
  10. Selesai.
mudah dan simple kan??
Bagi para sobat blogger jika ada permasalahan yang sulit anda selesaikan dalam pemasangan emotion ini, silahkan anda kasih komentar kepada saya...
mudah-mudahan saya bisa bantu