Kamis, 07 November 2013

Cara upload flashvortex ke blog/Cara Memasang File Swf Ke Blog

Posted by Henry Dwi.s Posted on 23.35 with 6 comments

Kali ini saya akan membahas bagaimana Cara upload flashvortex ke blog/Cara Memasang File Swf Ke Blog  Pasti anda pernah DOWNLOAD flashvortex untuk menghapus bannernya tapi anda tidak tau cara uplodnya ke blog, dan kali ini saya akan memberi tau bagaimana caranya, langsung aja CEKIDOT...
1. buka ximg.us
2. Nah akan muncul tampilan seperti di bawah ini

3. Pilih browse, kemudian pilih file swf yang ada di komputer anda kemudian akan ada lokasi file anda dengan tulisan warna merah.

  

4. Masukan email anda jika anda pikir perlu (optional) klik tombol upload yang warnanya hijau. kemudian tunggu file di upload sebentar dan akan muncul seperti pada gambar berikut.

5. Itulah link file swf anda, langsung copy ke notepad dan simpanlah yang aman karena untuk menemukan file yang linknya hilang agak susah.

Setelah mengupload file swf kita langsung saja menuju blogger.com

1. Login ke Blog anda terlebih dahulu
2. Masuk ke Tata letak
3. Tambahkan Sebuah Gadget atau Widget
4. Pilih Widget HTML/Javascript
5. Masukan script sebagai berikut:
 
<embed src="masukan-link-yang-di-atas.swf" quality="high" allowscriptaccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" align="middle" height="60" width="468"></embed>

PERHATIAN : kode yang berwarna merah ganti dengan LINK gambar anda, kode yang berwarna biru unuk ukuran gambar, maka gambar akan seperti ini:

oke cukup sekian, mudah sekali bukan?

Semoga Bermanfaat..

Selamat Nge-Blog

Read Post | komentar

Membuat Widget Label Tertentu dengan Satu Thumbnail

Wah judulnya kurang pas kayaknya ya...? Bodo amat, yang penting isinya. Kali ini saya akan memberikan satu lagi tutorial blogger tentang membuat widget per label dengan hanya satu thumbnail pada bagian paling atas dan di bawahnya menampilkan judul saja, untuk lebih jelasnya silahkan lihat screenshot gambar dibawah.  Biasanya widget ini banyak digunakan oleh blog konten berita, salah satu fungsi widget ini untuk memudahkan para pembaca untuk mengeksplorasi tiap kategori yang ada dan bisa juga untuk meringkas ruang pada sebuah template. Sebenarnya tutorial ini sudah lama tapi karena banyak yang tanya di kotak komentar maupun di email, tidak ada salahnya jika saya perjelas lagi di artikel ini. Cara membuat widget per label yang saya gunakan disini sebenarnya mudah dan hanya menggabungkan antara tutorial membuat label atau kategori dengan thumbnail dan membuat widget label yang hanya menampilkan judul saja. 

DEMO

Jika Anda lihat pada template Mas Paper atau Johny Portal 2, di bagian tertentu pada template itu terdapat widget yang menampilkan label dengan susunan satu judul dengan thumbnail dan summary, dan dibawahnya list dari label yang sama tetapi hanya menampilkan judulnya saja. Cara membuatnya adalah sebagai berikut :

1. Pertama yang mesti Anda lakukan adalah login ke blogger dengan akun Anda
2. Setelah itu pilih blog yang ingin anda tambahkan widget ini.
3. Masuk ke template >> Edit HTML, kemudian centang expand widget templates
4. Untuk berjaga-jaga agar tidak terjadi kesalahan dalam pengeditan nantinya, backup dulu template anda.
5. Setelah semua langkah diatas anda lakukan, letakkan kode berikut ini diatas kode ]]></b:skin> :
   
   img.label_thumb{float:left;border:1px solid #8f8f8f;background:#D2D0D0;margin-right:10px;height:60px;width:60px;padding:2px}
   img.label_thumb:hover{background:#f7f6f6}
   .label_with_thumbs{float:left;width:100%;min-height:70px;margin:0 5px 2px 0}
   ul.label_with_thumbs li{min-height:65px;margin:2px 0;padding:4px 0}
   Perhatikan tulisan warna biru diatas, itu adalah lebar dan tinggi thumbnail image.
6. Selanjutnya masih pada posisi Edit HTML, masukkan kode berikut ini diatas kode </head> :
   
   <script type='text/javascript'>
   //<![CDATA[
   function labelthumbs(json){document.write('<ul class="label_with_thumbs">');for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}
   if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break;}}var thumburl;try{thumburl=entry.media$thumbnail.url;}catch(error)
   {s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){thumburl=d;}else thumburl='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhf5RDk9Y73dLzl5dLeh_tozLEvAB3iV6co68ZfUHtzomdwppAYJdU826ln5KBNRQTBRSDp6PmcVDwOXKHqeviwmUDWPHCXdbNmAS3iJHfIDkCGv4Sj4xLgbW3fCJKa4K7FF9pLEuouuEA/';}
   var postdate=entry.published.$t;var cdyear=postdate.substring(0,4);var cdmonth=postdate.substring(5,7);var cdday=postdate.substring(8,10);var monthnames=new Array();monthnames[1]="Jan";monthnames[2]="Feb";monthnames[3]="Mar";monthnames[4]="Apr";monthnames[5]="May";monthnames[6]="Jun";monthnames[7]="Jul";monthnames[8]="Aug";monthnames[9]="Sep";monthnames[10]="Oct";monthnames[11]="Nov";monthnames[12]="Dec";document.write('<li class="clearfix">');if(showpostthumbnails==true)
   document.write('<a href="'+posturl+'" target ="_top"><img class="label_thumb" src="'+thumburl+'"/></a>');document.write('<strong><a href="'+posturl+'" target ="_top">'+posttitle+'</a></strong><br>');if("content"in entry){var postcontent=entry.content.$t;}
   else
   if("summary"in entry){var postcontent=entry.summary.$t;}
   else var postcontent="";var re=/<\S[^>]*>/g;postcontent=postcontent.replace(re,"");if(showpostsummary==true){if(postcontent.length<numchars){document.write('');document.write(postcontent);document.write('');}
   else{document.write('');postcontent=postcontent.substring(0,numchars);var quoteEnd=postcontent.lastIndexOf(" ");postcontent=postcontent.substring(0,quoteEnd);document.write(postcontent+'...');document.write('');}}
   var towrite='';var flag=0;document.write('<br>');if(showpostdate==true){towrite=towrite+monthnames[parseInt(cdmonth,10)]+'-'+cdday+' - '+cdyear;flag=1;}
   if(showcommentnum==true)
   {if(flag==1){towrite=towrite+' | ';}
   if(commenttext=='1 Comments')commenttext='1 Comment';if(commenttext=='0 Comments')commenttext='No Comments';commenttext='<a href="'+commenturl+'" target ="_top">'+commenttext+'</a>';towrite=towrite+commenttext;flag=1;;}
   if(displaymore==true)
   {if(flag==1)towrite=towrite+' | ';towrite=towrite+'<a href="'+posturl+'" class="url" target ="_top">More »</a>';flag=1;;}
   document.write(towrite);document.write('</li>');if(displayseparator==true)
   if(i!=(numposts-1))
   document.write('');}document.write('</ul>');}
   //]]>
   </script>

   Jika kode script diatas terlalu panjang, Anda bisa simpan di tempat penyimpanan Google Code Anda sendiri atau gunakan kode script di bawah ini yang sudah saya ringkas di Google Code.

   <script src='http://yourjavascript.com/425111422721/label.js' type='text/javascript'/>

7. Setelah itu save templates, kemudian menuju ke layout pilih kotak yang akan ditambahkan widget ini. Klik add gadget >> HTML/Javascript masukkan kode berikut ini kedalamnya :
   <script type='text/javascript'>var numposts = 1;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 60;</script>
   
   <script type="text/javascript" src="/feeds/posts/default/-/news?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>
   
   <script type="text/javascript">
   function recentpostslist(json) {
    document.write('<ul>');
    for (var i = 1; i < json.feed.entry.length; i++)
    {
       for (var j = 1; j < json.feed.entry[i].link.length; j++) {
         if (json.feed.entry[i].link[j].rel == 'alternate') {
           break;
         }
       }
   var entryUrl = "'" + json.feed.entry[i].link[j].href + "'";//bs
   var entryTitle = json.feed.entry[i].title.$t;
   var item = "<li>" + "<a href="+ entryUrl + '" target="_blank">' + entryTitle + "</a> </li>";
    document.write(item);
    }
    document.write('</ul>');
    }
   </script>
   <script src="http://johnyportal2.blogspot.com/feeds/posts/summary/-/news?max-results=6&alt=json-in-script&callback=recentpostslist"></script>
   <a href="http://johnyportal2.blogspot.com/search/label/news" style="float:right;font:normal 11px Arial;padding:5px 0;">More on this category &#187;</a>
   Keterangan :
   Warna biru : adalah label atau kategori yang ditampikan, Anda bisa menggantinya dengan label anda sesuaikan dengan kebutuhan.
   Warna merah : Ganti URL dengan URL blog anda.
   
   Selanjutnya save dan lihat hasilnya.

Tampilan dari widget ini mengikuti kode CSS sidebar (jika Anda meletakkan di sidebar) pada template yang Anda pakai. Kode CSS yang digunakan pada pembuatan widget ini hanya digunakan untuk mengatur tampilan thumbnail.

Demikian tadi tutorial jadul mengenai membuat widget per label kali ini, jika masih ada yang kurang jelas silahkan tinggalkan pesan di kotak komentar, selamat mencoba dan semoga bermanfaat.

Read Post | komentar

Cara Membuat Polling di Blog

Jumat, 01 November 2013

 Cara Membuat Polling di Blog

Hii sobat blogger... Kembali membuat posting dan kali ini saya akan membahas bagaimana Cara Membuat Polling di Blog. Fungsi widget polling ini adalah sebagai hiasan blog. Dan juga sebagai meningkatkan interaksi admin blog dengan para pengunjung. Jadi sobat bisa tau apa yang ada dipikiran para visitor. Nah, saya sudah membuat widget polling disidebar dan sobat bisa memilih antara Sangat Bagus, Bagus, Lumayan, Buruk, dan Sangat Buruk. Usahakan sobat pilih Sangat Bagus ya. Hehe..


Oke. Bagi sobat yang penasaran dan tertarik bagaimana cara membuat widget ini, sobat langsung baca dibawah ini.

1. Kunjungi flisti.com
Nanti ada tampilan seperti dibawah ini.

2. Isi semua form nya.

Your question : Pertanyaan Pollingnya
Answer : Pilihan Jawaban
Jika sobat ingin menambahkan pilihannya lagi, klik Add One More Answer .

3. Setelah sobat sudah isi semua, saatnya sobat klik "Create new poll"
4. Setelah itu sobat akan melihat tampilan dibawah ini.

5. Sobat setelah itu klik " Put this poll on your blog/website"
6. Nanti akan ditampilkan JavaScript dari Polling yang sobat buat.

Pasang di blog

1. Klik TATA LETAK
2. Klik ADD GADGET
3. Pilih HTML/JAVASCRIPT
5. Pada kolom konten, paste-kan kode Javascript yang sobat dapat dari Flisti tadi.
6. Setelah itu jangan lupa beri judul pada widget polling sobat.
7. Langkah terakhir, Simpan
8. Lihat blog sobat sekarang.

Semoga Info ini Bermanfaat

Read Post | komentar

Cara Membuat Tombol Follow Me Twitter di Blog

Cara Membuat Tombol Follow Me Twitter di Blog

   

Selamat sore sobat Blogger. Pada kesempatan kali ini saya akan berbagi tentang  Cara Membuat Tombol Follow Me Twitter di Blog. Apa sih kegunaan tombol ini untuk kita para Blogger. Sederhana sob, berguna sekali jika sobat suka share artikel-artikel pada Blog sobat ke Twitter. Lalu pengunjung Blog sobat meng-klik tombol ini dan otomatis menjadi follower Twitter sobat. Dengan demikian, pengunjung tadi akan mendapatkan informasi-informasi terupdate dari Blog sobat.
Banyak cara bagi para Blogger untuk membuat Blog-nya populer. Contohnya dengan sering share konten Blog-nya ke sosial media, seperti Google plus, Facebook dan Twitter. Berbeda dengan share di Facebook yang pada umunya membuat sebuah halaman khusus dahulu untuk media share. Silakan baca juga Cara Membuat Halaman Blog di Facebook. Twitter tidak menyediakan halaman khusus, jadi pastikan sobat mempunyai Twitter yang akan dijadikan media sharing konten pada Blog sobat.


OK, kita mulai saja membahas  Cara Membuat Tombol Follow Me Twitter di Blog:
1. Pastikan sobat telah masuk ke akun Twitter Sobat.
2. Kunjungi halaman ini.
3. Karena kita akan membuat tombol Follow Me, jadi pilihlah follow/ikuti.

4. Isilah pilihan tombol sesuai dengan yang sobat inginkan. Hal ini tidak perlu dipandu yah, saya yakin kalian akan mengerti. Lalu salin semua kode script yang diberikan Twitter.

Kode script di atas contoh hasilnya akan seperti ini:


Tombol diatas hanya menampilkan tombol follow me.

Untuk kode yang ini, selain menampilkan tombol follow me, juga menampilkan jumlah follower. Dan sobat hanya perlu mengkopi-paste kode berikut ini.

<a class="twitter-follow-button" data-lang="id" data-show-count="true" href="https://twitter.com/adihamdani_IBC">Ikuti @adihamdani_IBC</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

#Ubah kode berwarna merah dengan ID Twitter sobat. Hasilnya akan seperti berikut.


5. Sobat telah mendapatkan kode scriptnya. Pastekan kode tersebut pada elemen mana pun, seperti pada widget atau postingan.
Selesai sob, gampang kan? OK, semoga bermanfaat...

Read Post | komentar

Cara Memasang Facebook Like Box

Cara Memasang Facebook Like Box/Facebook Fan Page di Blogger

Facebook Fan Page adalah salah satu cara terbaik untuk mempromosikan blog dan meningkatkan pengunjung. Facebook Like Box ini akan membantu pengunjung Anda untuk menjadi seorang pembaca reguler hanya dengan mengklik tombol Like. Dengan Facebook Like Box ini pembaca akan mendapatkan update artikel terbaru dari Facebooknya (ini lebih baik dari Email Newsletter). Setelah pada postingan saya sebelumnya membahas cara membuat Facebook Fan Page, kali ini akan saya berikan cara memasang Facebook Like Box di Blog Anda hanya dengan langkah yang mudah. Ikuti langkah berikut ini untuk memasang Like Box di blog.

Cara Membuat Facebook Like Box

• Login dulu ke akun Facebook Anda
• Klik link ini ==> Facebook Developers
• Halaman yang tampil akan seperti ini, dan pada Facebook Page URL, Anda masukkan URL Facebook page blog Anda.

• Untuk seterusnya Anda bisa sesuaikan menurut keinginan Anda. Saya lebih suka menggunakan pengaturan seperti gambar di atas.
• Setelah Anda setting, klik Get Code dan Anda akan mendapatkan 2 kode seperti gambar di bawah ini.

Keterangan: Kode pertama dan kedua penempatannya berbeda.

Bagaimana Meletakkan Kode?

1. Masuk ke Blogger > Template

2. Backup dulu template Anda jika perlu

3. Klik Edit HTML

4. Cari kode <body>, gunakan fitur search (Ctrl + F) untuk mempermudah pencarian

5. Masukkan kode pertama tepat di bawah kode <body>

6. Lalu Save template Anda

7. Sekarang masuk ke Layout

8. Klik Add a Gadget > pilih HTML/JavaScript

9. Masukkan kode kedua di situ kemudian klik Save. Lalu letakkan di tempat yang Anda inginkan dengan cara drag dan drop.

10. Selesai

Saya harap postingan ini dapat membantu Anda. Nantikan tutorial-tutorial selanjurnya dari. Salam Blogger!

Read Post | komentar