Membuat Wordpress Offline

Membuat Wordpress Offline Memang Sedikit Lebih Sulit Bila di Bandingkan dengan membuat wrodpress online, namun dengan membuat wordpresss secara offline kita akan lebih di untungkan karena wordpress offline sudah memiliki menu plugin seperti yang ada di wordpress premium dan tentunya menu plugin tersebut tidak akan anda temukan di wordpress gratisan.

Sebenarnya saya tidak jago-jago amat tentang membuat wordpress offline ini namun karena dulu saya pernah di tugaskan membuat wordpress offline oleh dosen saya , maka sedikitnya saya mengerti tutorialnya.

1.Pertama anda harus Download software XAMPP (XAMPP for Windows Version 1.7.7)
2.install terlebih dahulu aplikasi xammp yang anda download
3.jalankan software xammp, klik start pada tombol apache dan mysql

4.download wordpress di wordpress.org dan jangan lupa di exstrak, caranya: klik kanan pada folder wordpress yang di download lalu pilih EXSTRAK TO WORDPRESS

5.buka xammp anda misalkan anda save aplikasi xammpnya di disk c berarti xammp anda berada di dalam folder c:xammp setelah ketemu klik c:xammp dan cari folder yang bernama htdocs

6.setelah ketemu copy wordpress yang sudah anda extrak tadi dan pastekan di htdocs

7.klik wordpress yang sudah anda pastekan ke dalam htdock dan cari config-sample.php anda copy lalu pastekan di tempat yang sama yaitu folder wordpress dan anda rename menjadi wp-config.php 

8.buka wp-config.php menggunakan Notepad

 

 Keterangan :

-ganti tulisan database_name_here dengan nama database yang anda mau misal yangyang24

-Ganti username_here dengan root

-ganti/kosongkan password_here sehinggan menjadi seperti in ('DB_PASSWORD', ''); lihat yang diberi tanda merah

9.buka http://localhost/phpmyadmin/ di browser mozilla lalu klik database yang ada di pojok kiri atas

10.masukan nama database yang di buat tadi yangyang24 lalu klik create

11. setelah langkah di atas beres lalu buka http://localhost/wordpress/ di browser mozilla 

12.isi form dan ikuti petunjuk selanjutnya

semoga tutorial yang saya berikan ini bisa bermanfaat.

Anda baru saja membaca artikel yang berkategori Tutorial Wordpress dengan judul Cara Membuat Wordpress Offline. yang mau Copas halaman ini harap sertakan Sumber URL http://cafeilmu-yangyang.blogspot.com/2013/02/cara-membuat-wordpress-offline.html. soalnya saya cape nulis artikelnya hehe ,Terima kasih!

Read More »

Add Comment

Facebook Comments

Cara Membuat Background Blog Berganti Warna Tanpa Harus Ganti Template

Membuat backgroud template berubah warna tanpa harus mengganti template adalah solusi buat anda yang cepat bosen dengan tapilan warna yang monoton di blog.
kode ini akan lebih maksimal jiga tipe template yang ada di blog anda adalah tipe transparant. untuk memasang change backgrund ini silahkan ikuti petunjuk berikut ini.

1. login di blgger[dot]com
2. tata letak >> tambah gadget
3. pilih HTML/javascript
4. kemudian copy dan pastekan kode di bawah ini ke dalam HTML/javascript  

<div class="widget-content"> <script type="text/javascript"> function bgChange(bg) { document.body.style.background=bg; } </script> <table border="1" width="100%" height="20"> <tbody><tr> <td onclick="bgChange('#000000')" bgcolor="#000000"> </td> <td onclick="bgChange('#9400D3')" bgcolor="#9400D3"> </td> <td onclick="bgChange('#e81313')" bgcolor="#e81313"> </td> <td onclick="bgChange('#808080')" bgcolor="#808080"> </td> <td onclick="bgChange('#CD853F')" bgcolor="#CD853F"> </td> <td onclick="bgChange('#ff8000')" bgcolor="#ff8000"> </td> <td onclick="bgChange('#0790eb')" bgcolor="#0790eb"> </td> <td onclick="bgChange('#ffffff')" bgcolor="#ffffff"> </td> <td onclick="bgChange('#A52A2A')" bgcolor="#A52A2A"> </td> </tr></tbody></table> </div>

5. klik save dan lihat hasilnya

UNTUK DEMO ANDA KLIK:

Read More »

Add Comment

Facebook Comments

Memasang Burung Twitter Warna Warni

Bosan dengan tampilan burung twiter standar. Tenang sob Sekarang sudah ada trik bikin blog dengan Burung Twitter Variasi warna. merah,hijau,kuning,putih dll

OK sekarang langsung ke TKP aja !!


1. Login ke Blogger Masuk ke Rancangan - Edit Laman




2.Pilih Tambah Gadget




3. Pilih HTML/JavaScript

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

<script type="text/javascript">

var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDmFLlJJ2euvc48jHk8as3YxaumTUIgC5DqtMG8kivtpq9H6fmRGa8ArMWN8IMLSE65rqE5cvyCYX17G_rNUKKSwYVwSlaB6UqQTmR6ozZriHLVD05MMsD5mHfI0Nry_bS5-aUyNhpoRxl/s1600/birdsprite.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/Rdx_http://www.blogdhika.com;var tweetThisText = "Twitter - AndhikaHutomo http://www.blogdhika.com/";tripleflapInit();

</script>

KET

• Ganti http://twitter.com/Rdx_http://www.blogdhika.com dengan alamat twitter anda,


• Ganti http://www.blogdhika.com dengan alamat Blog anda.


• Ganti AndhikaHutomo dengan nama anda.


• Untuk memlih warna burungnya silahkan ganti kode yang berwarna merah dengan kode berikut :

Warna Kuning :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqFFsWuu8Dp5ARIxAl7k0mcfnKdz3uiJM1tiu9YM8tfX0BEr6nRhC6ubNnkZW31_sN1wszhylhn1WSJsNO6uxKF_cu3_iXqKEsb29iBHyxeg7fBEpUDy6h6UuIrUk4jBCTHwjLe5CLbpCN/s1600/yellow.png

Warna Merah :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihUDxUQel83ws6PPjsIDO7cW_kKJk-KjYyXyfnnyClMVwXVahGMLsEvOPZNwtFBcllR0KAZowRUf7ZNp0sMXJaxejN2QlMKqwR0yAEWRdhs-0MZXbStXFJzRwJlk3xg5Ib1vjL_Ez-dYvW/s1600/red.png

Warna Biru Tua :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimgXxnvuIvPPd39I1LrAwAH9qvnRCEISHki8awokzQxFNDvqBtKsqEEyfxFWlyAgGIe7p_sYEEx9Z8JSJCQlJQa3WA1HquMQPi9iseJMJeXucfilHgeH4V-Fnh9qfEF2nlI9ixXb96fvmh/s1600/Blue.png

Warna Putih :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivpDx2lFTspTxPjdIAiW9-TzUj4K2aP_HQTUS70FF63xnoX7UcVAzn_NgZnnlcO3mTpigeWur1WHPNeSq6e99U9wxDXQs53zxYx9FsleoJcDTfkjMPD5sg9SV4Wsp55plsSZA95Umcx9xw/s1600/white.png

Warna Coklat :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVN4vum9UOay3u14Kvlxl1jlAIek3KA9ssigslc_ldcODYVoDA0vRBEGXXhaKEICRupVDXOHqW3Z4oohJDjSURPil_Ov3n-OG3-AWLDbMAIQ679-Cj5mhfzgZkrNR-xD7l5dc0l4ZjsLki/s1600/brown.png

Warna Hijau :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjh6IprRlGE1K_G9-gk0UB64z6aE4XU9Rzrr-dv8_dCgzLt5c44Z51zPfd2e55Mjk6PZAaknn7__yqiB_BcjRJvfnRX9VRLhl253mcJDcMwc8yoO-XBk5aTrEDpf8xZVibsemyhjdyHODgT/s1600/Green.png

Warna Hitam :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3NHsxOqPHgJdxM8rl4-cIZR5oi8-RJ4j1HnniWTQgMENZ-dFOYQjIP67L6sajMtX4K6i99GbHnrLdkfRqzQFvWmHyUkwq1nmpuPGYMvbNrcrv1DWWGnh5sFJL14tZDL3miiAodStJKa9A/s1600/black.png

Warna Purpel :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggiI0z9iqm6gthY6DAswEY8zkTnHPbnE7NruUR53Kr-Vd2VyPYoYL2jx796kpEzEc7QU_QVnVTP1PLTUcKvVBoGZxmwwA-AeNAM8ji3dEjhd2-KMLafkS2XBMguYCfk2OQctwGVeecufRc/s1600/purple.png

4. Lalu Save.



Nah bagaimana trik bikin blog dengan Burung Twitter Variasi warna dari saya,sudah berubah kan burung Twiter anda sekarang

Read More »

Add Comment

Facebook Comments

Cara Membuat Blogroll Memakai Scroll

1.Masuk ke Blogger.
2.Pilih Tata Letak.
3.Pilih HTML/JAVASCRIPT.
4.Masukan/pilih salah satu code dibawah ini.

• Blogroll Biasa(tidak memakai open link in new tab).

<div style="border:1px solid#000000;overflow:auto;width:170px;height:100px;">
<ul>
<li><a href="http://Blog17Lamers.blogspot.com/">BLOGGER Mr.17</a></li>
<li><a href="Edit">Judul Blog</a></li>
<li><a href="Edit">Judul Blog</a></li>
</ul>
</div>

• Blogroll memakai open link in new tab.

<div style="border:1px solid#000000;overflow:auto;width:170px;height:100px;">
<ul>
<li><a href="http://Blog17Lamers.blogspot.com/" target="new">BLOGGER Mr.17</a></li>
<li><a href="Edit" target="new">Judul Blog</a></li>
<li><a href="Edit" target="new">Judul Blog</a></li>
</ul>
</div>

Scroll untuk Gambar/Banner.

<div style="border:1px solid#000000;overflow:auto;width:170px;height:100px;">
<ul>
<li><a href="http://Blog17Lamers.blogspot.com/" target="new"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhC-_poD6Gb_gr2AFwSOQ29Pkz4RllfsfEsChCE3ASM2tCQ8z7sBJLWtdNoeo1cqG5q7RNdlOLI5CQuJYiaA_jxgdM1VxlJ1e5tUxxAh5dwnRJ4-eksToMduuKhNRliamNOtmp9kTpAS4k/h89/BLOGGER+Mr17.png" height="75" width="200"/></a></li>
<li><a href="Edit" target="new"><img src="Url Gambar" height="150" width="200"/></a></li>
</ul>
</div>  

warna Biru : untuk mengatur warna border dan tipe nya
warna Ungu : mengubah ukuran lebar dan Tinggi widget
warna Merah : ubah menjadi URL/LINK
warna Hijau : ubah dengan Judul
Suka Dengan Artikel Ini ?

Read More »

Add Comment

Facebook Comments

Membuat Teks Kelap-Kelip Pada Visual Basic 6.0

Source code berikut untuk membuat tulisan pada label (teks) kelap-kelap berwarna-warni.

Buat 1 project dengan :
1 Form
1 Label
1 Timer
Copy source code berikut pada Form :

Dim i As Long

Dim merah, hijau, biru As Integer

Private Sub Form_Load()

  i = 0     'Inisialisasi detik

  Timer1.Interval = 100   'Kalau 1000 biasanya lompat 1 detik

  Label1.Caption = "Ini contoh tulisan kelap-kelip"

End Sub

Private Sub Timer1_Timer()

  i = i + 1

  If i = 1000000 Then i = 0 'Supaya tdk overflow, dsb...

  merah = Int(255 * Rnd)    'Bangkitkan angka random untuk merah

  hijau = Int(255 * Rnd)    'Bangkitkan angka random untuk hijau

  biru = Int(255 * Rnd)     'Bangkitkan angka random untuk biru

  Label1.ForeColor = RGB(merah, hijau, biru)   'Campur tiga warna

  If i Mod 2 = 0 Then       'Jika counter habis dibagi 2

     Label1.Visible = True  'Tampilkan label

  Else                      'Jika counter tidak habis dibagi 2

     Label1.Visible = False 'Sembunyikan label

  End If                    'Akhir pemeriksaan

End Sub

Suka Dengan Artikel Ini ?

Read More »

Add Comment

Facebook Comments

Cara Membuat Efek Kelelawar Terbang di Blog

1.Masuk ke Blogger.
2.Pilih Tata Letak
3.Klik Tambah Gadget
4.Pilih HTML/JavaScript
5.Copy script dibawah ini lalu pastekan

<script src='http://lamersblogger.googlecode.com/files/kelelawarterbang.js'/></script>

6.Lalu klik Simpan
Suka Dengan Artikel Ini ?

Read More »

Add Comment

Facebook Comments

cara buat animasi page log

1.Masuk ke Blogger.
2.Pilih Template.
3.Klik Edit HTML.
4.Untuk Mengantisipasi Kesalahan , Lakukanlah BACKUP data terlebih dahulu.
5.Cari code <body>
6.Kemudian Ganti code <body> dengan code berikut dibawah ini :

<body onLoad='init()'>
<div id='loading' style='position:absolute; width:100%; text-align:center; top:300px;'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcw9_7GdjJtf1itVJx1ohcNR8nO21ND0wEzIqqjgZuR9Y4Xi0XuSDKB2ZwBM0JGXH2O84-CtbK7c8_N66PQPgqP1jxDJgpVWdhRf8yoM_PPKGkZNigJwvkhMjl0tH2UD8PDny_l_iJqO2F/s1600/loading1.gif'/></div><script src='http://lamersblogger.googlecode.com/files/page-loading.js' type='text/javascript'/>

7.Tinggal klik Simpan Template dan lihat hasilnya.

Silahkan ganti alamat URL yang berwarna MERAH dengan gambar animasi yang kamu suka.


Beberapa alamat URL gambar animasi loading kemungkinan ada yang kamu suka.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcw9_7GdjJtf1itVJx1ohcNR8nO21ND0wEzIqqjgZuR9Y4Xi0XuSDKB2ZwBM0JGXH2O84-CtbK7c8_N66PQPgqP1jxDJgpVWdhRf8yoM_PPKGkZNigJwvkhMjl0tH2UD8PDny_l_iJqO2F/s1600/loading1.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgizAdW1nsj296dWzfHIx5ijTAhE3DIQmuj2FwfJ7DbZeh-KMIm76W8MplWScqrC88MdRVXcPwpn3uLI7lBAk9lT7rcmdfnrWd0KPEM1Jv7SzLUtJ7Q7LgsO7vIVrZ-3GbveRTj_J4rF-Nv/s1600/loading2.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKKihIE-wqkej0xm_XUqZxYVBr9ZBzLzqEIw6-TkptYeymJ5AM5Zmtk0xcAj_bN-nVUbAOB4-A-Pid4eR4MGwJMogFs7zohR9Lj9H2GLvzYWmihFFkngT8wcgShvKpICSslEQe4mkc9m2j/s1600/loading3.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUeqSyMj_If1Pds4iITpCbH7IWR6n9tUMIM5IszEZ11ofISIPv33S8Kl_TOg3OgHbg_goHOMD4rlWbrJ4oGhjKMZZJJ1jX_hwSSZ5Lu-vwpoEEGhGeQQCvMP_8vqBznp0XuL2h4Cor5OmK/s1600/loading4.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVhET_UimzN1qe3A66rf83bmIaUx98-74irJ_qZaepD95oR0TJIR90qNceyiWbwJgePkJ5q3zWryr8emqcas4OEEuWrFkANan_-YrhIpyhplmcFsL86oPY3IYGNsQ0s8gwznBEW5R_kp6K/s1600/loading5.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRRLpimgcWO5O2U1xeFrIvNPAwYZGuRuiAKQ0nA2liOg6FvJ7ZnhPXEv5zeaO1liPiJKtMn49tLlBLgj2kjSlLOMlu2kKInYSSkQFK2H0VATCinVtUEDSxto-MoQ_jwNvSmOPI4Q89lPuv/s1600/loading6.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYihP2Y6IukXeSkrmjvpv47X_RjwDIpFgxmNeT1ZQRisQq0YAqHRBePotzW1f4LJqsOiKTSHP7f-yT3wPFETmgAVb4Q95puYHrRh2hB-JulGYzgjTl4FvOXjmCEUcDwq1ujGKVTNwB-xYe/s1600/loading7.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYrxRkDIMkt68mBYPCtTjg5tlN6My42y1gFZCtFJVTFynDtaQCCgoi4Gooe6skZeQe6Rqe0bi8W5D1rG8tAZYwnwid7KetyTdGYQ3BaVYH6cU3NyMWUOKUhWS0xxTFGAEkyfId2ImUUT4x/s1600/loading8.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtDrRakjbuJKE_A2X7IRSeZkGR7i6g9VuX-kN1L1UAI5IqzTyuaCiXGqBYQXFHoRpibui5A-wLszwS0u73xj1QmyOu6QShynunia3-HgHGszc9iAY6szHq75X0jwT96Wa-a13z1IcyGinu/s1600/loading9.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb5avgyaQQHLjbCe-v5KyN8EIIxS-mwmFmvRyebLCqo4kzpfRFCD73k-3yeyJL6SfsaR3w3geIyInle-5dC9zvc1QeEuuNqxAmoUJOyAciSfdCN9-4Q9vHzXhlmmyFayqpsCKrOSdfUk46/s1600/loading10.gif

Suka Dengan Artikel Ini ?

Read More »

Add Comment

Facebook Comments

Cara membuat chat Box untuk blog

Widget chatbox atau buku tamu ini hapir semua pengguna Blogger memasang widget chatbox ini dihalaman blognya karena chatbox sangat banyak memberikan manfaat pada blog kita terutama selain dapat mempercantik tampilan blog, chatbox atau buku tamu ini dapat mendatangkan pengunjung kehalaman blog anda dan yang paling penting menurut Dapur Tutorial Blogspot yaitu sebagai saran untuk saling berkomunikasi dan silahturahmi antara pengunjung dengan admin blog.

Buku tamu yang sangat populer dan paling banyak digunakan yaitu CBox dan Shoutmix. karena Shoutmix akan menonaktifkan layanan Free atau gratisnya jadi disini Dapur Tutorial Blogspot Hanya akan menjelakan cara membat buku tamu menggunakan layanan gratis CBox

Berikut lankah-langkah untuk membuat Buku tamu pada halaman blog :

Langkah 1 : Mendapatkan kode buku tamu dari ChatBox

1.Kunjungi halaman resmi CBox disini  www.cbox.ws
2 .Klik Sign Up

1.  Setelah itu anda akan diminta untuk mengisi formulis pendaftaran seperti ini 

 

4.Isi data yang diminta seperti gambar dibawah ini kemudian klik Create My Cbox

 

5. Apabila data yang anda isi sudah benar akan ada pesan seperti berikut (lihat yang didalam kotak merah)

 

6.Kemudian buka Email yang anda gunakan untuk mendaftar Cbox Karena ada Email konfirmasi pendaftaran anda yang dikirim oleh Cbox

7.Klik Link konfirmasi tersebut untuk mengaktifkan akun Cbox anda

 

8.Setelah Email konfirmasi tersebut anda klik, anda akan mendapatkan pesan seperti berikut ini

Akun anda sekarang sudah aktif dan anda bisa masuk ke akun CBox anda

9. Sekarang Sign in Ke akun Cbox anda menggunakan Username dan Pasword yang sudah anda buat saat mendaftar tadi untuk mendapatkan Kode ChatBox atau bukutamu anda 

10. Setelah anda masuk anda langsung dihadapkan ke halaman berikut  

1 .Copy kode buku tamu yang diberikan
Dan Sekarang Pasang Ke Blog Agan

2.Pilih Tata Letak

 

3. Klik Tambah Gatget/Widget

 

4.Pilih HTLM/JavaScript

 5. Paste Kode ChatBox tadi pada Box HTML/JavaScript yang tersedia

 

7. Klik SimpanSelesai 

8. dan Lihat Hasilnya

bagaimna bisa kan??

kalo ada yang ingin bertanya seilahkan bertanya di komentar,,

Read More »

Add Comment

Facebook Comments

Cara mengetahui kecepatan blog

Hai Sahabta Blogger Saya Sekarang Akan Berbagi Tips Nih Yaitu Cara Mengetahui Kecepattan Blog
Tapi Kalu Di Liat2 Menurut Kecepatan Internet Juga Sih
Oke Langsung Aja Ke TKP

CEKIDOT !!

Langsung aja Nih Cara Nya
1. kunjungi situs INI
2. isi Url blog kalian
3. cek kecepatan blog kalian... (keterangannya ada diatas header)

Gimana Sob?
Saya Mau Tau Juga Nih Berapa Kecepatan Blog Kalian ??
Coment ya...
Sekian Salam Blogger 

Read More »

Add Comment

Facebook Comments

Cara membuat link sumber otomatis saat artikel dicopas

Cara membuat link sumber otomatis saat artikel dicopas- tips memasang link sumber ketika artikel blog kita di copy, dan cara supaya ada link sumber artikel asli saat di copy orang. Siapa saja mungkin gak suka ketika  hasil karyanya di duplikasi orang dengan enteng tanpa memberikan sumber karya asli. Dalam, dunia blogger kita tahu bahwa copy paste artikel itu sudah merupakan sesuatu yang hakiki dan sudah menjadi kodrat yang ada sejak saman nenek moyang master blogger dulu. Tidak banyak cara untuk menghentikan perbuatan copas ini , namun ada sih beberpa yang ampuh yaitu dengan menonaktfkan klik kanan pada blog anda. Namun ada juga yang menanggulanginya dengan cara memberikan scrip link sumber otomatis ketika artikel blognya di KOPAS orang lain. 

Dan hal tersebut menjadi pembahasan kita pada halaman kali ini. Maka dari itu untuk membuat link sumber otomatais saat terjadi copy paste artikel silahkan ikuti panduan dibawah ini :

• Login ke Blogger >> Template
• Untuk Mengantisi pasi terjadinya kesalahan backup dulu template blog sobat.
• Edit Template >> Lanjutkan >> Centang "Expand Template Widget"
• Cari Kode <body> Untuk mempermudah gunakan F3 atau Ctrl+F
• Copy kode berikut lalu pastekan tepat di atas kode <body>

<script type="text/javascript"> if(document.location.protocol=='http:'){ var Tynt=Tynt||[];Tynt.push('cXIEhKYVSr4lJ5adbi-bpO');Tynt.i={"ap":"Sumber:"}; (function(){var s=document.createElement('script');s.async="async";s.type="text/javascript";s.src='http://infonetmu.googlecode.com/files/sumber-otomatis.js';var h=document.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h);})(); } </script>

• Ganti kode yg berwarna merah sesuai keinginan anda.
• Simpan dan lihat hasilnya. 

Demikianlah Cara membuat link sumber otomatis saat artikel dicopas semoga bisa menajdi sesuatu yang bermanfaat untuk anda yang membutuhkan. Ok

Read More »

Add Comment

Facebook Comments

Cara Membuat Judul Postingan Miring

Cara Membuat Judul Postingan Miring - Mungkin ini adalah judul blog yang paling tepat untuk mengawali postingan pada awal bulan agustus ini, kenapa kok diberi nama Cara Membuat Judul Postingan Miring?karena judul pada setiap artikel yang muncul diberanda miring, dan ketika cursor mouse mengarah pada salah satu judul postingan tersebut maka judul postingan akan kembali lurus lagi, sebaliknya jika cursor mouse tidak diarahkan ke judul postingan yang ada diberanda blog maka judul postingan akan kembali miring lagi..!!!eits dari pada bingung - bingung dengan kata-kata yang barusan saya buat cobalah langkah-langkah dibawa ini agar tau sendiri...!

NB : Tutorial Dibawah ini menggunakan Blogger atar muka yang terbaru

Langkah - langkah

1.Login ke akun blogger sobaat

2.Pilih templates

3.Kemudian klik edit templates klik lanjutkan

4.Lalu centang Expand Template Widget 

5.Kemudian Cari kode ]]></b:skin>

6.Masukkan kode di bawah ini tepat diatas kode ]]></b:skin>

Belajar Ilmu:

/*JudulMiring*/ .post h3{background:url();-moz-border-radius-topright:15px;-moz-border-radius-topleft:15px;-moz-border-radius-bottomright:15px;-moz-border-radius-bottomleft:15px;-moz-transform:rotate(5deg);-webkit-transform:rotate(5deg);-o-transform:rotate(5deg);margin:.25em 0 0} .post h3 a:hover{color:red;text-shadow:5px 5px 5px red;transform:rotate(-5deg);-moz-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);-o-transform:rotate(-5deg)} #footer-column-divide { clear:both; }

7.Kemudian klik simpan templates dan tutup

Read More »

Add Comment

Facebook Comments

Cara Memasang Widget Like Box Timer Facebook Melayang

widget like box facebook melayang karena like box melayang akan selalu muncul pada saat halaman dibuka atau direload. Berbeda dengan like box fans page facebook popup dengan timer yang dirancang khusus dan dilengkapi dengan timer untuk menutup sendiri pada saat countdown timernya sudah habis serta dilengkapi dengan script atau fitur pembaca cookies pada browser sehingga membuat like box yang satu ini tidak akan muncul untuk kedua kalinya jika like atau suka pada box tersebut sudah di klik.

Setelah melihat demo di atas, mungkin sobat tertarik untuk memasangnya pada blog sobat dan jika iya, berikut kode dan cara meletakkan kode tersebut ke dalam template :

• Login ke Blogger
• Pilih Template » Edit HTML » Centang Expand Template Widget
• Copy kode di bawah ini dan pastekan tepat di atas tag </body>

<!-- lostsector.blogspot.com Likebox Facebook Code Start -->
<style>
#fblikepop { background-color: #fff; display: none; position: fixed; top: 200px; _position: absolute; width: 450px; border: 10px solid #6F6F6F; z-index: 200; -moz-border-radius: 9px; -webkit-border-radius: 9px; margin: 0pt; padding: 0pt; color: #333333; text-align: left; font-family: arial,sans-serif; font-size: 13px;}
#fblikepop body {background: #fff none repeat scroll 0%; line-height: 1; margin: 0pt; height: 100%;}
.fbflush { cursor: pointer; font-size: 11px !important; color: #FFF !important; text-decoration: none !important; border: 0 !important;}
#fblikebg { display: none; position: fixed; _position: absolute; height: 100%; width: 100%; top: 0; left: 0; background: #000000; z-index: 100;}
#fblikepop #closeable { float: right; margin: 7px 15px 0 0;}
#fblikepop h1 { background: #6D84B4 none repeat scroll 0 0; border-top: 1px solid #3B5998; border-left: 1px solid #3B5998; border-right: 1px solid #3B5998; color: #FFFFFF !important; font-size: 14px !important; font-weight: normal !important; padding: 5px !important; margin: 0 !important; font-family: &quot;Lucida Sans Unicode&quot;, &quot;Lucida Grande&quot;, sans-serif !important;}
#fblikepop #actionHolder {height: 30px;overflow: hidden;}
#fblikepop #buttonArea {background: #F2F2F2;border-top: 1px solid #CCCCCC;padding: 10px;min-height: 50px;}
#fblikepop #buttonArea a {color: #999999 !important;text-decoration: none !important;border: 0 !important;font-size: 10px !important;}
#fblikepop #buttonArea a:hover {color: #333 !important;text-decoration: none !important;border: 0 !important;}
#fblikepop #popupMessage {font-size: 12px !important;font-weight: normal !important;line-height: 22px;padding: 8px;background: #fff !important;}
#fblikepop #counter-display {float: right;font-size: 11px !important;font-weight: normal !important;margin: 5px 0 0 0;text-align: right;line-height: 16px;}</style>
<script src='http://www.google.com/jsapi'/><script>google.load(&quot;jquery&quot;, &quot;1&quot;);</script>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
 kakinetworkdotcom01username="lostsector.stars",
 kakinetworkdotcom01title="Join us at Facebook!",
 kakinetworkdotcom01skin="01",
 kakinetworkdotcom01time="15",
 kakinetworkdotcom01wait="0",
 kakinetworkdotcom01lang="en"
//]]>
</script>
<script src='http://yourjavascript.com/1375197351/lostsector.blogspot.com-popup-likebox-facebook.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
 $(document).ready(function(){$().kakinetworkdotcom({ closeable: true });});
//]]>
</script>
<!-- lostsector.blogspot.com Likebox Facebook Code End -->

Keterangan :

• Lostsector.stars : Ganti dengan username fans page facebook yang sobat punya
• Join us at Facebook : Silahkan disesuaikan
• kakinetworkdotcom01time="15" : adalah waktu (seconds/detik) yang diperlukan sampai popupnya tertutup sendiri
• Skin ="01" : Ganti dengan kode skin yang lain (01, 02, 03, 04). Contoh skinnya ada di bawah ini :

SKIN "01"

SKIN "02"

 SKIN "03"

SKIN "04"

• Langkah terakhir, simpan template sobat...!!!

Semoga artikel kali ini bermanfaat dan jika ada saran ataupun kekurangan dari tutorial ini, mohon memberikan komentar di bawah. Terima kasih dan happy blogging...!!!

Read More »

1 Comment

1 komentar