Recent post

Tampilkan postingan dengan label Tips And Trick. Tampilkan semua postingan

Image result for filter kasar komentar
Hay Semua :)
Sudah berapa lama blog ini di tinggal ? dan sudah jadi bangkai :D palingan saya cuman share informasi saja :v, okey dan sekarang saya mau share trick baru walau trick ini udh lama saya cuman mau membangkitkan nya lagi :D yaitu Filter Kometar Kasar Pada blog di sini kita mengandalkan javascript :) ini bersifat Otomatis bila kamu berkomentar Kasar Seperti : Anjing, Babi, Asu, kontol, ccd, dll maka akan terfilter menjadi " Mohon Komentar Anda Melanggar Perarturan, Mohon Berkomentar Dengan Baik! "gimana menarik bukan ? oiya di sini saya sudah tambahkan juga satu script supaya tidak bisa livelink di komentar, bisa sih livelink tapi pas di click juga jadi ngaur URL nya :v
Oke Berikut Script Filter Nya
<script src="http://goo.gl/76Q2B" type="text/javascript"/>
Script di atas kamu letakan di atas tag </body> Dan step berikutnya Simpan, Dan coba lah kamu berkomentar bahasa kasar di post mu sendiri apakah otomatis terfilter atau tidak ?
Oke Sekian dari Postingan saya :D
Maaf post ini pendek karna saya udh lapet ==" adzan maghrib masih lama T_T
Bila Ada yang kurang jelas silahkan di comment, biar saya ralat postingan ini :D
READ
Float Widget Mini Banner Show/Hide

Hay Sob !
Udah Sekian Lama XT Tidak posting Tentang Trick Blog ya .. :D Udah Berapa lama tuh ? :/ Gw Juga gk tau hahaah!!! sebab gw jarang posting, karna gw banyak urusan penting di dunia nyata terutama sekolah gw, Karna gw banyak ujian jdi nya gw jarang post deh, Maklum Klo Udah kelas 9 Pasti waktu OL dikit, krna fokus belajar dan mungkin beberapa hari kedepan gw lebih jarang ol karna mau persiapan UN tanggal 22 April sampai 25 april (pas banget ultah gw XD), okey berubung gw lg libur gw akan sempetin post nih, tentang trick blog, gk perlu tau gw mau post apa karna lu udah tau dri judul post nya kan ? :D

Bagi Yang Penasaran Bentuk Widget nya gimana nih gw kasih Screenshot ....

example

Gimana Udah tau kan bentuk nya ?
Bagi yang Penasaran Bisa Liat Live Demo nya Di http://rendy-trick.blogspot.com/
yang di kanan bawah itu contoh widget nya arahkan saja cursor mu ke situ dan rasakan sensasi nya :)
okey kita masuk Ke Tutor nya :

  • Siapin Kopi 
  • Siapin Komputer atau laptop
  • siapin modem XD
  • Letakkan HTML ini di atas <div id='header'> atau <div id='header-wrapper'> atau yang sama kyk gitu dan pkok nya ada kata "header"
<div id='XTaffliates'>
<div style='background:#0800a2;border:6px solid transparent;border-radius:10px;width:90px;'>
<h2> banner </h2>
<a href='http://idbacktracker.blogspot.com/' target='_blank'><img alt='ss' height='31' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZQQ0jvT3PhHw68sqqoXBndTzMySRVn6KBvsa5KoM_MHUsw0MinKYiYd64bVBgQtpb6j6oWN6sRiJvRAM2jgEQ_sQx0nXx7woLoWWEzK2il8VVXDW26eyw85YI1qblht0a_5VbLbecnuYF/s1600/BannerVenom.png' width='88'/></a>
<a href='http://kadexanagzu.blogspot.com/' target='_blank'><img alt='ss' height='31' src='http://i49.tinypic.com/oj2ed5.gif' width='88'/></a>
<a href='http://www.aregalank.com/' target='_blank'><img alt='Aregalank' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXbS8W_pakyeIwlXtMCuLZxT_teEXWltpVgHI3yKXn0cBVBtZDCpctIUFIEGN0SltazNxFOLXCL234GC-1ZNNz4GkdlPCd7bT-UpwRvjf5N55TpYGLa1r88lJ9K_77OrzCzVYpgq-gmMUx/s1600/th_xq0FM_zps2fb5f5d9+(1).png'/>
</a>
<a href='http://arvimalice.blogspot.com'><img alt='RVMALICE' src='https://lh4.googleusercontent.com/-nGjSW8FMYlA/URu9HoC67TI/AAAAAAAAEgE/nEWprPIBBLE/s88/bannerrv2.jpg'/></a>
<a href='http://www.ardi007jr.blogspot.com/' target='_blank'><img alt='ardi' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgSKghq4Rnk8wDaNqzywP6LWQK8PCO_tkG2RXBi86ylKtoByYLZSn6eLFb5Mqndmqc74pyhZrBxEX-xt8umIDM3rNawytrGwuDOVbRooYX6NjQYs3RWX-EciXWFcDttsuDGbfdpCYwrkyO/s1600/th_8NwRP_zpsdb12535f+(1).png'/>
</a>
<a href='http://www.shoetanz-cyber4rt.blogspot.com/' target='_blank'><img alt='heidi' src='http://i.imgur.com/lZNGm.png'/>
</a>
<a href='http://fadeleecious.blogspot.com/' target='_blank'><img alt='fadhelee' src='http://lh6.googleusercontent.com/-1JXQ7RL1mjY/UFWb3NY4xxI/AAAAAAAAAlY/Ga2zxjsSueM/s88/ban.jpg'/>
</a>
<a href='http://penyolongan-cheater.blogspot.com/' target='_blank'><img alt='penyolongan' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjvemKDLd1wXgK_OC5iMPY1Fj2lrbMwwehxvN96ToKvNweGZK1TqCogdY1UWQJDYCnFtE4zOfQoq_kMNnDGtHfo4QJOaxOX0v52QQFG1CmUkY0Zm5xqJ3gsHCL_vlDPcXcqj0VVEFiQy8O/s1600/th_PyAmr_zps992de5b5+(1).png'/>
</a>
<a href='http://yanz-degru.blogspot.com/' target='_blank'><img alt='Yan&apos;z :Degru Creative' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmx75jizZrn9H7aoPGiEldqJzFw7RrWzs4WwQFGDgU_6GAJONLnQGr8194quaRKejDtmJdNGuPXJbPc_BVi7bqjNqwDKCky4msEfNzGtrgPzAmGCSuK8gsAwrLIovgZxBFDmPf1m7D70cH/s1600/45.bmp'/></a>
<a href='http://cyber-programming.blogspot.com/' target='_blank'><img alt='penyolongan' src='http://i1115.photobucket.com/albums/k554/nuel02/banner88x31-1.png'/>
</a>
<a href='http://gilang-cyber4rt.blogspot.com' target='_blank'><img alt='Gilang Cyber4rt' src='http://i1061.photobucket.com/albums/t479/Gilang28k/tes1_zpsfa85fde9.png'/></a>
<a href='http://deny-4stroom.blogspot.com/' target='_blank'><img alt='deny' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdcFc_LeW3lyZPFq7BAinyhE4nN3ugnrGNIvKCcQxdG6roi_K3IH-v603wqXIccXLZZYxAdn0rjUhUI-sgHKkvOjyDi_ntOXbEIbgKZPAnA9_yDhLflRYS_QrZXeXxwBp4WM6Y3m2TuzoS/s1600/88X31+(1).png'/>
</a>
<a href='http://arnoldi-technology.blogspot.com/' target='_blank'><img alt='arnoldi' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3FdroahkOTdslU48RgBXYkz7zh3s8IONFyNnWxy9fS-lKuOAyOpQcgZ1xK2rqbir22WnjipKhyOWAQms55WuAgCGglYgNuNWGhmS84TAHpj6CkJtjzZ_FbI53xRQPXtmz6F1jYYsJ57CM/s1600/Banner+88x31+(1).png'/>
</a>
<a href='http://altecdz.blogspot.com//' target='_blank'><img alt='SSS' height='88' src='http://i.imgur.com/MV2Fs.png' width='31'/>
</a>
<a href='http://thelastboys.blogspot.com/' target='_blank'><img alt='FORUM FAN' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKUQOhoLU5BvHdM1yaSgiaOFwdfXRJLCYh-Ogey3jsqvZwCX4RIM9_BJSoK0uzKG3OFd8t8xqptD2aubQsVuGe8yrgctffXa9QzNPV7DFGFo4bwfUlhPcwsmUiS592c9kb9hW1jq-MNPo/s1600/Banner+88+x+31.png'/>
</a>
<a href='http://satria-cyber.blogspot.com' target='_blank'><img alt='satria' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiETHb7-F65ZiuWJSM1z2pPNW527XMF1nhT4WXQdw-2KzHuvAeIsrYjdWfkFMTOf6IjoSIaWl9-liaVYTbVaugGSFCtMaE-GVmEknKUcAlhJ6VBIDr_gkneXG193EVIoWDfnI9PdQ4aivdZ/s1600/th_BxfFe_zpsd9db7e4b+(1).png'/>
</a>
</div></div>

  •  Dan script Ini letakkan di atas Tag </head>
<script src='https://xkresssx-technology.googlecode.com/files/trick%20mini%20banner%20by%20rendy.js' type='text/javascript'/>

  •  Dan Nih Css Untuk Ngatur Judul Widget nya
#XTaffliates h2{font-size:17px;border-radius:6px 6px 0 0;line-height:30px;text-align:center;font-family:'Harrington',cursive;font-weight:normal;margin:auto;color:#fafafa;padding:3px 5px;padding-left:15px;background:url(http://i.imgur.com/AktLGbO.png) no-repeat;margin-top:2px;text-shadow:1px 1px 1px #362c30;text-transform:uppercase;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out}


  • Itu Semua Tinggal Kamu Edit Saja... 

NOTE  :
  1. Tulisan Yang aku beri warna merah itu kamu atur saja dengan keinginan kamu
  2. Saya tidak bertanggung jawab atas kerusakan template anda
  3. Dan jangan lupa comment ya ? :D
  4. Mau Copas? Sertakan Sumber nya !!
  5. Slot Banner nya Hanya Pas 16 Banner
READ
google

Kuchiyose .. *Pusss 
Sudah Berapa Minggu XkresssX Technology Tidak Update Posting ? Ayoo Ada Yang Tau ?? Wkwkwkwkwk .. Gw Juga Lupa Sih Berapa Lama Blog Ini Tidak Melakukan Update Posting ? XD #Masa Admin nya Sendiri Lupa ?? *plakkkk :o
Oke Seiring nya aku mau Ujian Try Out Besok .. Gw akan Sempetin Share Artikel Nih :v Hhaahah, Terakhir Gw Post Template kan ? Udah Di pake Belum ? XD Klo Blom Klik ini untuk memakai nya #gw juga gk maksa lu mau pakai apa gk ?? :P
Nahh ..! Sekarang gw akan share Sedikit Trick Nih .. :D , Walaupun Ini Trik Nya udh banyak yang tau di google/ Di Blog² org lain tpi gw share lg krna biar gk mendem nih trik ... XD
Pasti Penasaran Kan Gimana Costom Pencarian Google Untuk Di pasa Di blog ..
Nih ScreenShot nya .. 


                                   mesin

Click For See Full Image

Nah Gimana ? Pasti nya Kamu InginKan Seperti Ini ? :v
Ini Sedikit Sama Dengan Pencarian Google Yang Asli
Oke Lansung Masuk Saja Ke Trik Nya
Pertama² kamu Harus Membuat Nya Dulu Di google
  • Klik Di sini Untuk Membuat nya 
  • Di Sebelah Kiri Atas Klik Tulisan "Mesin Telusur Baru"
  • Seperti Gambar Di Bawah Ini

telusur

  • Sudah Kamu Klik Lalu Akan Masuk Ke Halam Baru
  • Isi Formulir Nya Seperti Gambar Di Bawah Ini 

Buat Mesin

  • Langkah Selanjutnya Klik Tulisan "Buat"
  • Dan akan di alihkan ke halaman baru , nah di halaman ini kamu akan mendapatkan Script Mesin Telusur Kamu
Buat Mesin Sendiri
  • Copy Semua Script Itu Dan Buatlah Laman Baru Di blog kamu
  • Cara Membuat Laman Nya 


google search
  • Klik Tulisan Laman Kosong
  • Lalu Pastekan Script Ny di Kotak Besar #Jangan Lupa Klik HTML di bagian kiri Atas Sperti yang ku beri panah ini Dan Save Dengan judul "search"


pencari

  • Lalu Klik Publikasi kan ..
  • Nah Di Sini Kamu Sudah Selesai Membuat Lama Pencarian kamu Untuk Di redirect nnti di kotak pencarian kamu 
  • Nah Kita Modifikasi Sedikit Seperti Punya Ku Itu XD #Apa Kalian Tau Apa yang ku maksud ? :v Klo Tidak Ketik Aja Di kotak pencarian ku dan enter nnti akan di redirect ke lama pencarian ku nah itu yg ku maksudkan ..

  • Okey Di sini Kita akan Memakai Css Search nya Bang Johanes XD
  • Copt CSS ini dan pastekan Di Atas kode ]]></b:skin>
/* Kotak Pencarian */
#search input[type="text"]:hover{width:350px;box-shadow:0 00 7px black}#search input[type="text"]{background:#0800a2 url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpUtwskgIumtHpPjk-eqAc6pIQiCqM5RTon4gsq9ZvO8QNGk8mto3h1EE7NlH9C_Emk0f0N59pidtdHySvy2RyuDOY7Xqm5gqR0WUvEvlwXe8c4Qvmt4wbsnbVgVtZutEVgKQ6VBCCqyQ/s1600/SEARCH_32x32-32.png")no-repeat center left;border-radius:10px;font-size:14px;color:#fff;width:285px;padding:10px 0px 11px 35px;z-index:200;border:1px solid #0800a2;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;margin-bottom:-1px;position:absolute;top:305px;right:7px}

  • Kamu Edit  Sendiri CSS nya :P
  • Next ... Copy HTML ini 
<form action='/p/search.html' id='search' method='get'>
<input name='cx' type='hidden' value='015736715204910340629:ct_zk0ikzvg'/>
<input name='cof' type='hidden' value='FORID:10'/>
<input name='ie' type='hidden' value='UTF-8'/>
<input name='q' placeholder='Search Somethings..' size='40' type='text'/>
</form>
Note : 
Tulisan Yang Ku beri Warna Kuning itu Adalah url untuk redirect halaman Pencarian Kamu ..
Dan yang Warna Merah kamu ganti dengan ID Kostum pencarian kamu .. #Bila Tidak Tahu Cara nya Liat Gmbr di atas yg ku beri "ID TELUSUR KAMU" itu dia ID nya

Nah Langkah Terakhir nya Save Dan coba kamu ketikkan sendiri apakah berhasil atau tidak ??
Bilang Masih bingung Tolong Berkomentar ya .. Kalo nanya ama gw di chat fb males gw bales XD

Sekian Dari Postingan Ku :D Happy Reading :v
READ
sss

XkressX Technology- Malam ^o^
Dari Sekian Teman Di Facebook Banyak Yang Nanyain "Script Recent Post/Headline Yang Valid HTML Dimana kak?" dan ini lg "Minta Script Recent Post Yang Valid HTML5 Dong" Gw Jawab "Di Encrypt Aja" Tapi belom Banyak Yang Tau Encryt itu apa -.- Oke Lah Mending Gw Share Aja nih Script Recent Post Valid HTML5 ^_^

Kebanyakan Org Menemukan Script Nya Sepert Ini

<script src='http://xkresssx-technology.googlecode.com/files/Recent%20Post%20By%20Rendy.js'/>
<script>var numposts = 6; var showpostdate = true; var showpostsummary = false; var numchars = 100; </script>
<script src='/feeds/posts/default?orderby=published&amp;alt=json-in-script&callback=rp'>
</script>
Pasti Pas Di Cek Di Validator Eror nya Di orderby=published&alt=json-in pas di liat di Web Validator di suruh " & " Di Ganti Dengan " &amp; " pas kita liat di edit HTML tanda " & " nya udh jdi " &amp; " nah tpi di validator di suruh ganti &amp; kenapa tuh ? :o
Dan gw Coba² cara lain tetep gk bsa ehhh... gw coba di Encrypt Pake HTML Encrypter eh gk eror lagi malah jdi Valid :D bilang kamu gk tau yg mau di encrypt yg mana nih gw kasih tau
yang di encrypt cuku script yg ini

<script src='/feeds/posts/default?orderby=published&amp;alt=json-in-script&callback=rp'>
</script>
Dan Di Encrypt jdi gini

<script>document.write(unescape(&quot;%3C%73%63%72%69%70%74%20%73%72%63%3D%27%68%74%74%70%3A%2F%2F%78%6B%72%65%73%73%73%78%2D%74%65%63%68%6E%6F%6C%6F%67%79%2E%62%6C%6F%67%73%70%6F%74%2E%63%6F%6D%2F%66%65%65%64%73%2F%70%6F%73%74%73%2F%64%65%66%61%75%6C%74%3F%6F%72%64%65%72%62%79%3D%70%75%62%6C%69%73%68%65%64%26%61%6C%74%3D%6A%73%6F%6E%2D%69%6E%2D%73%63%72%69%70%74%26%63%61%6C%6C%62%61%63%6B%3D%72%70%27%3E%0A%3C%2F%73%63%72%69%70%74%3E&quot;));</script> 

Gimana Udh Tau kan ?? oke supaya Gk RibeT Gw kasih aja langsung script yg udh di encrypt

 <script src='http://xkresssx-technology.googlecode.com/files/Recent%20Post%20By%20Rendy.js'/>
<script>var numposts = 6; var showpostdate = true; var showpostsummary = false; var numchars = 100; </script>
<script>document.write(unescape('%3C%73%63%72%69%70%74%20%73%72%63%3D%27%2F%66%65%65%64%73%2F%70%6F%73%74%73%2F%64%65%66%61%75%6C%74%3F%6F%72%64%65%72%62%79%3D%70%75%62%6C%69%73%68%65%64%26%61%6C%74%3D%6A%73%6F%6E%2D%69%6E%2D%73%63%72%69%70%74%26%63%61%6C%6C%62%61%63%6B%3D%72%70%27%3E'));</script>
Script Itu Kamu Taro Di mana Saja Kamu Mau :D
Oke Sekian Dulu ya ? Copas Sertakan Sumber Jangan asal emabat aja =="
Comment ya gk Comment Bata Melayang :o XD

READ

Script Recent Post Valid HTML5

Rabu, 02 Januari 2013
Author : Rendy Note Comments : 32
ee

Hay Sob !!
Ketemu Lagi Nih Ama Admin XD oke Skrg Admin Mau Posting IDS Twitter Terbaru 23 Desember 2012 hehehe... cepet sobb masih anget nih XD ayoo coba cepetan sebelum udh gk anget lg nnti jdi basi lho !! wkwkwkwkw gogogog... hurry !!

Link : http://tny.cz/92d2d380 (1000+)
Password : rendyfollowtwitter
Tools : Klik !

UPDATE !!!
Password : rendyfollowtwitter
Tools : Klik !

UPDATE 31 DESEMBER 2012
Link : http://tny.cz/250ef6a3 1000+
Password : rendyfollowtwitter
Tools : Klik !

UPDATE SPECIAL TAHUN BARU !
Password : rendyfollowtwitter
Tools : Klik !

UPDATE IDS 2 JANUARI 2013
Password : rendyfollowtwitter
Tools : Klik !

UDPATE IDS 3 JANUARI 2013
Password : rendyfollowtwitter
INGET Jangan Pake Yang PUNYA ZOMBIEE (http://twittertoolkits.com/tools/massfollow.php) 
klo pake itu nnti password nya di ganti trus followers mu akan berkurang !!





Oke Gk Perlu Panjang² krna admin bnyk urusan :D
Bye Sun Dulu Ah :*

READ

IDS Twitter Terbaru [UPDATE]

Minggu, 23 Desember 2012
Author : Rendy Note Comments : 22
d


Hay Sob !!
Ketemu Lagi Nih XD 
Soory Ya Jarang Positng krna admin waktu kemarin ngurusin cara install windows 8 admin bingung² gmna cara nya tapi pas ane tanya di Grup :Deezclan Ternyata Ada Yang Bantu ^_^, Thanks Dah Buat Member :Deezclan , Dan Sudah Terinstall Windows 8 nya, Terus Katanya Suruh Aktivin Dulu T_T Admin Muter Nyari Di Google Eh Ketemu ^_^ Emang Hebat Dah Mbah Google Oke Skrg Admin Akan Share "Cara Aktivasi Windows 8 Pro (Permanent)" ini cara nya WORK 100% Tested By Admin Oke Langsung Aja Ke Cara nya :D
  • Catat/ Copy Serial Key Ini NG4HW-VH26C-733KW-K6F98-J8CK4
  • Buka CMD ADMIN
  • Ketik: slmgr /ipk [KMS Key] tekan Enter. Nanti ada kata-kata “Input key successfully…”
  • Ketik lagi di CMD: slmgr /skms [KMS server] Kms Server NyA Pilih Salah Satu  http://tny.cz/8e2f12a7 Tekan Enter. Nanti muncul kata-kata: “Successfully set KMS host to…”
  • 5. Ketik lagi di CMD: slmgr /ato Tekan Enter. Tunggu proses aktivasi. Jika berhasil nanti muncul pop up: “Product activated successfully” seperti ini:

sa

Dan Selamat Windows Anda Sedah Aktif ^_^

dd

Kalau Perlu Restarl Komputer/PC anda Supaya Lebih Fresh !! XD

Oke Sekian Tutorial nya Bye :*

READ

Cara Aktivasi Windows 8 Pro (Permanent)

Sabtu, 22 Desember 2012
Author : Rendy Note Comments : 28
qd

Hai Sobat !! soory jarang posting ya :D
oke kali ini XkresssX Technology Akan Mempostingkan Sesuatu Yaitu "Script Lazy Load" Kalian Tau Kan Script Lazy Load ? Script Ini Berfungsi Untuk Mempercepat loading blog (tpi gk tau sih ini work apa gk) wkwkwk blog ini juga pake script itu XD , Oke Langsung Ke Point Nya Walaupun Postingan Ini udh Mainstream ! tpi gw post balik agak tidak di lupakan kwkwkkw :D

  • Login Ke Blogger
  • Masuke Ke template
  • Klik Edit HTML
  • Cari Kode </Head> Dan Pastekan Script Lazy Load Ini Di atas kode tadi
<script charset='utf-8' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script src='https://sites.google.com/site/xkresssxtechnology/jojonrendy/LoAding%20Faster%20By%20Rendy.js' type='text/javascript'/>
<script>
$(function() {
$(&quot;img&quot;).lazyload({placeholder : &quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLI_r2xWBYiHCyhiisgK2zluSo_hLeXsRb08T5javq5GjMe-QVLmGJ9X3tzvKdty7t4Qvrm09zjvZDN4rQU_XN4B_Gzv2EnHCz3kKydSXtuSEsFNW1r_W0EaBEEpIX6L-TlOu8DKRZn4k/s1600/loading.png&quot;,threshold : 200});
});
</script>
 Kalau Sudah Simpan !! Dan Bandingkan lah loading blog anda yg slbm pake scrip lazy load ini dengan yang sudah memakai script lazy load ini ! bila ini mengecek klik di sini

Oke Sekian Bye :*
READ

Script Lazy Load

Rabu, 19 Desember 2012
Author : Rendy Note Comments : 21
post

Hay !
Udah lama Gk ketemu Nih :D heheehe.. Maaf Ya Jarang Posting :D Tugas Sekolah Numpuk Hampir Segunung T_T XD Oke Lah Postingan Kita Kali Ini Tentang Tips And Trick Blogger :) Yang Berjudul, 'Tips Membuat Related Post Dengan Thumbnail' sebenar nya Artikel Ini Memang Sudah Lama Dan Sudah Banyak Di kenal, Saya Sengaja Memposting Ulang Agr Sobat Blogger Tau ! :D Oke Langsung Ke Tuturial nya :)

  • Login Blogger (klo gk punya blog gmna cara bikin nya --")
  • Masuk Ke Menu Template
  • Centang "Expand Template Widget"
  • Lalu Cari Kode </head> dan letakkan CSS di bawah ini Di atas Kode Tadi
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
#related-posts { float:center; text-transform:none; height:100%; min-height:100%; padding-top:5px; padding-left:5px; } #related-posts h2{ font-size: 20px; font-weight: bold; color: white; font-family:&#39;Baumans&#39;, sans-serif; margin-bottom: 0.75em; margin-top: 0em;margin-left:63px; padding-top: 0em; } #related-posts a{ color:white; } #related-posts a:hover{ color:#1d2124; } #related-posts a:hover { background-color:#1d2124; }
</style>
</b:if>
Selanjut Nya Kamu Atur Sendiri CSS nya :P

Dan Ini Script nya Letakkan Juga Di atas Kode </Head> tadi

<script type='text/javascript'>/*<![CDATA[*/var defaultnoimage=&quot;http:var maxresults=7;var splittercolor=&quot;#0000&quot;;var relatedpoststitle=&quot;See More Aritcle&quot;;/*]]>*/</script>
<script src='http://goo.gl/uCDCV' type='text/javascript'/> 

Dan Ini HTML nya Letakkan Di bawah Kode Data:Post.body

<b:if cond='data:blog.pageType == &quot;item&quot;'> <div id='related-posts'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != &quot;true&quot;'> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'> <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop> <script type='text/javascript'>var currentposturl=&quot;<data:post.url/>&quot;;var maxresults=7;var relatedpoststitle=&quot;See More Article&quot;;removeRelatedDuplicates_thumbs();printRelatedLabels_thumbs();</script> </div><div style='clear:both'/></b:if> 

Selebih Nya Kamu Atur Sendiri :P

Oke Sekian Tutorial Nya :D

READ

Membuat Related Post Dengan Thumbnail

Selasa, 11 Desember 2012
Author : Rendy Note Comments : 11
Hay Sobat X-T :)
Giaman Kabar Kalian Nih Sekian Lama Udh Gk Bertemu Sama Admin Yang Paling Ganteng Ini wkwwkkwkw.... Sekian Lama XkresssX Technology Tidak Posting Tentang Blog Dan Sekarang XT Akan Posting Tentang Tutorial Blog Yang Berjudul Cara Membuat Kotak Admin Dengan CSS Mau Lihat Screen Shot nya ? Ini Dia :

Klik Bilan Ingin Di Perbesarkan

Tutorial nya :
Login blog
Template
Dan Pastekan CSS Ini Di Atas ]]</b:skin>
/* Profile Bala Bala By XkresssX Technology */
#widgetprofilext{position:relative;float:left;margin-top:auto;margin-left:1px;margin-bottom:auto;padding:5px;width:880px;height:138px;display:inline;background:#01066a;border-top:5px solid #fff;border-bottom:5px solid #fff;border-right:5px solid #fff;border-left:5px solid #fff;-webkit-border-radius:18px 18px;-moz-border-radius:18px 18px;border-radius:18px 18px;font-family:'Baumans',cursive;font-size:13px;text-shadow:1px 1px 1px #000,-1px 1px 1px #000,-1px -1px 1px #000,1px -1px 1px #000;color:#000}#widgetprofilext img{border:4px solid #fff;border-radius:10px}
Dan Cari Kode <div id='footer'> atau <div id='footer-wrapper;>
Dan Letakkan Ini Di Atas nya
<!--- Kotak Admin Di Buka ---!>
<div id='widgetprofilext'>
<div style='color:white;padding:5px;text-align:justify'>
<a href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigMMzglFrc_N9_VEADf_VPGrMLQMfhaAE1LGv3CwkeRsdkL2IkJNbUTRSaiyY5ZmOvQ56arRa7oENYLzDBh1VJJYjnyuuHvG89OuJEoE40ne5WF-gedy9PcSkmjssCMIkptlaguJwJTPKQ/s220/407316-94380-sharingan_super.png' imageanchor='1' style='clear:left;float:left;margin-right:5px;margin-top:10px'><img height='110' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigMMzglFrc_N9_VEADf_VPGrMLQMfhaAE1LGv3CwkeRsdkL2IkJNbUTRSaiyY5ZmOvQ56arRa7oENYLzDBh1VJJYjnyuuHvG89OuJEoE40ne5WF-gedy9PcSkmjssCMIkptlaguJwJTPKQ/s220/407316-94380-sharingan_super.png' width='110'/></a>Any TExt Here <a href='http://www.blogger.com/profile/00801749968082528459'>Lihat Profil Lengkap Ku</a></div></div>
<!--- Kotak Admin Di Tutup ---!>

Yang Berwarna Merah Kamu MAsukan Kata² Yang Kamu InginKan :)

Oke Sekian Tutorial nya :)

READ

Cara Membuat Kotak Admin Dengan CSS

Jumat, 19 Oktober 2012
Author : Rendy Note Comments : 38
Hai Sobat X-T :D
Ketemu Lg Kita XD haahah Admin Jarang Post Karna Admin Bingung Mau Ganti Domain Apa tidak ? Karena Masa Berlaku Domain Blog Ini Dikit Lagi Mau Habis 15-May-2013 :'( Dan Minggu Depan Admin Akan UTS :D hehehe Tapi Apa Pendapat Apakah Blog Ini Harus Ganti Domain apa Tidak ?? Tolong Jawab Ya :D Oke Sekarang Admin Akan Membahas Cara Mengetahui Masa Berlaku Domain Heheh Admin Lagi Jalan² Ke Google Eh ketemu Ini Deh XD Oke Langsung Aja Ke Tutorial nya :


  • Pertama Masuk Ke Sini
  • Dan Masukan Nama Domain Sehingga Seperti ini 

  • Dan Klik Whois Look Up !
  • Dan Kamu Akan Di Alihkan Ke Sini

Updated Date: 15-may-2012 = Tanggal Kamu Memperpanjang Domain
Creation Date: 15-may-2012 = Tanggal Kamu Membuat Domain
Expiration Date: 15-may-2013 = Masa Berlaku Domain Kamu !

Mudah Kan ?? 
Bila Masih Keliru Silahkan Berkomentar :)




READ

Cara Mengetahui Masa Berlaku Domain

Selasa, 09 Oktober 2012
Author : Rendy Note Comments : 12
Hay Sobat X-T :)
Gimana Kabar Nya ?? Sehat Aja?? hahaha Sekarang Admin Mau Post Nih ._. Karna Banyak Yang Nanya² Cara Memebuat Gambar Bergerak Di Sidebar Admin Ambil Keputusan aja untuk Posting Tutorial Ini Dari Pada Banyak Yang Nanya Kayak Bocah .. Mending Lihat aja Nih Tutorial nya :)


  • Login Blogger Sobat
  • Masuk ke Tata Letak
  • Klik Tombol Edit Di Element Yang Mau Di Jadikan Bergerak
  • Masukin Script Marquee Ini Di dalam Kotak Elemnt Yang Mau Kamu Edit !
<marquee onmouseout="this.start()" direction="up" align="center" scrollamount="2" onmouseover="this.stop()" width="100%" height="201"> Kode Lain Balalalallalal </marquee>

  • Letakkan Di Atas Nya Sehingga Jadi Seperti Ini : 

  • Dan Ini Sebagai Penutup Script Nya :



Terakhi Simpan !!
Dan Lihat Di Sidebar SobaT Apakah Banner Nya Sudah Bergerak ??XD
Dan Ingin Lihat Demo Nya ada di Sidebar Blog ini :) 
Bila ada Yang Ingin Di tanyakan Berkomentar Lah !! kwwkkw...
Sekian !

READ
Hay Sobat  XT
Ketemu Lagi Yah Di blog XT XD
Soory admin jarang Ngepost :v karna lg Mempelajari Tampilan Baru Blogger :) hahaah udh 2 hari admin gk Ngepost Tentang Tutorial Blog :) oke lah admin akan member tutorial blog yaitu : Cara Membuat Petunjuk Chat Box Dengan Gambar Monyet XD haahha pengen liat contoh nya ?? Lihat Di gambar di atas itu :)

Mau tutorial nya ??
Oke Let's Go :

  • Login blogger
  • klik tanda panah ke bawah dekat tulisan 'Lihat Blog'
  • Pilih Template
  • Pilih Edit HTML
  • Lalu Klik Lanjutkan
  • Cari Kode ]]></b:skin> Letakkan CSS ini Dia atas nya
ul#XTchat{position:fixed;margin:0;padding:0;top:150px;left:0;list-style:none;z-index:9999}ul#XTchat li{width:0}ul#XTchat li a{;display:block;margin-left:-142px;margin-top:105px;width:195px;height:60px;font-family:Cooper Std,cursive;font-size:10px;text-align:center;text-shadow:1px 1px 1px #000,-1px 1px 1px #000,-1px -1px 1px #000,1px -1px 1px #000;color:#fff;background-image:url(http://www.laymark.com/l/m/m120.gif);border:4px solid transparent;-moz-border-radius:0 10px 10px 0;border-radius:0 10px 10px 0;box-shadow:0 0 15px #fff;opacity:.9;filter:alpha(opacity=90);background-repeat:no-repeat;background-position:right;background-size:50px}ul#XTchat li a:hover{;display:block;margin-left:-55px;margin-top:105px;width:195px;height:60px;mememaker.net font-size:10px;text-align:center;text-shadow:1px 1px 1px #000,-1px 1px 1px #000,-1px -1px 1px #000,1px -1px 1px #000;background-image:url(http://www.laymark.com/l/m/m120.gif);border:4px solid #cbcbcb;-moz-border-radius:0 10px 10px 0;border-radius:0 10px 10px 0;box-shadow:0 0 15px #fff;opacity:.9;filter:alpha(opacity=90);background-repeat:no-repeat;background-position:right;background-size:50px}ul#XTchat
Kamu Edit Sendiri Ya Semua nya :)

  • Lalu Cari Kode <body> Letakkan HTML ini Di bawah nya 
 <ul id='XTchat'>
<li class='Chat'><a href='http://www.cheatermaninjau.net/p/blog-page_07.html' title='Chat'><h3>Chat Box</h3></a></li></ul>

Sblm nya Klik Pertinjau klo berhasil Simpan Bila Tidak Harap Berkomentar :)

READ

Cara Membuat Petunjuk Chat Box

Minggu, 23 September 2012
Author : Rendy Note Comments : 12
Hay Sobat XT
Kemarin Admin Share Template Blue Transparent CSS V3 kan ? Mau Di beli gk ?? Murah Kok Harga nya 5rb via pulsa as :) Bila Minat Contact Admin Click Here Oke Admin Akan Share Cara Membuat Blog Banyak Komentar.

Siapa sih yang tidak ingin mempunyai banyak komentar pada blognya ? Biasanya pada blog-blog yang masih baru akan sangat sulit mempunyai banyak komentar pada artikelnya. Lalu bagaimana sih tips dan trik untuk memiliki banyak komentar pada setiap artikel blog kita ? Berikut beberapa tips yang dapat saya sampaikan menurut pengalaman saya sendiri.

1. Blogwalking

Cara ini memang sudah terdengar populer di kalangan blogger, Blogwalking adalah semacam mengunjungi blog orang lain selain blog yang kita punya. Namun saat kita melakukan blogwalking, saya sarankan jangan hanya membuka blog orang tersebut dan mengisi Cbox / ChatBox saja. Usahakan untuk berkomentar pada salah satu artikel yang kita kunjungi, maka Admin blog pun akan berkomentar balik ke blog kita.

2. Hilangkan Widget Cbox / ChatBox

Dengan menghilangkan widget ini, orang yang tadinya hanya bisa menyebar spam dan berkomentar pada chatbox akan beralih berkomentar pada artikel kita.

3. Hilangkan Fitur Capcha

Captcha pada moderasi komentar memang bagus untuk menghindari atau meminimalkan komentar-komentar yang bersifat spam, Namun jika kita menghilangkan Capcha ini akan mendapatkan efek yang sangat besar karena orang-orang biasanya suka malas mengisi capcha itu sendiri (termasuk saya sih :p hehehe).

4. Komentari Artikel Blog Lain

Berkomentar pada blog orang lain adalah untuk menghargai admin blog tersebut, jika kita berkomentar pada salah satu artikelnya, admin juga akan membalas komentar ke blog kita namun etika berkomentar juga jangan dilupakan seperti berkomentar sesuai artikel, bersifat sopan, tidak mengandung SARA. Jangan hanya berkomentar seperti "pagi :)" "good", dan lain-lain.

5. Jangan Ragu Untuk Meminta Komentar

Janganlah ragu atau malu untuk meminta komentar orang lain terhadap artikel-artikel kita. Blogger baru seperti saya pun sesekali meminta orang lain berkomentar pada blog saya jika tidak begitu maka blog ini pun seperti kuburan hehehe.

6. Balas Setiap Komentar

Setelah orang lain berkomentar pada artikel kita, usahakan untuk membalas setiap komentar yang ada. Selain untuk menghargai pengunjung blog kita, dengan membalas komentar tersebut akan membuat pengunjung senag terhadap komentar-komentar yang bersifat pertanyaan.

7. Pasang Atribut Do Follow

Yah tidak ada salahnya juga kan mengubah blog yang kita punya menjadi blog do follow untuk berbagai Link gratis, selain berguna untuk menarik perhatian pengunjung blog, blog Do Follow juga memiliki berbagai macam kegunaan lain seperti dapat meningkatkan traffic blog kita. Namun jangan lupa gunakan fitur moderasi komentar yakni komentar harus di setujui terlebih dahulu tanpa menggunakan fitur capcha yah.

8. Gunakan Kosakata Yang Baik

Pengunjung blog kita biasanya tidak hanya ada di dalam negeri namun dari seluruh dunia, jadi saya sarankan kamu untuk menggunakan kosakata yang baik dan benar agar jika kita memiliki fitur penerjemah seperti google translate, orang lain dari luar negeri dapat mengerti artikel yang kita tulis.

9. Buat Pengunjung Penasaran

Loh kok membuat pengunjung penasaran ? yap hal ini juga berguna loh, misalkan kita membuat suatu artikel yang bersifat lanjutan seperti "jalan-jalan ke kota tua bagian 1". Dengan membuat artikel seperti itu, pengunjung akan tertarik untuk berkomentar karena penasaran dengan cerita selanjutnya tetapi kita juga harus membuat artikelnya yang bagus dan bermanfaat bagi orang lain sehingga pengunjung betah berlama-lama di blog kita.

10. Beri Judul Yang Kontroversial

Tidak dapat diragukan jika kita memasang judul yang kontroversial terlebih lagu berbagai macam isu yang sedang hangat di masyarakat akan membuat pengunjung terpancing untuk berkomentar pada artikel kita walaupun komentar tersebut akan bersifat positif atau negatif dan jika ada komentar yang terlalu negatif kita juga bisa menghapusnya secara manual. ya walaupun cara ini tidak saya anjurkan namun hanya saya beritahu hehe.

Itulah beberapa tips dari saya sendiri dan jika teman-teman sekalian ada yang punya ide untuk membuat blog kita banyak komentar bisa kamu ketik komentar kamu di bawah ini. Pertanyaan, kritik, saran juga boleh di ketik di kotak komentar dibawah ini :)

Sumber
READ

Cara Membuat Blog Banyak Komentar

Kamis, 20 September 2012
Author : Rendy Note Comments : 15
Hay Sobat X-T :)
Hmm Udh lama Ya Admin gk poting Tentang Tutorial Blog ?? XD karna admin lg banyak urusan jdi maaf ya klo jarang posting :) oke kini kita membahas tentang Read More Kamu Tau kan Fungsi Read More Untuk Blog ?? heheh .. tpi klo Read biasa pasti letakk nya di bawah kan ?? hehe klo readmore ini letakk nya di tengah² postingan blog ;) mau tau tutorial nya ?? oke cekidot !!
  • Login Blogger Sobat
  • Masuk Ke Rancangan
  • Masuk Ke Editing Html
  • Centang Expand template widget
  • Cari Kode ]]></b:skin> Pastekan Css Di bawah Ini Di atas Kode Tersebut
/* CSS Read More */
a.XTREAD{opacity:1.0;float:right;font-size:23px;font-family:'Cooper Std',cursive;text-shadow:1px 1px 1px #000,-1px 1px 1px #000,-1px -1px 1px #000,1px -1px 1px #000;color:#fff;height:80px;width:129px;margin-top:-120px;margin-right:257px;position:center;padding:5px;border:3px solid #000;background:#0005cf;-webkit-border-top-left-radius:10px;-webkit-border-bottom-left-radius:10px;-webkit-border-bottom-right-radius:10px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;-moz-border-topleft-radius:10px;moz-border-bottom-left-radius:10px;-moz-border-bottomright-radius:10px;-o-border-top-left-radius:10px;-o-border-bottom-left-radius:10px;-o-border-bottom-right-radius:10px;text-align:center;line-height:84px;-webkit-transition:all .9968s ease-out;-moz-transition:all .9968s ease-out;-ms-transition:all .9968s ease-out;-o-transition:all .9968s ease-out;transition:all .9968s ease-out}a.XTREAD:hover{opacity:1.0;float:right;font-size:23px;font-family:'Cooper Std',cursive;text-shadow:1px 1px 1px #000,-1px 1px 1px #000,-1px -1px 1px #000,1px -1px 1px #000;color:#fff;height:80px;width:129px;margin-top:-120px;margin-right:257px;position:relative;padding:5px;border:3px solid #000;-moz-box-shadow:0 0 29px #0003cf;-webkit-box-shadow:0 0 29px #0003cf;box-shadow:0 0 29px #0003cf;background:#0005cf;-webkit-border-top-left-radius:10px;-webkit-border-bottom-left-radius:10px;-webkit-border-bottom-right-radius:10px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;-moz-border-topleft-radius:10px;moz-border-bottom-left-radius:10px;-moz-border-bottomright-radius:10px;-o-border-top-left-radius:10px;-o-border-bottom-left-radius:10px;-o-border-bottom-right-radius:10px;text-align:center;line-height:84px;-webkit-transition:all .9968s ease-out;-moz-transition:all .9968s ease-out;-ms-transition:all .9968s ease-out;-o-transition:all .9968s ease-out;transition:all .9968s ease-out}a.XTADD{opacity:1.0;float:right;font-size:20px;font-family:'Cooper Std',cursive;text-shadow:1px 1px 1px #000,-1px 1px 1px #000,-1px -1px 1px #000,1px -1px 1px #000;color:#fff;height:80px;width:129px;margin-top:-120px;margin-right:60px;position:relative;padding:5px;border:3px solid #000;background:#0005cf;-webkit-border-top-left-radius:10px;-webkit-border-bottom-left-radius:10px;-webkit-border-bottom-right-radius:10px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;-moz-border-topleft-radius:10px;moz-border-bottom-left-radius:10px;-moz-border-bottomright-radius:10px;-o-border-top-left-radius:10px;-o-border-bottom-left-radius:10px;-o-border-bottom-right-radius:10px;text-align:center;line-height:84px;-webkit-transition:all .9968s ease-out;-moz-transition:all .9968s ease-out;-ms-transition:all .9968s ease-out;-o-transition:all .9968s ease-out;transition:all .9968s ease-out}a.XTADD:hover{opacity:1.0;float:right;font-size:20px;font-family:'Cooper Std',cursive;text-shadow:1px 1px 1px #000,-1px 1px 1px #000,-1px -1px 1px #000,1px -1px 1px #000;color:#fff;height:80px;width:129px;margin-top:-120px;margin-right:60px;position:relative;padding:5px;border:3px solid #000;-moz-box-shadow:0 0 29px #0003cf;-webkit-box-shadow:0 0 29px #0003cf;box-shadow:0 0 29px #0003cf;background:#0005cf;-webkit-border-top-left-radius:10px;-webkit-border-bottom-left-radius:10px;-webkit-border-bottom-right-radius:10px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;-moz-border-topleft-radius:10px;moz-border-bottom-left-radius:10px;-moz-border-bottomright-radius:10px;-o-border-top-left-radius:10px;-o-border-bottom-left-radius:10px;-o-border-bottom-right-radius:10px;text-align:center;line-height:84px;-webkit-transition:all 1s ease-out;-moz-transition:all .9968s ease-out;-ms-transition:all .9968s ease-out;-o-transition:all .9968s ease-out;transition:all .9968s ease-out}
Sisa nya Kamu Edit Sendiri Ya ??

  • Dan Cari Kode <data:post.body/> ( bila ada 3/2 pilih yang pertama ) 
  • Pastekan Script ini Di bawah nya 
<b:else/><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>
<div style='float:right'><a class='XTREAD' expr:href='data:post.url'> Read More </a></div><div style='float:right; margin-right:8px'><b:if cond='data:post.allowComments'> <a class='XTADD' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'> <b:if cond='data:post.numComments == 0'> Add Comment </b:if> <b:if cond='data:post.numComments == 1'> 1 Comment </b:if> <b:if cond='data:post.numComments &gt; 1'> <data:post.numComments/> Comments </b:if> </a> </b:if></div>
</b:if>
Sisanya Juga Kamu Editing Sendiri

Oke Sekian Tutorial nya :)
Bila ada yang perlu di tanyakan Harap Berkomentar oke :) 

READ
Hay Sobat X-T~

Artikel Cara cepat keluar dari google sandbox ini saya tulis berdasarkan pengalaman, saran dan bantuan dari teman blogger lainnya. Sebelumnya tidak lupa saya ingin menyampaikan terima kasih kepada kiosbisnis  juga kangmusa  dan tak lupa teman lainnya yang telah memberikan saran tentang Cara mudah keluar dari google sandbox . Akhirnya dengan tips-tips tersebut dan sedikit usaha sendiri artikelku sebelumnya yang terkena sandbox sudah bebas dari tahanan google. Boleh sobat ketahui artikel kontes SEOku yang berjudul Kucoba.com Tempat Add Bookmark sebelumnya terkena sandbox akibat optimasi berlebihan yang saya lakukan.


Nah dengan pengalaman itu saya akan kembali mencoba share pengalaman tentang bagaimana cara keluar dari google sandbox. Tips ini saya tulis berdasarkan saran dari teman lainnya dan juga hasil pengalaman sendiri karena biasanya setiap blogger mempunyai cara yang berbeda namun umumnya hampir sama.


  • Langkah Pertama

Berdo'a dahulu sebelum melakukan upaya untuk mengeluarkan artikel yang terkena google sandbox dan jangan patah semangat, karena biasanya jika artikel kena sandbox maka rasa semangat untuk mengeluarkan artikel itu dari tahanan google akan menurun.

  • Langkah Kedua

Berhenti dahulu melakukan optimasi terutama optimasi off page pada situs sosial bookmark, pasang iklan dan sejenisnya karena google terus memonitor artikel kita yang di anggap spam oleh google. Salah satu faktor terbesar artikel terkena sandbox adalah terlalu berlebihan/bersamaan dalam mengirim konten ke situs sosial bookmarking. Hal ini sangat besar pengaruhnya terkena sandbox. Juga hentikan dahulu optimasi dengan cara link exchange (link beruntun/berantai).

  • Langkah Ketiga

Lakukan pengeditan ulang pada artikel yang terkena google sandbox. Tambahkan beberapa kalimat atau bisa menghapus kalimat yang tidak begitu perlu, juga bisa menambahkan link (anchort text) atau kurangi link jika terlalu banyak. Pastikan tidak ada link not found. Dengan mengedit artikel itu maka bot google akan mengira bahwa artikel kita setidaknya telah di perbaiki (diupdate) sehingga google akan kembali memunculkan artikel yang terkena sandbox tadi di SERP.

  • Langkah Keempat

Buatlah Artikel Pendukung atau Review tentang terjadinya artikel yang terkena google sandbox dan berikan link menuju artikel yang terkena sandbox tersebut. Juga berikan link yang menuju ke Google  dalam artikel pendukung itu. (kamu bisa lihat contoh artikelku seperti ini : Akhirnya Saya Merasakan Google Sandbox ).

  • Langkah Kelima

Berikan backlink yang berkualitas minimal dari web yang ber PR 3 ke atas. Jika blog kamu sudah berpagerank 3 ke atas berarti itu bagus. Namun jika masih dibawah PR 3, kamu bisa bekerja sama kepada teman yang mempunyai blog yang berpagerank 3 keatas. Jika ini dirasa sulit, abaikan saja langkah ini.

  • Langkah Keenam

Berdo'alah kembali dan bersabar . Setelah kamu melakukan usaha seperti diatas, langkah terakhir dan terbaik adalah berdo'a dan bersabar karena semua usaha yang kita lakukan tanpa di barengi dengan do'a dan kesabaran kemungkinan besar akan sulit cepat sukses.
Sudah, segitu saja cara yang saya lakukan ketika berupaya mengeluarkan artikel yang terkena Google Sandbox . Alhamdulilah tidak lebih dari seminggu artikelku yang terkena sandbox kembali terindeks oleh google.

Memang jika terkena sandbox itu tidak menyenangkan, apalagi pas sedang mengikuti kontes seo yang lomba seonya sudah mendekati akhir. Hal ini tentu akan membuat bimbang karena takutnya usaha yang telah di lakukan akan sia-sia. Langkah terbaik adalah bersabar dan jangan putus asa dalam mengoptimasi artikel karena usaha yang terkerah kan terbayar pantas, indah hasil bila itu bukan jalan pintas. Insya Allah jika di usahakan dengan benar pasti akan memperoleh hasil yang di inginkan. Akhirnya, semoga bermanfaat.
READ

Cara Cepat Keluar Dari Google Sandbox

Selasa, 04 September 2012
Author : Rendy Note Comments : 0
Hay Sobat X-T
Apakah Google Sandbox effect itu ? Google Sandbox effect atau bahasa mudah di mengertinya adalah hukuman yang di berikan oleh Google untuk sebuah domain atau URL dari sebuah website/blog. Penjelasan lebih rincinya adalah mengenai suatu nama domain baru terdaftar pada dunia internet dengan perubahan-perubahan yang di lakukan oleh pemiliknya sehingga menjadikan domain itu memiliki peringkat yang tinggi secara drastis atau sangat cepat, hal ini google menganggap ada gejala yang tidak sewajarnya setelah dilakukan pengamatan dengan indikasi-indikasi tertentu bagaimana peringkat halaman web di indeks.

Google melakukan perhitungan dengan algoritma peringkat untuk memperbaiki posisi dari sebuah halaman sebuah web dengan melakukan penyaringan untuk mencegah memiliki dampak yang tidak baik “misal spam”.
Google sanbox ini biasanya berhubungan dengan umur sebuah website/blog dan daya saing kata kunci yang di perebutkan untuk di gunakan dalam link.

Google Sandbox effect ini mengacu kepada satu set filter dengan tujuan anti-spam yang sering dilakukan oleh pihak-pihak tertentu. Spam link ini biasanya dilakukan karena dorongan untuk mengoptimalkan mesin pencari untuk memanipulasi peringkat dari sebuah halaman web dengan cara membuat banyak inbound link ke situs web baru dari situs web lain yang mereka miliki (backlink).

Sanksi yang di berikan oleh Google untuk yang masuk kedalam Sandbox adalah penurunan secara dramatis peringkat pada SERP dan bisa tidak terindeks oleh google alias deindex. Hal tersebut karena Google sedang menahan web sampai bisa di buktikan kelayakan dari halaman tersebut mendapat peringkat yang baik.

Lalu bagaimana cara mengetahui sebuah domain atau website terkena Google Sandbox ?

Caranya adalah melalui situs google (www.google.com atau www.google.co.id) lalu dengan menambahkan di depan nama domain dengan kata “site:” (tanpa tanda kutip). misalnya pada mesin pencari google.co.id ketikkan site:trikblogger.com lalu liat hasilnya … bila masih terindeks dan google menampilkan isi halaman dari blog atau website kita berarti tidak terkena Google Sandbox. Tetapi sebaliknya bila tidak terindeks atau deindex pada mesin pencari google dengan mengetikkan site:namadomain.com maka telah dimasukkan ke Sanbox.

Catatan :

Sebagian besar situs-situs baru dimasukkan ke dalam Google Sandbox karena optimasi yang tidak sewajarnya. Jika sebuah situs web akan dimasukkan ke dalam Sandbox, biasanya membutuhkan waktu enam bulan sampai satu tahun untuk keluar dan ditempatkan di Search Engine Result Pages (SERPs).

Dengan Mengenal Pengertian Google Sandbox effect dan kerugian yang di timbulkan maka seorang blogger ataupun webmaster perlu mewaspadai dan perlu direncanakan dan dibangun dengan baik website/blog yang dikelola sehingga memungkinkan sebuah situs web baru terhindar dari Sandbox Google.

Semoga Bermanfaat ^o^
READ
Hay Sobat X-T
Hmmm Dah Lama Ya Admin Gk POosting lagi Tentan Blog XD saking lama nya Rank Alexa Blog Ini Turun Deh :'( hahahaha jdi bila ingin melihat postingan baru nya bisa lihat di sni XD Judulnya Cara Membuat Backlink Please Di Bawah Postingan Sbnr nya Admin Males Post Tutorial Ini Tapi Dari Pada Gk posting Nnti nya Rank Alexa X-T turun lg hihihi Oke Berikut Tutorial nya :D

  • login blogger
  • Masuk Ke Rancangan
  • Masuk Ke Edit HTML
  • Centang "EXPAND TEMPLATE WIDGET"
  • Lalu Pastekan CSS ini Di atas ]]></b:skin>
/* X-T CSS BackLinks */
#XTbacklinks{overflow:hidden;margin-top:5px;border:3px solid #0c00ff;border-radius:5px;height:50px;width:565px;-webkit-transition:all 0.4s ease-in-out;}
#XTbacklinks:hover{border:3px solid #0c00ff;height:235px;-webkit-transition:all 0.7s ease-in-out;}
.XTbkl{margin-top:3px;float:left;color:black;width:495px;border:1px solid #0c00ff;background:#fff;-moz-border-radius:3px;transition:all .9s ease-in-out;}
.XTbkl:hover{color:black;border:1px solid #0c00ff;background:#fff;}#XTbacklinksTitle{border:3px solid #0c00ff;text-shadow:1px 0 0 #000,-1px 0 0 #000,0 1px 0 #000,0 -1px 0 #000,1px 1px 2px #000;color:#0c00ff;font-size:20px;font-familly:Arial;text-align:center}
 Nanti Kamu Edit Sendiri Warna Border Nya ya ??

  • Lalu Cari Kode <data:post.body/> Pastekan Html Ini Di bawah nya
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='XTbacklinks' style='margin-top:30px;'>
<div id='XTbacklinksTitle'>
<a expr:href='data:post.url'><data:post.title/></a>
</div>
<div id='XTbacklinksTitle'>
Backlinks Please Thanks ^_^
</div>
<table border='0' height='140' style='margin-left:7px;' width='260'>
<tr><td>URL<br/><input class='XTbkl' expr:value='data:post.url' onclick='this.focus();this.select();' readonly='readonly' title='Press CTRL+C to copy' type='text'/></td></tr>
<tr><td>Code For Forum<br/><input class='XTbkl' expr:value='&quot; [URL=&quot; + data:post.url + &quot;]&quot; + data:post.title + &quot;[/URL] www.cheatermaninjau.net&quot;' onclick='this.focus();this.select();' readonly='readonly' title='Press CTRL+C to copy' type='text'/></td></tr>
<tr><td>HTML Code<br/><textarea class='XTbkl' onclick='this.focus();this.select();' readonly='readonly' style='height:18px;' title='Press CTRL+C to copy'><a expr:href='data:post.url' target='_blank'><data:post.title/></a></textarea></td></tr>
<tr><td><script src='#' type='text/javascript'/></td></tr>
</table>
</div>
</b:if>
Bila <data:post.body/> di template sobat ada 2 maka Plih Yang Kedua Bila Ada 1 Pilih Yang Ke 1

Simpan Dan Lihat Hasil nya :D

READ
Hay Sobat X-T
Cmiw !!
Udh 2 hari Admin Gk posting ya ?? XD karna admin pergi sama keluarga jalan² XD kwkwkwk hmm kemarin Admin posting Cara Membuat Cheat Open All In Shop Ninja Saga Dan Ninja SagaX kan ??  udh dibaca ?? udh di pratekin ?? udh di bkin ?? apa udh di tonton ?? XD klo udh di baca tolong tinggalkan Koment Juga ya ?? :D klo gk ninggalin koment admin males posting² ilmu jdi nya karna komentar sepi teruss -_- oke admin skrg akan Share Cara Buat Threaded Comment Di blog Seperti Punya admin Bisa kalian Lihat Gambar Nya Di atas :D Oke lah Gk usah panjang Lebar Berikut Tutorial nya :D


  • Log In Ke Dasbor sobat
  • Pilih Tab Template >> Edit HTML
  • Jangan lupa untuk centang "Expand Template Widget"
  • Lalu cari kode <b:include data='post' name='comments'/> , setelah ketemu ganti kode tersebut dengan kode beriktu : (Gunakan Fasilitas Find => Ctrl+F)
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
 Oyah, klo cara diatas masih belum berhasil, coba gunakan alternatif berikut :


  • Coba cari kode sperti berikut : (Pusatkan pencarian pada kode berwarna merah)
 <b:if cond='data:blog.pageType == &quot;static_page&quot;'><b:include data='post' name='comments'/></b:if>
    <b:if cond='data:blog.pageType == &quot;item&quot;'><b:include data='post' name='comments'/></b:if>

  •  Setelah ketemu, ganti kode tersebut dengan kode berikut
<b:if cond='data:blog.pageType == &quot;static_page&quot;'><b:if cond='data:post.showThreadedComments'><b:include data='post' name='threaded_comments'/><b:else/><b:include data='post' name='comments'/></b:if></b:if>
    <b:if cond='data:blog.pageType == &quot;item&quot;'><b:if cond='data:post.showThreadedComments'><b:include data='post' name='threaded_comments'/><b:else/><b:include data='post' name='comments'/></b:if></b:if>
Lalu Klik Simpan Dan Lihat Hasil nya :D

Bila Tombol Balas atau Reply Tidak Bisa Di klik
Ikutin Cara Berikut :


  • login blogger
  • masuk ke rancangan
  • klik edit html
  • Centang Expang Template Widget
  •  Cari kode yang mirip Seperti Ini
 <b:includable id='threaded_comment_js' var='post'>
<script defer='defer' expr:src='data:post.commentSrc' type='text/javascript'/>
<script type='text/javascript'>
(function() {
var items = <data:post.commentJso/>;
var msgs = <data:post.commentMsgs/>;
var postId = &#39;<data:post.id/>&#39;;
var feed = &#39;<data:post.commentFeed/>&#39;;
var authorName = &#39;<data:post.author/>&#39;;
var authorUrl = &#39;<data:post.authorUrl/>&#39;;
var blogId = &#39;<data:top.id/>&#39;;
var baseUri = &#39;<data:post.commentBase/>&#39;;
// <![CDATA[
feed += '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
var cursor = null;
if (items && items.length > 0) {
cursor = parseInt(items[items.length - 1].timestamp) + 1;
}
var bodyFromEntry = function(entry) {
if (entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
return '<span class="deleted-comment">' + entry.content.$t + '</span>';
}
}
}
return entry.content.$t;
}
var parse = function(data) {
cursor = null;
var comments = [];
if (data && data.feed && data.feed.entry) {
for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
var comment = {};
// comment ID, parsed out of the original id format
var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
comment.id = id ? id[2] : null;
comment.body = bodyFromEntry(entry);
comment.timestamp = Date.parse(entry.published.$t) + '';
if (entry.author && entry.author.constructor === Array) {
var auth = entry.author[0];
if (auth) {
comment.author = {
name: (auth.name ? auth.name.$t : undefined),
profileUrl: (auth.uri ? auth.uri.$t : undefined),
avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
};
}
}
if (entry.link) {
if (entry.link[2]) {
comment.link = comment.permalink = entry.link[2].href;
}
if (entry.link[3]) {
var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
if (pid && pid[1]) {
comment.parentId = pid[1];
}
}
}
comment.deleteclass = 'item-control blog-admin';
if (entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
console.log(entry.gd$extendedProperty[k].name + ' - ' + entry.gd$extendedProperty[k].value);
if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
}
}
}
comments.push(comment);
}
}
return comments;
};
var paginator = function(callback) {
if (hasMore()) {
var url = feed;
if (cursor) {
url += '&published-min=' + new Date(cursor).toISOString();
}
window.bloggercomments = function(data) {
var parsed = parse(data);
cursor = parsed.length < 50 ? null
: parseInt(parsed[parsed.length - 1].timestamp) + 1
callback(parsed);
window.bloggercomments = null;
}
url += '&callback=bloggercomments';
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = url;
document.getElementsByTagName('head')[0].appendChild(script);
}
};
var hasMore = function() {
return !!cursor;
};
var getMeta = function(key, comment) {
if ('iswriter' == key) {
var matches = !!comment.author
&& comment.author.name == authorName
&& comment.author.profileUrl == authorUrl;
return matches ? 'true' : '';
} else if ('deletelink' == key) {
return baseUri + '/delete-comment.g?blogID=' + blogId + '&postID=' + comment.id;
} else if ('deleteclass' == key) {
return comment.deleteclass;
}
return '';
};
var replybox = null;
var replyUrlParts = null;
var replyParent = undefined;
var onReply = function(commentId, domId) {
if (replybox == null) {
// lazily cache replybox, and adjust to suit this style:
replybox = document.getElementById('comment-editor');
if (replybox != null) {
replybox.height = '250px';
replybox.style.display = 'block';
replyUrlParts = replybox.src.split('#');
}
}
if (replybox && (commentId !== replyParent)) {
document.getElementById(domId).insertBefore(replybox, null);
replybox.src = replyUrlParts[0]
+ (commentId ? '&parentID=' + commentId : '')
+ '#' + replyUrlParts[1];
replyParent = commentId;
}
};
var tok = 'comment-form_';
var hash = window.location.hash || '';
var startThread = hash.indexOf(tok) == 1 ? hash.substring(tok.length + 1) : undefined;
// Configure commenting API:
var configJso = {
'maxDepth': 2
};
var provider = {
'id': postId,
'data': items,
'loadNext': paginator,
'hasMore': hasMore,
'getMeta': getMeta,
'onReply': onReply,
'rendered': true,
'initReplyThread': startThread,
'config': configJso,
'messages': msgs
};
var render = function() {
if (window.goog && window.goog.comments) {
var holder = document.getElementById('comment-holder');
window.goog.comments.render(holder, provider);
}
};
// render now, or queue to render when library loads:
if (window.goog && window.goog.comments) {
render();
} else {
window.goog = window.goog || {};
window.goog.comments = window.goog.comments || {};
window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
window.goog.comments.loadQueue.push(render);
}
})();
// ]]>
</script>
</b:includable>

  • Lalu Hapus Semua Kode Itu Dan Ganti Dengan Yang Ini 
<b:includable id='threaded_comment_js' var='post'>
  <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
  <script type='text/javascript'>
    (function() {
      var items = <data:post.commentJso/>;
      var msgs = <data:post.commentMsgs/>;
      var config = <data:post.commentConfig/>;
// <![CDATA[
      var cursor = null;
      if (items && items.length > 0) {
        cursor = parseInt(items[items.length - 1].timestamp) + 1;
      }
      var bodyFromEntry = function(entry) {
        if (entry.gd$extendedProperty) {
          for (var k in entry.gd$extendedProperty) {
            if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
              return '<span class="deleted-comment">' + entry.content.$t + '</span>';
            }
          }
        }
        return entry.content.$t;
      }
      var parse = function(data) {
        cursor = null;
        var comments = [];
        if (data && data.feed && data.feed.entry) {
          for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
            var comment = {};
            // comment ID, parsed out of the original id format
            var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
            comment.id = id ? id[2] : null;
            comment.body = bodyFromEntry(entry);
            comment.timestamp = Date.parse(entry.published.$t) + '';
            if (entry.author && entry.author.constructor === Array) {
              var auth = entry.author[0];
              if (auth) {
                comment.author = {
                  name: (auth.name ? auth.name.$t : undefined),
                  profileUrl: (auth.uri ? auth.uri.$t : undefined),
                  avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
                };
              }
            }
            if (entry.link) {
              if (entry.link[2]) {
                comment.link = comment.permalink = entry.link[2].href;
              }
              if (entry.link[3]) {
                var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
                if (pid && pid[1]) {
                  comment.parentId = pid[1];
                }
              }
            }
            comment.deleteclass = 'item-control blog-admin';
            if (entry.gd$extendedProperty) {
              for (var k in entry.gd$extendedProperty) {
                if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
                  comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
                }
              }
            }
            comments.push(comment);
          }
        }
        return comments;
      };
      var paginator = function(callback) {
        if (hasMore()) {
          var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
          if (cursor) {
            url += '&published-min=' + new Date(cursor).toISOString();
          }
          window.bloggercomments = function(data) {
            var parsed = parse(data);
            cursor = parsed.length < 50 ? null
                : parseInt(parsed[parsed.length - 1].timestamp) + 1
            callback(parsed);
            window.bloggercomments = null;
          }
          url += '&callback=bloggercomments';
          var script = document.createElement('script');
          script.type = 'text/javascript';
          script.src = url;
          document.getElementsByTagName('head')[0].appendChild(script);
        }
      };
      var hasMore = function() {
        return !!cursor;
      };
      var getMeta = function(key, comment) {
        if ('iswriter' == key) {
          var matches = !!comment.author
              && comment.author.name == config.authorName
              && comment.author.profileUrl == config.authorUrl;
          return matches ? 'true' : '';
        } else if ('deletelink' == key) {
          return config.baseUri + '/delete-comment.g?blogID='
               + config.blogId + '&postID=' + comment.id;
        } else if ('deleteclass' == key) {
          return comment.deleteclass;
        }
        return '';
      };
      var replybox = null;
      var replyUrlParts = null;
      var replyParent = undefined;
      var onReply = function(commentId, domId) {
        if (replybox == null) {
          // lazily cache replybox, and adjust to suit this style:
          replybox = document.getElementById('comment-editor');
          if (replybox != null) {
            replybox.height = '250px';
            replybox.style.display = 'block';
            replyUrlParts = replybox.src.split('#');
          }
        }
        if (replybox && (commentId !== replyParent)) {
          document.getElementById(domId).insertBefore(replybox, null);
          replybox.src = replyUrlParts[0]
              + (commentId ? '&parentID=' + commentId : '')
              + '#' + replyUrlParts[1];
          replyParent = commentId;
        }
      };
      var hash = (window.location.hash || '#').substring(1);
      var startThread, targetComment;
      if (/^comment-form_/.test(hash)) {
        startThread = hash.substring('comment-form_'.length);
      } else if (/^c[0-9]+$/.test(hash)) {
        targetComment = hash.substring(1);
      }
      // Configure commenting API:
      var configJso = {
        'maxDepth': config.maxThreadDepth
      };
      var provider = {
        'id': config.postId,
        'data': items,
        'loadNext': paginator,
        'hasMore': hasMore,
        'getMeta': getMeta,
        'onReply': onReply,
        'rendered': true,
        'initComment': targetComment,
        'initReplyThread': startThread,
        'config': configJso,
        'messages': msgs
      };
      var render = function() {
        if (window.goog && window.goog.comments) {
          var holder = document.getElementById('comment-holder');
          window.goog.comments.render(holder, provider);
        }
      };
      // render now, or queue to render when library loads:
      if (window.goog && window.goog.comments) {
        render();
      } else {
        window.goog = window.goog || {};
        window.goog.comments = window.goog.comments || {};
        window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
        window.goog.comments.loadQueue.push(render);
      }
    })();
// ]]>
  </script>
</b:includable>
Lalu Klik Simpan Dan Cobalah Apakan Tombol Balas/Reply Bisa Di klik

Dan Bila Tombol Hapus Tidak Muncul Copy CSS ini Letakkan Di atas ]]></b:skin>
/* Tulisan Hapus */
.item-control {
 display: inline;
} 
Lalu Simpan Dan Lihat Hasil nya :D

Oke Bila Ada yang ingin di tanyakan tolong berkomentar :D





READ

Cara Buat Threaded Comment Di blog

Minggu, 26 Agustus 2012
Author : Rendy Note Comments : 9

Hay Sobat X-T :D
Tadi admin Posting Pengenalan CSS dan Konsep Dasar CSS kan ? hehehe udh di baca blom ?? udh di pahami ? xixixi oke Kini Admin Akan Membahas Tentang Cheat Nih Udh Lam gk Bahas Tentang Cheat Game wkwkkw Yang judul Nya Tutorial Membuat Cheat Open All in Shop di Ninja Saga dan Ninja SagaX Nah pasti Penasang dong , dan Ingin Mempraktekan nya xiixx ini juga bisa bagi orang yang sering Joki NS dan NSX , Nah DI sini Tutorial Nya :D Dengan Memakai Video Buatan Temen Saya :D Cheat ini Juga Bisa Buat Sesuai Hati Kalian Kok :D Tapi Ada alat nya mau Tau Berikut Alat² Membuat Cheat Open All In Shop nya :
  1. trilix decompiler v4
  2. flash cs4
  3. browser
  4. fiddler
  5. ghost mouse
Semua Bisa Kalian Cari Di Google XD hehe jangan males Cari nya y ? XD

Oke nih Tutorial nya Dengan Video

Heheheh Di tonton Dengan Teliti YA ??XD jangan Lupa Sediakan PopCorn XD Oke Sekian Tutorial nya Tanks To Aries Suryadi (yang buat Video nya) NB :  - Bila Inginn Copas Sertakan Sumber nya  - Dan Bila Ada Yang Ingin Di tanyakan Silahkan Berkomentar 
READ
Hay Sobat X-T~
Heheheh Kemarin Admin Post Cara Buat Gambar Postingan Berputar Saat Di Sorot Mouse Kan ? Udh Di praktekin Blom ?? ixxixi Oke Kali Ini Admin Akan Share Pengenalan CSS Dan konsep Dasar CSS Pasti Kalian Tau Dong Apa itu CSS penasaran ?? Baca Aja Postingan di bawah ini :

Apa itu CSS?

CSS = Cascading Style Sheets ( Bahasa lembar Gaya ). CSS merupakan bahasa yang digunakan untuk mengatur tampilan suatu dokumen yang ditulis dalam bahasa markup / markup language. Jika kita berbicara dalam konteks web, bisa di artikan secara bebas sebagai : CSS merupakan bahasa yang digunakan untuk mengatur tampilan / desain suatu halaman HTML.

Dulu, sebelum CSS menjadi standar untuk mendesain halaman web seperti sekarang, halaman web di desain menggunakan <table>. jadi dibuat dulu desainnya, dalam format .psd atau jpeg, lalu di slice atau di potong potong menjadi bagian – bagian terpisah. setelah itu dibuat table dengan ukuran yang sesuai, lalu desain tadi di “tempel” pada table sebagai image yang melekat pada tabel, atau sebagai background. Kelemahan dari cara seperti ini adalah, halaman web menjadi berat karena kolom – kolom penyusun table dan diberi tambahan atribut image source. Side effect dari hal ini adalah halaman web menjadi padat dan tidak SEO friendly.
Desain dengan tabel :

1. Buat desainnya. menggunakan .psd ( photoshop ) atau .cdr ( coreldraw )
2. buat tabelnya. menggunakana tag <table>, dan
3. potong – potong desain sesuai dengan kolom pada tabel, lalu “selipkan” desain pada kolom tabel menggunakan sebagai elemen image tabel atau background.

Dengan CSS, cara kerja ini dirubah. Anda membuat halaman HTML, lalu anda berikan identitas pada bagian2 tertentu dengan tag <div> baik itu menggunakan atribut id <div id=”"> atau class <div class=”">. Lalu anda buat satu file css, bisa di selipkan pada bagian <head> atau dalam file berbeda dan di hubungkan dengan tag <link rel=”stylesheet” type=”text/css” href=”">. File CSS tadi memberikan nilai dan definisi pada bagian tertentu dari halaman html tadi yang diberikan identitas melalu tag <div>.


Apa saja Manfaat Bila Menggunakan CSS?
Banyak sekali mafaat dan kegunaan dalam memakai CSS ini misalnya halaman website anda menggunakan font calibri dalam penulisannya, kemudian suatu hari anda jenuh melihat tulisan tersebut dan berniat mau mengganti ke bentuk arial, maka secara manual anda akan bekerja keras merubah satu per satu halaman website tersebut. Capek...kan?

Jika kita menggunakan css dan semua halaman website memakai css juga, anda cukup merubah satu baris kode css untuk merubah font di semua halaman web/blog calibri ke arial.

Kesimpulannya, bila kita menggunakan CSS akan lebih praktis!

Lalu apakah ada Kekurangan dalam Menggunakan CSS ini?
Biasalah...dalam hidup di dunia ini tentunya ada kurang dan lebih...namun bila memiliki kelebihan yang tinggi di banding kekurangan dipakai saja. Kare tidak semua browser dapat membaca kode CSS dengan baik. Terkadang, tampilan web/blog dengan CSS terlihat baik di browser yang satu, tapi berantakan di browser yang lain. Sebagai rekomendasi anda harus memeriksa tampilan supaya terlihat baik di semua browser dan menambahkan kode-kode khusus browser tertentu jika memang dibutuhkan agar tampilan web anda terlihat baik di semua browser.



Oke Sekian Postingan Dari Admin Semoda Bemanfaat :)

READ

- Copyright © 2013 XkresssX Technology V.8 - Powered by Blogger - Original by Johanes Djogan - Design By Rendy Aprizia Prayoga -