COBA BELAJAR

Memanfaatkan aplikasi My Stuff untuk promosi blog, dengan menggunakan banner. Dimana menempatkan banner tersebut menggunakan bahasa HTML ke dalam aplikasi ini. Alhasil, disini kita dapat memanfaatkan aplikasi ini untuk berbagai keperluan promosi yang menyertakan gambar banner, tulisan dan linknya.

Contohnya seperti ini

Caranya:
1. Login dahulu di facebook dengan account Anda
2. ketik "My Stuff" di search navbar facebook Anda, lalu klik cari
3. Kemudian Klik gambar GIGYA MY STUFF
4. klik tombol 'Ke Aplikasi'
5. Lalu klik tombol "Cantumkan ke Dalam Profil"
6. Klik 'tambahkan'
7. Setelah itu Anda masuk ke halaman profil, lalu klik 'Keep'
8. Dan untuk edit Tag HTML, klik tulisan see full size
9. Delete dahulu HTML yang sudah ada, dan ganti dengan kode berikut ini:

<center> <a href=http://www.cobabelajar.com/ target="_blank"><img border="0" alt="cobabelajar" src="http://i115.photobucket.com/albums/n282/his_wifey06/thhandprint.jpg"/></a><br/> Silahkan Klik Gambar<br/>Untuk Mengunjungi Blog<br/> COBABELAJAR<br/></center>

NB(Ganti dahulu alamat blog dan tulisan seperti yang Anda inginkan)

10. Kalo sudah, klik 'Add Profile'
11. Setelah Anda melihat preview banner yang akan tampil, klik 'refresh profil'
12. Tunggu sebentar, dan lihat hasilnya di profil Anda.

Selamat mencoba....

Cara membuat Page Navigation. Kali ini saya copas dari blog clickoverall
Kalau tertarik langsung aja Ikuti petunjuknya dibawah ini:

Langkah pertama:

Bukalah template blogspot anda, pastikan beri centang kotak kecil Expand Widget Templates
Langkah kedua:

Kemudian Carilah code didalam template anda (gunakan CTRL + F, untuk mempermudah pencarian):

Sudah ketemu? Kalau sudah copy + paste code berikut ini, persis diatas code

/** Start of CSS Page Navigaton */

.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #ccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #ccc;
background-color:#ccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #ccc;
background: #ccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #ccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333;
}
/** End of CSS Page Navigaton */

Klik SAVE TEMPLATE untuk simpan template anda.

Langkah ketiga:

Carilah code didalam template anda seperti dibawah ini:

Untuk mempermudah pencarian code diatas pastikan pada kotak kecil Expand Widget Templates tidak diberi centang

(Gunakan CTRL + F untuk mempermudah pencarian code diatas), sudah ketemu? Kalau sudah ketemu, sisipkan code berikut ini persis dibawah .

<script type="text/javascript">

function showpageCount(json) {
var thisUrl = location.href;
var htmlMap = new Array();
var isFirstPage = thisUrl.substring(thisUrl.length-5,thisUrl.length)==".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 = 5;
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">'+thisNum+'</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 = ''+upPageHtml+' '+html +' ';
}else{
html = ''+upPageHtml+' '+html +' ';
}
}

html = '<div class="showpageArea"><span style="COLOR: #000;" class="showpageOf"> Pages ('+(postNum-1)+')</span>'+html;

if(thisNum<(postNum-1)){
html += downPageHtml;

}

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>

Klik SAVE TAMPLATE, selesai.

Catatan:

Bagian code dibawah ini untuk menampilkan jumlah halaman yang akan ditampilkan, ubahlah angkanya sesuai dengan jumlah halaman yang akan ditampilkan.

var pageCount = 5;
var displayPageNum = 5;