jany suak

Free Icon Untuk Blog Dan Website

Diposting oleh jany Jumat, 29 April 2011

Bagi anda yang suka menghiasi blog atau website dengan berbagai macam icon agar terlihat lebih cantik, di bawah ini ada beberapa website yang menyediakan icon-icon cantik untuk bisa di download secara free atau gratis. So pasti anda tidak perlu lagi besusah payah hanya untuk sekedar urusan icon, download dan pasang dengan sesuka hati di blog anda.

1. http://icontexto.blogspot.com

Contoh icon yang bisa di download :

Dan masih banyak lagi koleksi icon yang sangat cantik, sayang jika di lewatkan, coba kunjungi saja blognya.

2. http://jwloh.deviantart.com

Contoh icon yang bisa di download :

Silahkan kunjungi situsnya, dan download berbagai icon yang cantik secara gratis.

3. http://marcelomarfil.deviantart.com

Contoh icon yang bisa di download :

Siapa yang mau lihat-lihat dan sekaligus mendoanload icon cantik-cantik ini?

4. http://www.webappers.com

Contoh icon :

Dan masih banyak lagi icon-icon cantik lainnya.

5. http://www.zeusboxstudio.com

Contoh icon yang bisa di download :

6. http://www.vistaicons.com

7. http://itweek.deviantart.com

8. http://lecoupdulapin.deviantart.com

9. http://csscreme.com

10. http://stinky9.deviantart.com

Dan banyak lagi icon-icon yang bisa anda dapatkan secara free atau gratis, caranya sangat mudah, anda tinggal tulis keyword Free Icon pada search engine google yang ada di sebelah kanan atas blog ini. Selamat berdownload ria

Cara Memasang Tombol Share On Facebook Di Blog

Diposting oleh jany

Sebagai pemilik blog atau website pasti ingin artikel yang kita buat dibaca oleh banyak orang, salah satu usaha yang bisa kita lakukan adalah mempublikasikan artikel tersebut ke facebook dan memasang tombol share on facebook ke dalam halaman blog/website. Tanpa basa basi langsung saja kita bahas :
1. Buka hamalan edit html ( dasbor > tata letak > edit html ) dan jangan lupa centangkan "expand template widget"

2. Cari kode <b:if cond='data:top.showAuthor'>

3. Letakan kode berikut diatas kode no.2
(peletakan tidak harus disini, bisa diletakan sesuka Anda)
<b:if cond='data:post.url'>
<a expr:href='"http://www.facebook.com/share.php?u=" + data:post.url'><img alt='www.tips-fb.com' border='0' src='http://i15.photobucket.com/albums/a398/syilpid/share_on_facebook_2.png'/></a>
</b:if>

Akan tampak seperti > share on facebook

share on facebook

Jika ingin gambar tombol lain:

www.tips-fb.com

www.tips-fb.com

<b:if cond='data:post.url'>
<a expr:href='"http://www.facebook.com/share.php?u=" + data:post.url'><img src="http://i15.photobucket.com/albums/a398/syilpid/share_on_facebook_4.png" border="0" alt="www.tips-fb.com"></a>
</b:if>

www.tips-fb.com

<b:if cond='data:post.url'>
<a expr:href='"http://www.facebook.com/share.php?u=" + data:post.url'><img src="http://i15.photobucket.com/albums/a398/syilpid/share_on_facebook_3.png" border="0" alt="www.tips-fb.com"></a>
</b:if>

Atau bisa ganti dengan tulisan saja, contoh > Share on Facebook<b:if cond='data:post.url'>
<a expr:href='"http://www.facebook.com/share.php?u=" + data:post.url'>Share on Facebook</a>
</b:if>

4. Tekan tombol save template

selesai...........

Selamat mempublikasikan artikel Anda di Facebook :)

nb: tombol hasil desain sendiri.... lumayan makan waktu :p

Menampilkan Judul Postingan Terpopuler

Diposting oleh jany

Ini masih ada hubungannya dengan belajar ngeblog sebelumnya, mungkin dengan recent post. Lha kalau sekarng yaitu popular post. Popular post ini akan menampilkan postingan-postingan kita yang paling top atau populer. tulisan-tulisan kita yang terbaik akan ditampilkan secara berurutan sesuai dengan yang terpopuler, semakin populer akan semakin berada di atas.

Kepopuleran postingan kita ini tidak berdasarkan sering dilihat atau dibaca, namun Populer post ini berdasarkan jumlah komentar yang ada di postingan kita itu tersebut. Semakin banyak komentar semakin populer, dan semakin nomor satu.

Cara Menampilkan Judul Postingan Terpopuler
1. Login ke blogger
2. Pilih Tata Letak kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode-kode berikut ini

<script language='JavaScript'>
aBold = true;
numposts=200;
maxshowresult=5;
home_page = "http://kurniasepta.blogspot.com/";
</script>
<script src='http://dl.getdropbox.com/u/708209/scriptabufarhan/popularpost/popularpostblogger-min.js' type='text/javascript'></script>

maxshowresult=5; angka 5 kode tersebut berarti 5 judul terpopuler
home_page = "http://kurniasepta.blogspot.com/"; ganti http://kurniasepta.blogspot.com/ dengan URL kita sendiri.

Cara Membuat Widget Artikel Yang Berhubungan

Diposting oleh jany

Yang dimaksud Cara Membuat Widget Artikel yang Berhubungan (Related Post) adalah Artikel yang Berhubungan dalam satu label posting. Artinya apabila kita membaca suatu artikel maka akan tampil juga artikel lain dengan label yang sama. Perhatikan screenshot dibawah ini,

Gimana sobat sudah tahu, dan tertarik??? OK kalau begitu kita langsung ke tahap pembuatannya :

Seperti biasa sobat LogIn dulu di blogger masing-masing
Setelah itu klik Rancangan --> Edit HTML
Kasih tanda checklist pada kotak Expand Template Widget
Kemudian Sobat cari kode seperti ini <data:post.body/>
Lalu Copy kode dibawah ini, dan paste dibawah kode diatas :

<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>

<div class='widget-content'>
<h3>Artikel yang Berhubungan</h3>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>

var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;

maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;

function listEntries10(json) {
var ul = document.createElement('ul');
var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i < maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;

for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement('li');
var a = document.createElement('a');
a.href = alturl;

if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l < json.feed.link.length; l++) {
if (json.feed.link[l].rel == 'alternate') {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k<20; k++) label = label.replace("%20", " ");
var txt = document.createTextNode(label);
var h = document.createElement('b');
h.appendChild(txt);
var div1 = document.createElement('div');
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById('data2007').appendChild(div1);
}
}
}
function search10(query, label) {

var script = document.createElement('script');
script.setAttribute('src', query + 'feeds/posts/default/-/'
+ label +
'?alt=json-in-script&callback=listEntries10');
script.setAttribute('type', 'text/javascript');
document.documentElement.firstChild.appendChild(script);
}

var labelArray = new Array();
var numLabel = 0;

<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = "<data:label.name/>";

var test = 0;
for (var i = 0; i < labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length <= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel < maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>

</div>
</b:if>
Selelah langkah-langkah di atas selesai (beres) klik tombol Save

CATATAN! :
Sobat bisa ganti tulisan Artikel yang Berhubungan yang tercetak tebal dan berwarna merah sesuai keinginan Sobat.

Selamat mencoba semoga bermanfaat.

Copyright © 2010 jany suak
New Red Brown Designed by : Edo Pranata Blogger XML Coded by Edo Pranata