CARA MEMBUAT WIDGET INSTAGRAM PADA BLOG

Foto, adalah bumbu wajib bagi setiap kegiatan apapun itu, mau makan juga di foto, mau mandi juga, mau minum, sedang berada diamana-mana foto selalu tak ketinggalan.  foto adalah bukti autentik ke eksisan seoarang anak manusia, foto adalah bukti bisu bahwa kita sedang keren hahaha juga biar ke kinian selfi menjadi menu wajib untuk mengekspresikan rasa kita maka bertebaranlah foto-foto beraneka ragam dan gaya di media sosial juga jejaring sosial baik itu dalam rangka iseng-isengan atau dalam  rangka meraup keuntungan finansial dan kesenangan maka di jaman sekarang hampr sulit membedakan mana artis sama bukan soalnya hampir semuanya pada eksis dan narsis -____- juga keren-keren oeyyy.... juga di dukung dengan fitur editing photo yang mendekati sempurna , banyak penipuan muka dengan berkat bantuan foto canggih yang membuat seorang berubah dalam hitungan menit.

dan karena itu banyak hal positif yang didapat bahkan segi negatifnya juga tak kalah banyak, baiklah kali ini aku tidak membahas tentang foto terlalu dalam, yang aku bahas kali ini cara membuat gallery dari instgram dan disambungkan ke Blog wiiih keren kan ????

nah bagi yang suka fotonya selalu tampil di jejaring sosial atau di media sosial tak ada salahnya mencoba dan menerapkan di blog pribadinya biar lebih keren dan kekinian ..... ^____^

bagi pengguna instagram tentunya sudah tahu dong ya bahwa media tersebut memang lebih di fokuskan untuk pamer foto, foto apa saja, yang tujuannya macem-macem, ada buka lapak, ada iseng-iseng ada seneng-seneng dllnya

langkah-langkahnya sebagai berikut


1. masuk http://snapwidget.com/#getstarted

    isikan menu - menu di bawah  sesuai dengan selera

2. setelah dirasa yakin lalu tekan menu get widget untuk mendapatkan kode htmlnya seperti di bawah ini

3. lalu masuk ke blogger
4 pilih menu tata letak
5. tambahkan widget
6. tempelkan hasil copi snapwidget
7. save' dan selesai

dan ini dia hasilnya foto-foto koleksi dari instagram  dengan tipe gride ( gambar berjalan )

 tetep eksis dimanapun medianya *________*

Read More

CARA MENGGANTI TEMPLET PADA BLOG

Huhuhuhu....... kegiatan ini adalah kegiatan yang menguras waktu dan tenaga dan pikiran  itu menurut versiku loh yaaa,,,,  tapi bagi yang sudah mahir dan profesional lebih baik membuat templet sendiri dengan kode-kode html yang kemeremet itu hihihhi cz gag paham maksud kode-kode itu jadinya suka linglung ....

karena gag semua templet yang di sediakan itu cucok dengan selera, termasuk aku , aku adalah tipe coba-coba sukanya nyoba ganti nyoba ganti  nyoba ganti nyoba ganti nyoba ganti nyoba ganti  nah itulah yang ku maksud kegiatan yang menguras waktu dan tenaga dan pikiran, bisa berjam-jam bahkan berhari hari hanya untuk kegiatan eksperimen semacam ganti / renovasi rumah. sebenernya bukan sulitnya mengganti templet yang sulit itu merenovasi kode htmlnya kadang itu kurang pas atau kurang gimana gitu ya dan mengharuskan renov sana renov sini hihihi... #lebay

kalau templet bawaan blogger mungkin gag seribet templet comotan kali ya karena dengan mudah kita bisa atur warna tata letak design dll dengan mudah , tapi kalau templet comotan huuuu banyak banget hal-hal yang harus di renov apalagi yang free templet sangat -sangat menjemukan karena kadang bandrol pembuatnya tetep nyangkut ,

baiklah kali ini aku akan berbagi pengalaman cara mengganti templet default ke templet comotan , mungkin bagi para newbi masih belum ada yang mengetahui dan bisa mengikuti langkah-langkahnya dan jangan lupa baca bismillah 

1. masuk blogger

2. pilih templet

3. pilih cadangkan/pulihkan jangan lupa backup/unduh  templet sebelumya siapa tahu masih pengen pake templet yang lama

4. tekan menu choose file yang sudah di ekstrak here tadi, dengan formatnya sudah jadi XML             kemuidan  

5. unggah tekan save 

6. selesai

dan selamat templetnya sudah berubah , nah setelah itu tinggal di cek ada perubahan apa saja ?  bagi templet comotan kadang hasil previw nya tidak sama jika di terapkan di blog , harus renov sana renov sini masuk edit HTML ooooh no harus meneliti kodekode yang semerawut,  itu yang membuatku lelah , tapi tetep suka aja gonta-ganti templet hehehehe....

selamat mengutak-atik templet : ) 

oya kalau gag pengen ribet bisa aja pesen pada design web yg tentunya harganya sesuai dengan tingkat kerumitan designya :)

Read More

CARA MEMBUAT PAGE NUMBER PADA BLOG

entah sudah yang keberapa kali aku gonta ganti templet untuk rumah mayaku ini, rasanya benar-benar tak terhitung hahahaha..... dan untungnya free , coba kalau itu premium dan berbayar mampuslah kantongku, secara harganya juga lumayan woow untuk ukuran seperti diriku, bayarnya  pun pake dolar...

Okelah akhirnya setelah menjelajah sebagian toko templet aku lelah juga hampir menyerah dua hari dua malam tak kunjung ketemu cari templet yang pas dihati hikzz... kayak nyari suami aja ya harus sreg.... dan inilah pilihan terakhir yang bisa sedikit membuatku jatuh hati pada pandangan ke tiga sampai sampai leher ku kelelahan terlalu banyak mendongak dan mata panas , alhamdulillah ketemu juga hihihihi... 

nah setelah ketemu templet yang pas dihati seperti biasa aku merenovasi sedikit,  padahal pengennya juga ganti warna tapi apadaya aku tak mampu harus mengutek-ngutek code html yang membuat mataku berair hikzzzzz..... dan ternyata saat templetnya udah jadi ada masalah lagi yang kurang pas ... iya mana page nambernya ini ? padahal di tampilan previw nya ada,  lah kok setelah ku tempatkan di rumahku kok gag ada ??? pusing lagi mana leher masih kaku juga..

dan alhamdulillah setelah sedikit browsing akhirnya ketemu juga, eeiitttss tapi biarpun di internet banyak situs tutor blog tapi belum tentu berhasil yaa #belajardari pengalaman.

membuat page number seperti ini juga bukan yang pertama kali, aku udah sering kali, biarpun sering kali kadang juga sering ketipu sama penyedia jasa tutorial blog, atau mungkin akunya ya yang gagal paham.. ????? #maaf ya admin tutor blog.... maklum aku blogger gaptek ...-___-

Aku tak putus harapan tetep aja aku terus mencoba situs-situs yang lain barang kali bisa aku praktikkan dan alhamdulillah kali ini berhasil.... berhasil.... berkat #anaksabar....

okey aku suskses menerapkan langkah-langkanya , mungkin ini bisa jadi catatan berharga, barangkali ada yang hobinya ngutek-utek rumah mayanya dan bisa di praktikkan cara seperti ini terbukti punyaku berhasilberhasil... makasi ya admin tutor blog #salam tempel

Page number yang aku maksud disini itu yang seperti ini 

kereeeen kan hahahahaha

nah ini langkah-langkahnya , tolong simak baik-baik , perhatikan dengan seksama , lalu tarik nafas dalam-dalam dan baca basmalah semoga sukses, kalau tidak sukses jangan putus asa semangat cari cara lain..... banyak cara membuat page number..

1. cara membuat page number dengan widget 

- masuk blog 

- pilih menu tata letak

- pilih tambah widget HTML

- copy kode HTML di bawah ini

<style>
.blog-pager,#blog-pager{font-family:"Verdana", Times, serif;font-weight:normal;font-size:12px;width:520px;padding:17px;}
.showpageNum a,.showpage a {background: rgb(15, 124, 241);color:#FFF; margin-right:.6em;text-decoration:none;font-size:15px;font-weight:bold;line-height:0;text-align:center;padding:5px 11px 5px;}
.showpageNum a:hover,.showpage a:hover {background: rgb(0, 49, 247); color:#000000; margin-right:.6em;text-decoration:none;font-size:15px;font-weight:bold;line-height:0;text-align:center;padding:5px 11px 5px;}
.showpageOf{margin:0 8px 0 0;font-family:'Coming Soon', cursive;text-decoration:none;font-size:100%;}
.showpagePoint {background: rgb(0, 49, 247); color:#FFF; margin-right:.6em;text-decoration:none;font-size:14px;font-style:italic;line-height:0;text-align:center;padding:5px 11px 5px;}
</style>
<script type='text/javascript'>
var home_page_url = location.href;
var pageCount=8;
var displayPageNum=3;
var upPageWord ='Previous';
var downPageWord ='Next';
function showpageCount(json) {
var thisUrl = home_page_url;
var htmlMap = new Array();
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';
for(var i=0, post; post = json.feed.entry[i]; i++) {
var timestamp1 = post.published.$t.substring(0,19)+post.published.$t.substring(23,29);
timestamp = encodeURIComponent(timestamp1);
var title = post.title.$t;
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+'&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){
 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){
  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++;
}}}
if(thisNum>1){
html = ''+upPageHtml+' '+html +' ';
}
html = '<div class="showpageArea"><span  class="showpageOf"> Pages ('+(postNum-1)+')</span>'+html;
if(thisNum<(postNum-1)){
html += downPageHtml;
}
if(postNum==1) postNum++;
html += '</div>';
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;
}}
function showpageCount2(json) {
var thisUrl = home_page_url;
var htmlMap = new Array();
var isLablePage = thisUrl.indexOf("/search/label/")!=-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 labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';
var thisUrl = home_page_url;
for(var i=0, post; post = json.feed.entry[i]; i++) {
var timestamp1 = post.published.$t.substring(0,19)+post.published.$t.substring(23,29);
timestamp = encodeURIComponent(timestamp1);
var title = post.title.$t;
if(title!=''){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
 thisNum = postNum;
}
if(title!='') postNum++;
htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'&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){
 upPageHtml = labelHtml + 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){
 html = labelHtml+'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++;
}}}
if(thisNum>1){
if(!isLablePage){
html = ''+upPageHtml+' '+html +' ';
}else{
html = ''+upPageHtml+' '+html +' ';
}}
html = '<div class="showpageArea"><span  class="showpageOf"> Pages ('+(postNum-1)+')</span>'+html;
if(thisNum<(postNum-1)){
html += downPageHtml;
}
if(postNum==1) postNum++;
html += '</div>';
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 type='text/javascript'>
var thisUrl = home_page_url;
if (thisUrl.indexOf("/search/label/")!=-1){
if (thisUrl.indexOf("?updated-max")!=-1){
var lblname1 = thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?updated-max"));
}else{
var lblname1 = thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?&max"));
}}
var home_page = "/";
if (thisUrl.indexOf("?q=")==-1){
if (thisUrl.indexOf("/search/label/")==-1){
document.write('<script src="'+home_page+'feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" ><\/script>')
}else{document.write('<script src="'+home_page+'feeds/posts/full/-/'+lblname1+'?alt=json-in-script&callback=showpageCount2&max-results=99999" ><\/script>')
}}
</script>

- lalu save kode HTML dan coba tengok apa yang terjadi ????

jika berhasil , selamat yaaa saaaay.... hahahaha

nah itu salah satu cara  yang bisa aku bagikan, sebenarnya ada beberapa cara lain yang bisa di praktikan dan cara ini sudah di praktikkan dengan status berhasil 

aku peroleh dari situsnya admin tutor blog ini makasiiiiiii banyak ya min,,,

Read More

TEMPAT FREE DOWNLOAD TEMLPET BLOG

Rumah adalah tempat dimana kita mencurahkan segala rasa , begitu juga dengan blog , blog bisa juga di maknakan dengan rumah media modern, rumah bagi para pencinta tulis menulis,  baik itu penulis profesional atapun amatiran seperti aku hehehe.....

selain isi tulisannya didalam blog tampilan blog ini juga perlu diperhatikan, dan aku salah satunya selalu memperhatikan setiap tampilan rumah maya ini, aku merasa suka tiap kali blogwalking dan melihatlihat templet sodara-sodara blogger, apalagi didukung dengan isi tulisannya yang berkwalitas makin betah aja berlama-lama di sana. 

mungkin aku salah satu blogger yang keseringan gonta-ganti templet , hampir semua templet yang free pernah aku coba, hahahaha bisa dibilang udah puluhan kali aku merenovasi rumah mayaku dengan berbagai gaya dan tentunya dengan yang gratisan harap maklum belum mampu beli yang premium , ternyata templet free juga cukup menarik juga kok kalau pintar merenovasi kode htmlnya... 

banyak banget situs- situs yang menyediakan templet dengan ratusan bahkan ribuan design tinggal milih disesuaikan dengan selera dan yang free gag harus bayar , kalau mau yang premium juga ada banyak tersedia di mana-mana

nah biasanya aku selalu berkunjung di tempat langgananku ini beberap situs yang menurutku designya lumayan bagus-bagus , selain menggunakan format xml dan tentunya free 

tapi mungkin bagi para SEO tampilan minimalis blog lebih diutamakan, dan aku masih belum memahami betul dengan blogger SEO , semoga bisa cepat paham agar bisa menghasilkan uang seperti master-master SEO yang sudah profesional ^__^  #tulisannya aja masih blepotan kok .....

1. http://www.mybloggerthemes.com/

2. www.soratemplates.com

3. https://gooyaabitemplates.com/

   

Sebenernya banyaaaaaak banget tapi dianatara yang banyak itu aku lebih suka dengan tiga situs itu, ternyaata semakin banyak pilihan semakin linglung hahahahahaha cukup 3 saja ya kalau kurang cari aja di mbah gooooooooogle  

Read More