Rabu, 27 Juni 2012

Membuat Scroll pada Arsip Blog

Ass . Wr . Wb

ad ilmu  baru yg baru aje ane plajarin , cara ini buat Scroll pada Arsip Blog KiTe , cara nye Simpel ko Nyoo Deh Langsung aJe kita Praktekin ( Jangn Lupa baca Bismillah Sblom Mulai )

Ikutin yee cara" nye :


1. Ente Loginin dl Blog Ente
2. Di halaman Dasbor, Entepilih Rancangan / Template
3. Kemudian Ente pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Ente Cari kode berikut


<b:widget id='BlogArchive2' locked='false' title='Arsip Blog' type='BlogArchive'>

6. Kode lengkapnya adalah seperti ini

<b:widget id='BlogArchive2' locked='false' title='Arsip Blog' type='BlogArchive'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div style='overflow:auto; width:ancho; height:200px;'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
<b:if cond='data:style == &quot;HIERARCHY&quot;'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == &quot;FLAT&quot;'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == &quot;MENU&quot;'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div></div>
<b:include name='quickedit'/>
</div>
</b:includable>
<b:includable id='flat' var='data'>
<ul>
<b:loop values='data:data' var='i'>
<li class='archivedate'>
<a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
</li>
</b:loop>
</ul>
</b:includable>
<b:includable id='menu' var='data'>
<select expr:id='data:widget.instanceId + &quot;_ArchiveMenu&quot;'>
<option value=''><data:title/></option>
<b:loop values='data:data' var='i'>
<option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
</b:loop>
</select>
</b:includable>
<b:includable id='interval' var='intervalData'>
<b:loop values='data:intervalData' var='i'>
<ul>
<li expr:class='&quot;archivedate &quot; + data:i.expclass'>
<b:include data='i' name='toggle'/>
<a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
<span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
<b:if cond='data:i.data'>
<b:include data='i.data' name='interval'/>
</b:if>
<b:if cond='data:i.posts'>
<b:include data='i.posts' name='posts'/>
</b:if>
</li>
</ul>
</b:loop>
</b:includable>
<b:includable id='toggle' var='interval'>
<b:if cond='data:interval.toggleId'>
<b:if cond='data:interval.expclass == &quot;expanded&quot;'>
<a class='toggle' expr:href='data:widget.actionUrl + &quot;&amp;action=toggle&quot; + &quot;&amp;dir=close&amp;toggle=&quot; + data:interval.toggleId + &quot;&amp;toggleopen=&quot; + data:toggleopen'>
<span class='zippy toggle-open'>&#9660; </span>
</a>
<b:else/>
<a class='toggle' expr:href='data:widget.actionUrl + &quot;&amp;action=toggle&quot; + &quot;&amp;dir=open&amp;toggle=&quot; + data:interval.toggleId + &quot;&amp;toggleopen=&quot; + data:toggleopen'>
<span class='zippy'>
<b:if cond='data:blog.languageDirection == &quot;rtl&quot;'>
&#9668;
<b:else/>
&#9658;
</b:if>
</span>
</a>
</b:if>
</b:if>
</b:includable>
<b:includable id='posts' var='posts'>
<ul class='posts'>
<b:loop values='data:posts' var='i'>
<li><a expr:href='data:i.url'><data:i.title/></a></li>
</b:loop>
</ul>
</b:includable>
</b:widget>

7. Kode warna yg merah dan hijau adalah kode yang Harus Ente tambahkan kedalam script tersebut, 200 adalah tingginya, dan Ente bisa ubah seseuai selera.
 8. Simpan / Save


Alhamdulilah Sekarang Arsip Blog Kite  dah ada Scroll nye , dan ente juga bisa Rename / Ubah Tulisan Arsip Blog cara nya di kode ( <b:widget id='BlogArchive2' locked='false' title='Arsip Blog' type='BlogArchive'> ) yg ane stabilo Kuning Ente bisa Ubah sesuai keinginan ente .

dah dulu ah . Sampe sekian dan terima kasih dan selamat mencoba

Wasalam .
Baca SelengkapNye »»  

Bikin Pop Up Facebook Like Box dengan Timmer


Alhamdullilah Akhir nye ade juga Waktu Luang buat Ngoprek" Blog , Gara" ngeliat Tampian Salah Satu Bloger eh Jadi Pengen Nyobain hehehheeeee,  Kali ni Ane  mo Share ape nyang Ane Pengenin dan udah Ane Praktekin Sendiri , Kaya Nyang Udeh" haha Kali ni Ane mo Blog Ane Ada Pop Up nye Like FB gtu deh Pop Up nye. Nyoo Deh Kite Sampe" Blajar  ( jangan Lupe Bismillah buat nyang Muslin )   :D


Ikutin Yee Langkah" nYeee   :

  1. Ente Login ke Blog Ente
  2. Pilih Desain 
  3. Pilih Template Edit HTML
  4. Trus Ente Cari </body>   ( Teken F3 / Ctrl F )
  5. Trus Ente Copas Kode di bawah tepat di atas </body>
  6. Ente Plajarin dulu NB di bawah , jangan maen asal Copas ehheheeee
  7. Klo udeh tinggal kLik Simpan Template






<script type='text/javascript'>
//<![CDATA[
    KNFBFansPRO='ufeyvanhell'
//]]>
</script>
<style>#fblikepop{background-color:#fff;display:none;position:fixed;top:200px;_position:absolute; /* hack for IE 6*/width:450px;border:10px solid #6F6F6F;z-index:200;-moz-border-radius: 9px;-webkit-border-radius: 9px;margin:0pt;padding:0pt;color:#333333;text-align:left;font-family:arial,sans-serif;font-size:13px;}
#fblikepop body{background:#fff none repeat scroll 0%;line-height:1;margin:0pt;height:100%;}
.fbflush{cursor: pointer;font-size:11px !important;color:#FFF !important;text-decoration:none !important;border:0 !important;}
#fblikebg{display:none;position:fixed;_position:absolute; /* hack for IE 6*/height:100%;width:100%;top:0;left:0;background:#000000;z-index:100;}
#fblikepop #closeable{float:right;margin:7px 15px 0 0;}
#fblikepop h1{background:#6D84B4 none repeat scroll 0 0;border-top:1px solid #3B5998;border-left:1px solid #3B5998;border-right:1px solid #3B5998;color:#FFFFFF !important;font-size:18px !important;font-weight:normal !important;padding:5px !important;margin:0 !important;font-family:&quot;Lucida Sans Unicode&quot;, &quot;Lucida Grande&quot;, sans-serif !important;}
#fblikepop #actionHolder{height:30px;overflow:hidden;}
#fblikepop #buttonArea{background:#F2F2F2;border-top:1px solid #CCCCCC;padding:10px;min-height:50px;}
#fblikepop #buttonArea a{color:#999999 !important;text-decoration:none !important;border:0 !important;font-size:10px !important;}
#fblikepop #buttonArea a:hover{color:#333 !important;text-decoration:none !important;border:0 !important;}
#fblikepop #popupMessage{font-size:12px !important;font-weight:normal !important;line-height:22px;padding:8px;background:#fff !important;}
#fblikepop #counter-display{float:right;font-size:11px !important;font-weight:normal !important;margin:5px 0 0 0;text-align:right;line-height:16px;}</style>
<script src='http://mybloggertricks.googlecode.com/files/jquery.js' type='text/javascript'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1' type='text/javascript'/>
<script src='http://mybloggertricks.googlecode.com/files/mbtlikebox2.js' type='text/javascript'/>
<script language='javascript'>
//<![CDATA[
    $(document).ready(function(){                      
        $().KNFBFansPRO({
           timeout: 10,
            wait: 0,
            url: 'https://www.facebook.com/ufeyvanhell',
            closeable: true});});//]]>
</script>
<div id='fbtpdiv'/>


( NB  )    :
  
  • Tuilisan yg  Di stabilo Kuning   itu ente isi sama \halaman/Fanspage Facebook / Forum/ Blakang Ente  Contoh nye : klo  Forum / Fanspage Ane = https://www.facebook.com/ufeyvanhell , Nah brarti Ane isi ufeyvanhell   Ente Sesuain aje ma Puny Ente
  •  Tulisan yg Ane Stabilo Pink   Ente bisa Ubah Sesuai Keinginan Ente ( Ente Cobain aje sendiri tuh gambar Fanspage sesuai keinginan Ente ) , pilihannye di bawah
           -     http://mybloggertricks.googlecode.com/files/mbtlikebox4.js
           -     http://mybloggertricks.googlecode.com/files/mbtlikebox3.js
           -     http://mybloggertricks.googlecode.com/files/mbtlikebox.js
  • Tulisan yang Ane Stabilo Merah Itu adalah Delay Pop Up nye ( ubah sendiri sesuai keinginan )
  • Tulisan yang ANe Stabilo Oren Widget yang bakalan muncul segera setelah ada visitor. Jika Ente Pengen untuk muncul setelah satu menit atau lebih kemudian edit Wait: 0
  •  Tulisan yang Ane Stabilo Ijo Ente ganti sama alamat halaman/fanspage ente , Contoh punya Ane           https://www.facebook.com/ufeyvanhell

Setelah Ane Plajarin kendala ny cuma di Spasi doang , hehehehee Alhamdulilah tuh cara diatas dah tinggal Tempel aje . itu cara dah ane praktekin sendiri contoh nye liat aje sendiri hahaaaaaaaaay , tapi sayang nye ane lupa di mane ane blajar ni , karna kebanyakan nge Tab dan kendala dalam praktenny . yg penting nyang Namenye Elmu wajib kite bagi, biar kuburan kite ga sempit . hahaaaaaaa

Sekurang dan Selebih nye Ane mohon maaff .

Wasalam.

Baca SelengkapNye »»  

Jumat, 22 Juni 2012

Membuat Like Facebook di Blog

Assalamu'alaikum Wr. Wb

Kali ni ane mo coba , gimane cara masukin Like FB ke Blog. menurut ane lumayan Ribet juga tp alhamdulilah bisa , Nyoo Langsung aje Menuru TKP Cekidot  !!!


  1. Login dl Ke FB Ente guna kita tar bikin Web Page ( sejenis Forum FB mungkin )
  2. Kite bikin Web Page ny dl Klik  Di Mari nongol nye ky gambar di Bawah



     3.  Trus Pilh Merek Atau Produk , Pilih Kategori ny dengan Situs Web ,  mrek / Produk ny terserah    
          Ente . trus Centrang saya setuju dengan ketentuan Halaman Facebook . Trus Pilih Mulai  !!




    4.   Nah abis tu Ente Ikutin Jalan" dari Perintah Nye .
    5.   Masukin Foto Profil ( Foto buat Situs Web di FB nanti )
    6.   Tentang , Isi aja yg Ente Punya klo ane ya isi http://ufeyvan-hell.blogspot.com/
    7.   nah alamat  Web Facebook nye ente isi dengan apa yg ente pengen , misalkan ane isi dengan 
          ufeyvanhell  karna Web Facebook ny nanti jadi https://www.facebook.com/ufeyvanhell
    8.   Trus Pilih Atur Alamat , Nah klo misal ny belum bisa, Ente atur kata" ny Ampe bisa
    9.   Terbentuk Lah Situs Web di FB Ente  , Next Step 
  10.   Skarang Kite Masuk Kemari
  11.   Nah Ubah Facebook Page URL nya sama Link Situs Web yg Ente bikin Td klo ANe isi dengan 
          https://www.facebook.com/ufeyvanhell INGET SITUS WEB Ente bukan punya Ane hehehhee
  12.   Nah  klo udah Ente Atur Width , Heigth ny Sesuai Keinginan Ente , Lepas Centrangan Show Stream / 
          Show Header ny klo ga mo ada Embel" di dalem nye ( Perhatikan Hasil , klo di Centrang / kaga di   
          Centrang silahkan ente evaluasi sendiri )
  13.   Klo Udeh Sekarang Ente Klik Get Code 
  14.   Trus pilih yg IFRAME Trus Copy isi di IFRAME
  15.   Sekarang kite Buka Blog nye . Logginin dl ( nge Tab aje di browingan biar enak Copas Kode nye )
  16.   klo udeh Login trus klik Desain - Tata Letak   ( macem Gambar di bawah Ne )


    
 17.   Abis Ntu Klik Tambah Gadget ( dimane Ente mau Taro Tuh Like FB nye )
 18.   Trus Ente Pilih  THML / JavaScript  ( liat gambar di bawah )


   19.  Trus Ente Paste Kode yg Ente Copy di Mari tadi,  masukin Judul yg Ente Mau . Trus Paste ny di liat 
          di gambar nyang di bawah ne  !

    20.   Trus Pilih Simpen / Save 
    21.   Hasil Nye Ente Liat Sendiri dah  Hahaaaaa
    22.   KELAR

Selama Ente Coba Deh . klo misalkan bisa Jangn Lupa Like This & join yooooo

Wasalam . 







Baca SelengkapNye »»  

Kamis, 21 Juni 2012

Cara Masukin Join This Site ke Blog

Assalamu'alaikum Wr. Wb

Kali Ni Ane lg Pengen Masukin Join This Site ke Blog Ane , Ane Ubek" Mbah Gooli ehhh Akhir nye Nemu juga , Ternyata Care nye Gampang >.< heheheee Maklum Ane Niubie Masalah Nyang Beginian.

Nyo Langung Kite Cekidot Care nye >.<


  1. Ente Login Ke Blog Ente
  2. Ente Masuk Ke Desain 
  3. Trus Ente Pilih Tata Letak , Nah Tata Letak ini Ente tentuin di mane posisi Join This Site Nye
  4. Ente Klik Tambah Gadget
  5. Trus Ente Cari Gadged Pengikut , klik Tanda + nye , Ente Bisa Sesuain / Ubah Nama Pengikut Nye ( klo ane lebih seneng sebut nye Temen" Ane ketimbang Pengikut ) hehehehheheee
  6. Nah Trus Ente Save / Simpan
  7. Kelar

Nah Cuma Begitu Carenye setau ane, Ente Bisa Coba sendiri dan Mudah"an berguna buat nyang laen juga , ampe di sini aje bahasan kali ni .

Selamat menCoba


Baca SelengkapNye »»  

Cara Membuat Read More di Blog


Assalamu'Allaikum Wr. Wb

Back MuT nyeee ..
kali ni Kite Bahas Cara nye Buat Read More di Blog kite, Ente" Pratiin care nye dengan bener ye , ni Cara dah Ane Plajarin / Praktekin Sendiri, aLL HAsil SukSes , kLo ada yg salah , Ente Cek" Sendiri deh , kemon Kite Blajarin Bersame

Gni Care nye :

  • Login ke blogger dengan ID Ente.
  • Pilih Rancangan atau Tata Letak.
  • Pilih Edit HTML.
  • Ente Centang tulisan "expand template widget".
  • Trus Ente cari kode </head> :   untuk mempermudah pencarian tekan F3.
  • Trus Ente masukkan code di bawah ini tepat di atas  </head>     ( Inget Tepat di Atas nye )

<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script>
<script type='text/javascript'>
//<![CDATA[
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 Ente  cari kode <data:post.body/>
Ganti kode <data:post.body/>  dengan kode di bawah ini :

<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 class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'> <b> readmore</b> &#187;&#187;&#160;&#160; </a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/>
</b:if>

  • Kemudian Save Template.
NB    :        Read More nye

var thumbnail_mode = "float";: Letak thumbnail berada di “float” kiri atau jika tidak silahkan ganti dengan “no-float”;
summary_noimg = 250;: Jumlah karakter yang akan ditampilkan di posting tanpa gambar / thumbnail;
summary_img = 250;: Jumlah karakter yang akan ditampilkan di posting dengan gambar / thumbnail;
img_thumb_height = 120;: Tinggi thumbnail dalam ukuran pixel;
img_thumb_width = 120;: Lebar thumbnail dalam ukuran pixel;
READMORE-: Tulisan READMORE bisa diganti misalnya dengan “Baca Selengkapnya” dan apabila anda tidak ingin menampilkan judul dibelakang Readmore .

Nah , Ntu care nye Ane juga boleh blajar Di Mari , Makasih ane ucapin buat Tutor nye skrng di Blog ane Ada Read More nyee . Hahaaaay . and Smoga bermanfaat buat nyang baca di Mari hehehhehe
Baca SelengkapNye »»  

Masukin YM ke Blog

Ass , Wr. Wb .


Lagi Dateng Mut Ny hehehee .
Iseng" Belajar Oprek nyang Name nye Blog . Nah Lg Pengen Masupin Nyang Nama ny YM ke Blog , Alhamdulilah Nemu Care nye setelah 7 ari 8 Malem Berguru / Ngubek" di Mbah Google eh nemu Jg Care nYe . Nyooo Langsung Aje Kite Bareng" Blajar Nye >.<


Langkah " Nye    :




  1. Login Dulu ke Blog Ente
  2. Pilih Desain  ( di kanan Atas samping keluar / Log Out )
  3. Pilih Tata Letak 
  4. Pilih Element Halaman ( Tempat Ente mo Naro Tuh Icon YM di mane ) di sblh Kanan aJe
  5. Pilih Tambah Gadget 
  6. Pilih html / Java Script
  7. Copas Kode dibawah ne  !
<div align="center">
<a href="ymsgr:sendIM?ufey_archer"><img src="http://opi.yahoo.com/online?u=ufey_archer&amp;m=g&amp;t=8" border="0" /></a></div>
    8.  Pilih Save / Simpen 

NB  
  • ID nye ganti jangan maen Copas Lupa Isi ID YM sendiri, tar pada PM ane sumua lg hehehheee
  • Misalkan Email Ente pake @yahoo.com , Ente tinggal pake user name depan aje
  • Misalkan Email Ente pake nyang Laen slaen @Yahoo.com ( @ymail.com - @yahoo.co.id - @Rocketmail.com dll ) Harap Ente kasih Lengkap.                                                                  Contoh nye ( perhatiin yg di Warnain kuning ) : Ente Tinggal tambahin user name depan / Lengkapin tulisannye.berdasarkan butut email sebagai Semple ane coba pake @ymail . Cek di bawah ni
<div align="center">
<a href="ymsgr:sendIM?ufey_archer@ymail.com"><img src="http://opi.yahoo.com/online?u=ufey_archer@ymail.com&amp;m=g&amp;t=8" border="0" /></a></div>

  • Ente bisa ubah beberapa kode di Atas  (ubah teks yang berwarna Ijo dan unyu)
    -  center bisa anda ubah dengan left (rata kiri), right (rata kanan) sesuai Ati
  • Ini nyang lebih seru Ente bisa  Ubah Icon" YM di Blog nanti dengan Slera , Gimane cara nye ..?             Ente Liat kode  amp;t=8" Nah angka 8 Ntu ada lah pilihan Icon Nye . Ane pake nyang No 8 , nanti terserah Ente mo nomer brape pilih aje dari 1 - 24 ( klo ga sale )
Sebenernye kite bisa nambahin beberape Gadget  :

1. script Widget Alexa Toolbar

2. Script Page Rank
3. Script Adsense
4. Script Google Translate
5. Script Page Count
6. Script Email subcribe
7. Script Google search
8. Script feed/email reader
9. Script Link
10. Dan script html atau javascript lainnya

Silahkan Ente pade Evolusi sendiri .

Ni Materi belajar ane dapet dari Mari , Terima Kasih Buat yg punya Blog tersebut Ane jadi bisa Masupin YM ane ke Blog hahaaa , skrng Ane Share lg Menurut ape yg ane praktekin, soalny Laen Care blajar nye , masing" orng punye Gaye hahaaaaaaaay .

Klo ada kate" / cara nye sale, mo'on maaf yg sebesar" nye . Ente Perbaikin Sendiri . Perhatiin Spasi nye jangan maen Copas, td Ane maen Copas Eh di klik Icon nye ga bisa PM langsung . Nah Ntu cara di Atas dah Ane betulin . Maaf klo ane ga pake GAmbar soal nye lg banyak kemauannye >.<

SELAMAT MENCOBA
Baca SelengkapNye »»