Showing posts with label widget. Show all posts
Showing posts with label widget. Show all posts
bnyk bgt yng ingin tau gmn caranya bikin tampilan profil fb kamu jadi unik seakan akan foto profil dan foto taging menyambung..
caranya pakai aplikasi schweppes profile..contoh tampilannya bisa di search di google dengan kata kunci " schweppes profile " pencarian gambar.
untuk aplikasinya tinggal masuk kesini:
http://apps.facebook.com/schweppesprofileapp/?ref=appd_my_recent&fa=1
ikuti aja intruksinya..tag kan photo dr ahir k awal..
tentu saja tampilan akan bsa diliat orng dngn PC...supaya foto bertahan lama :klo ada orng yang men tag kan sebuah foto tinggahiding aja dengan mengklik tombol x di area foto taging (di area 5 foto yng berjajar di tampilna profile)
caranya pakai aplikasi schweppes profile..contoh tampilannya bisa di search di google dengan kata kunci " schweppes profile " pencarian gambar.
untuk aplikasinya tinggal masuk kesini:
http://apps.facebook.com/schweppesprofileapp/?ref=appd_my_recent&fa=1
ikuti aja intruksinya..tag kan photo dr ahir k awal..
tentu saja tampilan akan bsa diliat orng dngn PC...supaya foto bertahan lama :klo ada orng yang men tag kan sebuah foto tinggahiding aja dengan mengklik tombol x di area foto taging (di area 5 foto yng berjajar di tampilna profile)

HAi sobat,setelah lama tidak posting dan hanya nge-share cheat...
Kali ini saya ingin membahas mengenai Facebook Photozoom,ini adalah adalah aplikasi add-ons mozzila dan hanya work di mozzila...
maka aplikasi hanya untuk mozzila buka yang laen..
Facebook Photozoom adalah sebuah add-ons untuk nge-zoom photo profile facebook yang kita inginkan...
ini contohnya:
caranya...
klik link dibawah

setelah selesai...
klik tombol restart

selesai dech...
tinggal. nikmat.in saja...
credit by: agung_it
Hai kawan..Setelah lama tidak posting artikel..
kali ini saya akan menjelaskan tentang sebuah widget unik dari
http://visitorcontact.com/
jika anda klik akan muncul sesuatu seperti ini...
itulah sebuah widget untuk mengirim email kepada admin blog ini...(maksudnya itu saya)...
cara nya adalah sebagai berikut...
1. ke visitorcontact.com untuk signup atau daftar...
2.isi form selengkapnya...
3.setelah signup isi form selanjutnya...isi saja...
4.tapi bagian ini harus saya jelaskan sedikit...
dan bagian biru...itu adalah tampilan sesudah mouse di arajhkan ke tombol contact...
5.setelah itu klik tombol create form& getbutton...
6.akan tampil code widget...
Lihat tampilan blog mu...
Lumayanlah untuk mempercantik sedikit,...hahahaha
jangan lupa comment...
By: Agung wahyu saputro
yaitu page number,,
widget ini terinspirasi dari blog kawan yaitu kluwan,namun mungkin sekarang sulit ditemui..sebab kaya'nya gak ada searchnya...wkwkwkwkwk
tpi untungnya saya sempat copy code widget tsb...
untuk lengkapnya,ikuti langkah dibawah ini...
Pertama,pergilah ke dashboard blogger anda,selanjutnya,pilih tata letak,tambah gadget,pilih html/javascript...
copas code dibawah ini..
<style>
.showpageArea {padding: 0 2px;margin-top:10px;margin-bottom:10px;
}
.showpageArea a {border: 1px solid #505050;
color: #000000;font-weight:normal;
padding: 3px 6px !important;
padding: 1px 4px ;margin:0px 4px;
text-decoration: none;
}
.showpageArea a:hover {
font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}
.showpageNum a {border: 1px solid #505050;
color: #000000;font-weight:normal;
padding: 3px 6px !important;
padding: 1px 4px ;margin:0px 4px;
text-decoration: none;
}
.showpageNum a:hover {
font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}
.showpagePoint {font-size:11px;
padding: 2px 4px 2px 4px;
margin: 2px;
font-weight: bold;
border: 1px solid #333;
color: #fff;
background-color: #000000;
}
.showpage a:hover {font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}
.showpageNum a:link,.showpage a:link {
font-size:11px;
padding: 2px 4px 2px 4px;
margin: 2px;
text-decoration: none;
border: 1px solid #0066cc;
color: #0066cc;
background-color: #FFFFFF;}
.showpageNum a:hover {font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}
</style>
<script type="text/javascript">
function showpageCount(json) {
var thisUrl = location.href;
var htmlMap = new Array();
var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==".blogspot.com/";
var isLablePage = thisUrl.indexOf("/search/label/")!=-1;
var isPage = thisUrl.indexOf("/search?updated")!=-1;
var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";
thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';
var pageCount=5;
var displayPageNum=3;
var firstPageWord = 'First';
var endPageWord = 'Last';
var upPageWord ='Previous';
var downPageWord ='Next';
var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';
for(var i=0, post; post = json.feed.entry[i]; i++) {
var timestamp = post.published.$t.substr(0,10);
var title = post.title.$t;
if(isLablePage){
if(title!=''){
if(post.category){
for(var c=0, post_category; post_category = post.category[c]; c++) {
if(encodeURIComponent(post_category.term)==thisLable){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}
postNum++;
htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
}
}//end if(post.category){
itemCount++;
}
}else{
if(title!=''){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}
if(title!='') postNum++;
htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
itemCount++;
}
}
for(var p =0;p< htmlMap.length;p++){
if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
if(fFlag ==0 && p == thisNum-2){
if(thisNum==2){
if(isLablePage){
upPageHtml = labelHtml + upPageWord +'</a></span>';
}else{
upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>';
}
}else{
upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';
}
fFlag++;
}
if(p==(thisNum-1)){
html += ' <span class="showpagePoint"><u>'+thisNum+'</u></span>';
}else{
if(p==0){
if(isLablePage){
html = labelHtml+'1</a></span>';
}else{
html += '<span class="showpageNum"><a href="/">1</a></span>';
}
}else{
html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +' </a></span>';
}
}
if(eFlag ==0 && p == thisNum){
downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';
eFlag++;
}
}//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
}//end for(var p =0;p< htmlMap.length;p++){
if(thisNum>1){
if(!isLablePage){
html = '<span class="showpage"><a href="/">'+ firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';
}else{
html = ''+labelHtml + firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';
}
}
html = '<div class="showpageArea"><span style="padding: 2px 4px 2px 4px;margin: 2px 2px 2px 2px;border: 1px solid #333; background-" class="showpage">Page '+thisNum+' of '+(postNum-1)+': </span>'+html;
if(thisNum<(postNum-1)){
html += downPageHtml;
html += '<span class="showpage"><a href="'+htmlMap[htmlMap.length-1]+'"> '+endPageWord+'</a></span>';
}
if(postNum==1) postNum++;
html += '</div>';
if(isPage || isFirstPage || isLablePage){
var pageArea = document.getElementsByName("pageArea");
var blogPager = document.getElementById("blog-pager");
if(postNum <= 2){
html ='';
}
for(var p =0;p< pageArea.length;p++){
pageArea[p].innerHTML = html;
}
if(pageArea&&pageArea.length>0){
html ='';
}
if(blogPager){
blogPager.innerHTML = html;
}
}
}
</script>
<script src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" type="text/javascript"></script>
simpan dech..widget ini otomatis berada dibawah blog..[postingan]..
jika gagal,silahkan comment..nanti akan saya perbaiki codenya...
tapi dijamin akurat dech...hahahahahaha

Satu lagi keunggulan wordpress yang dapat kita aplikasikan pada blogspot, yaitu menambah widget social bookmark dibawah postingan blog.
Penambahan social bookmark sangat baik sekali untuk mempromosikan blog kita di situs facebook, twitter, digg dan lain-lain.
Kali ini yang ingin saya sharingkan bukan social bookmark pada umumnya akan tetapi yang big, selain mempercantik blog juga menarik minat pengunjung untuk mengkliknya..
Contoh dapat anda lihat pada blog teman saya yaitu vickyit
Gimana, keren kan? Oke kita mulai aja..
nb:
*jika anda takut template blog anda rusak..harap download/backup dulu template anda...
tapi tenang saja..akurat kok...gak akan salah...
seperti biasa Tambahkan kode CSS berikut di atas kode ]]></b:skin>
div.sociable { margin: 16px 0;}
span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
position: absolute;
display: block;
top: -5em;
background: #ffe;
border: 1px solid #ccc;
color: black;
line-height: 1.25em;
}
.sociable span {
display: block;
}
.sociable ul {
display: inline;
margin: 0 !important;
padding: 0 !important;
}
.sociable ul li {
background: #f5f5f5;
display: inline !important;
list-style-type: none;
margin: 0;
padding: 2px;
}
.sociable ul li:before { content: ""; }
.sociable img {
float: none;
border: 0;
margin: 0;
padding: 0;
}
.sociable-hovers {
opacity: 0.4;
-moz-opacity: 0.4;
filter: alpha(opacity=40);
}
.sociable-hovers:hover {
opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
}
Setelah itu simpan dulu template kamu
lalu kamu ceklist Expand Template Widget.
Kamu cari kode <p><data:post.body/></p>
kalau blog kamu sudah memakai readmore, maka ada dua kode tersebut.
maka pilih kode yang kedua biar tidak tampak pada halaman utama.
setelah ketemu kamu masukkan kode HTML berikut dibawah kode diatas.
<div class='sociable'>
<div class='sociable_tagline'>
<img alt='Ngobrol Seputar Bisnis Online' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlHrRkM2NwG8YXezEmg7O4eJH56GF99YSHqZWdSM-bcTJ2SGh69YRvhNQk9GBTBoiOw3KpHmfquriimwXCDKS3b2zLTGWHEeWHpxIsb7_XkSqVBcnpOfz5jmJXeuVzTB6Nt4HMpSHFSEBW/s1600/share.jpg' title='Share This Artikel'/>
</div>
<ul>
<li><a expr:href='"http://digg.com/submit?phase=2&url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Digg' class='sociable-hovers' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgODVFavrZsehszrQj_97xnOavsxraJVQaZaaUi3wawBO2QwG3HKsgowHbufu3VwBDvv701NJ_dCoKX3XsX8nkp-m-aT-K7xTym8Cskd0VmM33m6TaseKpQ13lFh5X16RLOyhUJV8SCj-BO/s400/digg.png' title='Digg'/></a></li>
<li><a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='del.icio.us' class='sociable-hovers' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHppCuwXF4gc_tGYz5kVQQTI2aqEyuKjr4-Ns_5OTNTsDrFSAPGcWHCJprLUK-JM1Jk6zuLZUzp7oN4zMQUyZTbwkRyEFkU_1nebGYksbS8R54IHVxxJIfhwsuMwGNZgNRX3aXei5zrYu3/s400/delicious.png' title='del.icio.us'/></a></li>
<li><a expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Facebook' class='sociable-hovers' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9BxI4DalcL6dddBYkHBLu4czYQUfo_KaGLhkXCuQy-seql6iHNISY8FepJeASSNMBUe-w32lEUQZ0fNf812Hy4p_v_69YSR0XBKPdmquX9p8-PS9IB_7B0bIYGUZMF3BX7D3fcEQdEynq/s400/facebook_002.png' title='Facebook'/></a></li>
<li><a expr:href='"http://www.google.com/bookmarks/mark?op=edit&bkmk=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Google' class='sociable-hovers' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrpRHxCXPV3z1lISpGv1FWd7e-nPEU-3sUtsH1jNm0mnIe4lwNHoR-WVxACIjBej8vreshkgxi63kFz_UljBjO0H-n8LRfmwUFnEXCFANNHHceEnnCodZgIDWzilReJ18EcIgwfcHV4Gpb/s400/googlebookmark.png' title='Google'/></a></li>
<li><a expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='StumbleUpon' class='sociable-hovers' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgC2s2KUMqvdrc3MAzRJrMmkE1rGdWS82nlybjbhNymk2w1HfARvCMAZZX3hwu81W8tS2b682tHJgInR8hJNSTJPOjlzcKaHnHnaud0NHkaJwtRfraoXb8RMwhUqDMSo6Wf8RzaT_rcUny7/s400/stumbleupon.png' title='StumbleUpon'/></a></li>
<li><a expr:href='"http://technorati.com/faves?add=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Technorati' class='sociable-hovers' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiotBaIIw2H2DjVvNbHzRJ9DV_C5jb3-ltQT3bJnPUYMMry8ANNzRUj4EMDYxWfPoOVEFnADAiP9pJxKyTRUSdJi3W_OL0boOG2MpmQ_aJR5SEULz8dylpOjR2QSRoVzCvcu48ilY1pxqoP/s400/technorati.png' title='Technorati'/></a></li>
<li><a expr:href='"http://twitter.com/home?status=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='TwitThis' class='sociable-hovers' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcha3XQe6imrBpT5hZIFr6rXXuLSR5EjfWuUXsm3oJSz3aLzNHWSZ6-0Pdq30hW-XW8DY5AqB9VzXVSsLXzXQzugeuG5UHb_v_45moDluL3-o4EoSCaIXREXdqlTNnQv4fbBxnI3okpnMM/s400/twitter.gif' title='TwitThis'/></a></li>
</ul>
</div>
Karena penempatan social bookmark ini pada halaman postingan jadi kamu tidak bisa pratinjau hasilnya, so.. simpan aja dulu dan lihat hasilnya...
Untuk membuat recent post wih thumbnail atau postingan terakhir dengan disertai gambar caranya ikuti langkah langkah berikut ini :
* Login ke tata letak
* Klik add gadget
* Lalu pilih html/javascript
* Copy code script dibawah ini
<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;
boxwidth = 298;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "#000000";
thumbwidth = 40;
thumbheight = 40;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 6;
home_page = "http://alamatbloganda.blogspot.com/";
</script>
<script src="http://sites.google.com/site/tempatdollar/mas-acrom/recentposts_thumbnail.txt" type="text/javascript"></script>
Apa yang harus anda ganti :
* Summary fontsize : tulisan berwarna merah menentukan ukuran font yang akan muncul
* numpost : tulisan yang berwarna hijau menentukan jumlah postingan yang akan muncul
* http://alamatbloganda.blogspot.com : tulisan berwarna biru diisi dengan alamat blog anda.
Kemudian save deh...
Namun awal dari itu semua adalah membuat blog kita menjadi hemat energi...
Bagi yang ingin berpartisipasi dengan mengurangi energi listrik saat mengakses blog atau website yang ditinggalkan ada sebuah situs web yang menyediakan alat penghemat listrik pada saat blog ditinggalkan ,namun masih dalam keadaan terbuka,jadi setelah beberapa menit dibiarkan akan tertutup dengan warna hitam,dan untuk mengaktifkannya lagi tinggal gerakkan mouse sesaat..:
langkah langkahnya silahkan dibaca dibawah ini :
- Masuk ke tata letak
- Kemudian tambahkan gadget/add gadget
- Pilih menu html
- Copas code ini kedalamnya
kemudian save..inilah awal dari partisipasi atas pengurangan energi..
save our EARTH
Posting terbaru (recent post) merupakan sejumlah daftar posting yang terbaru dalam suatu blog dan berisi informasi singkat mengenai posting tersebut yang tersusun secara sistematis.
Sperti contoh blog punya sobat saya OB
Biasanya menghiasi dalam elemen sidebar untuk memberikan keterangan kepada pengunjung tentang terbitnya suatu posting. Fungsinya bersifat otomatis, dimana postingan yang sudah lama dalam urutan daftar posting akan langsung digantikan dengan yang terbaru.
Sebelum memulai trik blogger memasang posting terbaru (recent posts), terlebih dulu mari kita lihat source code untuk recent post di sini. Ingin tahu cara memasangnya di blog kamu, langsung kita review triknya :
* Login dulu ke account blogger kamu.
* Pilih tab Tata Letak --> Elemen Halaman.
* Tambah Gadget dalam elemen blog kamu (rekomendasi : Sidebar).
* Dalam "Tambahkan Gadget", pilih HTML/JavaScript.
* Copy dan pastekan kode di bawah ini dan jangan lupa diberi judul (ex : Posting terbaru).
<script style="text/javascript" src="http://www.geocities.com/asmara.4477/postingterbaru.txt"></script><script style="text/javascript">var numposts = 5;var showpostdate = true;var showpostsummary = true;var numchars = 100;var standardstyling = true;</script><script src="http://optimasi-blog.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script>
Catatan :
Ganti kode yang berwarna hijau dengan alamat penyimpanan file "postingterbaru.txt" kamu sendiri (ex : Geocities). Kalau tidak biarkan apa adanya.
* Ganti kode yang berwarna merah dengan alamat blog kamu.
Sperti contoh blog punya sobat saya OB
Biasanya menghiasi dalam elemen sidebar untuk memberikan keterangan kepada pengunjung tentang terbitnya suatu posting. Fungsinya bersifat otomatis, dimana postingan yang sudah lama dalam urutan daftar posting akan langsung digantikan dengan yang terbaru.
Sebelum memulai trik blogger memasang posting terbaru (recent posts), terlebih dulu mari kita lihat source code untuk recent post di sini. Ingin tahu cara memasangnya di blog kamu, langsung kita review triknya :
* Login dulu ke account blogger kamu.
* Pilih tab Tata Letak --> Elemen Halaman.
* Tambah Gadget dalam elemen blog kamu (rekomendasi : Sidebar).
* Dalam "Tambahkan Gadget", pilih HTML/JavaScript.
* Copy dan pastekan kode di bawah ini dan jangan lupa diberi judul (ex : Posting terbaru).
<script style="text/javascript" src="http://www.geocities.com/asmara.4477/postingterbaru.txt"></script><script style="text/javascript">var numposts = 5;var showpostdate = true;var showpostsummary = true;var numchars = 100;var standardstyling = true;</script><script src="http://optimasi-blog.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script>
Catatan :
Ganti kode yang berwarna hijau dengan alamat penyimpanan file "postingterbaru.txt" kamu sendiri (ex : Geocities). Kalau tidak biarkan apa adanya.
* Ganti kode yang berwarna merah dengan alamat blog kamu.







