• River-Creative
  • River-Creative
  • River-Creative
  • River-Creative
  • River-Creative
  • River-Creative
  • River-Creative

Tampilkan postingan dengan label Tutorial. Tampilkan semua postingan

Jumat, 05 September 2014

Banyak yang komentar katanya di Win 7/8 tidak Work, Kali ini saya akan share Cara menggunakan cheat di Windows 7/8 Semoga Bermanfaat.

Ikuti Cara dibawah ini :
  • Klik kanan pada PerX
  • Pilih Properties
  • Klik Compatibility
  • Centang Run This program in compatibility mode for :
  • Lalu agan pilih Windows XP (Service Pack 3)

  • Lalu Klik Apply kemudian OK

Sekian dulu ya cara menggunakan cheat di Windows 7/8 Semoga bisa membantu agan-agan semua, Terimakasih.
Minggu, 23 Maret 2014

Cara Daftar Adfly : Adfly merupakan salah satu situs URL shortner atau situs untuk menyingkat URL sebuah blog atau website yang sangat popular dikalangan para blogger karena mereka memanfaatkan situs Adfly sebagai media untuk mendapatkan uang atau bayaran bagi penggunanya. Bayaran tersebut akan diberikan ketika pengunjung blog memasuki halaman sebuah blog yang URLnya sudah di shortner atau diperpendek menggunakan Adfly, cara penggunaanya juga sangat mudah dan praktis, hal ini akan saya ulas pada lain waktu dan kesempatan jika Allah masih memberikan kesempatan kepada saya untuk tetap hidup dan tentunya masih dalam keadaan waras agar saya masih dapat untuk berpikir dan menulis postingan selanjutnya. Kita kembali lagi ke pokok permasalahannya yang tadi sudah mulai melenceng, untuk bayarannya mungkin sangat kecil tapi lumayan juga jika berhasil kita kumpulkan sedikit demi sedikit hingga kita bisa melakukan payout atau penarikan kerekening online kita yang biasa sering kita dengar dengan sebutan paypal atau sejenisnya.

Bayaran yang akan kita dapatkan disesuaikan dengan lokasi Negara pengunjung dan tentu bayarannya akan berbeda, kita juga dapat melihat Negara-negara mana saja yang mengunjungi link URL Adfly milik kita dengan cara mengklik menu Top Countries yang ada disebelah kiri akun Adfly sobat setelah sobat login. Adfly biasanya memberi bayaran tertinggi jika kita bisa mendapatkan pengunjung yang berasal dari Amerika, Inggris dan kanada. Jika kita mendapat pengunjung dari Negara Indonesia maka bayarannya sangat sedikit dibandingkan Negara-negara lain yang mengunjunginya, oleh karena itu saran saya sobat harus bisa mendapatkan pengunjung dari Negara luar agar bayarannya semakin besar setiap link URL Adfly sobat dikunjungi.

Untuk pembayarannya Adfly akan melakukan pembayaran ketika jumlah pemasukan atau dollar yang kita kumpulkan sudah mencapai minimal US$ 5.00 atau lebih. Selain itu untuk payout atau penarikannya Adfly akan melakukan pembayaran otomatis pada tanggal yang kita tentukan kerekening online yang kita tuju seperti rekening Paypal atau sejenisnya.

Nah jika sobat tertarik dengan hal ini, sobat bisa bergabung menjadi publisher atau pemasang iklan link URL Adfly yang akan sobat perpendek pada blog sobat, sobat tidak hanya dapat menggunakannya pada blog, tapi sobat juga bisa menggunakannya untuk berpromosi disitus-situs jejaring social seperti facebook, twitter dan lainnya untuk menambah kunjungan ke link URL Adfly sobat agar dollar yang sobat kumpulkan bisa lebih cepat menumpuk disana untuk di payout.

Untuk cara mendaftarnya sobat bisa ikuti cara-cara dibawah ini jika sobat tertarik untuk mendaftar, caranya sangat mudah dan sama sekali tidak rumit bahkan anak SD pun bisa jika teman-teman seleting dengannya sudah kelas 2 SMP dan mahir menggunakan internet, jika sobat sudah tidak sabar lagi langsung segera ikuti perintah dari saya.

Pertama-tama yang harus sobat lakukan adalah baca buku dulu agar sobat bisa menjadi lebih pintar.

Jika sobat sudah mulai merasa pintar selanjutnya ikuti tahap kedua yaitu DAFTAR DISINI atau buka halaman situs Adfly

Setelah sobat buka situsnya maka akan keluar tampilan seperti gambar dibawah ini
Tahap selanjutnya langsung saja sobat Klik Join Now, setelah itu sobat masukkan informasi yang diperlukan dan jangan lupa untuk mengisi kode capcha yang diminta, jika semua informasi sudah dimasukkan sobat klik I agree to the terms and conditions dan langsung pilih Join seperti yang terlihat pada tampilan gambar dibawah ini.
Setelah itu sobat buka email yang sobat daftarkan tadi dan klik link yang dikirimkan oleh pihak Adfly untuk melakukan verifikasi akun Adfly sobat.
Kemudian sobat login dengan menggunakan email/user name dan password sobat. Nah sekaranglah saatnya sobat untuk mengumpulkan pundi-pundi dollar dari link URL Adfly yang sudah sobat perpendek atau sobat singkat, agar lebih jelasnya sobat bisa lihat pada gambar dibawah ini.
Untuk bayarannya akan dihitung bila ada orang yang mengunjungi blog sobat dengan link URL yang sudah diperpendek menggunakan akun Adfly sobat. Pengunjung blog sobat sebelum masuk kehalaman yang sebenarnya akan terlebih dahulu masuk kehalaman iklan yang diarahkan Adfly dan setelah itu pengungjung blog sobat harus menunggu sekitar 5 detik untuk melewati halaman iklan dari Adfly tersebut, setelah 5 detik akan keluar tombol SKIP ADS untuk diklik agar dapat melanjutkan kehalaman yang sebenarnya yang dituju oleh pengunjung.
Perlu sobat ketahui, pemakaian link Adfly yang berlebihan diblog sobat juga dapat mengganggu pengunjung jika sobat tidak menggunakannya dengan cara yang baik dan benar karena setiap pengunjung yang datang ke blog sobat pastinya akan terlebih dahulu melewati iklan yang diarahkan oleh Adfly sehingga setiap memasuki halaman iklan Adfly pengunjung blog sobat harus menunggu dan menghabiskan waktu selama 5 detik untuk masuk kehalaman aslinya.

Selain itu, sobat juga dapat menggunakan link referral untuk mengajak orang lain mendaftar di Adfly menggunakan link referral sobat dengan tujuan untuk dapat memaksimalkan bayarannya dan juga jangan lupa lakukan promosi link URL Adfly sobat sesering mungkin agar banyak yang berkunjung.

Satu hal yang perlu sobat ingat, bahwa link Adfly yang sobat miliki tidak boleh sobat klik sendiri karena bisa menyebabkan akun Adfly sobat di banned oleh pihak Adfly namun jika sobat melakukannya sesekali mungkin hal ini tidak terlalu jadi masalah karena saya juga pernah mengkliknya sesekali ketika saya membuka sebuah link yang saya tuju.

Sekian Post Saya !!

Cara Dartar Adfly

Posted by mpon
Tag :, Tag :
Jumat, 31 Januari 2014


Contoh Site Link
Klik untuk memperbesar gambar

Sitelink atau bisa disebut dengan taut situs merupakan kumpulan link yang ada dibawah homepage blog yang di anggap blog itu bermanfaat. contoh saja kita sebut blog Buka rahasia....., kita lihat link yang ada di dalam kotak warna merah itulah yang namanya site link (dah ngerti kan ?). seperti yang disebutkan tadi site link hanya didapatkan oleh blog yang mempunyai kemampuan seperti buka rahasia (jujur saya juga belajar SEO dari sana wkwkwkwk.. ). lalu apakah kegunaan site link ??? , ya jelas dengan adanya sitelink kita dapat dijadikan tolak ukur kualitas blog (ya pasti lah..., dapat site link itukan sulit...) .sama halnya dengan Page rank Site link juga akan update, update itu bisa berupa dapet sitelink , dapat tambahan site link, atau dapat pengurangan site link itu tergantung pada kualitas blog kita. Site link pertama diperkenalkan pada tahun 2007 yaitu masih berupa satu baris seperti gambar dibawah ini. namun karena seiring jaman sitelink mengalami perubahan. dan jadilah seperti yang sekarang ini.
Site link masa lalu 
nah bagaimana tertarik ingin dapat site link ??? sabar saja apalagi yang blog nya masih berumur muda. mendapatkan site link itu butuh kesabaran , lebih jelasnya saya akan jelaskan nanti. (nah nanti silahkan dibaca... )

yah mungkin itu saja dari..  (eh eh..., kok udahan gk seru donk....) tenang artikel selanjutnya akan dilanjutkan di posting selanjutnya tentang bagaimana cara mendapatkan site link. (baca aja disana kalau ingin lanjut oke).

itu saja mungkin yang dapat saya sampaikan, Sekian dari saya semoga bermanfaat bagi anda semua.



"Sabar Merupakan Sifat yang Menuntut kita untuk meraih impian dengan tenang dan tidak terburu-buru, Sabar juga merupakan kunci segala hal dari kehidupan." By River-Creative

Pengertian Site Link

Posted by mpon
Jumat, 24 Januari 2014

Akhirnya bisa nge post lagi... :D, post kali ini tentang widget penhitung jumlah post dan komentar secara otomatis  agar lebih jelasnya lihat gambar dibawah ini :

Widget Penghitung Post dan Komentar

Nah bagaimana , mau ??, oke lanjut ke tutorial, ikutilah step dibawah ini :
  1. Buka Dasboard Blog anda (klik disini)
  2. Pilih Tata letak, silahkan pilih tempat yang anda sukai lalu pilih Tambah Gadget
  3. Pilih Html/Javascript
  4. Masukan judul bebas, dan untuk isi masukan kode di bawah ini :

    <script type="text/javascript"> function showpostcountplus(json) { document.write(parseInt(json.feed.openSearch$totalResults.$t,10));}</script> <div id="Plustutorial-Count"> <ul> <li><b>Jumlah Posting :</b> <script src="/feeds/posts/summary?&amp;alt=json-in-script&amp;callback=showpostcountplus"></script> posting</li> <br /> <li><b>Jumlah Komentar :</b> <script src="/feeds/comments/summary?&amp;alt=json-in-script&amp;callback=showpostcountplus"></script> komentar</li> </ul> </div>
  5. Simpan dan beres :D, Silahkan anda kreasikan sendiri
Nah mudah mudahan tutorial ini bermanfaat.

Tag :, Tag :

Mengenal CSS
"Cascading Style Sheet (CSS) merupakan aturan untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam."
Wikipedia

       Sedangkan lebih mudahnya CSS adalah suatu struktur kode yang mengatur tampilan web, bukan hanya mengatur tetapi dapat membuat beberapa animasi pada web dengan memanfaatkan @keyframes. css kini mempunyai tiga versi dari CSS1,CSS2, bahkan CSS3, namun sepertinya tak lama lagi CSS4  akan segera keluar. Selain itu CSS mempunyai dua penulisan yaitu

- Inline Style Sheet

Pengertian :

CSS dengan penulisan ini ditulis dengan cara memanfaatkan html yang dipasang sesudah tag bisa dimasukan memakai style atau terkadang bisa langsung.

Contoh :
<div style="width:45px; height:30px; background-color:#333 ;padding:5px ;margin: 5px;"></div>

Hasil :

- Embedded Style Sheet

Pengertian :
CSS dengan penulisan ini ditulis dengan fungsional asli yaitu menuliskan css dalam tag css tepatnya <style>. memanfaatkan id dan class kedalam tag html sebagai perwakilanya jika tag tersebut memebutuhkan hal tsb.

Contoh :
<style>
#tutorialplus {width:45px; height:30px; background-color:#333 ;padding:5px ;margin: 5px;} header {width:100%;background-color:#ccc;} .float-left {float:left;} </style> <div id="tutorialplus"></div> <header></header> <div class="float-left"><div>

Oke bagaimana ?, bagi anda yang masih bingung dan tidak mengerti mungkin bisa ditanyakan langsung di kotak komentar. Terimakasih telah membaca artikel ini.

SEO








SEO,  hmm... kata yang terlihat simpel tapi ribet (hehehe), ya.., kan ?, sudah dulu bercandanya (kata siapa bercanda ??? ) dan banyak omong kita langsung ke perbincangan. 

       
 SEO merupakam singkatan jika di perpanjang menjadi Search Engine Optimization, bisa diartikan dalam bahasa indonesia adalah Optimasi Mesin Pencaharian. atau di definisikan menurut saya adalah
Suatu usaha untuk menaikan trafik blog dengan cara mengoptimalkan mesin pencaharian untuk Sumber trafik pengunjung
          Istilah SEO pun pertama kali digunakan pada 26 Juli 1997 oleh sebuah pesan spam yang diposting di Usenet. (Jadi baru-baru yah..). SEO Semakin lama terus berkembang. Target SEO adalah menjadi no. 1 di urutan mesin pencaharian (SERP). Jadi SEO dan SERP saling berhubungan, SEO dibagi menjadi dua yaitu SEO On page dan Seo Off page yang nanti saya jelaskan lebih detail. kembali lagi...., SEO merupakan menurut saya pribadi adalah unsur penting karena SEO itu  merupakan "Nyawa" sebuah website dan blog . SEO biasanya mengutamakan Google sebagai Search Engine karena Google merupakan mesin pencaharian no. 1 (rata rata orang lewat google termasuk anda kan ?? ngaku aja...). Semua para blogger pasti akan berusaha menjadi yang terbaik apalagi saat kontes SEO. (tapi jangan berlebihan, nanti di anggap SPAM oleh google alias masuk Google SandBox, hehehe..) . Cara agar blog tidak mudah bahkan bagi para pemula mungkin masih kesulitan. karena cara blog menjadi seo lumayan susah, sulit dan ribet. Jika kita ingin memahami SEO kita harus bersabar mempelajarinya secara bertahap. (tapi jangan terlalu serius yah nanti bikin stres.. wkwkwk ), untuk mempelajari SEO silahkan download PDF nya di Sini. (nah silahkan dibaca ya...) lanjut kembali..., Unsur Penting Blog Menjadi SEO yang sangat pengaruh yaitu adalah Meta tags yang nanti saya jelaskan.. Oh yah.., hampir ketinggalan sebenarnya cara no 1 di google mudah namun kesulita pada bagaimana cara kita mempertahanakanya.

         ya..., itu mungkin ringkasan tentang SEO menurut saya pribadi, bila berkenan silahkan berkomentar dan Semoga bermanfaat bagi anda.


"Raihlah impian anda walau sulit..., Sesulit apapun itu pasti anda bisa meraihnya dengan cara belajar dan terus  belajar..., karena belajar merupakan kunci dari impian anda"  By River-Creative
Minggu, 19 Januari 2014



Tooltips

Buble toltip merupakan suatu teks yang di lihatkan jika mouse menyentuh link seperti gambar diatas.

Demo :

Mau ? langsung saja.

Cara

Login ke blog kamu > Pilih Rancangan > Pilih EDIT HTML > centang Expand Widget >
Cari kode  ]]></b:skin> Memakai ctrl+f untuk memudahkan.

Setelah ketemu letakan kode dibawah ini tepat diatas kode ]]></b:skin>  tadi.


/* Start bubble tooltip by river-creative.blogspot.com */

a.tt{
position:relative;
z-index:24;
color:#3CA3FF;
font-weight:bold;
text-decoration:none;
}
a.tt span{ display: none; }
/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #aaaaff; background:;}
a.tt:hover span.tooltip{
display:block;
position:absolute;
top:0px; left:0;
padding: 15px 0 0 0;
width:200px;
color: #993300;
text-align: center;
filter: alpha(opacity:90);
KHTMLOpacity: 0.90;
MozOpacity: 0.90;
opacity: 0.90;
}
a.tt:hover span.top{
display: block;
padding: 30px 8px 0;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtpIlAhlRRdouSFplb2h0eIV1_cgTAMPMDgych1pyXDSiDUCw9RV1cDfSvqSMay8w3wbDVJ0ycgsKgfy-9elvIBxGwfD9w4XoYfrQRN_p4qT6HHRKH0T3VYuUTals_nLTleP-XS7tcxSw/) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
display: block;
padding: 0 8px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbmIBb6aaU5ZJFhY1oitSIAGbnTn2WHEWcA-hGNoFnM6EQn9_HNFMMCfI_wAUCaA7GNiWIQDd9l-wBDBvXPwIauW74TyMMfFk343XEWskarvZUjrvbNXnzD5xf8cNDGD2j1ZxoAA-0UEM/)repeat bottom;
}
a.tt:hover span.bottom{
display: block;
padding:3px 8px 10px;
color: #548912;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtpIlAhlRRdouSFplb2h0eIV1_cgTAMPMDgych1pyXDSiDUCw9RV1cDfSvqSMay8w3wbDVJ0ycgsKgfy-9elvIBxGwfD9w4XoYfrQRN_p4qT6HHRKH0T3VYuUTals_nLTleP-XS7tcxSw/) no-repeat bottom;
}

/* End bubble tooltip by river-creative.blogspot.com */ 



Selanjutnya Simpan templatenya.
Langkah terakhir untuk mengaktifkan Tooltips pada suatu link cukup gunakan kode dibawah ini.

<a class="tt" href 'Alamat Link yang dituju'>
text untuk link
<span class="tooltip"><span class="top"></span><span class="middle">
Text untuk tooltip
</span><span class="bottom"></span></span>
</a>

Selesai Mudah bukan ?? Semoga bermanfaat
Tag :, Tag :


HTML

Lazy Load Script ini merupakan script yang membuat kinerja pemuatan blog berjalan secara efektif, dengan adanya Lazy load ini blog kita akan memuat element element penting dahulu , yang membuat elemet gambar akan dimuar terakhir, memang terlihat blog kita lebih cepat dengan memakai ini tetapi menurut saya sama saja namun jika kita memakai ini blog kita akan langsung terlihat (tidak lama blanknya), ya dari pada banyak basa basi kita menunuju cara pemasangan.

  1. Masuk Ke Dasboard ,  pilih edit HTML
  2. Centang Expand Template Widget, dan tunggu
  3. setelah menunggu copy paste kode berikut diatas kode </head> 
  4. 
    <script charset='utf-8' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> <script src='http://cuerosb.googlecode.com/files/cueros%20-lazyload.js' type='text/javascript'/> <script charset='utf-8' type='text/javascript'> $(function() { $(&quot;img&quot;).lazyload({placeholder : &quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbtxKY35ciJXzoKpaPc86LgYnyevsItnpip0wdQkDu0mFi6HsvFfE_1uiR6kGyGHEmfwS7wLgcK0Wjw39RvQ7iHiyHcs0zutc-ADjBUu22cS1SJYdeZMrk2OhQPPnYfUGttSlVBSI9d-U/&quot;,threshold : 200}); }); </script> 
    

  5. Simpan Template
nah bagaimana mudah bukan ??, selamat mencoba dan semoga bermanfaat

Tag :, Tag :
Senin, 16 Desember 2013

Hai Sobat River !
Kali ini Saya akan Post tentang Author Box Keren ,,,



Oke Langsung saja ya ,, !

1. Login ke Blog
2. Masuk ke Tata Letak
3. Tambah Widget
4. Pilih HTML/Javascript
5 Taruh script dibawah ini ..

<style>
#aboutme {
  background-color:#fff;
  -moz-box-shadow:0 0 3px #e0e0e0;
  -webkit-box-shadow:0 0 3px #e0e0e0;
  box-shadow:0 0 3px #e0e0e0;
  border:1px solid #666;
  padding:3px;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  border-radius:2px;
  margin:0 auto;
  margin-top:15px;
  padding:10px;
  width:470px;
  height:auto;
}
.name-author {
  margin:0 0 7px;
  display:block;
  width:100%;
}
.name-author h3 {
  position:relative;
  display:inline;
  background-color:#0097BD;
  color:#FFF;
  font-family:Segoe UI;
  font-size:15px;
  font-weight:bold;
  margin:0 0 0 -3px;
  padding:3px 5px 3px 10px;
  width:100%;
  -moz-text-shadow:0 1px 0 black;
  -webkit-text-shadow:0 1px 0 black;
  text-shadow:0 1px 0 black;
}
.name-author h3:after {
  content:" ";
  width:0;
  height:0;
  position:absolute;
  left:100%;
  top:0;
  border-width:13px;
  border-style:solid;
  border-color:transparent transparent transparent #0097BD;
}
@-webkit-keyframes name-author {
  0% {color:white}
  20% {color:Orange}
  40% {color:pink}
  60% {color:Orchid}
  80% {color:gold}
  100% {color:white}
}
@-moz-keyframes name-author {
  0% {color:white}
  20% {color:Orange}
  40% {color:pink}
  60% {color:Orchid}
  80% {color:gold}
  100% {color:white}
}
@-keyframes name-author {
  0% {color:white}
 20% {color:Orange}
 40% {color:pink}
 60% {color:Orchid}
 80% {color:gold}
 100% {color:white}
}

/* Element yang di Beri Effek*/
.name-author h3 {
/* Waktu 10 detik */
  animation:10s infinite name-author linear;
  -webkit-animation:10s infinite name-author linear;
}
.aboutme-text {
  font-size:12px;
  text-align:left;
  margin:0;
}
.aboutme-image-container {
  float:left;
  width:70px;
  height:70px;
  margin-right:75px;
        z-index:1;
}
.aboutme-image-container {
  margin:-20px 0 5px 0;
  padding:9px;
  position:relative;
  -webkit-border-bottom-right-radius:10px;
  -webkit-border-bottom-left-radius:100%;
  -moz-border-radius-bottomright:100%;
  -moz-border-radius-bottomleft:100%;
  border-bottom-right-radius:100%;
  border-bottom-left-radius:100%;
  -webkit-box-shadow:inset 0 0 25px rgba(0,0,0,0.3),0px 1px 5px #666;
  -moz-box-shadow:inset 0 0 25px rgba(0,0,0,0.3),0px 1px 5px #666;
  box-shadow:inset 0 0 25px rgba(0,0,0,0.3),0px 1px 5px #666;
  background-color:#59B52E;
}
.aboutme-image-container:before {
  content:' ';
  position:absolute;
  top:0;
  left:-10px;
  width:0;
  height:0;
  border-style:solid;
  border-width:0 0 10px 10px;
  border-color:transparent transparent #333 transparent;
}
.aboutme-image-container:after {
  content:' ';
  position:absolute;
  top:0;
  right:-10px;
  width:0;
  height:0;
  border-style:solid;
  border-width:10px 0 0 10px;
  border-color:transparent transparent transparent #333;
}
.aboutme-image-container img {
  width:100%;
  height:100%;
  border:2px solid yellow;
  border-radius:100%;
  -webkit-transition:all 0.3s ease;
  -moz-transition:all 0.3s ease;
  transition:all 0.3s ease;
  -moz-box-shadow:1px 1px 4px #000;
  -webkit-box-shadow:1px 1px 4px #000;
  box-shadow:1px 1px 4px #000;
}
.aboutme-image-container img:hover {
  border:2px solid GOld;
  cursor:pointer;
  margin-left:0;
  -moz-transform:scale(1.2) rotate(360deg);
  -webkit-transform:scale(1.2) rotate(360deg);
  -o-transform:scale(1.2) rotate(360deg);
  -ms-transform:scale(1) rotate(-360deg);
  transform:scale(1.2) rotate(360deg);
  -moz-box-shadow:1px 1px 4px #000;
  -webkit-box-shadow:1px 1px 4px #000;
  box-shadow:1px 1px 4px #000;
}
</style><div id='aboutme'>
<div class='aboutme-image-container'>
<img src="https://lh5.googleusercontent.com/-sPTVbLDWVFo/AAAAAAAAAAI/AAAAAAAAAAA/D4hAHuFfebk/s48-c/photo.jpg" />
</div>
<div class='name-author'>
<h3>Imron Santoso</h3></div>
<div class='aboutme-text'>Nama Saya Adalah Imron Santoso, Saya bukan hanya seorang pakar SEO, melainkan hanya seorang blogger biasa yang ingin selalu berbagi tentang segala hal yang bermanfaat <a href="https://plus.google.com/u/0/116410801885874809367" style="color: #666;">...Read More</a>
</div></div>


Keterangan :

Ganti Link yang berwarna MERAH dengan Link gambar kamu..
-Ganti Text yang berwarna BIRU dengan Text kamu sendiri..
-Ganti Link yang berwarna Orange Itu dengan Link G+ kalian ..

Oke Sekian dulu artikel kali ini semoga bermanfaat bagi kalian semua !!

#Jangan lupa sertakan sumber jika ingin menyebar luaskan artikel ini !!
Tag :, Tag :
Rabu, 11 Desember 2013



Kali ini saya akan posting tentang " Cara Membuat Kotak Banner 125x125  "

Screenshotnya bisa dilihat pada gambar diatas.. , baiklah tanpa banyak bicara akan saya jelaskan bagaimana caranya :

1. Klik Template , lalu Edit HTML

2. Cari kode ]]></b:skin>

3. Copy lalu Paste kode dibawah ini tepat diatas kode ]]></b:skin>
/*River-Creative 125x125 ADS BOX*/
#rcv-ads {margin: 0px;padding: 5px;text-align: center;}
#rcv-ads img {margin: 0px 8px 4px 0px;padding: 3px;text-align: center;border: 3px solid #000;-webkit-transition: all 0.45s ease-out;-moz-transition: all 0.45s ease-out;-o-transition: all 0.45s ease-out;transition: all 0.45s ease-out;-webkit-border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px;border-radius:10px;}
#rcv-ads img:hover {margin: 0px 8px 4px 0px;padding: 3px;text-align: center;border: 3px solid #eee;box-shadow:0 0 15px #ffffff;}
/*River-Creative 125x125 ADS BOX*/
4. Buka Tata Letak

5. Pilih tambahkan gadget

6. Pilih HTML/ Javascript

7. Copy lalu paste kode dibawah ini

<div id='rvc-ads'/>
<div id='fxf-ads'/>
<a href='URL BLOG' target='_blank' title='TITLE BLOG '><img alt='TITLE IMAGE ' src='URL GAMBAR'/></a>
<a href='URL BLOG' target='_blank' title='TITLE BLOG '><img alt='TITLE IMAGE ' src='URL GAMBAR'/></a> 
<a href='URL BLOG' target='_blank' title='TITLE BLOG '><img alt='TITLE IMAGE ' src='URL GAMBAR'/></a>
<a href='URL BLOG' target='_blank' title='TITLE BLOG '><img alt='TITLE IMAGE ' src='URL GAMBAR'/></a>
</div>
GANTI WARNA MERAH SESUAI SELERA ANDA :3
Selesai deh :D , jika ada kesalahan atau kesusahan silahkan comment ..

Tag :, Tag :
Jumat, 29 November 2013




Saya Share Nih CSS Notifikation...
Untuk Mengingatkan Pada Pengunjung Akan Aturan Dari Blog Kita

Langsung Aja Gan...

  • Cari Kata /b:skin
  • Kemudian Pastekan CSS Dibawah Ini Tepat Diatasnya

#kb {
right: 10px; /* posisi di paling kanan */
top: 10px; /* posisi di paling atas */
width: 320px; /* lebar notif */
height: auto; /* tinggi notif otomatis */
overflow: hidden;
background: #000; /* warna background */
border-radius: 5px; /* nilai sudut bundar */
border: 3px solid #004f99; /* garis batas luar */
z-index: 999999;
position: fixed; /* posisi melayang */
-webkit-animation: fadeOutnotif 10s linear forwards; /* notif 10 detik */
-moz-animation: fadeOutnotif 10s linear forwards;
-o-animation: fadeOutnotif 10s linear forwards;
-ms-animation: fadeOutnotif 10s linear forwards;
animation: fadeOutnotif 10s linear forwards;
}
#kb a {
display:block;
text-decoration:none;}
#kb span {
display: block;
padding: 15px 15px;
pointer-events: none;
text-align: left;
float: left;
}
#kb span h2 {
font-size: 12px; /* Ukuran text */
line-height: 21px;
color: #004f99; /* Warna text */
font-weight: normal;
letter-spacing: 0px;
}
/* kiritoblogs.blogspot.com */
@-webkit-keyframes fadeOutnotif {
0% { opacity: 1;}
10% { opacity: 1;}
90% { opacity: 1; -webkit-transform: translateY(0px);}
99% { opacity: 0; -webkit-transform: translateY(-30px);}
100% { opacity: 0;}
}
@-moz-keyframes fadeOutnotif {
0% { opacity: 1;}
10% { opacity: 1;}
90% { opacity: 1; -moz-transform: translateY(0px);}
99% { opacity: 0; -moz-transform: translateY(-30px);}
100% { opacity: 0;}
}
@-o-keyframes fadeOutnotif {
0% { opacity: 1;}
10% { opacity: 1;}
90% { opacity: 1; -moz-transform: translateY(0px);}
99% { opacity: 0; -moz-transform: translateY(-30px);}
100% { opacity: 0;}
}
@-ms-keyframes fadeOutnotif {
0% { opacity: 1;}
10% { opacity: 1;}
90% { opacity: 1; -moz-transform: translateY(0px);}
99% { opacity: 0; -moz-transform: translateY(-30px);}
100% { opacity: 0;}
}
@keyframes fadeOutnotif {
0% { opacity: 1;}
10% { opacity: 1;}
90% { opacity: 1; -moz-transform: translateY(0px);}
99% { opacity: 0; -moz-transform: translateY(-30px);}
100% { opacity: 0;}
}


  • Kemudian Lanjut Cari Kata <body> 
  • Dan Pastekan CSS Dibawah Ini Tepat Dibawahnya

<div id='kb'>
<span>
<h2><b>Perhatian...!!!</b>
<p>1. Gunakan Google Chrome Agar Blog Terlihat Maximal.</p>
<p>2. Dilarang Mencuri Berbagai CSS Yang Saya Pakai.</p>
<p>3. Harap Like , Follow , Berkomentar.</p>
<p>4. Sekian Dan Terima Kasih.</p>
</h2>
</span>
</div>

Sumber: Kirito Blog's
Tag :, Tag :, Tag :
Sabtu, 23 November 2013

Sore hari ini pada tanggal 23 oktober 2013 saya akan meng_share informasi tentang Kenapa Link In Alexa ku No Data . Ada yang tau ga ya...??  kalimat itu selalu terbayang-bayang di pikiran ku hingga sekarang. awalnya saya merasa iri kepada rekan-rekan blog saya karena sebagian besar dari mereka sudah mempunyai Link In dari Alexa sedangkan saya masih saja No Data..  Emang aneh!!!


Kita bahas sejenak tentang Link In.. apa sih Link In itu? Link In adalah situs/alamat yang terhubung ke blog kita. semakin banyak situs yang terhubung maka akan tinggi pula Traffic Rank dan Pagerank suatu blog. loh koq sampai ke Pagerank segala?? tenang sobat Link in juga bisa menaikan Pagerank apabila situs/alamat yang terhubung mengarah ke potingan atau home page blog. 

Terus bagaimana agar Link In kita tidak no data ??


Menurut dari rekan blogger senior katanya "Pada saat berkomentar usahakan juga meninggalkan link, entah itu mengarah ke postingan atau ke home page blog kita". ada juga blog yang yang tidak pernah berkomentar tapi mempunyai Link In yang banyak. Apakah itu karena materi blog yang menarik untuk dibaca atau mungkin karena keaslian sumber yang bisa dipertanggung jawabkan? (Anti kopas) saya tidak tau pasti..


Nah kita kembali ke Topik utama, hahaaa kaya berita aja ea.. bagi rekan yang masih pemula seperti saya ini jangan berkecil hati / iri karena menurut survey saya, kebanyakan situs atau blog yang sudah mempunyai Link In rata-rata usia blog mereka sudah lebih dari 3 bulan. dan pernyataan ini di perkuat oleh alexa bahwa Link In itu sendiri diperbaharui selama 3 bulan sekali. dari situ saya sudah tau kenapa Link In di blog ku masih No Data, karena blog saya masih berumur 1 bulan lewat 5 hari, hahaaaaaa..


Mari kita tunggu perkembangan blog kita dan jangan lupa untuk selalu update artikel dengan konsisten. Nah demikian artikel saya mengenai Kenapa Link In Alexa ku No Data, bagi para senior yang ingin menambahkan atau mengkoreksi silakan berkomentar..


"SEKIAN DAN TERIMAKASIH"


Sumber : Segitiga Ilmu


Tag :, Tag :, Tag :
Senin, 18 November 2013

Beberapa waktu lalu saya saya bahas cara buat widget chat box di blog. Nah kali ini saya akan bahas cara memasang widget chat box yang tersembunyi di kanan Blog. Dan keluar masuk ketika sobat klik ikon chat box-nya. Caranya gampang kok sob, ikuti langkah-langkahnya.
Yang pertama dan utama adalah sobat terlebih dahulu harus mempunyai kode html chat box tersebut. Salah satu caranya adalah dengan mempunyai akun pada situs cbox. Untuk langkah-langkah pembuatan akunnya sobat bisa klik disini. Atau langsung saja masuk ke situs cbox, klik disini.
OK, jika sobat telah mendapatkan kode html-nya, langsung saja sob ini dia langkah-langkahnya:

1. Masuk akun Blogger sobat.
2. Masuk pada bagian Tata Letak.
3. Klik tambah gadget di posisi mana saja.
4. Pilih HTML/Javascript.
5. Masukan kode html berikut.


<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:400px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4sDqQsoqQ_TUo4rNXB3WTX8dcylhpnfpjMyIHumH-uzvm0SNQVw3m2GlBiDStiyiiopTO9zGoc3n5zj1d0Torvz10ALBI1W_sXCq94deyxHJQ9EcfXR0Y_fU-z8Z1eiA8tezdkRPPx_U/s1600/Bukutamu6.gif') no-repeat;}.gbcontent{ float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()">
 </div>
<div class="gbcontent">

MASUKAN KODE CHAT BOX DISINI

<div style="text-align: center;">
<span style="font-size: 10px;"><span style="font-family: "Trebuchet MS",sans-serif;">Mau Widget Ini? <a href="http://river-creative.blogspot.com/2013/11/cara-memasang-widget-cbox-chat-box.html" target="_blank">Klik Disini</a></span></span></div>
<div style="text-align:right">
<a href="javascript:showHideGB()">
[tutup]
</a>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div>


6. Atur ukuran dan posisi pada kode berwarna biru.
7. Ganti tulisan warna merah dengan kode html chat box sobat.
8. Ganti URL gambar pada kode warna ungu dengan gambar yang sobat inginkan. Namun bila sobat tidak menggantinya hasilnya akan seperti berikut.
9. Atur warna background dan warna border pada kode warna hijau.

Tombol Chat Box

Url Gambar Lainya:

Tombol Chat Box https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgG5Vn301gRHqOd98nZonrSOQRmfAWvh7vZhIkxWnuVjyjn7F7UNtvoLpBDTUTFvKWm-dnLM8goEyrPcvlm3Ebu6TyFnqAxd-ca3DbZZo4CRpAfV8fYZSgh1QB55R6r7qicca0FZQlJ7nI/s1600/Chatbox.png
Tombol Chat Box https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3tJyIDZPSJBrieJGHtWhlEBbOS4a4vuXRP9uaYArlu1WhdlOsQ0SlUF-esTkxVgMiNRYXA6GeDhAzXsy3CQ2qi09p4lcZF4IVhrd29A19K18ufkoXsm42z9LvXyP1PMEJXH8K7MX5v-Y/s1600/Bukutamu3.png
Tombol Chat Box https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTeIYKzo7ZWZpezpex84rXknELTfNBzHtwfd1Ruc1BCkQT4oWQT327taWnFaR0zfm_2ODnDEfkCimpfCNXyqU8oQiRngsO6-9J9K-GbygZ0y_K3B2dJkEQJq79OMZYJAUpJhJMNonx8oQ/s1600/bukutamu2.gif
Tombol Chat Box https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdOqZaMdCmkXWRXJ-Mq6M9BaEVLjC18qpxHAbud3rh8elYF8XR8mf9L99R6B85Wu26qcqAg8QD_-eKyMq4TIxZ8H9iPkgHXzSu7ajFNVZfalk4D202S-EkzKLq84niXIl40jjkyvqiuEk/s1600/bukutamu5.png
Tombol Chat Box https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdxFJADZLF8WMmn6vR1Np45urpJunA9xZEcZjPfhvOmUhfsH8dOJ3F3q4pChX9QRatn7xJ9QjFx4EmjqzL2SZxaMR5cIx_-fG1j0Gf8wAS9PM6okb3GiJ6R2sOwc15Q2cfQeB4RgtaE78/s1600/2131wkl.png
Tombol Chat Box https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjetlKuSCJUResWRvOboL0GOBqFiTxAtvpvDCjvvwaFqfNMqJpvmPFUtvpU4PFz7EIydWLBYsl-cVUUFfQ3NBbm4E2iTNr2YZt6yHXAUIYmXZe0kNLwESF6kj3X9ihdkxV4TKjPUfzRavY/s1600/bukutamu4.png
Tombol Chat Box https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsKlYXW-JyZyWBJTY_5M2awRR1TXJ5gZNE11visyM6NnI6LvDNBVfLBKTjWJ33DF70cKdPpLcOmVxoM4ynlxh82NO6oZTpvTTE6W2Y_HMR9dM5Qknuf6QIAJ3UbC19VEvXNR8A06qgv5I/s1600/BukuTamu1.png

10. Klik Simpan dan selesai. Lihat Hasilnya.
Tag :, Tag :



Kali ini saya akan berbagi cara membuat Chat Box dengan aplikasi CBOX.
Chat Box atau Guest Box atau sebagainya adalah fasilitas untuk kita chatting dengan teman di dunia maya atau dengan teman Blogger khususnya. Manfaat lainya adalah agar alamat Blogspot kita dapat diketahui teman blogger dapat menyebar atau bahkan terkenal. Lumayan, buat bantu-bantu agar blogspot kita rame gitu deh..hha.
Salah satu situs chat box adalah CBOX, tak perlu basa-basi lagi mari kita mulai.




1. Masuk ke situs cbox, http://www.cbox.ws/ .

2. Lanjut, pilih sign up tentunya untuk buat akun.


Cbox


3. Pada tahap sign up, silakan isi dengan lengkap. cbox name isi dengan keinginan sobat, email address isikan alamat email sobat, password isikan tanpa diketahui orang lain (mesti lah,hha), website isikan alamat blogspot/web tujuan sobat, language pilih bahasa yang sobat mengerti, style pilih backround yang anda suka, jangan lupa centang terms and conditions, lanjut klik "create my cbox".


Cbox


4. cbox sobat berhasil dibuat.


Cbox


5. Masuk ke yahoo dan periksa mail sobat, pasti ada mail dari cbox. Baca mail dari cbox dan klik link dari cbox untuk dapat login ke control panel cbox.


Cbox


6. Setelah link tersebut diklik maka sobat akan masuk ke control panel cbox. Lalu sobat lakukan proses login.


Cbox


7. Lalu kita masuk ke laman berikutnya, gulir sedikit ke bawah disitu ada kode html. Blog kode tersebut dan "copy".


Cbox


8. Lanjut, masuk ke akun blogger sobat dan pilih "Tata Letak". Tentukan dimana cbox akan disimpan. Klik "Tambahkan gadget", pilih HTML/JavaScript dan paste-kan kode HTML dari cbox tadi.

Selesai, sobat sekarang bisa chat dengan teman blog menggunakan cbox.
Tag :, Tag :

Cara Membuat Sharingan Berputar Di Blog Dengan Css

Keyword : Membuat Sharingan Berputar Keren Di Blog Dengan Css, Cara Membuat Sharingan Bergerak Berputar Putar Di Blog.


Oke, saya akan mengshare sebuah tutorial untuk mempercantik blog. Cara membuat Sharingan berputar di blog dengan css. Jika kalian ingin melihat contohnya, kalian bisa melihatnya di header blog ini. Bagaimana cara membuatnya? Oke, berikut ini cara membuatnya :


  • Pertama, masuk ke dasboard blog kalian
  • Masuk ke Template, pilih Edit HTML
  • Kalian masukkan kode di bawah ini tepat di atas kode ]]></b:skin>
.SharinganP{margin-top:0px; margin-left:0px; width:98px; height:98px; float:left;}
.Sh1{background-color:rgba(0,0,0,0);opacity:.9; border-radius:190px; width:75px; height:75px; margin:0 auto;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPOgIwdFUklVlCqqkr0I7Y7POnyy8s41ft2r0s-_XJjtX6293okTRAZefK4FPH0ad6tnvXKlif0fStpY3esXHRXm00Ce_yxYB0Lgg8_TlFV9i74K3XXA6aWGTZhTHQqhtXEZH9bUZinp1A/s1600/Untitled-1+copy.png)center; position:absolute; top:-70px; -moz-animation:spin2Pulse 2s infinite linear; -webkit-animation:spin2Pulse 2s infinite linear} @-moz-keyframes spin2Pulse{0%{-moz-transform:rotate(0deg);} 100%{-moz-transform:rotate(-360deg);} } @-webkit-keyframes spin2Pulse{0%{-webkit-transform:rotate(0deg);} 100%{-webkit-transform:rotate(-360deg);} }
Keterangan :
Atur kode yang berwarna ORANGE untuk mengatur letak Sharingan
Ganti kode yang berwarna HIJAU dengan kode ukuran lebar Sharingan yang kalian inginkan

Ganti kode yang berwarna AQUA dengan kode ukuran tinggi Sharingan yang kalian inginkan
Ganti kode yang berwarna BIRU dengan url gambar Sharingan yang kalian inginkan
Ganti kode yang berwarna UNGU dengan angka berapa detik yang dibutuhkan untuk berputar satu kali
Ganti kode yang berwarna PINK dengan 360deg jika kalian ingin membuatnya berputar searah jarum jam

  • Masih belum selesai, masih di Edit HTML, masukkan kode di bawah ini di bawah kode <header id='header-wrapper'> (Sebenarnya bisa kalian letakkan dimana saja asal tidak error dan jika tidak ditemukan kode berwarna KUNING, carilah yang mirip )
<div class='SharinganP'>
<div class='Sh1'/>
</div>
Berikut ini adalah link gambar Sharingan yang bisa kalian gunakan (Ukuran 75x75)

1. Sharingan 1 Tomoe

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNfYXLMAJ-54ZJvnXnY1FtvDCxklQatFL8rSqO4oyqZe4Kdmb8UN31C2t41fW3OMWTLs0qis7aAl8y7fNGQuGiHvf9MhIowmMNBo2X_oTYIZRjvKX-KjbGybCDPUbTeCTN74HqkZSRQqMJ/s1600/anonymous-bunshin.blogspot.com.1-Yondarkness.png

2. Sharingan 2 Tomoe

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxYeoiiTA7_cjqK_GVBdkah2CQRwTkE3G9p0HEhwZfNdBhSO9DntjumPhk-jrfCdMsy-OMMhA9LEDFPeBYJJPjhyxWjhkeMoQOro2tba1_HZSJej0GTuhepMTA6qcfHSfQDs6f3E-U5aY/s1600/anonymous-bunshin.blogspot.com.2-Yondarkness.png

3. Sharingan 3 Tomoe

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKYR_gJUf2ZmgbcwiPdRDOcmKsWZUlRZOhzVs5uKdeYAJLCymuqXi2RKaSW-xLarQYBXWLr_xv3RUzMZiJCowC2rOjvkvTfEWkQl3A6kf5Lj_k8iFtImO7jlnjYdOJF-HvVAvrLBrvaYY/s1600/anonymous-bunshin.blogspot.com.3-Yondarkness.png

4. Proto Mangekyou Sharingan

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkOd-laj2jJLeU03kXDZ8P9109JKGhBAf86gpAT4Czk7wjnVfEYlsFm7oGthRLVuY0riYT0lXcHI2oM4ywiexSJMMVnYY0I-CwcE91uYcQmQT2kKy0FhAuBeQMVoikvCFcQ3N0cpHG7EA/s1600/anonymous-bunshin.blogspot.com.proto-Yondarkness.png

5. Mangekyou Sharingan Kakashi dan Obito

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPbG5mxTdF0fiJXwtfhupoP_-BO407locZ6EBgvE0jv0ZA1B3tgEmVqkWeremp2VmOUe-ktn8wdv4Dhrp7F_wpffaLqmBt39p1GtWMrdUaQpH-VDUEVwlnF7NrX-PDuqDImf09a_fYmkk/s1600/anonymous-bunshin.blogspot.com.kakashi-Yondarkness.png

6. Mangekyou Sharingan Itachi

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3R8tQxHWOKEVPeBKzSnEjttklzFV93A7iJjt4neitxAirR5Zu56b3oT-wd4AlGKPIOn2quTUaESjHvGd4-iQai4cNaQAmTCiEZw690QCRaDAIrhyphenhyphen6kzC_mCuAlpGQRVeEXtX7ETOFa9c/s1600/anonymous-bunshin.blogspot.com.itachi-Yondarkness.png

 7. Mangekyou Sharingan Izuna

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdgeV29r00B-BgcWzuKuFmK_Zi4EBGifM0XlQX0_XK2eMDBhZU7C9HsWwApZJBtdp4-2xH0O2awyB5dOt2LAnptEd1X-e4HXUz1yP6tuh-T8sGV8X6rFlPx0fOxL4Y_B4K7wigAZTTqtI/s1600/anonymous-bunshin.blogspot.com.izuna-Yondarkness.png

8. Mangekyou Sharingan Shisui

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgI0FWSX055fw9TjYP-e1wB_tS6h92wOdCTCCViMUy1B0biYBy5haKeYwZGldW9lsU2Rg5eJ3NQQ9T1co7CAyQ8yZHqsyWEHxw7zpOCDxt-DSYlT1-FiQ2iXMPfCHcM6fvF9fwjDqdfydQ/s1600/anonymous-bunshin.blogspot.com.shisui-Yondarkness.png

9. Mangekyou Sharingan Madara

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSZj4-4U2MPtfhovFyPUk2S06gaeGj37FKIcIGqwZvOKYoon08gI_uvm3_J3CGPsWChtzO6KCThHj7iLQY-WKT3AREo6N8V8Q9tIgKB-HRCimvL296PwvbBXtiCcZe_KOKrvagmfmcNwQ/s1600/anonymous-bunshin.blogspot.com.madara-Yondarkness.png

10. Mangekyou Sharingan Sasuke

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiftP5tamlNZfwGPRabWTiNIGHrYxlUzfCJ_qylWwQOQO_sw-o_y-jZj7giC2Hhqu7kkWhwmqFLlUvYqv-FW4iUZ_yz5qFvId21mE4EO13ZcGXhzuFfzm2yupZgYp-RvyZqfLrayqiBwH0/s1600/anonymous-bunshin.blogspot.com.Sasuke-Yondarkness.png

11. Eternal Mangekyou Sharingan Madara

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi_lfS20Ls18UaBO29kcoN_X-EmJjuc86oyAi_T-E6ImHEvzHN7bs89NTQIs6FeQ4hU9CAp4rRa1CEU4TnzxKiNfYKXcZsrTRkZVx0EzbVS1Ug-W__cYcOCkRIGUXhU4UFSIKdtqtRk38/s1600/anonymous-bunshin.blogspot.com.madara2-Yondarkness.png

12. Eternal Mangekyou Sharingan Sasuke

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ6d-dNqaUQPMhJJwWE5H7-Atr61bHxN-oCIqVfO3ZqQhWJCpCeb1yWSf4g070HKQwNZY6mmtl8IazWrsPVs0hxIuLYjwHRIVGFnBqaLcnGSF4_SR_plGBQGaBjCs9EsaiyNmzto9h4xM/s1600/anonymous-bunshin.blogspot.com.Sasuke2-Yondarkness.png

13. Sharinnegan (Mata Juubi)

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggH63CibeWT5ZQUgSaid__euHpfiLbDd78aUrcI84xplIqsExfJLkPKfFRIizM2oDjVmfyhk91thGVwF3cEc7xCCXf0x6cF1_UZk33wfMWGoTAyiVPESqzhTmQyLHR27zl23KhfpA0ljs/s1600/anonymous-bunshin.blogspot.com.Juubi-Yondarkness.png

Silakan pilih yang kalian inginkan. Kalian juga bisa menggunakan gambar lain. Sekian artikel kali ini. Semoga bermanfaat. Jika ada yang kurang jelas, silakan tanyakan di komentar.
Tag :, Tag :, Tag :

Tv Online

Posted by mpon
Tag :, Tag :


Cara membuat / memasang widget burung Twitter terbang di Blogger, mungkin trik ini sudah tidak asing lagi bagi sobat dan sudah banyak sekali saya melihat blog yang sudah memasang widget burung Twitter terbang ini dengan berbagai macam style dan warna burung Twitter yang berbeda-beda, sekarang saya akan mengulas kembali khusus buat teman-teman blogger yang baru membuat blog dengan platform blogspot

Memasang Burung Twitter Terbang di Blogspot
Twitter adalah layanan jejaring sosial yang sangat populer sekarang ini selain Facebook dan Google+ dan tidak salah banyak orang yang beramai-ramai untuk menjalin koneksi melalui Twitter apakah itu untuk keperluan bisnis maupun hanya sekedar berteman saja, nah bagi sobat yang mempunyai blog tidak ada salahnya memasang widget menarik ini selain membuat blog sobat cantik dan unik, widget ini juga mempermudah sobat untuk menjalin pertemanan baru dengan pembaca blog sobat, hanya dengan sekali klik pada burung twitter yang terbang maka akan otomatis terhubung dengan profile Twitter sobat.

Ok tanpa panjang lebar mari kita kupas bersama-sama cara memasang widget ini
  • Pertama-tama silahkan login di Blogger
  • Klik Design > Page Element > Add Gadget > Html/Javascript
  • Copy paste kode di bawah ini ke kolom Html/javascript

<!-- floating twitter Bird -->
<script type="text/javascript" src="http://zuazz.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwwM0IeFTYwlundTPskmoKqk56FgLkB93dw6tBM_L-44kLgPxjMqZFckvLvS0WusqA46-QLsbuijclUUje8q8JJdPSduW0LuSt-DBzDQru1xZPCXhHHuoImU0wO54xVPB4TYY6iOovaiU/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/Akun Twitter sobat";
var tweetThisText = "Twitter - UserID http://zuazz.blogspot.com/";
tripleflapInit();
</script>

  • Ganti kode yang berwarna biru dengan akun Twitter sobat
  • Ganti kode warna merah bila ingin mengganti warna burung twitter dengan kode yang telah disediakan dibawah
  • Simpan dan lihat hasilnya.
 Warna Pilihan Burung Twitter


 Warna Kuning
  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRfkjMWE0GksVq0gobs_Pc-Y5bcP6Ss_J6bSCpuCYRdBmYXMUy4YAbX0CVHNNL8fGNeB3OJmVxfGWTICPmG9nbe-0nwYVzH3n_4dlp2hyphenhyphen7q7dQ_qmo1S-G1ZOewZLHW2jkbIcPq-p7pow/s1600/yellow+bird.png
Warna Hitam
  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8C0UyNT-obg0pzSmbfLV1HbAVr6zjp5NykHABbINfyOSh5a_p7zFxEnF_ih074uE0Svoblgs7X1AetSkCjIoag7BxC-M0ffcQR_fw8k0-gskEH_jZDg-tDx_4TV3Hy-npbDJMGBi5SGc/s1600/black+bird.png
Warna Biru
  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjToJiN5vOMJLdf0ciBKNmh-GOHbbtCe0AJseQHna1TenaAbAiG4GTtimTrebQDzsmgSfzqRP4o23BXBRGdgRcg7LOA6amoDBEfpW4vTe077omPxjZiRvopo98m8NhXdc6STdy1_62pZcw/s1600/Blue+bird.png
Warna Coklat
  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyICFTZsGZFz4mMF2FUEiVt6HPVPKAL6UGFr-faG_OhkDC3sGHOTdA4AbZXUfH8iKU0k6fN4sDL3v89P9lrNGLpLse2hP1HfjOZDVecj0_pMwd-6eRTwRTlE9eeWsXtdfoK_GG6UyWAQk/s1600/brown+bird.png
Warna Hijau
  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikLLPG40fzC202hsO_ZX_qzU_x009bxrZu63f1LdDjpSVzWWVW0u0hOqnTcKX_rf0mget_th20bS350vwxgY6GwxtFMrbqcyaHRslI8B0NGSlgbdarLNNwtB78eVr5y4ESLBUwvw7wEyA/s1600/Green+bird.png
Warna Ungu
  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTJLrlpSkQEFnOmcGRnNiLicrKNVJVvQAhRc_RPPTWL9HPl8dUltYPk2Jx4Xu8S6u6hAiHWp_T_spSnTgPlpuaRTTcEDzusvTrmn7-sSts3u4re0hUyLbzmfGBVLoF3vVhDuZYM0XTrGQ/s1600/purple+bird.png
Warna Putih
  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnsyeJIE_20zdL5EYhFghHlHXp5uxr74PPlnEuH_bnPJjVaOTcuSOxHWuTc802ctdnRx-8viBaee7Ap3354vCDmCnsZ4uvq9fr8zGIHk5iAgCQJ-olEvmRAKQNXK7NdnrldoF18GQw7hE/s1600/white+bird.png
Warna Merah
  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFKecDy4ILjUKysvU7n0OwUpnFhoRSaGsRnrof7BONA-b6zR-ssVbKtmfxDBirO9huBQ1MHYjD-8T2SjERzYrutk_e_FdTV895sAd0l685Ani-MgPX1C7byl4QDTLKZGT6jZfIEydgA9Y/s1600/red+bird.png

Dan terakhir jangan lupa disimpan
Good luck Sob..!!!!

Tag :, Tag :

Banner

ADS

Labels

Diberdayakan oleh Blogger.

Copyright © 2014 River-Creative- River Creative - Powered by Blogger - Design by Kink Exclusive. - original by Djogzs

Perhatian...!!!

1. Gunakan Google Chrome Agar Blog Terlihat Maximal.

2. Dilarang Mencuri Berbagai CSS Yang Saya Pakai.

3. Harap Share, Follow, dan Berkomentar.

4. Sekian Dan Terima Kasih.