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 →
Friday, October 5, 2012

Membuat Status dengan teks ʞıןɐqɹǝʇ

0 comments
Hallo Sahabat !!!
Buat kalian yang sedang "stress" , "pusing" , "galau" dan apapun itu, lalu ingin membuat teman2 anda semua ikut merasakan yang kamu rasakan, HEHEHE
UPDATE status aje disini :

bɹo˙ʇxǝʇdıןɟ˙ʍʍʍ
¡ ɐʎuʇɐɥıןǝɯ "ssǝɹʇs" uɐp "nɐןɐb" uɐıןɐʞ 2uɐɯǝʇ ɥɐןʇɐnq uɐp 'ɐqoɔuǝɯ uɐʞɥɐןıs oʎɐ
˙˙˙˙˙˙˙ʞıɥʞıɥʞıɥ



Bisa baca kalimat di atas? Sebaiknya Anda harus membacanya dengan kepala terbalik .... wkkwwk. Silahkan kunjungi www.fliptext.org jika Anda ingin membuat status Anda seperti di atas. :P


Semoga bermanfaat (ʇɐɐɟuɐɯɹǝq ɐboɯǝs) mbahbro.


Numpang promo hehehe :
Follow @marschalnh bukan 
ɥuןɐɥɔsɹɐɯ@ wkwkwk


Continue reading →