Latest Archive :

Cara Menambahkan Scroll Pada Archive

Written By Ferryxz on Senin, 23 Juli 2012 | 18.04

Setelah sebelumnya saya telah memposting cara Membuat Daftar Isi otomatis 2, sekarang saya akan memberitahukan Menambah Scroll Pada Archive yang sahabat blogger punya,,
Mungkit sedikit menganggu jika postingan kita terlalu banyak dan akan memperpanjang ruang pada blogger kita,, Nah.. sekarang bisa mempermudahnya dengan menambahkan scroll,,,

Langsung saja lihat caranya:

1. Masuk ke akun Blogger anda
2. Pilih rancangan > kemudian pilih Edit HTML
3. Jangan lupa dicentang Expand Widget Templates
4. kemudian cari kode seperti ini: <div id='ArchiveList'> untuk mempermudah pencarian bisa mengunakan Ctrl + F atau F3
5. Setelah itu tambahkan kode yang berwarna Biru di bawah ini


</b:if>
<div class='widget-content'>
<div style='overflow:auto; width:ancho;height:300px;'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div>
</div>
<b:include name='quickedit'/>

6. Setelah selesai tinggal di Simpan Template.

Cara Membuat Tombol Share Sendiri

Selamat pagi semua, kali ini saya akan meberitahukan sedikit tips kecil dimana semua mungkin sudah tau bagaiman cara membuatnya.
yaa,, ini lah tombol share ke FB, Twitter, atupun Google Plus,,

Kalau begitu langsung saja simak caranya

1. Masuk ke akun Blogger sobat
2. Masuk ke Rancangan > pilih Elemen Laman
3. Tambah Gadget dan pilih HTML/Java Script
4. Masukan kode di bawah ini



<div><div class="widget-container"></div><div><div class="social-profiles-widget"></div><div><h3 class="widgettitle">Ferryxz Yamato</h3></div><div><a href="https://twitter.com/FerryxzRixz" target="_blank"><img alt="Twitter" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyNU659ZzrdOWIPNhyPZ0Jf40qOpQBaFVXlZygIFiuHnGIHd2QewvuaXI8rZoKMvjVrv7BgL8E-8zhb3I54KlODhd_tfe26QgC8LqEmUCX_fiNLNVyhfAd0kIn_WBYQoox2JbWn7vJ5STe/s0/twitter.png" title="My Twitter" /></a><a href="https://www.facebook.com/FerryxzYamato?ref=hl" target="_blank"><img alt="Facebook" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiMoIddTKxDDt5uWfpWZJhr3dvzcEf_nStcEaIgY_kEMaoUM20KNROEawJGBnbeezVe5uKYgVgdTObeCDGns05soIaLcbJGxNR6ZB-wQ42SRGoJLvyV4cD402v4KHteie6OEfCOgTQJdjD/s0/facebook.png" title="My Facebook" /></a><a href="https://plus.google.com/u/0/101848765714861062713" target="_blank"><img alt="Google Plus" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_TB2GKlBbOwzSuw_mnxsJqHWUjgYjdA4eHwE8ncERrG7I0S48ayQ0JvwiIsGPmIFf1JzfSsAPQs9jYgW7W4x5jXb0cYys7B48T3hTG_Mard8HkEHn3Dwro1YGQiIGHnygVnDykS0gRUR0/s0/gplus.png" title="My Google Plus" /></a>
<a href="http://www.facebook.com/share.php?u=http%3A//ferryxzyamato.blogspot.com/&t=Check%20out%20this%20site" target="_blank"><img alt="Facebook" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiMoIddTKxDDt5uWfpWZJhr3dvzcEf_nStcEaIgY_kEMaoUM20KNROEawJGBnbeezVe5uKYgVgdTObeCDGns05soIaLcbJGxNR6ZB-wQ42SRGoJLvyV4cD402v4KHteie6OEfCOgTQJdjD/s0/facebook.png" title="Facebook Share" /></a>
<a href="http://twitter.com/home?status=Check%20out%20this%20site:%20http%3A//ferryxzyamato.blogspot.com/" target="_blank"><img alt="Twitter" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyNU659ZzrdOWIPNhyPZ0Jf40qOpQBaFVXlZygIFiuHnGIHd2QewvuaXI8rZoKMvjVrv7BgL8E-8zhb3I54KlODhd_tfe26QgC8LqEmUCX_fiNLNVyhfAd0kIn_WBYQoox2JbWn7vJ5STe/s0/twitter.png" title="Twitter Share" /></a></div><div></div></div><div></div></div>

5. Setelah selesai mengCoPas kode diatas, gantilah warna
    _. Biru > Nama yg anda inginkan
    _. Merah > alamat ID FB, Twitter, Google Plus anda
6. Setelah selesai kemudian simpan dan lihat hasilnya.


Semoga bermanfaat,, ^^

Iseng - Iseng

Written By Ferryxz on Rabu, 18 Juli 2012 | 00.36



Kode'y lihat di bwh ja


<form action="http://ferryxzyamato.blogspot.com/search"
method="get"> <input class="textinput" name="q" size="30" type="text"/> <input value="search" class="buttonsubmit" name="submit" type="submit"/></form>


Email test

Lihat kode'y di bawah ni

<div class="widget-content">
<div class="follow-by-email-inner">
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open(&quot;http://feedburner.google.com/fb/a/mailverify?uri=FerryYamatoIi&quot;, &quot;popupwindow&quot;, &quot;scrollbars=yes,width=550,height=520&quot;); return true" target="popupwindow">
<table width="100%">
<tbody><tr>
<td>
<input class="follow-by-email-address" name="email" placeholder="Ferryxz Yamato II" type="text">
</td>
<td width="64px">
<input class="follow-by-email-submit" type="submit" value="Submit">
</td>
</tr>
</tbody></table>
<input name="uri" type="hidden" value="FerryYamatoIi">
<input name="loc" type="hidden" value="en_US">
</form>
</div>
</div>

Cara Membuat Twitter Burung Terbang Di Blog

Written By Ferryxz on Minggu, 15 Juli 2012 | 02.07



Habis pikir" buat posting apa?? Yaa walaupun sudah banyak yang membuat tentang Cara Membuat Twitter Burung Terbang Di Blog, tidak ada salah'y juga saya ikut memposting'y,, bwt jaga".. siapa tau da yg lupa bagaimana Cara Membuat Twitter Burung Terbang,, hehehe 
Maklum terkadang orang sering pelupa,,, Yah langsung saja disimak cara'y dibawah ini.






1. Silahkan login di akun Blog anda
2. Pilih menu Rancangan dan Pilih Elemen Laman
3. Setelah itu pilih Tambah Gadget, kemudian tambahkan HTML/JavaScript
4. Dan Copy dan kode di bawah ini :

<!-- Burung Twitter - http://ferryxzyamato.blogspot.com - Start -->
<script type="text/javascript" src="http://wisnunugraha.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoQRUeTAWRxcXU-uiQkcWb3vg-W3OLf4VuJmu6ylj6Y5hvmbTO27w14I1tIGpKQl5SYtdj3rrbjxziVrSginAcZ9rZ8rWNfcQXS2dppmdyHkLy61H49gX6ahdEJLSfujvEB-MerKuTX58/s1600/burung+twitter+terbang.png";
var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span");
var twitterAccount = "http://twitter.com/#!/FerryxzRixz";
var tweetThisText = "Twitter - UserID http://ferryxzyamato.blogspot.com/";
tripleflapInit();
</script>
<!-- Burung Twitter - http://ferryxzyamato.blogspot.com - End -->

5. Setelah slesai mengCoPas kode diatas jgn lupa diubah Warna" berikut ini
    _. Merah > ID akun Twitter anda
    _. Biru > URL alamat Blog anda
6. Jika sudah beres tinggal di Simpan saja dan lihat hasil'y...

3:)

Membuat Widget Search Box Di Blog

Untuk kali ini saya akan memberitahukan beberapa Search Box yang sederhana untuk mempercantik tampilan blog. Cara'y sangat mudah tinggal melakukan beberapa langkah dibawah ini.

1. Login ke akun Blogger anda
2. Masuk ke tata letak 
3. Tambah widget/gadget > pilih Html/JavaScript
4. Lalu CoPas jode dibawah ini. (sudah sesuai urutana gambar)



Widget Search box 1
<style type="text/css"> #a-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCVL738HdnL3bIBGi349wqsLlBMpNlYjQ0TTBMLdyNhstZhrs0_mR6XOSD1e8fl1F288xdFdUKBgmsqIe93KKaCcuETLgDOmxu27GRIRFENv3xpZcaAo64Q7roIRh5TOrLKoT47NHu-ZMh/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;} form#a-searchform{display: block;padding: 10px 12px;margin:0;} form#a-searchform #a{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;} form#a-searchform #abutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;} </style> <div id="a-searchbox"><form id="a-searchform" action="/search" method="get">    <input type="text" id="a" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/>    <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="abutton" /> </form></div>

Widget Search box 2
<style type="text/css"> #b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihz2HApt3xk-lqs-kku6dKvuhc7gcPWYUOhJEoT6nkyZE6nWF6AWGKz1nSD8-gsTdF7DbR0yXmiOOvxowGGwp4C9uq-bUv9KxT6N-QecnuVmJk_P8H8LjWC6A4MbjsaalmsofERdyf4ASz/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;} form#b-searchform{display: block;padding: 10px 12px;margin:0;} form#b-searchform #b{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;} form#b-searchform #bbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;} </style> <div id="b-searchbox"><form id="b-searchform" action="/search" method="get"> <input type="text" id="b" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/> <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="bbutton" /></form></div>

Widget Search box 3
<style type="text/css"> #c-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgu74ej9zGBpqyrlEeRBfEoHPCO2Rg2efDmoBXlJb7lk6j4y7OYLmdmneCEldMNsh95EXqP4C3PrP-b28fkL5AQVDBIUEhdT8ifUcjV9ppzdeElUMPNG8upF9MPTQCoKvtEQyn5ZPhJCNRs/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;} form#c-searchform{display: block;padding: 10px 12px;margin:0;} form#c-searchform #c{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;} form#c-searchform #cbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;} </style><div id="c-searchbox"><form id="c-searchform" action="/search" method="get"> <input type="text" id="c" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/> <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="cbutton" /></form></div>

Widget Search box 4
<style type="text/css"> #d-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgV7aDnnwh9sMCnFCcof1XQHlfIIXkFmHEDRk3tfjZxXauHMZL27Sk1ht1A0Q2Ql7KUZkxm7V__KLqF5p_0Syu_UZfjLxS7nBkrsFVbDYKcSh2CT79fw9ifSriKymqwr_C2lcPx0UlVK8Cx/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;} form#d-searchform{display: block;padding: 12px;margin:0;} form#d-searchform #d{padding: 6px 6px 6px 26px;margin:0;width: 215px;font-size:14px;vertical-align: top;border:none;background:transparent;} form#d-searchform #dbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;} </style> <div id="d-searchbox"><form id="d-searchform" action="/search" method="get">    <input type="text" id="d" name="q" value=""/>    <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="dbutton" /> </form></div>

Widget Search box 5
<style type="text/css"> #e-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeWt47nog-5daRa9EC9KzwD0BUs3LTucfi4F0SmCobBSWjCaLuA0eTa1P-OEmHoXHdQktsR8vdt0rFN1zQRafRk-OHheHfiv6YXPkhNfQYtH4gNPIpOTzBW5ugqvSQ-rkLK5XRES5Mjiv6/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;} form#e-searchform{display: block;padding: 12px;margin:0;} form#e-searchform #e{padding: 6px 6px 6px 26px;margin:0;width: 215px;font-size:14px;vertical-align: top;border:none;background:transparent;} form#e-searchform #ebutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;} </style> <div id="e-searchbox"><form id="e-searchform" action="/search" method="get"> <input type="text" id="e" name="q" value=""/> <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="ebutton" /></form></div>

Widget Search box 6
<style type="text/css"> #f-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghJKOfltwpDrnGx_Pmfv4N3jFV0_TPaTVFR9WW4dsSU0Y1vfYd0stwALxTcAdhtmN6eDVr2m0F3CR-pIsia4ZESpLXRLVZyaGlgCAeQEm5wnB054iquCCKqBK3Na_rxXYixDdXcZtSG8T2/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;} form#f-searchform{display: block;padding: 12px;margin:0;} form#f-searchform #f{padding: 6px 6px 6px 26px;margin:0;width: 215px;font-size:14px;vertical-align: top;border:none;background:transparent;} form#f-searchform #fbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;} </style> <div id="f-searchbox"><form id="f-searchform" action="/search" method="get"> <input type="text" id="f" name="q" value=""/> <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="fbutton" /> </form></div>

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

Widget Search box 7

<div class="span-7 last" id="topsearch">
<div id="search">
<form action="/search" id="searchform" method="get">
<input id="s" name="q" type="text" value="Search" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Search&quot;;}" onfocus="if (this.value == &quot;Search&quot;) {this.value = &quot;&quot;;}">
<input src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1cK3CO4K64DjZDsmjCS49iEGl8y1V7-Hvyo9W2-EbYhzV_Y-Q4J-w2CZVNdWmDVkBsnuiCQrIjkBF3zW27iROaw8BAXzY-oGOku8J49Sk6t1JigYJbTA59N82HIKem_-klGzcnzt_tkE/s1600/search.gif" style="border:0; vertical-align: top;" type="image">
</form>
</div>
</div>

5. Setelah dipilih kemudian simpan.

Membuat Daftar Isi Otomatis 2

Written By Ferryxz on Sabtu, 14 Juli 2012 | 17.43

Langsung saja tanpa panjang lebar lagi saya menulis dan tentu'y anda akan bosan membaca'y... hehehe,, Ngarang x,,


Membuat Daftar Isi Sidebar
1. Login ke akun Blogger sobat
2. Klik menu Rancangan.
3. Klik Tambah Gadget  > Pilih/klik HTML/Javascipt.
4. Masukan kode berikut ini

<script src="http://kcdaftarisi.googlecode.com/files/daftarisi.js" type="text/javascript">
</script>
<script src="http://ferryxzyamato.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script>


5. Klik Simpan.

Membuat Daftar isi Blog Di Halaman
1. Login ke akun Blogger sobat
2. Klik Entri Baru > Edit Laman > Tambah Laman
3. Karena kode ini berbentuk javascript, maka Edit HTML pada kotak posting
4. Setelah Itu,masukan kode berikut di dalam kotak posting.


<script src="http://kcdaftarisi.googlecode.com/files/daftarisi.js" type="text/javascript">

</script>

<script src="http://ferryxzyamato.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">

</script>



5. Setelah selesai Terbinkan Entri/Publikasikan.



Catatan: Ganti Tulisan berwarna Biru dgn Alamat URL anda.


++++++++++++++++++++++++++++++++++++++++++


##Untuk memperindah lagi kita bisa menambahkan Scroll/Ruler, seperti terlihat dibawah.
Cara'y tinggal menambahkan kode ini:


<div style="overflow:auto;width:280px;height:220px;padding:10px;border:1px solid #eee"> SCRIPT DIATAS </div>


##Catatan warna: orenge > lebar, kuning > tinggi


##Contoh: 


<div style="overflow:auto;width:280px;height:220px;padding:10px;border:1px solid #eee"> <script src="http://kcdaftarisi.googlecode.com/files/daftarisi.js" type="text/javascript">

</script>

<script src="http://ferryxzyamato.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">

</script> </div>




Arsip

Cara Membuat Hujan Love

Kali ini saya akan memberitahukan Cara Membuat Hujan Love pada Blog, dimana kira'y sobat sudah mengetahui'y Kata Love,, hehehe,,,, Pasti'y saat melihat'y anda akan teringan dgn "SI DIA" dan lebih bagus'y lagi saat melihat taburan hujan love,, pasti lebih romantis,, Stop jgn menghayal dulu,,
Langsung saja simak baik" cara'y..

1. Login ke akun blogger sobat
2. Klik menu Template/Rancangan >  Edit HTML
3. Kemudian cari kode </body>agar lebih mudah mencarinya gunakan CTRL+F atau F3
4. Setelah ketemu, masukan kode di bawah ini tepat di atas kode </body>


<script src='http://andreykusanagi.googlecode.com/files/lovingheart.js'>
</script>


5. Setelah selesai Simpan Template.

Cara Membuat Daun Berjatuhan Di Blog

Sebelum'y saya sudah memposting Memberi Efek Bertaburan Salju Pada Blog, dan sekarang saya akan memberi tahukan Cara Membuat Daun Berjatuhan Di Blog kita sendiri. Efek ini saya dapat dari perjalanan dan penelusuran yang sangat lama dan panjang (Lebay x). Nah tanpa banyak bacot lg langsung saja dilihat.


Cara'y sangat mudah simak baik" ya???




1. Login ke akun blogger sobat
2. Klik Rancangan > Edit HTML
3. Centang kotak "Expand Template Widget"
4. Cari kode </head> agar lebih cepat mencarinya gunakan Ctrl+F atau F3
5. Jika sudah ketemu, masukan kode di bawah ini tepat di atas kode </head>


<script src='http://andreykusanagi.googlecode.com/files/daun.js'/>


Atau bisa menggunakan


<script src='http://andreykusanagi.googlecode.com/files/daun.js'/></script>


6. Setelah selesai Simpan Template. Slesai deh,,,


Cara Agar Blog Dapat Terindentivikasi Di Google

Terkadang kita ingin Blog atau Web kita diketahui oleh orang, Nah.. Sekarang saya akan memberikan beberapa situs untuk anda. simak baik" ya,, hehehehehee

A. Mendaftarkan Blog Ke Google Webmaster dgn klik link berikut ini (Google Webmaster)
    _. Setelah anda mendaftarkan'y akan ada 2 pilihan
  1. Pilih menu Recommended method – download HTML verification file. Kemudian upload file ke public_html di hosting blog dengan menggunakan FileZilla. Kemudian klik VERIFY.
  2. Pilih menu Alternate methode – copy Meta Tag di dashboar blog Anda di bawah kode <head> dan di atas <body>
  • Untuk Blogspot – masuk ke dashboar – pilih RancanganEdit HTML – Lanjutkan – klik check box Expand Template Widget – copy meta tag di bawah kode <head> dan diatas <body> – simpan template.
  • Untuk WordPress – masuk ke dashboar – pilih menu Appearance – pilih Editor – pilih header php. Copy meta tag di bawah kode <head> atau di atas <body>.
Contoh untuk Blogspot:

<html>
<head>
<meta name="google-site-verification" content="blablablablaxxxxxxxxxxxxxx" />
<title> Judul saya </title>
</head> 
<body>
isi laman
</body>
</html>

   3. Dan terakhir, Setelah kode meta tag di simpan di dashboar blog, klik VERIFY di google webmaster.

Catatan: Jangan kluar dulu dari Google Webmaster.


B. Mendaftarkan Blog ke Google dgn klik berikut ini (Blogger)

  • Cara'y sangat mudah pada form url masukan alamat blog Anda, comment isikan deskripsi blog dan masukkan code pengaman sesuai gambar.
  • Jika langkah di atas benar maka blog anda akan terdaftar di search engine google
  • Untuk memastikan blog Anda sudah terdaftar pada form search google ketikan "site:URL blog anda" tanpa tnda kutip (")  pada kotak penelusuran google. Contoh: "site:http://ferryxzyamato.blogspot.com".


Selain cara di atas adapun cara lain untuk mendaftarkan Blog ke google yaitu dengan mendaftarkan blog ke Submitter Gratis. Anda cukup masukkan link blog anda, maka blog aAnda akan dikirim ke berbagai mesin pencari termasuk google. Situs layanan submitter gratis sangat banyak salah satunya:
Submitexpress, Freewebsubmission, dan Url-submitter.

Sekian dulu perbincangan'y ya,, hehe

Belajar Mengetahiu HTML melalui Aplikasi Internet

Sedikit tips untuk mengetahui kode HTML yang dingunakan oleh seorang blogger saat kita membuka sebuah web atau Blog milik seseorang. Pastinya kita penasaran bukan??? HTML, CSS, JS dan sebagai’y yang dingunakan untuk mempercantik Blog’y. 

Nah.... Sekarang saya akan jelaskan bagaimana mengetahui kode" HTML sebuah Web atau Blog

Pertama 1Menggunakan Aplikasi Google Chrome, dengan cara :
  • Klik kanan pada gambar atau ruang bagian Web, kemudian cari Inspect Element




  • Maka akan mucul kode” dibagian bawah’y




  • Setelah itu kita bisa melihat-lihat kode apa saja yang digunakan, dan lebih bagus’y lagi kita bisa mengedit dan mengCoPas kode tersebut. 






Kedua 2Menggunakan Mozilla Firefox, dengan cara


  • Klik tab View > Page Source atau menggunakan Ctrl+U
  • Disini kita hanya bisa mengetahui kode" apa saja yang digunakan sayang'y tidak bisa di edit dan CoPas, tetapi bisa disimpan dengan klik File > Save As.


Sekian dulu tentang mengetahui kode HTML dari Web atau Blog milik orang lain, semoga apa yang saya buat ini bisa bermanfaat,,, v.v

Selamat Malam.


Cara Membuat Widget Kaleng Tersembunyi Di Atas Blog ( Header )

Nah kali ni saya akan memberi tahukan Cara Membuat Widget Kaleng Tersembunyi Di Atas Blog (Header). Anda bisa melihat'y langsung diatas,, atau pada gambar dibawah ini.


Kalau Begitu langsung simak saja cara'y:
1. Login ke akun Blog Anda
2. Pilih menu Rancangan dan pilih Elemen Laman
3. Setelah itu pilih Tambah Gadget
4. Kemudian Tambahkan HTML/JavaScript
5. Dan Copy dan kode di bawah ini :


<!-- Widget Start -->
<style>
ul#navigation {
position: fixed;
margin: 0px;
padding: 0px;
top: 0px;
right: 0px;
list-style: none;
z-index:999999;
width: 665px;
}
ul#navigation li {
width: 103px;
display:inline;
float:left;
border:0;
}
ul#navigation li a {
display: block;
float:left;
margin-top: -2px;
width: 100px;
height: 25px;
background-color:#000000;
background-repeat:no-repeat;
background-position:50% 10px;
border:1px solid #BDDCEF;
-moz-border-radius:0px 0px 10px 10px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-khtml-border-bottom-right-radius: 10px;
-khtml-border-bottom-left-radius: 10px;
text-decoration:none;
text-align:center;
padding-top:80px;
opacity: 0.96;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
}
ul#navigation li a:hover{
background-color:#BDBDBD;
}
ul#navigation li a span{
letter-spacing:2px;
font-size:11px;
color:#FFFFFF;
font-family:trebuchet-ms, arial, tahoma, Sans-Serif;
font-weight:bold;
text-shadow: 0 -1px 1px #fff;
}
ul#navigation .rss a{
background-image: url(http://i1123.photobucket.com/albums/l546/wizyuloverz/RSS.png);
}
ul#navigation .facebook a {
background-image: url(http://i1123.photobucket.com/albums/l546/wizyuloverz/Facebook.png);
}
ul#navigation .twitter a {
background-image: url(http://i1123.photobucket.com/albums/l546/wizyuloverz/Twitter.png);
}
ul#navigation .g-mail a{
background-image: url(http://i1123.photobucket.com/albums/l546/wizyuloverz/Google.png);
}
ul#navigation .y-mail a{
background-image: url(http://i1123.photobucket.com/albums/l546/wizyuloverz/Yahoo.png);
}
ul#navigation .youtube a{
background-image: url(http://i1123.photobucket.com/albums/l546/wizyuloverz/YouTube.png);
}
</style>

<script src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.js" type="text/javascript">
</script>
<script type="text/javascript">
$(function() {
var d=300;
$('#navigation a').each(function(){
$(this).stop().animate({
'marginTop':'-80px'
},d+=150);
});

$('#navigation > li').hover(
function () {
$('a',$(this)).stop().animate({
'marginTop':'-2px'
},200);
},
function () {
$('a',$(this)).stop().animate({
'marginTop':'-80px'
},200);
}
);
});
</script>

<ul id="navigation">
<li class="rss"><a target="_blank" href="http://ferryxzyamato.blogspot.com/atom.xml"  rel="http://ferryxzyamato.blogspot.com">RSS Feed</a></li>
<li class="facebook"><a target="_blank"href="http://www.facebook.com/Ferryxz">Facebook</a></li>
<li class="twitter"><a target="_blank"href="https://twitter.com/#!/FerryxzRixz">Twitter</a></li>
<li class="g-mail a"><a target="_blank"href="https://www.google.com/bookmarks/">Google</a>
<li class="y-mail a"><a target="_blank"href="https://www.Yahoo.com/bookmarks/">Yahoo</a>
<li class="youtube a"><a target="_blank" href="https://www.Youtube.com/">YouTube</a></li>
</li>
</li></ul>
<!-- Widget End -->


6. Setelah slesai mengCoPas kode diatas, anda bisa mengganti tulisan yang berwarna tersebut:
_. Merah : alamat URL blog anda
_. Orange : untuk mengatur posisi widget pada blog
_. Kuning : alamat ID Facebook anda
_. Biru : alamat ID Twitter anda
7. Dan terakhir Save, kemudian lihat hasil'y.

[Kembali]                          [Naik]

Mengembalikan Tampilan FB Menjadi Lama


Kali ini saya akan memberi tau cara untuk Mengembalikan Tampilan FB Menjadi Lama, yang awal'y tx sengajang memakai TimeLine yang mungkin iseng agar FB kita menjadi lebih UPDATE,, hehehe,,,


Sebelum mulai keTKP alangkah baik'y kita berterima kasih dulu untuk yg mengepostkan'y, sebut saja "MasTer Q". Berawal cuman iseng" mencari akhir'y ketemu cara Mengembalikan Tampilan FB Menjadi Lama, dengan bantuan "Extensi Timeline Remove" (untuk pengguna browser Firefox dan Google Chrome). Sebelumnya tampilan Facebook seperti yang sobat lihat dibawah ini.


Dan saat menggunakan "Extensi Timeline Remove" tampilan Facebook menjadi seperti dibawah ini.


Nah, selanjut'y untuk mencobanya, sobat bisa install "Extensi Timeline Remove" dengan klik Link dibawah ini tergantung dari browser yang anda gunakan.

Mozilla Firefox             Google Chrome

Atau bisa disini, disini, dan disini.

Ingat!! untuk merestart terlebih dahulu browser yang anda gunakan agar efeknya dapat terasa. Nah,,,, agar kita sama-sama bisa merasakan tampilan Facebook lama, silahkan share kepada teman-teman anda.


Update Status FB Dgn Gambar

Iseng" lihat blog orang lain ech malah ketemu cara Update Status FB Dgn Gambar, langsung dilihat saja,,,











UPDATE STATUS FACEBOOK DENGAN TAMBAHAN GAMBAR ANIMASI




Lokasi Gambar : *harus diisi
   contoh : http://www.kaskus.us/images/smilies/hammer.gif
Target Id : kosongkan jika ingin post di wall sendiri


Sobat bisa Share ke teman sobat gratis + menambah ilmu juga,, hehehe

Jam

 
Copyright © 2013. Ferryxz Yamato II - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger