Membuat Widget Subscribe Paling Keren

Alhamdulillah akhirnya saya bisa update postingan lagi , soalnya dari tadi pagi cuma ngutak-atik template nih. Setelah hari-hari sebelumnya saya disibukan oleh masalah blog agar SEO dan akhirnya saya pun bisa menerapkannya yaitu pada tutorial Cara Membuat Blog Valid CSS3 dan Membuat Blog SEO Di Chkme.com. Nah kan masalah SEO pada tutorial sebelumnya sudah teratasi , sekarang masalah Widget Subscribe. Mengapa Widget Subscribe ini diperlukan ??? karena agar pengunjung bisa mengikuti blog sobat.

Saya juga baru memasangnya barusan , karena ada seorang pengujung bernama maryam ishmatullah ingin ikut blog saya tapi tidak ada Widget Subscribe nya , kan repooottt tho. Makannya saya langsung memasang Widget Subscribe di blog saya , Ehh ternyata berguna banget lhooo.

Berikut ini penampakan widget subcribe paling keren yang saya pakai , hehehe :

Sobat tertarik dengan  Widget Subscribe Paling Keren kaya diatas ??? Pasti dong.

ayoooo berangkat belajar cara Membuat Widget Subscribe Paling Keren :

1. Sob , untuk menggunakan kode CSS yg mengatur tampilan gambar Email, RSS, Twitter, Facebook, dan Google+. Silahkan copy kode di bawah ini dan simpan di atas kode ]]></b:skin>

.social a{color: #6e6e6e;font: bold 12px Arial;text-decoration: none;padding: 3px 5px 2px;position: relative;display: inline-block;text-shadow: 0 1px 0 #fff;-webkit-transition: border-color .218s;-moz-transition: border .218s;-o-transition: border-color .218s;transition: border-color .218s; background: #f3f3f3;border: solid 1px #999;}
.social a:hover {color: #333;border-color: #666;-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);}
.social a:active{color:#000;border-color: #444;}

Tempelkan kode diatas tadi agar tampilan Widget Subscribenya menjadi Paling Keren

2. Kemudian sobat pergi ke Tata Letak > Tambahkan Gadget dan letakan kode berikut ini :

<div style="background: none; border:none; padding: 4px;">
<div class='social' style='padding: 0pt 0pt 0pt 5px;'>
<table><tbody><tr><td>
<a href='http://feedburner.google.com/fb/a/mailverify?uri=Planetajaib' target='_blank' title='newsletters'><img alt='email' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwxAnCAO7UpVyPDa3e9axUdJA0fSyWrQN7jLIYueczTXrJGgQVGaKm3pOS54kvTAOZQHGmRxwYRilwZFBouROio3zRnYY3Z6wtRaak8Tm3VW3dbIdieWman5BkQMvWWbRx921uP0SwdZQ/s40/mail.png' title='newsletters'/></a> </td>
<td> <a href='http://feeds.feedburner.com/planetajaib'target='_blank' title='rss'><img alt='rssfeed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixtAp5JTzaLrV2Q1cD9PvLG1DqHQPQTUex6VE8ldiIrui3Mv4E_Nl2K3AGReIbRv63oHhxyF2HIhvidp62A-GOVabrHw6ioiF6HxqNYQZVc1GgYJsk_ssP_sBG4MIcS13Z304Fdp9Okvc/s40/rss.png' title='rss'/></a> </td>
<td> <a href='https://twitter.com/Ahmad_ManarulH' target='_blank' title='Follow on twitter'><img alt='twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVMcB1fyym1W5-oeXpsdpUJwlvfIpMkcGP6GVrNyOU4oRkQrX1hNsK6JdHYm8NwCwWS3HUxOM7EgVum4WGw60YldEam2i_UiR5n2j-7reLhjfMFJgpxv9741wHh6mFiz5fkGhyphenhyphenTjvV3Gc/s40/twitter.png' title='Follow on twitter'/></a> </td>
<td> <a href='https://www.facebook.com/PlanetAjaib'_blank' title=' like me on facebook'><img alt='facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3xYWMucQaGZWc7clDfncQc89eseva3DKRXn4DHAnAQ1zzDaxXqMzBsY_Ro6LYxOTS8hJUFDNP7Fg-ltkcu-BEJzbBRSxgaEau0Xhgr9seOnvXo1j2ITckrcE0POznR5XdmRjQkN5MUFM/s40/facebook.png' title=' Like me on Facebook'/></a> </td>
<td> <a href='https://plus.google.com/u/0/111196340129624846374' target='_blank' title='Follow on G+'><img alt='blog' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwK-D3ZW1xDNonk4puymJA80QJYaOY6MfXgDe0TV-H6ZYzpsSPNFMW8cokl_VZRZfC-UdQVLAKpIRRnGi4YGztFcWpIZFIx9DpBXzaDjh8of2Nf34QWf27f2u6c31p__VHtfyZyE7L8Wg/s1600/g+.png' title='Follow on G+'/></a>
</td></tr></tbody></table></div> <br/>
<div style='text-align: center;'>
<a href='http://www.blogger.com/follow-blog.g?blogID=2376713864947803790' target='_blank' title='Follow this blog'><img alt='blog' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhA_XIS78GwybilJIPBD_CjXqLoiDxrxtyf4rRabWmtcJ6egVOIp8saafwhyphenhyphen0LuVKqRst-7dPFQx98oXb3uGRB6yBuKOWR1gAwFETDzP73q6U6BpYehGpF3HuxnVV0J4-usq5AVgqs423g/s1600/Follower.png' title='Follow this blog'/></a>
</div><br/>
</div>

Keterangan tulisan berwarna yang ada di atas :

1. Untuk tulisan Planet Ajaib, silahkan ganti dengan user name feedburner blog Sobat.
2. Tulisan http://feeds.feedburner.com/planetajaib, ganti dengan url feedburner blog Sobat.
3. Tulisan https://twitter.com/Ahmad_ManarulH, ganti dengan url profil Twitter Sobat.
4. Tulisan https://www.facebook.com/PlanetAjaib, ganti dengan url Facebook Sobat.
5. Untuk  https://plus.google.com/u/0/111196340129624846374, silahkan ganti dengan url profil G+ Sobat.
6. Untuk  2376713864947803790 ganti dengan ID blog Sobat.

Terus kalau sudah dirubah tinggal simpan dan lihat hasilnya.

Demikianlah sob postingan saya kali ini tentang Membuat Widget Subscribe Paling Keren , dan seperti biasa sob , semoga berguna dan bermanfaat , apabila ada pertanyaan silahkan komentar dibawah akan saya jawab bila saya bisa , dan bila ada tutur kata / pengucapan saya yang salah mohon dima'afkan , Wassalamualaikum.

Cara Membuat Blog Valid CSS3

Jujur saja saya tidak bergitu paham dengan masalah SEO. Nah , cara ini juga saya dapat dari blog lain saat saya sedang mengunjungi blognya , dan alhamdulillah saya berhasil menerapkannya di blog saya sendiri. Nah sebelumnya saya juga pernah bahas tentang Membuat Blog SEO Di Chkme.com. Kali ini saya akan mmbagikan seperti yang tertera di judul diatas.

Silahkan sobat cek blog sobat di Jigsaw.w3.org. Apakah blog sobat sudah Valid CSS3 ????
Jika blog sobat belum Valid CSS3 nanti ikuti Cara Membuat Blog Valid CSS3 ini.

Yup , apa keuntungannya jika blog kita Valid CSS3 ??? Menurut saya keuntungannya adalah membuat blog kita loadingnya menjadi ringan bahkan sangat ringan , karena saya juga merasakannya. Terus mengapa loading blog kita menjadi Ringan ??? Karena kode CSS kita menjadi lebih berkurang..

Sobat pastinya ingin blog sobat Valid CSS3 kan ??? Jawabannya : pasti dong hehehe

Berikut ini cara agar blog Valid CSS3 :

1. Login ke blogger sobat
2. Klik Template > Edit HTML
3. Backup template sobat terlebih dadulu untuk mengantisipasi kesalahan
4. Sobat cari kode <b:skin><![CDATA[ (Gunakan Ctrl + F atau F3 untuk mempercepat pencarian)
5. Selanjurnya sobat pindahkan (Cut / Ctrl + x) dari kode dibawah <b:skin><![CDATA[ sampai ]]></b:skin> , lalu letakan kode yang tadi dipindah ke notepad
6. Sehingga nantinya kode CSS yang belum dipindah hanya menyisakan kode                             <b:skin><![CDATA[ ]]></b:skin>
7. Ganti kode <b:skin><![CDATA[ ]]></b:skin> dengan kode berikut ini :

:&lt;style type=&quot;text/css&quot;&gt;&lt;!-- /*<b:skin><![CDATA[*/]]></b:skin>

    8. Letakan kode berikut dibawah kode diatas :

<style type='text/css'>
Kode yang dipindah di notepad
</style>

    9. Sehingga nantinya kodenya kurang lebih menjadi seperti ini :

<style type="text/css">
    &lt;!-- /*<b:skin><![CDATA[*/]]></b:skin>
<style type='text/css'>
Kode yang dipindah dari notepad
</style>

    10.  Sekarang masukan kode yang dipastekan di notepad di kata
         Kode yang dipindah dari notepad.
 
    11. Klik simpan Template

Bila sobat sudah melakukan cara diatas , coba sobat cek kembali di jigsaw.w3.org , Apabila blog sobat sudah Valid CSS3 seperti contoh foto diatas , maka sobat berhasil menerapkannya di blog sobat. Apabila belum , berarti sobat harus mengulangi cara ini lagi dan diperhatikannya.

Demikianlah potingan kali ini dari saya tentang Cara Membuat Blog Valid CSS3 . Semoga Berguna dan bermanfaat bagi sobat semua. Bila ada tutur kata atau penguacapan saya yang tidak baik , mohon dimaafkan , Wassalamualaikum.

Template Mirip Terselubung Paling Keren

Template Mirip Terselubung ini merupakan hasil karya dari blog kautau.com , Template yang satu ini menurut saya mempunyai kelebihan. Mengapa saya bilang begitu ?? Karena template ini mirip dengan blogger sukses asal indonesia yaitu terselubung.blogspot.com. Blog terselubung itu mempunyai visitor yang sangat banyak. Bahkan seharipun blog terselubung bisa merauk visitor sekitar puluhan ribu sampai ratusan ribu WAW , Nggak kaya blog ini , seharipun cumanya b isa beberapa visitor saja (hehehe). Sedikit informasi lag sob , terselubung mempunyai peringkat alexa yaitu 15.434 dan mempunyai pagerank 4 WoW it's amazing. Template yang saya akan bagikan ini gratissss tis tis. tidak dipungut biaya apapun , palingan sobat tidak menghapus link kredit pembuat template untuk menghargai hasil karyanya.

Berikut ini foto template terselubungnya :

DEMO | DOWNLOAD

Pasword Rar : olengkblogs

Sobat , untuk merubah menu horisontalnya pastekan kode berikut di atas header blog :

<!-- Star http://planetajaib.blogspot.com/-->
<div id='navibar'>
<a href="#" class="navitabs"><b>Home</b></a>
<a href="#" class="navitabs"><b>menu 1</b></a>
<a href="#" class="navitabs"><b>menu 2</b></a>
<a href="#" class="navitabs"><b>menu 3</b></a>
<a href="#" class="navitabs"><b>menu 4</b></a>
<a href="#" class="navitabs"><b>menu 5</b></a>
<a href="#" class="navitabs"><b>menu 6</b></a>
<div>
<!-- Stop http://planetajaib.blogspot.com/></div></div>

KETERANGAN : warna merah adalah link URL

                           warna biru adalah judul menunya 

Silahkan sobat download templatenya sepuasnya kalau mau download template JPStation 6 warna berbeda dan responsive tentunya klik DIsini.

Demikianlah postingan singkat saya tentang Template Mirip Terselubung Paling Keren. Semoga berguna dan Bermanfaat bagi sobat semua. Jangan lupa tinggalkan komentarnya dan bila ada pengucapan atau tutur kata saya yang tidak baik mohon dima'afkan . Wassalamualaikum

Membuat Blog SEO Di Chkme.com

Cara Membuat Blog SEO Di Chkme.com ini sudah banyak para blogger yang membagikannya , dan tidak ada salahnya jika saya ikut membagikan cara ini. Sebenarnya saya  tidak handal dalam masalah SEO , cara ini sendiri saya terapkan di blog saya setelah membaca tutorial dari blog lain. Saya juga pusing kalau membahas masalah SEO dan Optimalisinya.Alhamdulillah nih setelah saya mencoba cara ini saya berhasil membuat blog saya saat di cek di Chkme.com 100% Scorenya.

Berikut Screenshot Gambar blog ini saat di check di Chkme.com :

Sobat ingin blog sobat 100% di Chkme.com ?? Pastinya ingin dong. 

• Berikut ini cara agar Blog 100% di Chkme.com :

1. Check Scrore SEO sobat di Chkme.com.
2. Lihat berapa persen Score SEO sobat.
3. Bila belum 100% Scorenya , ikutilah langkah berikut.

4. Usahakan setiap sobat akan membuat postingan dan disitu terdapat link tautan , Gunakanlah tag ini :

<a href="link-tujuan" title="Deskripsi" target="_blank">judul</a>

5. Dan apabila sobat akan menampilkan gambar pada postingan , Gunakanlah tag berikut :

<img src="link images" alt="Deskripsi" title="Judul">

NB : Pada intinya sobat harus memberikan judul dan deskripsi pada link atau tautan 

 6. Cek kembali Score SEO sobat di chkme.com , jika score SEO nya sudah 100% Maka Sobat sudah berhasil menerapkannya di blog sobat

Ternyata cara ini cukup mudah bukan ? Tentunya dong. Sebetulnya cara diatas hanya sebagian kecil dari SEO. Bila ada kesalahan sobat bisa bilang pada saya melalui kotak komentar dibawah.

Demikianlah pembahasan singkat dari saya tentang cara Membuat Blog SEO Di Chkme.com. Semoga Sobat berhasil menerapkannya , dan semoga bermanfaat bagi kita semua. Wassamualaikum.

Memasang TV Online Di Blog

Memang benar adanya bahwa Dunia Online Sekarang sudah mempunyai apa saja , contohnya yang saya akan bahas kali ini. Masa sekarang TV yang biasanya kita lihat di Televisi bisa dilihat di Internet. Itu karena perkembangan Dunia online yang begitu pesat. Contohnya : Sekarang orang bisa beli barang melalui media online , bisa chatting jarak jauh , dan masih banyak lagi yang lainnya.

Mungkin cara ini sudah banyak yang membagikannya tapi tidak ada salahnya jika saya juga ikut memposting artikel cara Memasang TV Online Di Blog ini. Memasangnyapun bisa dibilang mudah , karena saya sendiripun memasangnya di blog saya. Bila sobat ingin melihat TV Online klik Disini

Sobat tertarik menerapkannya ??? Bila sobat tertarik silahkan ikuti cara-caranya , mudah kok.

1. Login ke Blogger sobat
2. Pilih Buat entri baru / Postingan Baru
3. Klik HTML bukan Compose
4. Letakan kode berikut didalamnya

<embed align="top" allowfullscreen="true" allowscriptaccess="sameDomain" bgcolor="#ffffff" devicefont="false" height="860" menu="true" name="MivoTV" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" scale="noscale" scroll="auto" src="http://id.imediabiz.com/MivoTV.swf?r=%27%20+%20Math.round%28Math.random%28%29%20*%2099999%29%20+%20%27" type="application/x-shockwave-flash" width="100%" wmode="transparent"></embed><span style="font-size: 50%">Widget TV Online <a href="http://planetajaib.blogspot.com" target="_blank" rel="follow">Mivo TV Online</a></span>

    5. Publikasikan dan liat hasilnya

Apabila sudah terlihat TV online di blog anda, maka anda berhasil menerapkan cara ini, apabila tv online belum muncul di blog anda, berarti anda belum beruntung, hehehe.

Demikianlah postingan singkat saya tentang Cara Memasang TV Online Di Blog. Semoga Berguna dan bermanfaat bagi kita semua, bila ada tutur kata / pengucapan saya yang salah mohon dimaafkan , Wassalamualaikum.

Membuat Widget Icon Social Network Keren dengan Efek Spin

Alhamdulillah Sob , masih bisa posting lagi nih. Setelah semalam saya memposting tentang Daftar Situs Layanan Ping Terbaik Untuk Blog, Kali ini saya akan membahas persis dengan judul postingan diatas.
Tahukah sobat apa funsi Widget Icon Sosial Network ini ??? Kalo menurut saya Icon sosial network ini bisa untuk lebih memperjelas siapa si  author / pemilik blog (ini menurut saya . kalo menurut yang lain apa ? saya juga tidak tahu). Icon Sosial Network ini bisa mempercantik blog sobat , Mengapa ? Karena Icon Sosial Network ini dilengkapi dengan efek Spin (Berputar).

Widget Icon Social Network Keren dengan Efek Spin ini juga ringan / tidak memberatkan loading blog anda, selain seperti yang sudah saya jelaskan diatas, bahwa tampilannya juga keren. Jadi tunggu apa lagi ?? ayo langsung memasangnya.

Berikut ini Contoh gambarnya :

Bila disentuh Cursor Akan berubah seperti ini :

Sobat mau membuatnya ?? kalo sobat mau silahkan ikuti langkah-langkahnya berikut ini :

1. Login ke blogger Sobat
2. Pilih Tata Letak > Tambahkan Gadget
3. Letakan kode berikut ini :

<style> p#aiizahh_socialnetworkicon img { /* Social Network Widget By http://planetajaib.blogspot.com/ */ -moz-transition: all 0.9s ease-in-out; -webkit-transition: all 0.9s ease-in-out; -o-transition: all 0.9s ease-in-out; -ms-transition: all 0.9s ease-in-out; transition: all 0.9s ease-in-out; } p#aiizahh_socialnetworkicon img:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } /* Social Network Widget By http://planetajaib.blogspot.com/*/ </style> <center><p id="aiizahh_socialnetworkicon"> <a href="http://twitter.com/USERNAME"' target='_blank'> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIkK81e9anD9MMJH-Ibjopi8x7WTXOAyaFnKohuAeJ8hVeKG8lYMuQuQt2qX4eAZkaddO0DDHJ3aRsdM-_6ageHDkHyEvfHFGxgYt0xAmxnQEgo5PTFC5pEJwwyvxA8_t92O4YE6gkotsd/s0/twitter.png' title='Twitter" /></a> <a href="http://www.facebook.com/USERNAME"' target='_blank'> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBUFozI9IkcC3XOipXKUdoyJU9QQVZZAZGkSL6phn5Trke2WXoK_UAosrWciQsRKpyKos5TDbP7UeXqG3eAq7aHfMsmMibTSk5ioXeJvyEkzuyJ4GsuNyjkKVInfHpQR42JdxChM93Qszr/s0/facebook.png' title='Facebook" /></a> <a href="https://plus.google.com/USERNAME"' target='_blank'> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRQhBVcXkLhBnvPygurGYbnaKVOpHKX04cQ83kd92l7JpuEysvyVrrfTVf4NXmVmXJ7uZxQ3cWXQhWjbnFDXyK5BDh0ayJoVCUwui5-K2delzBZOAarDiQCSmnsCEL2QOdGW4ngP4m4O1-/s0/gplus.png' title='Google Plus" /></a> <a href="http://www.linkedin.com/USERNAME"' target='_blank'> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTM9jfrAtwSlZkch_OQ-80ZRkCej2X9oWLuXCIYnynfXiA-Ed9-g-xkuoL6u4E5z8OTaKupaw38HOMFgt9LFSdDRVWgalkTl-Jjf026ZdR0R4qeXgunAEuXdJG6akdRtgLg4PDmMq3PTVf/s0/linkedin.png' title='LinkedIn" /></a> <a href="http://URL BLOG/feeds/posts/default"' target='_blank'> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix9dyZQ6eHMMvo1OX9t9eg4rBgLqCkG0PQG5xuX3ca0hDNuRTdD1eO0URx2AAZuCZtz5VhyM1EbeGjCj3S6SIdW9o3okvB7Z57rmwAcE1xIEH_LfLYfqdEas7WW_AUnGUa0bnUD4tchyEP/s0/rss.png" /></a> <a href="mailto:USERNAME@gmail.com"' target='_blank'> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGlSrcCSESZ4YZyjHcYyRseX8uXAy1U43xPDWMv4zK94GJ-j00EU0gUCEA4HSG0EL0nD8Yj2KIKymdPaT1OMA0T8a3Minyaqe_nLZscMh5SLD3iJaimVJhixaIhAFSrwAiDlCa-a8WGWRP/s0/email.png' title='Email" /></a> </p></center>

NB : Ganti USERNAME Dengan Username Sobat.
      4. Simpan

Sudah tahu kan caranya ??? kalau saya sih berharap semua mengerti cara ini, kalau anda belum tahu (masih kurang mengerti) bisa tanyakan lewat komentar dibawah.

Demikianlah postingan saya tentang Membuat Widget Icon Sosial Network Keren dengan Efek Spin , Semoga Bermanfaat bagi sobat semua , bila ada tutur kata yang tidak pas , saya mohon ma'af sebesar-besarnya. Wassalamualaikum.

Daftar Situs Layanan Ping Terbaik Untuk Blog

Alhamdulillah sob , saya masih diberi kesempatan untuk membagikan sesuatu kepada sobat semua. Setelah sebelumnya saya memposting artikel tentang Membuat Widget Buka Tutup di bawah Postingan Ala Blog Teriaaak. Tahukah sobat apa funsi mengePing Blog ini ? , Kalo menurut saya ping blog ini salah satunya untuk mempercepat artikel kita terindeks mesin engine google (Menurut saya yaaa). Saya juga sering melakukan ping Blog setelah membuat artikel agar artikel saya cepat terindeks oleh mesin engine google.Sedikit informasi Sob , Situs layanan ping yang paling saya suka adalah Mypagerank.net , karena praktis dan terbukti ampuh , hehehe.

Cara mengeping blog ini juga sangat mudah, karena kita tinggal memasukan url blog kita, dan menulis kode capta yang tertera di  Situs Layanan Ping Terbaik Untuk Blog ini. Dan juga layanan ping blog ini selain kualitasnya yang terbaik juga tidak dipungut biaya apapun (gratis)

Berikut ini Daftar Situs Layanan Ping terbaik untuk blog sobat :

1. Mypagerank

2. Pingler

3. Auto Ping

4. Ping O matic

5. Auto Pinger

6. Ping My Blog

7. Pingates

8. Ping in

NB : Sobat dapat menggunakan semua layanan tersebut namun diberi jarak agar tidak terjadi Error.

Demikianlah postingan saya pada malam hari ini sob , saya juga sudah ngantuk nih. Semoga Berguna dan Bermanfaat bagi kita semua , dan bila ada tutur / pengucapan saya yang tidak baik mohon dimaafkan. Terimakasih , Wassalamualaikum.