Jika Aku Menjadi : Cristiano Ronaldo

Sumber Gambar  : Google Images

Assalammualaikum Wr. Wb

     Hai Snixi bertemu lagi kali ini dengan Syahroonix dalam Jika Aku Menjadi : Cristiano Ronaldo dan kali ini Syahroonix akan berbagi pendapat Syahroonix tentang Cristiano Ronaldo saat bertandang ke markas Manchester United). Baca artikel Syahroonix sebelumnya juga yah kawan Cara Membuat Permalink Yang Seo Friendly. Langsung ajah ke bawah yah kawan.

     Kalau menurut Syahroonix, Cristiano Ronaldo adalah seorang sosok yang baik dan tahu diri. Kenapa? Sejak awal, Cristiano Ronaldo sudah menduga kalau Real Madrid tidak akan menang. Benar saja bukan? Pada menit-menit awal Manchester United sudah bisa mencetak sebuah gol. Seharusnya Manchester dapat menang waktu itu. Pada saat Manchester United unggul dengan angka 1-0 Real Madrid bermain dengan serius. Suasana pun terbawa panas. Hingga akhirnya kesalahan sepele tercipta. Entah apa yang ada di otak si wasit ini. Pelanggaran yang seharusnya hanya diganjar oleh kartu kuning, dia keluarkan merah untuk Nani.

     Dengan sangat terpaksa kan Manchester United harus bermain dengan 10 orang. Setelah keluarnya Louis Nani dari lapanganlah Real Madrid habis-habisan menggempur Manchester. Hingga akhirnya Real Madrid mencetak 1 gol dan menyamakan kedudukan menjadi 1-1. Mulai dari sinilah mulai permainan Cristiano Ronaldo sang bomber gol bermain slow dengan mengoperkan bola kepada temannya yang berada di belakang. Kalian tahu kenapa? Karena Cristiano Ronaldo telah melawan keluarganya sendiri.

     Kalau kalian masih tidak mengerti, coba kalian fikirkan dan bayangkan. Andaikan kalian menjadi Cristiano Ronaldo yang asalnya hanya pemain biasa di salah satu club di Portugal. Setelah direkrut oleh Mancester United dalam tempo beberapa tahun dia langsung bisa menjadi seorang pemain dunia sama halnya David Bechkam. Mungkin yang CR rasakan itu perasaan tidak tega untuk menusuk keluarganya sendiri.

     Bayangkan oleh kalian, dia di besarkan di MU dengan pelatih Sir Alex Feguson. Dan kini, dia datang ke Panggung Impiannya, Old Trafford mengenakan jubah baru dari Real Madrid bernomor punggung 09. Dia merasakan masih ada kekeluargaan antara dia dengan Manchester United. Dia serasa melawan orang tuanya sendiri Sir Alex Ferguson, kakak seperguruannya seperti Giggs, Ferdinand, Rooney, dan pemain yang bertahan lama di Manchester United.

     Evra sempat berkata sebelum permainan dimulai "Aku berharap Ronaldo cidera sebelum bermain" Kenapa? Karena Evra tidak ingin Ronaldo cidera karena pemain MU yang membuat CR berfikiran buruk tentang MU. CR pun sempat berkata "Kalau bisa aku tidak akan mencetak gol!" Terbukti, ketika CR mencetak gol kemenangan bagi Real Madrid, tidak ada ekspresi apapun yang dia luapkan kecuali senyuman. Karena dia merasa bersalah atas kekalahan MU itu. Dan yang mengagetkan adalah Pelatih Real Madrid menghampiri Sir Alex dan menyalaminya. Sang pelatih berniat menghibur berkata "Sebenarnya, Real Madrid tidak pantas untuk menang"

     Fakta unik dari Cristiano Ronaldo dari pertandingan itu adalah ketika peluit tanda pertandingan usai, hal pertama yang dia lakukan adalah  menghampiri Ferdinand dan memeluk dia layaknya bertemu kawan lama. Sungguh, sebenarnya sepak bola menyimpan banyak cerita, baik itu sedih maupun romantis. Apapun yang terjadi itulah kehidupan. Betul tidak kawan?

     Mungkin hanya itu artikel yang dapat Syahroonix tulis kali ini dengan judul Jika Aku Menjadi : Cristiano Ronaldo. Bila ada kesalahan dalam penyebutan nama atau penulisan apapun harap di koreksi yah di komentar. Kalian boleh mengcopy ini tapi jangan mengklaim ini adalah tulisan kalian. Hargai hasil karya orang dengan meninggalkan komentarnya dibawah dan kalau ada waktu luang baca juga artikel lain dari blog ini dan klik iklan yang ada untuk mendukung blog ini tetap update. Terima kasih

Tags : Fakta unik tentang cristiano ronaldo, cristiano ronaldo saat di old trafford, cristiano ronaldo melawan mu, real madrid melawan mu, rm vs mu, real madri vs manchester united, cristiano ronaldo melawan manchester united

sumber Artikel : Syahroonix Blog | Berbagi Segala Hal

Read More Jika Aku Menjadi : Cristiano Ronaldo

Cara Membuat Menu Social Share Sederhana Dengan CSS 3

Assalammualaikum Wr. Wb

   Hai kawan, setelah sebelumnya Syahroonix sudah sharing tentang Cara Submit Ke 20+ Websites. Kali ini Syahroonix akan memberi tahu tentang Cara Membuat Menu Social Share Sederhana Dengan CSS 3. Di artikel ini Syahroonix ingin berbagi hal yang sedikit merujuk ke arah untuk berbagi pula kawan.

  Ok kawan, kalau kalian mau tahu seperti apa widget ini, silahkan lihat di link di bawah ini :

 http://demp-widget-syahroonix-blog.blogspot.com/2013/03/demo-cara-membuat-social-share-menu.html

Bagaimana bagus kan widget ini? Nah, kalian semua bisa kok memiliki widget ini. Caranya juga mudah, ikuti saja tutorialnya di bawah ini.

Langkah Pertama
Seperti biasa, yang pertama kali harus kalian lakukan adalah log in dengan akun kalian tentunya. Jangan lupa OK?

Langkah Kedua
Kalian langsung OTW ke Template atau Design dan langsung klik Edit HTML. Kali ini centang juga Expand Widget Templates.

Langkah Ketiga
Kalian tekan CTRL+F atau F3 lalu carilah kode ]]></b:skin>

Langkah Keempat
Setelah kode ]]></b:skin> ketemu, maka sisipkan kode dibawah ini diatas kode ]]></b:skin>

<!--Syahroonix Blog | Berbagi Segala Hal-->
#social_nav_horizontal {     margin-left: 100px;     font-family: Futura, Verdana, Sans-Serif;     font-size: 18px;     color: #8E9090;     height: 100px; } #social_nav_horizontal h3 {     display: inline;     padding: 0 10px;     border-bottom: dashed 1px #ccc; } #social_nav_horizontal ul {     margin: 0;     padding: 0;     margin-top: 20px; } #social_nav_horizontal ul li {     float: left;     padding: 5px 0 0 5px;     margin-left: 5px;     list-style-type: none; } #social_nav_horizontal ul li a {     padding: 4px 0 0 28px;     height: 32px;     color: #999;     text-decoration: none;     line-height: 1.45em; } #social_nav_horizontal ul li a:hover {     color: #6DCAFF;     text-decoration: underline; } .delicious {     background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSD-Gv7LaSyLAOJ9Fn3-p_OJongqahYZNoMUN143Q2CvLlwXnC_bxaRK1X0Iy0mz4IWiuB4OuUSZCnhFPLM1wXMuuxmy2PQLhqa371dgVMiHNq8TS-NARMIxJqHOy8NASgex-plZVKd4Q/s1600/delicious.png)no-repeat;     background-position: 0 -1px; } .facebook {     background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKWpbIYy4lXUm9TAu9ZyNRkxtq8dQslt3KY_qHh0AuynRA8SdK5W9anS3AliJSNRibZ_pOfNRIUvryDcegTV0kH9sXgQGG-5HMis-Y22X7zEV-nvXSHskYHsAjtzIXf0yCxLVySKgu75w/s1600/facebook.png)no-repeat;     background-position: 0 -1px; } .stumbleupon {     background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgu5XQXa7I1fPS5wLXFHp3emsuSRYQB4Ids7QS1cCkbx3rZ5j5DPzFCtMW35nWdRBF5qgLGpbLfqfdeGXXFoMHOl6N67RDehqdXQNqY983tYknIx4LVpWKPpeZg9N2SYDc0Wtua0y6llTo/s1600/stumbleupon.png)no-repeat;     background-position: 0 -1px; } .twitter {     background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBA9RV74bRchdMvkvJ8YE0CF3pKWo-OTLgqzGi6TKQ0OhGtNBqvTQBJI5GMoCPWcoaQ1To2ztG4fTDQd59mV__OsOvAIf616BbGoaJdJgg4_KKMnGewdLCPuhDXIWxqi5FrvFUcLMqERg/s1600/twitter.png)no-repeat;     background-position: 0 -1px; }
<!--Syahroonix Blog | Berbagi Segala Hal-->

Maka nanti hasilnya akan seperti ini :

<!--Syahroonix Blog | Berbagi Segala Hal-->

#social_nav_horizontal {     margin-left: 100px;     font-family: Futura, Verdana, Sans-Serif;     font-size: 18px;     color: #8E9090;     height: 100px; } #social_nav_horizontal h3 {     display: inline;     padding: 0 10px;     border-bottom: dashed 1px #ccc; } #social_nav_horizontal ul {     margin: 0;     padding: 0;     margin-top: 20px; } #social_nav_horizontal ul li {     float: left;     padding: 5px 0 0 5px;     margin-left: 5px;     list-style-type: none; } #social_nav_horizontal ul li a {     padding: 4px 0 0 28px;     height: 32px;     color: #999;     text-decoration: none;     line-height: 1.45em; } #social_nav_horizontal ul li a:hover {     color: #6DCAFF;     text-decoration: underline; } .delicious {     background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSD-Gv7LaSyLAOJ9Fn3-p_OJongqahYZNoMUN143Q2CvLlwXnC_bxaRK1X0Iy0mz4IWiuB4OuUSZCnhFPLM1wXMuuxmy2PQLhqa371dgVMiHNq8TS-NARMIxJqHOy8NASgex-plZVKd4Q/s1600/delicious.png)no-repeat;     background-position: 0 -1px; } .facebook {     background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKWpbIYy4lXUm9TAu9ZyNRkxtq8dQslt3KY_qHh0AuynRA8SdK5W9anS3AliJSNRibZ_pOfNRIUvryDcegTV0kH9sXgQGG-5HMis-Y22X7zEV-nvXSHskYHsAjtzIXf0yCxLVySKgu75w/s1600/facebook.png)no-repeat;     background-position: 0 -1px; } .stumbleupon {     background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgu5XQXa7I1fPS5wLXFHp3emsuSRYQB4Ids7QS1cCkbx3rZ5j5DPzFCtMW35nWdRBF5qgLGpbLfqfdeGXXFoMHOl6N67RDehqdXQNqY983tYknIx4LVpWKPpeZg9N2SYDc0Wtua0y6llTo/s1600/stumbleupon.png)no-repeat;     background-position: 0 -1px; } .twitter {     background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBA9RV74bRchdMvkvJ8YE0CF3pKWo-OTLgqzGi6TKQ0OhGtNBqvTQBJI5GMoCPWcoaQ1To2ztG4fTDQd59mV__OsOvAIf616BbGoaJdJgg4_KKMnGewdLCPuhDXIWxqi5FrvFUcLMqERg/s1600/twitter.png)no-repeat;     background-position: 0 -1px; }
<!--Syahroonix Blog | Berbagi Segala Hal-->

]]></b:skin>

Langkah Kelima
Kalian cari lagi kode <data:post.body/>

Langkah Keenam
Setelah kode diatas ketemu, maka sisipkan kode dibawah ini, tepat dibawah kode <data:post.body/> Biasanya ada lebih dari 1 kode seperti itu. Kalau memang ada lebih dari 1, maka pasang kode dibawah, dibawah kedua kode <data:post.body/> 

    <!--Syahroonix Blog | Berbagi Segala Hal-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>     <div id="social_nav_horizontal">                              <h3> Bookmark or Share This Post </h3>
                             <ul>
                                 <li> <a class="delicious" href="http://del.icio.us/post?url=Your website title" title="Share this on del.icio.us">Delicious</a>
                                 </li><li><a class="facebook" href="http://www.facebook.com/sharer.php?u=http://yourwebsite.com">Facebook</a></li>
                                 <li><a class="stumbleupon" href="http://www.stumbleupon.com/submit? url=http://www.yoursite.com/"> Stumble</a></li>
                                 <li><a class="twitter" href="http://twitter.com/home?status=Your Website Title- http://yourwebsite.com@TwitterUserName">Twitter</a></li>
                             </ul>
             </div>
     </b:if>
    <!--Syahroonix Blog | Berbagi Segala Hal-->

Kalau benar maka hasilnya akan seperti ini kawan:

<data:post.body/> 
    <!--Syahroonix Blog | Berbagi Segala Hal-->

<b:if cond='data:blog.pageType == &quot;item&quot;'>     <div id="social_nav_horizontal">                              <h3> Bookmark or Share This Post </h3>
                             <ul>
                                 <li> <a class="delicious" href="http://del.icio.us/post?url=Your website title" title="Share this on del.icio.us">Delicious</a>
                                 </li><li><a class="facebook" href="http://www.facebook.com/sharer.php?u=http://yourwebsite.com">Facebook</a></li>
                                 <li><a class="stumbleupon" href="http://www.stumbleupon.com/submit? url=http://www.yoursite.com/"> Stumble</a></li>
                                 <li><a class="twitter" href="http://twitter.com/home?status=Your Website Title- http://yourwebsite.com@TwitterUserName">Twitter</a></li>
                             </ul>
             </div>
     </b:if>

    <!--Syahroonix Blog | Berbagi Segala Hal-->

Langkah Ketujuh
Klik Simpan Template atau Save Template

Sekarang lihatlah hasilnya, kalau semua tutorialnya dilakukan dengan benar maka hasilnya pasti sama seperti contoh diatas. Selamat Mencoba

Mungkin hanya itu saja yang akan Syahroonix sampaikan kali ini dalam artikel Cara Membuat Menu Social Share Sederhana Dengan CSS 3. Apabila ada kesalahan dalam artikel ini Syahroonix mengucapkan mohon maaf. Ini adalah artikel asli milik Saya, kalian boleh mengcopy artikel ini. Tapi jangan mengklaim bahwa ini adalah artikel milik kalian. Dan, bila kalian mengcopy artikel ini jangan lupa sertakan link sumber asli dari blog ini. Biasakanlah untuk menghargai karya orang lain dengan minimal meninggalkan komentar baiknya di kolom komentar. Bila ada waktu luang, sempatkanlah untuk membaca artikel lain di blog ini dan klik iklan yang ada di blog ini untuk mendukung blog ini tetap Update.

Tags : cara membuat share di bawah postingan, cara membuat tombol share keren, cara membuat tombol share seo dengan CSS, cara membuat tombol social share keren, cara membuat tombol social share yang bagus, cara membuat tombol social share yang keren dan seo, cara membuat tombol social share yang keren dan seo

Sumber Artikel : Syahroonix Blog | Berbagi Segala Hal

Read More Cara Membuat Menu Social Share Sederhana Dengan CSS 3

Cara Membuat Link Yang Seo Friendly

Assalammualaikum Wr. Wb

 Hai kawan, kali ini Syahroonix dalam aritkel Cara Membuat Link Yang Seo Friendly akan menjelaskan kepada kalian tentang Cara Membuat Link Yang Seo Friendly. Kalau masalah SEO sih kalian udah pada tahu dan faham kan? Iya kalau begitu tanpa basa-basi lagi Let's Go To The Topic.

  Jadi kawan, mari kita belajar bagaimana Cara Membuat Link Yang Seo Friendly itu sebenarnya. Kita belajar dari cara membuat link yang biasa terlebih dahulu yah kawan.

A. Membuat link dengan cara biasa
Kalau kalian membuat link dengan cara biasa, maka kode yang digunakan pastilah seperti dibawah ini.

<li><a href='URL Kalian'>Tulisan</a></li>

Dan kalau kalian membuat link dengan cara seperti itu, ini adalah link yang kurang disukai oleh mesin pencari karena terlalu singkat. mari kita ambil contoh, misalkan kalian ingin membuat sebuah link dengan Kata :

Syahroonix Blog | Berbagi Segala Hal

Dan link yang dituju adalah

http://syahroonix-blog.blogspot.com/

Maka kalian akan menuliskan link tersebut dengan kode seperti ini :

<li><a href='http://syahroonix-blog.blogspot.com/'>Syahroonix Blog | Berbagi Segala Hal</a></li> 

Dan hasilnya akan seperti ini : 

Syahroonix Blog | Berbagi Segala Hal

 Sebenarnya kawan, mesin pencari tidak terlalu menyukai link yang seperti ini. Coba kalian bandingkan dengan cara yang kedua.

B. Membuat link dengan cara SEO
Bila kita menggunakan cara ini sebenarnya tidak jauh berbeda sih kawan, tapi manfaatnya itu loh.

Kita ambil cara yang sama yah kawan, bila pada saat  kita menggunakan cara biasa dengan rumus kode seperti ini :

 <li><a href='URL Kalian'>Tulisan</a></li>

Coba kalian ganti kode diatas dengan kode ini :

<li><a alt="Tulisan" href='URL Kalian' title='Tulisan'>Tulisan</a></li>

Dan dengan contoh yang sama dengan cara pertama maka hasil kode tersebut adalah :

<li><a a;t="Tulisan" href='http://syahroonix-blog.blogspot.com/' title='Syahroonix Blog | Berbagi Segala Hal'>Syahroonix Blog | Berbagi Segala Hal</a></li>

Maka hasilnya adalah seperti ini :

Syahroonix Blog | Berbagi Segala Hal

 Memang sih perbedaannya cuma dari kodenya dimana kode pertama tidak pake title sedangkan kode kedua pake. Tapi, perbandingannya itu beda jauh banget loh kawan. Mesin pencari lebih menyukai link yang tidak berujung pada tulisan tapi masih ada title yang menyambungkan tulisan tersebut kawan.

Jadi bagaimana kawan, dari penjelasan diatas apakah kalian dapat memahaminya. Kalau kalian mau bukti. Buatlah contoh dari kedua cara tersebut. Lalu kalian sorot link yang menggunakan cara pertama, link dengan cara pertama tidak memiliki sambungan atau lanjutan yang memperjelas link kalian. Sedangkan dengan cara kedua kita dapat mengetahui dengan jelas apa tujuan dari link tersebut kawan.

(Sebelumnya mohon maaf kepada  para SEO Master kalau artikel ini tidak benar adanya. Karena ini hanya menurut pribadi. Bila ada kata-kata yang tidak benar, mohon kritiknya dari para SEO Master. Karena kritik membangun dari para SEO Master-lah yang membuat Syahroonix menjadi blogger yang lebih baik lagi)    

Mungkin begitu saja artikel tentang Cara Membuat Link Yang Seo Friendly yang dapat Syahroonix tulis. Ini adalah artikel asli milik saya, kalian boleh mengcopy-nya tapi jangan mengklaim kalau ini adalah artikel milik kamu. Dan kalau kamu mengcopy artikel ini, jangan lupa taruh link sumber asli blog ini di blog atau situs kalian. Biasakan untuk menghargai hasil karya orang lain dengan minimal meninggalkan komentar baiknya dibawah dan jangan lupa membaca artikel lain di blog ini dan klik iklan yang ada untuk mendukung blog ini. Terima kasih.

Tags : Cara membuat link seo, membuat link seo, cara membuat link seo friendly, tips membuat link seo friendly, tips membuat link seo, cara membuat link disukai mesin pencari, tips jitu membuat link seo friendly, tips ampuh membuat link yang seo, tips jitu membuat link yang seo, tips ampuh membuat link yang seo friendly, seo friendly tips, membuat blog seo

Sumber : Syahroonix Blog | Berbagi Segala Hal

Read More Cara Membuat Link Yang Seo Friendly

Cara Membuat Gambar Berjalan Dengan Jquery

Hai kawan, kali ini Syahroonix akan berbagi tentang Cara Membuat Koleksi Gambar Berjalan Dengan Jquery. kalian yang suka koleksi gambar-gambar di blog harus coba widget yang satu ini. Ini akan membuat gambar-gambar kalian terlihat bagus dengan melihatnya satu per satu. Kalau kalian mau tahu seperti apa widget tersebut. Silahkan kalian lihat di : http://demp-widget-syahroonix-blog.blogspot.com/2013/03/demo-gambar-bergerak-jquery.html.

Ok, bagaimana jadinya kawan? tertarik tidak untuk mencoba widget ini? Kalau kalian tertarik, kalian boleh mengikuti caranya dibawah ini :

Langkah Pertama
Seperti biasa, yang harus kalian lakukan adalah Log in ke akun Blogger kalian dengan akun kalian sendiri. Jangan minjem akun orang OK.

Langkah Kedua
Setelah Log in, kalian langsung OTW ke Template lalu klik Edit HTML dan tidak perlu centang Expand Widget Templates

Langkah Ketiga
Carilah kode </head> dengan memanfaatkan CTRL+F atau F3

Langkah Keempat
Setelah kode </head> nya ketemu, masukkan kode dibawah ini diatas kode </head> tadi.

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

Langkah Kelima
Setelah itu, yang perlu kalian lakukan hanya mengklik Save Template.

Langkah Keenam
Eitts, belum selesai kawan. Setelah itu, pergilah kalian ke Tata Letak atau Layout dan pilih Tambah Gadget atau Add Gadget lalu pilih menu HTML/Javascript

Langkah Ketujuh
Biarkan form judul kosong, kecuali apabila kalian mau mengisi-nya. Itu terserah. Di kolom kode masukkan kode di bawah ini.

 <script type="text/javascript">
marqueeInit({
uniqueid: 'image-marquee',
style: {
'padding': '2px',
'width': '468px',
'height': 'auto'
},
inc: 2, //speed - pixel increment for each iteration of this marquee's movement
mouse: 'cursor driven', //mouseover behavior ('pause' 'cursor driven' or false)
moveatleast: 4,
neutral: 150,
savedirection: true,
    random: true
});
</script>
<div class="marquee" id="image-marquee">
<img src="http://img222.imageshack.us/img222/8854/waterox.jpg" /><img src="http://img405.imageshack.us/img405/7314/cocovv.jpg" /><img src="http://img853.imageshack.us/img853/5038/bonsaiy.jpg" />
</div>

Keterangan :
Kalau kalian ingin merubah gambarnya dengan gambar kalian , kalian hanya perlu mengganti url gambarnya.Misal :  <img src="http://img222.imageshack.us/img222/8854/waterox.jpg" />. Gantilah url yang berwarna hijau dengan url gambar kalian. Dan kalau kalian ingin menambahkan gambar yang kalian mau, tinggal masukkan kode ini   <img src="URL GAMBAR SNIXI" /> dibawah kode <img src="http://img853.imageshack.us/img853/5038/bonsaiy.jpg" /> atau kalian atur-atur saja sesuka hati kalian.

Langkah Kedelapan
Klik Simpan Widget atau Save. Dan lihatlah hasilnya di blog atau website kalian.

Mungkin begitu saja dari Syahroonix tentang artikel Cara Membuat Koleksi Gambar Berjalan Dengan Jquery.  Ingatlah ini adalah artikel asli milik saya, anda boleh mengcopy-nya tapi jangan mengklaim kalau ini adalah artikel milik anda. Kalaupun anda mengcopy ini jangan sampai lupa untuk menyisipkan link asli dari blog ini. Biasakan juga untuk menghargai hasil karya orang lain dengan minimal meninggalkan komentar baiknya dibawah. Dan jangan lupa untuk membaca artikel lain di blog ini dan mengklik iklan yang ada untuk mendukung blog ini. Terima kasih.

Tags :  Cara membuat gambar berjalan, cara membuat gambar bergerak, membuat gambar bergerak dengan jquery, cara membuat gambar berjalan kesamping dengan jquery, membuat efek gambar berjalan dengan jquery, cara membuat efek gambar bergerak ke samping dengan efek jquery, cara membuat efek gambar keren dengan jquery, membuat efek gambar dengan jquery


Sumber artikel : Syahroonix Blog | Berbagi Segala Hal
 Sumber kode : Tutorial-4u

Read More Cara Membuat Gambar Berjalan Dengan Jquery

Cara Membuat Kotak Banner Ads 125 x 125

Hai kawan, berjumpa lagi dengan Syahroonix dalam artikel Cara Membuat Kotak Banner Ads 125 x 125. Di artikel ini Syahroonix akan memberi tahu kalian caranya membuat kotak ads (Kotak Iklan) bergaya CSS yang cukup menarik dan ukurannya 125x125. Bagaimana? Kalau memang kalian ingin tahu caranya, liat tutorialnya di bawah ini.

Cara Membuat Kotak Banner Ads 125 x 125. Untuk membuat itu caranya mudah, kalian hanya perlu mengikuti tutorial yang ada di bawah ini.

Langkah Pertama
Kalian hanya perlu untuk log in ke Blogger Kalian masing-masing dengan akun kalian sendiri tentunya. Jangan Pakai akun orang yah?

Langkah Kedua
Kalau blog kalian berbahasa Inggris, masuk ke Template lalu klik Edit HTML.
Kalau blog kalian berbahasa Indonesia, masuk ke Template lalu klik Edit HTML.
Tidak perlu centang Expand Widget Templates yah kawan.

Langkah Ketiga
Cari kode ]]></b:skin>
Kalau kalian emang gemar membaca sih pasti dibaca dengan teliti. Kalau kalian nggak mau repot sih cari pake Finder dari Browser kalian ajah. Caranya gampang kok, tinggal pencet di hidung kalian, ehh salah lagi maksudnya di keyboard kalian. Pencet CTRL+F atau F3 ajah, langsung tulis kodenya.

Langkah Keempat
Kalau sudah ketemu kode tadi, simpan kode dibawah ini tepat diatas kode ]]</b:skin> tadi.

<!--Syahroonix Blog | Berbagi Segala Hal-->
#syahroonixblog-ads {margin:0px;padding:0px;text-align:center} #syahroonixblog-ads img {margin:1px 1px;text-align:center;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;border:5px solid #666;-webkit-box-shadow: 1px 2px 1px #ccc;-moz-box-shadow: 1px 2px 1px #ccc;box-shadow: 1px 2px 1px #ccc;} #syahroonixblog-ads img:hover {-moz-opacity: 0.7;opacity: 0.7;filter:alpha(opacity=70);-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;-o-border-radius:15%;-webkit-border-radius:15%;-moz-border-radius:15%;border-radius:15%;}
<!--Syahroonix Blog | Berbagi Segala Hal-->

Langkah Kelima
Setelah kalian selesai menaruh kode diatas, klik Simpan Template atau Save.

Langkah Keenam
Setelah Selesai menyimpan template. Silahkan menuju Tata Letak atau Layout lalu klik Tambah Gadget atau Add Gadget dan pilih HTML/Javascript

Langkah Ketujuh
Untuk kolom judul tidak perlu kalian beri apapun kecuali kalian memang ingin memberikan widget ini nama. Dan isikan di kolom kode dengan kode di bawah ini.  

<div id="syahroonixblog-ads">
<a href="http://3.bp.blogspot.com/-3f3R3DutURw/T_D9zeJBfdI/AAAAAAAAAQI/3MDXt76XIhg/s1600/banner-ads.jpeg"><img border="0" src="http://3.bp.blogspot.com/-3f3R3DutURw/T_D9zeJBfdI/AAAAAAAAAQI/3MDXt76XIhg/s1600/banner-ads.jpeg" /></a>
<br />
<a href="http://3.bp.blogspot.com/-3f3R3DutURw/T_D9zeJBfdI/AAAAAAAAAQI/3MDXt76XIhg/s1600/banner-ads.jpeg"><img border="0" src="http://3.bp.blogspot.com/-3f3R3DutURw/T_D9zeJBfdI/AAAAAAAAAQI/3MDXt76XIhg/s1600/banner-ads.jpeg" /></a>
<br />
<a href="http://3.bp.blogspot.com/-3f3R3DutURw/T_D9zeJBfdI/AAAAAAAAAQI/3MDXt76XIhg/s1600/banner-ads.jpeg"><img border="0" src="http://3.bp.blogspot.com/-3f3R3DutURw/T_D9zeJBfdI/AAAAAAAAAQI/3MDXt76XIhg/s1600/banner-ads.jpeg" /></a>
<br />
<a href="http://3.bp.blogspot.com/-3f3R3DutURw/T_D9zeJBfdI/AAAAAAAAAQI/3MDXt76XIhg/s1600/banner-ads.jpeg"><img border="0" src="http://3.bp.blogspot.com/-3f3R3DutURw/T_D9zeJBfdI/AAAAAAAAAQI/3MDXt76XIhg/s1600/banner-ads.jpeg" /></a>
</div>
</div>
</div>

 Keterangan :
Untuk link http://3.bp.blogspot.com/-3f3R3DutURw/T_D9zeJBfdI/AAAAAAAAAQI/3MDXt76XIhg/s1600/banner-ads.jpeg yang pertama adalah tujuan dari banner tersebut. Sedangkan http://3.bp.blogspot.com/-3f3R3DutURw/T_D9zeJBfdI/AAAAAAAAAQI/3MDXt76XIhg/s1600/banner-ads.jpeg yang kedua adalah link untuk banner tersebut.

Langkah Kedelapan
Klik Simpan atau Save dan lihatlah hasilnya di blog kalian.

Kalau kalian ingin tahu seperti apa hasilnya bisa dilihat di : http://demp-widget-syahroonix-blog.blogspot.com/2013/03/demo-kotak-iklan.html

Selamat Mencoba.

Mungkin hanya itu saja yang dapat Syahroonix sampaikan dalam artikel Cara Membuat Kotak Banner Ads 125 x 125. Ingat, ini adalah artikel asli milik saya, kalian boleh mengcopynya tapi jangan coba-coba mengklaim kalau ini adalah artikel buatanmu. Dan kalau kalian mengcopy artikel ini tolong sertakan link sumber asli blog ini. Biasakanlah untuk menghargai hasil karya orang lain dengan minimal meninggalkan komentar baiknya di blog ini. Jangan lupa untuk membaca artikel lain di blog ini dan dukunglah blog ini dengan cara mengklik iklan yang ada di blog ini. Terima Kasih.

Tags : Cara membuat kotak iklan, cara membuat kotak iklan 125 x 125, cara membuat banner ads box, cara membuat widget pasang iklan, cara membuat kotak iklan di blog, cara membuat kotak iklan keren di blog

Sumber  : Syahroonix Blog | Berbagi Segala Hal 
 

Read More Cara Membuat Kotak Banner Ads 125 x 125

Yuk Saling Bertukar Banner

Assalammualaikum Wr. Wb

Hai Snixi, bertemu lagi dengan Syahroonix kali ini dalam artikel Yuk Saling Bertukar Banner. Ok Snixi setelah sebelumnya Syahroonix sudah mengajak Snixi untuk melakukan pertukaran link dalam artikel Mari Bertukar Link. Kali ini Syahroonix juga ingin mengajak Snixi untuk melakukan pertukaran banner dengan Syahroonix. Sebenarnya manfaat dari pertukaran banner ini sama dengan pertukaran link saja sih Snixi, tapi karena dalam pertukaran banner ini kita menggunakan gambar. Jadi, tidak jarang orang lebih tertarik untuk masuk atau sekedar mengklik banner Snixi.

Kalau ada yang belum tahu manfaat dari pertukaran banner, ok Syahroonix ingatkan kembali yah Snixi. Jadi, pertukaran banner ini mempunyai beberapa manfaat buat para blogger yang melakukannya Snixi, diantaranya :

1. Dapat menaikkan traffic kedua belah pihak
2. Dapat menjalin komunikasi yang baik antara kedua belah pihak
3. Dapat membuat sebuah blog menjadi terkenal
+ Lebih memungkinkan pengunjung mengklik banner tersebut apabila menarik dibandingkan pertukaran link.

Jadi, bagaimana Snixi? Berminat untuk mencoba bertukar banner. Kalau mau, jangan lupa dengan Syahroonix juga yah Snixi? Kalau Snixi mau bertukar banner dengan Syahroonix, caranya mudah kok. Cukup copy kode dibawah ini :

<a href="http://syahroonix-blog.blogspot.com/" target="_blank" title="Syahroonix Blog | Berbagi Segala Hal"><img alt="Syahroonix Blog | Berbagi Segala Hal" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-n9ZVbx1xCrDzMGU09xvIJKaD9u_nQiEUhVQAnhADdyZklncvVcBcI4BDQU2mZuM4MGaAmDUjJVaSxqOhTH-g0t2KJIGpOGzaAPfjQVyOPiPusdZBP5WhC_JLyllzRW3L-0oLib4uI1vJ/s1600/Syahroonix-Blog-Banner.gif" width="400" /></a>

Jangan merubah kodenya yah Snixi? kalau dirubah maka kode diatas tidak akan aktif dan Syahroonix pun tidak akan memasang balik banner Snixi bila Snixi merubah kode diatas. Kalau tidak dirubah sedikit pun, maka hasilnya akan seperti di bawah ini Snixi :

Sudah paham kan Snixi? Kalau Snixi sudah meletakkan kode diatas dan hasilnya sama seperti diatas. Maka yang harus Snixi lakukan tinggal menulis komentar di kolom komentar di bawah dan sertakan link tempat Snixi menyimpan banner Syahroonix. Kalau ketika diperiksa ternyata benar ada, maka dalam tempo kurang dari 1 hari banner Snixi sudah siap terpasang rapih di daftar teman di bawah ini :

Daftar Teman Syahroonix

Ok, Mungkin hanya itu saja yang bisa Syahroonix sampaikan dalam artikel Yuk Saling Bertukar Banner. Ingatlah kalau ini adalah artikel asli milik Saya, kalian boleh mengcopy-nya tapi jangan mengklaim kalau ini adalah buatanmu. Dan bila kamu mengcopy artikel ini, tolong sertakan link sumber asli blog ini. Biasakanlah untuk menghargai karya orang lain dengan minimal tinggalkan komentar anda dan jangan lupa untuk membaca artikel lain di blog ini dan mengklik iklan yang tersedia untuk mendukung blog ini. Terima kasih.

Tags  : Banner exchange, tukar banner, tukeran banner, banner exchanges, banner free, tukeran banners, banners syahroonix, tukeran banner, exchange banner, banner exchange, manfaat pertukaran banner, manfaat bertukar banner, manfaat banner exchange, manfaat banner exchanges

Sumber  : Syahroonix Blog | Berbagi Segala Hal

Read More Yuk Saling Bertukar Banner