Home » » Gogonity Blog

Gogonity Blog



Gogonity Blog

Memasang button Google Buzz di blogger

Posted: 10 Feb 2011 09:19 PM PST

Google Buzz adalah sosial network dari Google dan lebih mirip dengan Twitter dan Facebook. Atau sobat dapat membaca lebih lanjut tentang Google Buzz di web resminya Google
Untuk memasang tombol Google Buzz cukup mudah ko.... langsung meluncur ya gan....
 

Langkah-langkahnya seperti ini :
1. Login ke Blogger
2. Klik Rancangan > Edit HTML > centang Expand widget templates
3. Cari kode berikut <div class='post-header-line-1'/>, cara cepet gunakan Ctrl F
4. Kalau sudah ketemu letakkan kode di bawah ini setelah kode diatas

<div style="float:right;padding:4px;">
<a title="Post on Google Buzz" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="normal-count" data-locale="en_IN" rel="nofollow" expr:data-url='data:post.url'></a>
<script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script>
</div>

 5. Simpan Template

NB : float:right letak button (right atau left)
        normal-count ukuran button (normal atau small)
Jika sobat tidak menemukan kode no.3, sobat cari kode ini  <data:post.body/>. Lalu letakkan kode no.4 sebelum kode tadi.


Semoga bermanfaat...!!!

Cara membuat Next Page Dengan Angka

Posted: 10 Feb 2011 08:43 AM PST

Next page dengan angka tombol navigasi di bagian bawah postingan. Tombol navigasi ini banyak terdapat di blog-blog penyedia template, download music dan di mbah kita google juga ada. Jika sobat tertarik ?.
Cara membuatnya sebagai berikut :

- Login ke blogger
- Masuk ke rancangan (design) dan edit html
- Lalu centang Expand Widget Template untuk mengantisipasi terjadinya error
- Cari kode ]]></b:skin>, kemudian letakan kode di bawah ini diatas kode ]]></b:skin>

    .showpageArea a {
    text-decoration:underline;
    }
    .showpageNum a {
    text-decoration:none;
    border: 1px solid #cccccc;
    margin:0 3px;
    padding:3px;
    }
    .showpageNum a:hover {
    border: 1px solid #cccccc;
    background-color:#cccccc;
    }
    .showpagePoint {
    color:#333;
    text-decoration:none;
    border: 1px solid #cccccc;
    background: #cccccc;
    margin:0 3px;
    padding:3px;
    }
    .showpageOf {
    text-decoration:none;
    padding:3px;
    margin: 0 3px 0 0;
    }
    .showpage a {
    text-decoration:none;
    border: 1px solid #cccccc;
    padding:3px;
    }
    .showpage a:hover {
    text-decoration:none;
    }
    .showpageNum a:link,.showpage a:link {
    text-decoration:none;
    color:#333333;
    }

- Selanjutnya cari kode 'data:label.url' dan ganti dengan kode di bawah ini

    'data:label.url + &quot;?&amp;max-results=5&quot;'

- Selanjutnya cari kode </body> . Setelah itu letakan kode berikut sebelumnya.

    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <script type='text/javascript'>
    var pageCount=5;
    var displayPageNum=5;
    var upPageWord =&#39;Previous&#39;;
    var downPageWord =&#39;Next&#39;;
    </script>
    <script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>
    </b:if>

- Yang terakhir Simpan Template.
   Selesai......!!!


Jangan Lupa Jempolnya :


Mungkin juga anda butuhkan atau ingin dibaca :
Jangan Lupa Jempolnya :
 

Dibutuhkan Bulan ini :

Paling Dibutuhkan :

Dibutuhkan Minggu Ini

© 2011 tutorial blogger indonesia PublisedSeo Template Blogger Converted Template by Hack Tutors.info