Monday, December 10, 2012

Cara Cepat Download Semua Album Foto di Facebook

0 comments
Twenty4rt-Blog - Halo sahabat, apa kabar?? Rasanya sudah lama saya tidak posting artikel. Lagi sibuk sih (hehehe) Maklum pelajar... Oke, kali ini saya mau share "Cara Cepat Download Semua Album Foto di Facebook"




Cara ini saya gunakan dengan menggunakan fasilitas dari Picknzip, Picknzip merupakan suatu website yang mempunyai fasilitas / tools untuk mendownload seluruh foto facebook kita lalu menyimpannya dengan format zip atau pdf. Bagi yang ingin membackup atau mendownload foto-foto yang ada di album facebook anda dengan cepat maka ikuti langkah dibawah ini : 




  1. Pertama kunjungi website : PicknZip.com
  2. Klik Log-In with Facebook (Untuk masuk ke akun Facebook sobat), Lalu Picknzip mencari informasi dan akses ke profile, gambar dan alamat Email anda 
  3. Klik Allow untuk memberikan akses ini, tunggu hingga proses loading selesai, 
  4. Setelah itu Picknzip akan membuka halaman baru dimana anda bisa memilih foto yang akan anda download 
  5. Pilih gambar anda, klik select all untuk mendownload semua foto atau klik find my photos untuk memilih foto yang akan di download. 
  6. Setelah semua foto tersebut berhasil dan sudah diseleksi klik tab Download 
  7. Tunggu sampai proses sudah done (100 %), Lalu ada perintah dalam format apa kita akan menyimpan foto tersebut (Disini ada dua pilihan : *.zip dan *.pdf)/sumber.


Continue reading →

SMS GRATIS

0 comments
Selamat menikmati layanan kami !

Anda bisa SMS ke no hp yang Anda kenal, layaknya sms biasa.
Silahkan dicoba ya.
Nomor HP Tujuan:
Contoh: +62812785xxxxx atau 0812785xxxxx
Isi SMS:
Maksimum 220 karakter



Kode: 
Tips: Jangan lupa sisipin nomor hp ataupun nama Anda juga, Supaya penerima sms bisa tau Anda pengirimnya.

Semoga Anda senang dengan fasilitas ini.

Selamat mencoba.
Continue reading →

Cara Memasang atau membuat Widget Twitter di Blog

0 comments



Membuat Widget Twitter di Blog.
Ingin menampilkan status twitter di blog ?? langsung saja saya berikan tips cara pasang widget twitter di blog :
Berikut langkah-langkahnya :

  • Login ke situs https://twitter.com/about/resources/widgets
  • Pilih Profile Widget
  • Isi nama akun twitter sobat
  • Setelah itu pilih Finish & Grab Code atau pilih Test settings untuk melihat hasil yang akan di buat
  • Setelah muncul code widget Twitter
  • Copy semua code widget twitter kedalam blog anda, 
  • caranya masuk ke menu Design > Add a Gadget
    paste code tersebut ke dalam Add a Gadge lalu save dan lihat hasilnya
Continue reading →
Sunday, October 14, 2012

Tukar L.I.N.K

0 comments
Hatur Nuhun



Atau bahasa Indonesia-nya adalah terima kasih. 
Terima kasih telah mengunjungi blog ini, dan telah berbaik hati untuk kembali ke blog yang sederhana ini.

Blog ini akan sepi bila Sahabat tidak menyertakan Link Blog kalian disini, jadi cantumkan nama dan URL blog-mu.
Continue reading →
Friday, October 12, 2012

Tutorial Sembunyikan FB Fan Page di Blog

0 comments


Tutorial sembunyikan Fb fan page adalah seperti di bawah.
Langkah 1:

i. Dari dashboard > design > edit HTML

ii. Menggunakan fungsi find, (ctrl + F), cari kod </head>

iii. Copy dan paste kod di bawah SEBELUM kod </head>



<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>


Example :


NB: Jika anda dapati kode di atas sudah ada sebelum anda copy paste, abaikan langkah 1, pergi terus ke langkah 2.

iv. Selepas selesai klik Save Template



Langkah 2:

i. Dari dashboard > design > page element > add a gadget > HTML/javascript

ii. Copy dan paste kod di bawah dalam ruangan HTML/javascript yang anda telah buka



<script type="text/javascript">
//<!--
$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.w2bslikebox{background: url("http://3.bp.blogspot.com/-KdSAuv-K7HM/To_WXoWHzJI/AAAAAAAAGvg/5UvL10LUe_k/facebook.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style><div class="w2bslikebox" style=""><div>

<iframe src="http://www.facebook.com/plugins/likebox.php?href=URL PAGE ANDA&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=330" scrolling="no" frameborder="0" style="border: medium none; overflow: hidden; height: 330px; width: 245px;background:#fff;"></iframe><span><a href="http://tutorialuntukblog.blogspot.com/2011/10/tutorial-sembunyikan-fb-fan-page-di.html">Tutorial Here</a></span></div></div>


NB: Gantikan "URL PAGE ANDA"

contoh url page:



iii. Save dan lihat hasilnya.:)


Continue reading →

Cara Memasang Widget Auto Hide Cbox (Buku Tamu)

0 comments
Kali ini Twenty4rt (US. Marschal) ~ Blog akan berbagi sedikit ilmu (hahahaha) tentang cara memasang widget Auto Hide Cbox atau bisa dibilang sebagai Buku Tamu..
Oke, tanpa basa-basi lagi langsung aja Ke ˜*•.˜"*°•.˜"*° • Te-Ka-Pe •°*"˜.•°*"˜ .•*˜Jika sahabat belum tahu fungsi dari layanan CBox ini saya kasih tahu deh.. hehehe
CBox merupakan layanan jasa chatting. Tapi jika kamu belum mempunyai script dari CBox maka kamu harus daftar dulu di situs resmi-nya silahkan cek di http://www.cbox.ws/ .



Ok, Langsung aja kita coba praktekan.
1. Login dulu di blogger sobat,, (hehehe ya iyalah masa login ke facebook)
2. pilih rancangan -> tambah gadget
3. pilih yang html/java script
4. pastekan kode dibawah ini


<style type="text/css">
#gb{
position:fixed;
top:40px;
z-index:+1000;
}* html #gb{position:relative;}
.gbtab{
height:150px;
width:50px;
float:left;
background:url('http://img22.imageshack.us/img22/8941/tabs2.gif') no-repeat;
}

.gbcontent {
float:left;
border:1px solid #BB0000;
-moz-border-radius-bottomleft:10px;
-webkit-border-radius-bottomleft:10px;
-o-border-radius-bottomleft:10px;
-khtml-border-radius-bottomleft:10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-topleft: 10px;
background: #000000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhowGWrGd9tNRLfSiVWJejYjbeIgjyO-ypHrLz8rqEZ22s3UfiQx6_L9WVAJhYvJNIOMLmgjOnrqe4WZnzrBjY33n2onycVplplyKhkgxHUIfeSVjtMvwgZO2NDoBY3LsngW-YeK2JiLswu/s1600/api.gif) no-repeat bottom;
padding:10px;
}

</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 51-w) : moveGB(30-w, 0);
gb.opened = !gb.opened;
}function moveGB(x0, xf){

var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 25 ? 25 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 5);}
}</script>

<div id="gb">
<div class="gbtab" onmouseover="showHideGB()"> </div>

<div class="gbcontent">
<center>

 Pastekan kode cbox kamu disini

<br />
<div style="text-align:center">
<a onclick="showHideGB()" class="tips-fade" title="klik untuk tutup chattingbox">
<center><hr /><img src="http://i1042.photobucket.com/albums/b429/Farix_2010/CloseComment-1.png" /><hr /></center>
</a>
</div>
</center></div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (50-gb.offsetWidth).toString() + "px";
</script></div>


NB : Ganti Script yang berwarna merah dengan script CBox Sahabat.

5. Simpan dan lihat hasilnya


Selamat Mencoba yaaa SAHABAT. "Good Luck" !!
Continue reading →

Langkah Cara Membuat Read More Otomatis

0 comments
Untuk pertama kali,seperti biasa ya gan pilih Dashboard,lalu Tata Letak dan Contreng tulisanExpand Widget Templates.

Cara membuat readmore otomatis.
(1)

membuat read more baca selengkapnya otomatis.
(2)

otomatis read more.
(3)


Selanjutnya,cari kode </head>,setelah ketemu tepat diATASnya letakkan kode javascript berikut:

<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 150;
summary_img = 150;
img_thumb_height = 100;
img_thumb_width = 120;
</script>

<script type='text/javascript'>
//<![CDATA[
/******************************************
Auto-readmore link script, version 2.0 (for blogspot)

(C)2008 by Anhvo

visit http://en.vietwebguide.com to get more cool hacks
********************************************/
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>


Kemudian cari kembali kode <data:post.body/> atau <p><data:post.body/></p>

Sedangkan untuk Cara 1.Read More Button Otomatis hanya berupa text,hapus kode<data:post.body/> atau <p><data:post.body/></p>
tersebut dan gantilah dengan kode berikut:

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<span style='float:right'><a expr:href='data:post.url'>Read More..</a></span> 
<b:else/>
<data:post.body/>
</b:if>


Lalu simpan templates dan lihat hasilnya.
Continue reading →

Cara Pasang Badge Aku Blogger Indonesia Sejati

2 comments
AYO BUKTIKAN BAHWA KITA SEMUA INGIN MEMAJUKAN DUNIA BLOGGING INDONESIA!!

Terdapat 8 Pilihan Model yang bisa dipilih sesuai selera.

Berikut contoh Badge/Banner beserta kode HTML nya :

BADGE STYLE I

ristiancandra.blogspot.com

Kode HTML nya :
<a href="http://ristiancandra.blogspot.com/2011/11/yuk-pasang-badge-aku-blogger-indonesia.html" target="_blank" title="Yuk.. Pasang Badge "AKU BLOGGER INDONESIA SEJATI""><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPEx5IZvnRSQrHzZJwfvjOglo9Tw9cGxW7PRSnBOKURaJB3aNOsaQgB4T1tZTsoSAaEXyGu9Xm_HDSbb88oO8jx3Por5_NTCz0FS8EK5a-HzxSjDY4LU4RySeXnp3sj24PRbbA-Z4F2Sbj/s320/Badge2.png" alt="Sarana Berbagi Informasi, Inspirasi dan Motivasi" /></a>


BADGE STYLE II
ristiancandra.blogspot.com

Kode HTML nya :
<a href="http://ristiancandra.blogspot.com/2011/11/yuk-pasang-badge-aku-blogger-indonesia.html" target="_blank" title="Yuk.. Pasang Badge "AKU BLOGGER INDONESIA SEJATI""><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcXf1vUBGCte6nuNpu1nO3ZJ6_ZvMWWBasTdaNz6ULgBXCb1XizT_0TU00NFja9yPFiEpDHP9xdJYOpT2b4MU8t6WaAzuMC1MITPo0LVYmzm3bXxLSO33xr-DZH3NrnOKLgf4kyIvJM3Ck/s320/Badge3.png" alt="Sarana Berbagi Informasi, Inspirasi dan Motivasi" /></a>



BADGE STYLE III
ristiancandra.blogspot.com

Kode HTML nya :
<a href="http://ristiancandra.blogspot.com/2011/11/yuk-pasang-badge-aku-blogger-indonesia.html" target="_blank" title="Yuk.. Pasang Badge "AKU BLOGGER INDONESIA SEJATI""><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigiqQsJczUlsN25JoV46V906ItgKhPMD1b3RFXNeEMXSPG_Hg7cmSGuRHon1Zs5dAruMh5qG_HYJ3okF3Em_EwZ-GkctN0cdvzQNzrD-c0Jj6cXDHTcAX0K677KsmxSnZZ2uNuRH4FZMOF/s320/Badge4.png" alt="Sarana Berbagi Informasi, Inspirasi dan Motivasi" /></a>


BADGE STYLE IV
ristiancandra.blogspot.com

Kode HTML nya :
<a href="http://ristiancandra.blogspot.com/2011/11/yuk-pasang-badge-aku-blogger-indonesia.html" target="_blank" title="Yuk.. Pasang Badge "AKU BLOGGER INDONESIA SEJATI""><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo6MpQfT1ReMPD-zGbS1hmhpMj7bpXvisRJNAFtXsjfqlkZHXP4KyCZYiQsvaLtjUdQBsS4Nxf7cAdsH4cZhd3oklLNRpvniHaxh3XtcHHYDBsnmO8EE9Mc6zfkrpuEZ9xL-yy7nNVZxyD/s320/Badge5.png" alt="Sarana Berbagi Informasi, Inspirasi dan Motivasi" /></a>



BADGE STYLE V
ristiancandra.blogspot.com

Kode HTML nya :
<a href="http://ristiancandra.blogspot.com/2011/11/yuk-pasang-badge-aku-blogger-indonesia.html" target="_blank" title="Yuk.. Pasang Badge "AKU BLOGGER INDONESIA SEJATI""><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1BTMH56EiAdfOKlUfpKpyOcGmYU9wIww_C1_u-5yQItzYGZSVHEbMQBmIVoxAAXJvZurOk6L6LbeTyigRPbOBNmg22p_RfoRAyDEYp6tKC4dM4FYfm9GEC-I7LyVNyGFLheFw2erdG_85/s320/Badge6.png" alt="Sarana Berbagi Informasi, Inspirasi dan Motivasi" /></a>


BADGE STYLE VI
ristiancandra.blogspot.com

Kode HTML nya :
<a href="http://ristiancandra.blogspot.com/2011/11/yuk-pasang-badge-aku-blogger-indonesia.html" target="_blank" title="Yuk.. Pasang Badge "AKU BLOGGER INDONESIA SEJATI""><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhl8P03lACHThjiYJ_rI1SAb8Glacl-wtTLAmt5EaZtuiVZMdIN5bg5sOMBCfm7lgySXlzpJO6M6wLRsGbWk1OBCH33QdD0YOeDyA2GQE4BUFYG44QSz-JBgpbL7LFWn6XPj7eDXDAIbr0p/s320/Badge7.png" alt="Sarana Berbagi Informasi, Inspirasi dan Motivasi" /></a>

BADGE STYLE VII
ristiancandra.blogspot.com

Kode HTML nya :
<a href="http://ristiancandra.blogspot.com/2011/11/yuk-pasang-badge-aku-blogger-indonesia.html" target="_blank" title="Yuk.. Pasang Badge "AKU BLOGGER INDONESIA SEJATI""><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgC0CbW-KWEEFimR8STFTViQxfH8sTe8anEoHurhfaNVBnzBuACgKZ36OrHkDEnLWRj5_-YpRCxNLRXuHw6B8BQyHDfAUNgN74HHp75MAnQUjeexUpIKh1p_lHEbwOKi8o5O-GGFZaxmRhI/s320/Badge9.png" alt="Sarana Berbagi Informasi, Inspirasi dan Motivasi" /></a>


BADGE STYLE VIII
ristiancandra.blogspot.com

Kode HTML nya :
<a href="http://ristiancandra.blogspot.com/2011/11/yuk-pasang-badge-aku-blogger-indonesia.html" target="_blank" title="Yuk.. Pasang Badge "AKU BLOGGER INDONESIA SEJATI""><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2MBNllm-9pFp5VcIV3DOPK7zsRDSLJ93RkPePeYcq9xiq3OlduJlfdUQkbZROk51OzB_Or7_CXkEFk2xpjoDlddu9Umf1mo6WG0E8X7XPWgpF0v1uVsG4Pi7heu4EeDW57aP_xV-BCXXs/s320/Badge8.png" alt="Sarana Berbagi Informasi, Inspirasi dan Motivasi" /></a>
Continue reading →
Monday, October 8, 2012

Cara menghilangkan tulisan didukung oleh blogger atau (diberdayakan oleh blogger)

0 comments

Cara menghilangkan tulisan didukung oleh blogger atau (diberdayakan oleh blogger)


1. sobat login ke dasbor 2. Klik rancangan3. Klik edit HTML4. Cari kode ]]></b:skin>
5. Copy kode  dibawah ini :


#Attribution1 {
 height:0px;
visibility:hidden;
display:none
}

6. Letakkan kode  tepat diatas kode ]]></b:skin>

7. Klik simpan template.8. click hapus widget

Semoga bermanfaat.



Continue reading →

Cara Agar Widget Muncul Di Halaman Tertentu

0 comments



Cara setting dalam menampilkan widget kesayangan. Kadang sering diantara temen temen yang bertanya tentang cara yang simple agar widget yang kita miliki muncul pada halaman tertentu yang kita kehendaki. Kali ini kita akan membahas tentang itu.


Nah, Langsung saja kita praktek.


   1. Login ke dashboard blogger.
   2. Pilih Rancangan dan klik edit HTML
   3. Beri tanda centang pada tulisan Expand Template
       Widget
   4. Lalu cari kode widget yg akan di tampilkan pada
       halaman tertentu.

       *Agar mudah pencarian kode widget, sebaiknya

       widget yg akan di edit di beri judul dulu. Misalnya
       "iklan adsense", untuk memberi judul widget klik
       pada Page Element. Nah pada Edit HTML 
       carilah kode widget "iklan adsense"  

       *Agar mudah pencariaanya gunakan CTRL+F
       dan ketik judul widget tersebut

<b:widget id='HTML1' locked='false' title='iklan adsense' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'> <data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>

Nah, agar nantinya widget tersebut dapat tampil dihalaman yang kita kehendaki maka harus kita tambah dengan kode yang berwarna merah berikut 

<b:if cond='data:blog.pageType == &quot;item&quot;'>
................,.........................................,...............................
</b:if>

Hasilnya akan seperti ini.

<b:widget id='HTML1' locked='false' title='iklan adsense' type='HTML'> <b:includable id='main'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'> <data:content/>
</div>

</b:if>
<b:include name='quickedit'/>
</b:includable>
</b:widget>

Contoh diatas akan menampilkan widget pada Homepage/halaman utama saja. Bagaimana agar widget tersebut muncul dihalaman tertentu atau tidak kita munculkan pada halaman tertentu? Nih gunakan kode berikut


          1. Menampilkan widget hanya pada halaman depan saja
              (homepage).

                <b:if cond='data:blog.url == data:blog.homepageUrl'>
                ......................................................
                </b:if> 


          2. Menampilkan di semua halaman kecuali homepage.

                <b:if cond='data:blog.url != data:blog.homepageUrl'>
                ......................................................
                </b:if> 


          3. Menampilkan widget hanya pada halaman Archive saja.

                <b:if cond='data:blog.pageType == &quot;archive&quot;'>
                ......................................................
                </b:if> 


          4. Menampilkan widget di semua halaman kecuali halaman archive.

                <b:if cond='data:blog.pageType != &quot;archive&quot;'>
                ......................................................
                </b:if> 


          5. Menampilkan widget hanya di halaman posting.

                <b:if cond='data:blog.pageType == &quot;item&quot;'>
                ......................................................
                </b:if> 


          6. Menampilkan widget di semua halaman, kecuali halaman posting.

                <b:if cond='data:blog.pageType != &quot;item&quot;'>
                ......................................................
                </b:if> 


          7. Menampilkan widget hanya pada halaman staticpages.

                <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
                ......................................................
                </b:if> 


          8. Menampilkan widget di semua halaman,kecuali halaman
              staticpages.

                <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
                ......................................................
                </b:if> 


          9. Menampilkan widget hanya pada postingan tertentu saja.

                <b:if cond='data:blog.pageType == &quot;alamat-postingan&quot;'>
                ......................................................
                </b:if> 


          10. Menampilkan widget selain di postingan tertentu.

                <b:if cond='data:blog.pageType != &quot;alamat-postingan&quot;'>
                ......................................................
                </b:if>

Continue reading →