Cara Membuat Recent Post Berdasarkan Kategori

Cara Membuat Recent Post Berdasarkan Kategori - Pada Tutorial Blogger kali ini, saya akan membahas tentang Cara Membuat Recent Post Berdasarkan Kategori. Widget ini berfungsi untuk menampilkan Artikel Terbaru (Recent Post) Sesuai/Berdasarkan Kategori (Label). Untuk itu, silahkan simak tutorial Cara Membuat Recent Post Berdasarkan Kategori.

Cara Membuat Recent Post Berdasarkan Kategori : 

1. Login ke Akun Blogger terlebih dahulu.
2. Lalu pergi ke Layout.
3. Klik Add a Gadget.
4. Lalu pilih yang Feed.

5. Lalu masukkan URL di bawah ini di dalamnya

http://.blogspot.com/feeds/posts/default/-/Template

Keterangan : 
- Ganti URL yang berwarna merah dengan URL blog kamu.
- Dan yang berwarna biru ganti dengan Nama Kategori (Label) blog kamu.
- Untuk Label yang memiliki dua kata, seperti Tutorial Blogger. Anda harus memberikan %20 di antara kata tersebut, misalnya menjadi : Tutorial%20Blogger. 

6. Klik Continue.

7. Tentukan Judul dan Tampilannya, kemudian klik Save.

8. Selesai.

Demikian Cara Membuat Recent Post Berdasarkan Kategori,

Semoga bermanfaat bagi semua!

Read More

Membuat Gambar Melayang Di Pojok

Hallo sobat negeri semua, apayang akan kita bahas hari ini. Mari kita mencoba ngebahas gimana cara membuat gambar yang berada di pojok (bisa atas, bawah, kiri, kanan) meskipun "scroll bar" ditarik kemana-mana. "Scroll bar" itu apa sih? itu lho kotak kecil panjang yang ada disamping itu, yg biasanya ditarik kebawah dan keatas supaya bisa ngelihat isi blog yang kepanjangan. Trus maksudnya "gambar" itu apa? "gambar " itu maksudnya bisa gambar atau photo kamu, animasi, Jam, Hit Counter, Shoutbox, Kalender, Adsense, Iklan, Widget-widget dan lain-lain. taugak maksud saya. Itu lho contoh whos.amung.us yang saya pasng di bawah sebelah kiri. Oke langsung saja menuju saja ya sobat.

Ikuti langkah berikut ini :

Cara Pertama :

1.  Login ke blogger trus klik "Layout -->> Edit HTML

2.  Cari kode ini ]]></b:skin>  kalau dah ketemu taru kode berikut ini di atasnya.

#trik_pojok {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

3.  Text yang dicetak tebal adalah posisinya, kalo pingin ganti di posisi pojok kanan bawah tinggal text "left" diganti dengan "right". Begitu juga tulisan "bottom", jika pingin di posisi atas bisa diganti dengan "top".
4.    Langkah selanjutnya yaitu letekkan script berikut ini sebelum kode </body>

<div id="trik_pojok">
<a href="http://.blogspot.com">
<img src="http://i700.photobucket.com/albums/ww6/mandalika3/soniclari.gif" border="0" /></a>
</div>

Catatan :

*  "http://.blogspot.com" adalah link. ganti dengan link kamu.
*  "http://i700.photobucket.com/albums/ww6/mandalika3/soniclari.gif" adalah lokasi gambarmu. ganti dengan lokasi gambar kamu.

5.   Simpan dan lihat hasilnya sobat.

Semoga berhasil ya

Read More

Cara Membuat Recent Post dan Recent Comments Pada Blog

Hallo sobat negeri semua, apa kabarnya hari ini. Sudah beberapa hari gak ngeblog kangen nich. Oke sobat negeri, kali ini mari kita membahas tentang Cara Membuat Recent Post dan Recent Comments Pada Blog. Ada beberapa cara untuk membuat widget ini dari mulai menggunakan widget creator, alamat feed, maupun java script. tutorial blogspot kali ini akan menggunakan alamat feed, untuk menghindari loading page yang terlalu berat jika menggunakan javascript. Langsung saja sobat ya kita pelajari caranya dengan mudah. Mari menuju ke bawah.

Pertama Yaitu Cara membuat Recent Comments atau Komentar Terbaru

1. Login ke akun blogger anda dan pilih blog mana yang akan anda buat recent comments

2. Pilih Layout (tata letak) >> Add Page Gadget (tambah elemen halaman) pada sidebar atau dimana saja sesuai keinginan anda.

3. Pilih Feed dan masukkan alamat url feed berikut, http://namabloganda.blogspot.com/feeds/comments/full, kemudian pilih continue/lanjutkan, jangan lupa mengganti tulisan yang dicetak tebal dengan nama blog anda.

4. Jika Muncul pop up window, Isikan title/judul : label widget anda (misal : komentar terbaru, recent comments dll,) Show : jumlah komentar yang akan ditunjukkan (max 5 item), anda bisa menampilkan atau tidak tanggal dan pembuat komen dengan mencentang kotak item date dan item source/author.

5. Klik Save dan lihat hasilnya.

Kedua Yaitu Cara membuat Recent Post atau Artikel/Posting Terbaru

1. Login ke akun blogger anda dan pilih blog mana yang akan anda buat recent comments

2. Pilih Layout (tata letak) >> Add Page Gadget (tambah elemen halaman) pada sidebar atau dimana saja sesuai keinginan anda.

3. Pilih Feed dan masukkan alamat url feed berikut, http://bloganda.blogspot.com/atom.xml, kemudian pilih continue/lanjutkan, jangan lupa mengganti tulisan yang dicetak tebal dengan nama blog anda.

4. Jika Muncul pop up window, Isikan title/judul : label widget anda (posting terbaru, recent post dll,) Show: jumlah posting yang akan ditunjukkan (max 5 item), anda bisa menampilkan atau tidak tanggal dan pembuat komen dengan mencentang kotak item date dan item source/author.

5. Klik Save dan lihat hasilnya.

Read More

Cara Membuat Widget Status Follower Twitter di Blog

Cara Membuat Widget Status/Follower Twitter di Blog - Kalau dulu Saya pernah memposting tentang Cara membuat Twitter follower Box di Blog , Kali ini saya akan membahas tentang Cara Membuat Widget Status/Follower Twitter di Blog . Membuat atau memasang widget Twitter untuk Tweet (update status) serta follower Twitter  selain untuk share twitter sobat widget ini juga untuk mempercantik blog . sobat bisa lihat demonya di sidebar saya , Nah itulah contoh Widget Status/Follower Twitter . Bagi sobat yang ingin memiliki widget tersebut , sobat tinggal ikuti Langkah - langkah berikut ini . 

 

1. Login ke Blogger sobat.

2. Pilih menu Rancangan > Tata letak

3.  Copy kode dibawah ini di Html/Javascript

<div style="background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_7Jbei21un200Pu1y4zHpLb9bOw77nUdYp98c-5Op5krpsEhKRpVQ73l10xw82SsPyPwBt_AG5jGMLXewKTIJz_RvQ-EIT1BrSDkybXbWzkkOvp4DDnYwF4Cb8-tV20AqWlAFHwOE8BQE/s1600/tweet.png) no-repeat;padding-top:45px;padding-left:8px">

<script src="http://widgets.twimg.com/j/2/widget.js"></script>

<script>

new TWTR.Widget({

version: 2,

type: profile,

rpp: 10,

interval: 3000,

width: 285,

height: 123,

theme: {

shell: {

background: transparent,

color: #000000

},

tweets: {

background: transparent,

color: #000000,

links: #135a9e

}

},

features: {

scrollbar: false,

loop: true,

live: true,

hashtags: true,

timestamp: true,

avatars: true,

behavior: default

}

}).render().setUser(tutorialblogz).start();

</script>

</div>

<br />

<div class="twitter"> <!-- Twitter --> <iframe title="" style="width: 300px; height: 20px;" class="twitter-follow-button" src="http://platform.twitter.com/widgets/follow_button.html#_=1319978796351&amp;

align=&amp;button=blue&amp;id=twitter_tweet_button_0&amp;

lang=en&amp;link_color=&amp;screen_name=tutorialblogz&amp;show_count=&amp;

show_screen_name=&amp;text_color=" frameborder="0" scrolling="no"></iframe> </div>

 Keterangan : ganti yang berwarna merah dengan username twitter sobat

4. Terakhir Klik Simpan . Semoga Berhasil ;)

Read More