Pages

CSS

Jumat, 26 Juli 2013

Template transparan

 Sekilas tentang template yang akan saya share yaitu "Faster Black Blogger Templates"

Anda bisa melihat screeenshot-nya pada gambar dibawah ini:
Blog ini milik shinta nuraini Model cantik asal bogor yang foto nya tersebar di dumay 


 ok langsung saja ke inti nya jangan basa basi mulu capek gue pengen istirahat..
nhe lu download saja di bawah ini 





                                               

Templates Faster Black Blogger

Sekilas tentang template yang akan saya share yaitu "Faster Black Blogger Templates"

Anda bisa melihat screeenshot-nya pada gambar dibawah ini:



Faster Black Blogger Template


Dimana Spesifiknya sebagai berikut:

  1. Platform Type For Blogger / Blogspot

  2. SEO Friendly Dengan Meta Title dan Meta Tag

  3. Double Menu Navigation ( Top Header and Bottom Header)

  4. 1 Right Sidebar

  5. Auto ReadMore Ready

  6. Breadcrumb Ready

  7. Social Bookmark Ready

  8. Etc.


Nah berikut adalah tahapan setting templatenya:



1. Bagaimana cara mengganti background header

  • Langkah awal yaitu siapkan dulu gambar untuk backgroud headernya. (bisa menggunakan Photoshop)

  • Ukuran gambar yaitu Width: 800px dan Hight: 150px.

  • Biar gak menambah berat blog, cobalah bila menggunakan Photoshop, "save as for web"  itu fungsinya untuk mengompres besar file dari gambar.

  • Setelah gambar beres, lanjut untuk mengupload ke blog, berikut caranya:

  • Pergi ke "Rancangan" terus ke "Tata Letak"

  • Klik "Edit"


  • Lalu Unggahlah gambar dari komputer anda:


  • Selesai dan Simpan.


2. Cara Setting Meta Title Dan Meta Tag



<b:if cond='data:blog.url == data:blog.homepageUrl'>
<title><data:blog.pageTitle/></title>
<meta content='YOUR DESKRIPTION' name='DESCRIPTION'/>
<meta content='YOUR KEYWORDS' name='KEYWORDS'/> </b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='blogger' name='generator'/>
<meta content='INDEX,FOLLOW' name='Robots'/>
<meta content='global' name='target'/>
<meta content='ALL' name='SPIDERS'/>
<meta content='ALL' name='WEBCRAWLERS'/>
<meta content='general' name='rating'/>
<meta content='global' name='distribution'/>

<link expr:href='data:blog.url' rel='canonical'/>


Keterangan:

Ubahlah Deskripsi dengan deskripsi blog anda

Ubahlah Keyword dengan keyword blog anda





3. Cara Setting Menu Navigasi



a. Menu Navigasi Atas Header

Carilah kode berikut: <div id='navigation'>

Setelah ketemu settinglah pada kode dibawah ini:



<div id='navigation'>
<ul id='nav'>
<li><a Title='Home' expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='URL HERE'>About</a></li>
<li><a href='URL HERE'>Contact</a></li>
<li><a href='URL HERE'>Privacy Policy</a></li>
<li><a href='http:/feeds/posts/default' rel='nofollow' title='Feed'>RSS</a></li>
</ul>
</div>
</div>


Keterangan:

Ubahlah kode yang berwrna merah (URL HERE) dengan URL yang ingin anda masukan.



b. Setting Menu Navigasi Bawah Header

Carilah kode berikut: <div id='mn2'>

Setelah ketemu settinglah pada kode dibawah ini:



<div id='mn2'>
<div id='pagev'>
<a href='URL HERE'>Home</a>
<a href='URL HERE'>Menu1</a>
<a href='URL HERE'>Menu2</a>
<a href='URL HERE'>Menu3</a>
<a href='URL HERE'>Menu4</a>
<a href='URL HERE'><blink>Menu5</blink></a>
</div></div>


Keterangan:

Ubah URL HERE dengan Link URL Yang anda inginkan, begitu juga dengan keterangan dari MENU1 sampai MENU5.





Update!!

Sepertinya masih ada kekurangan pada warna link pada widget dari bawaan blogger, misal recent post dan recent comment, untuk mengakalinya silahkan ikuti langkah-langkah berikut:



1. Menambahkan Recent Post: Silahkan KLIK DISINI untuk melihat caranya.

2. Menambahkan Recent Comment: Silahkan KLIK DISINI untuk melihat caranya.





  PENTING!!

Template ini memang saya bagi gratiskan, dan saya akan lebih menghormati anda bila tidak menghapus bagian Fotter CREDITS-nya.



Sementara sampai disini dulu yang bisa saya jelaskan disini, bila anda masih mengalami kesulitan, bisa langsung ditanyakan dengan berkomentar langsung disini.

Dan saya berharap masukan dari template yang saya buat ini, entah itu kelebihan ataupun kekurannya, pastinya agar saya bisa lebih baik untuk kedepannya. Terimakasih.

Blogger Template Modifications and Hacks



Keren judulna mah,, haha.. tau isinya.. :P
Sebelum ngobrak-abrik kandang ayam, ada baiknya kalo kita tau dulu ada apa aja sih di dalem kandang ayam itu? (siapa tau ada ular kobranya, pas di obrak-abrik taunya nyembur, kan repot)
Sebenernya sih gw juga gak tau banyak soal Blogger Template, kita bareng-bareng aja kalo elo mao biar kalo kesasar, kita nyasar bareng XD (lumayan kan buat cadangan bahan makanan)
Kita mulai dari bagian yang menonjol-menonjol aja dulu ya, biar gak suntuk, sambilmeremas-remas olahraga jari dikit. yang di remas-remas keyboard kan? .. iya,, emang apa?
  • Blog Posts widget
Kita masuk ke halamanEdit Template HTML
Check di Expand Widget Templates
Ctrl+F cari tag ini..
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
Gak pasti sama persis sih, tergantung model Template elo apa kan? se'enggaknya mirip lah..
Tekan Enter yang banyak biar keliatan terpisah dari code-code yang lain (biar enak aja ngeliatnya)
Ctrl+F lagi, cari lagi tag ini..
</b:widget>
pastiin kalo tag itu ada di bagian bawah/turunan dari tag <b:widget .. yang tadi pertama kita cari..
Tekan Enter lagi yang banyak lagi biar keliatan terpisah dari code-code yang lain.
Block mulai dari tag <b:widget .. sampe tag </b:widget> yang barusan, terus Copas ke Notepad atau Notepad++ juga boleh. (biar enak aja ngeliatnya)
Kalo pake Notepad jangan lupa 
hilangin tanda centang di menu Word Wrap nya.. (biar enak aja ngeliatnya) :P
Pisah-pisahin semua tag b:includable nya (biar enak aja ngeliatnya) XD perasaan udah berapa kali gw nyopas itu (biar enak aja ngeliatnya) wkwk..
Dari situ udah mulai keliatan tuhada Bagian apa aja di dalemWidget type='blog', bisa keliatan kan dari id nya juga, kaya misal..
<b:includable id='comment-form' var='post'>
oooh.. jadi itu bagian .. ? ..
Jangan lupa di SAVE dulutakutnya mati lampu :P















Elo lanjutin aja dulu sendirientar gw nyontek :P
Udah sore, besok lanjut lagi dah.. okeh?

Membuat Blog Tidak Bisa Dicopy Paste

Copy paste (copas) adalah musuh para blogger, setuju gak? Apalagi jika tidak menyantumkan sumber linknya. Rasanya sakit hati atau marah bisa terjadi karena tulisan yang kita posting dicopas oleh blogger lain dan juga diposting di blognya. Pastinya akan kesal ketika karya kita dicopy paste tanpa izin.

Blogger sangat dekat dengan tulisan. Ide itu tertuang dalam kumpulan kalimat. Lalu setelah diposting di blognya akan menjadi konsumsi orang banyak. Memang semua zaman sekarang ini setiap orang bisa membuat konten. Tapi pengakuan terhadap hasil karya orang masih begitu rendah. Masih banyak pelaku copy paste.

Tulisan hasil copy paste yang sama persis sebenarnya akan merugikan blognya sendiri. Blog yang berisi postingan-postingan copas akan membuat blognya tidak bersahabat dengan google search engine. Selain itu juga akan mendapat predikat yang tidak baik dari blogger lain.

Dulu di Belajar Ngeblog di Blog pernah dibahas salah satu cara mencegah copy paste, yaitu dengan membuat klik kanan tidak berfungsi. Tetapi masih saja bisa, karena tulisan masih bisa diblock dan dicopy dengan Ctrl+C. Nah, sekarang akan kita buat lebih tidak bisa melakukan copy paste (copas) yaitu dengan men-disable text selection. Disable tet selection adalah membuat pengunjung blog kita tidak memblock tulisan, akhirnya tidak bisa meng-copy.

Cara Membuat Blog Tidak Bisa Dicopy Paste

1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
 5. Taruh kode berikut di atas kode </head>

<script type="text/javascript"> function disableSelection(target){
if (typeof target.onselectstart!="undefined") //IE route
    target.onselectstart=function(){return false}
else if (typeof target.style.MozUserSelect!="undefined") //Firefox route
    target.style.MozUserSelect="none"
else //All other route (ie: Opera)
    target.onmousedown=function(){return false}
target.style.cursor = "default"
}
</script>

6. Lalu taruh kode berikut di bawah kode </head>



<script type="text/javascript"> disableSelection(document.body) 
//disable text selection on entire body of page </script>



7. Simpan Template jika sudah selesai.

Saya tidak menerapkan dua cara itu, yaitu tidak bisa klik kanan dan 
tidak bisa memblock tulisan di blog ini. Karena kalau saya gunakan jadi 
nggak bisa dipraktekan (diambil) scriptnya. Kalau benar-benar niat 
membuat blogmu tidak bisa dicopas, gunakan saja semuanya ;)  








Senin, 22 Juli 2013

gonta ganti foto Background SlideShow



<!-- jQuery Library -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.min.js"
 type="text/javascript"></script>

<!-- Simple Background SlideShow Script -->
<script src="http://jquery-aing.googlecode.com/files/BackgroundSlideShowAing.
js" type="text/javascript"></script>
<!-- Call ssBG.SlideMyBG() function after the page fully loaded -->
<script type="text/javascript">$(window).load(function(){ssBG.SlideMyBG()})
</script>


<!-- Advanced settings -->
<script type="text/javascript"> $(window).load(function(){ var MYlist=[ "http://mysite.com/photo1.jpg", "http://mysite.com/photo2.jpg" // No coma at the end of list ]; var MYstyle='diurut aje bang dari awal ye'; // Default is random var MYspeed=10000; // Delay between image changes var MYbgPos='top center'; // background-position var MYbgSize='100%'; // background-size (you may try auto 100%) var MYbgRep='repeat-x'; // repeat-y, repeat, no-repeat ssBG.SlideMyBG(MYlist,MYstyle,MYspeed,MYbgPos,MYbgSize,MYbgRep) }) </script>
 
 

<!-- To add a new collection into an existing, you may use ssBG.gbr.concat(list1,list2) -->
<script type="text/javascript"> $(window).load(function(){ var MYlist1=[ "http://mysite.com/photo1.jpg", "http://mysite.com/photo2.jpg" // No coma at the end of list ]; var MYlist2=[ "http://mysite.com/photo3.jpg", "http://mysite.com/photo4.jpg", "http://mysite.com/photo5.jpg" // No coma at the end of list ]; ssBG.gbr=ssBG.gbr.concat(MYlist1,MYlist2); ssBG.SlideMyBG('','sort','','','auto 100%'); }) </script>

Minggu, 21 Juli 2013

Ganti Background Blog dari Postingan pake JavaScript

Pengen dong tiap kali lo posting, suasana blog termasuk Gambar Background sesuai sama isi postingan lo? ya se'enggak-nya sesuai sama gaya lo deh :D
Normalnya JavaScript buat ngeganti Gambar Background itu kaya gini kira-kira..


Warning

Kalo diBlog elo ada Script Random Background Imagenya kemungkinan besar CSS buat nge-bikin FullScreen diatas bakalan ketiban (gak jalan)


Kalo mau pake Timer/Pewaktu 

biar nunggu dulu beberapa saat (misal 20 detik) baru Gambar Backgroundnya berubah.



<script>

setTimeout("document.body.style.backgroundImage='url(http://blogdowallpaper.files.wordpress.com/2009/04/skate_boy_1024_blogdowallpaper.jpg)'",20000);

</script>


Kalo pengen Gambar Backgroundnya FullScreen

biarpun gambar yang lo punya ukurannya kecil sekalipun tetep aja bakalan di tampilin selayar penuh..



<style type="text/css">

body {
 width: 100%;
-moz-background-size:100%;
     background-size:100%;
-moz-background-origin:content;
     background-origin:content;
 background-position:top center;
 background-attachment:fixed;
}

</style>


<script>

setTimeout("document.body.style.backgroundImage='url(http://blogdowallpaper.files.wordpress.com/2009/04/skate_boy_1024_blogdowallpaper.jpg)'",20000);


</script>



Warning

Kalo diBlog elo ada Script Random Background Imagenya kemungkinan besar CSS buat nge-bikin FullScreen diatas bakalan ketiban (gak jalan)

Tapi elo gak usah nangis

Ganti aja Script Random Background Imagenya jadi kaya gini..


<script type='text/javascript'>
var bg = [
"http://ALAMAT-GAMBAR.jpg",
"http://ALAMAT-GAMBAR.jpg",
"http://ALAMAT-GAMBAR.jpg"
];

function gantiBg(){
  var bgLeng = bg.length-1;
  var i = Math.floor(Math.random()*bgLeng);
  document.body.style.backgroundImage='url('+bg[i]+')';
}

gantiBg();

NB: script ini juga bisa ko dipasang di postingan, coba aja..


Kalo mau Gambar Backgroundnya Gonta-ganti sendiri

(misal Gonta-ganti sendiri tiap 20 detik), tinggal nambahin aja Timer



<script type='text/javascript'>
var bg = [
"http://ALAMAT-GAMBAR.jpg",
"http://ALAMAT-GAMBAR.jpg",
"http://ALAMAT-GAMBAR.jpg"
];

function gantiBg(){
  var bgLeng = bg.length-1;
  var i = Math.floor(Math.random()*bgLeng);
  document.body.style.backgroundImage='url('+bg[i]+')';

  setTimeout("gantiBg()",20000);
}

gantiBg();

</script>






semoga bermafaat













































Download DP BBM Animasi Bergerak Yang Lucu & Unik

Display Picture untuk BBM BlackBerry bisa menambah serunya BBM’an. Selain bisa digunakan untuk media lucu lucu an, DP BBM BlackBerry juga bisa dimanfaatkan untuk sarana promosi atau yang lainnya seperti menebar kata bijak. DP BBM anda mungkin sama dengan gambar teman anda, tidak maukan dikatakan ikut-ikutan. Berikut kumpulan gambar DP BBM animasi bergerak yang lucu dan unik yang bisa anda gunakan.
Gambar bergerak merupakan sebuah gambar yang berformat gambar gif. Berikut kumpulan DP BBM animasi bergerak lucu dan unik yang bisa anda koleksi untuk menggonta-ganti DP BBM di BlackBerry Messenger anda.












































 Animasi atau gambar bergerak lucu diatas kami peroleh dari berbagai sumber di internet. Apabila anda termasuk pemilik animasi tersebut, silahkan kontak kami untuk kami beri sumber pada animasi tersebut


#salam: ADMIN   (awan gunawan pratama)

Jumat, 12 Juli 2013

Cara Mengundang Semua Teman Facebook ke Fan Page Blog







Kali ini saya akan berbagi tips  bagaimana Cara Mengundang Semua Teman Facebook ke Fan Page Blog. Bagi yang sudah punya blog pasti di FB punya fan page untuk blog tersebut. Biasanya blogger untuk menambah jumlah likers di fanpage mereka dengan cara mengundang semua teman yang mereka miliki. Cara mengudangnya juga gampang, tinggal centang centang lalu kirim permintaan undangan. Nah  Bagaimana jika teman facebook kalian sangat banyak misalnya 5000 ? Pastinya butuh waktu seharian kan untuk mencentang dan mengundang mereka satu-satu kan? Jadi ada cara gampang nih cara mengundang Semua Teman Facebook ke Fan Page Blog kita. Ikuti tutorial yang saya paparkan berikut


1. Browser yang dipakai disini adalah Mozilla Firefox, jika belum punya silahkan di download disini
2. Buka halaman fan page kalian
3. Pada Bagian Panel Admin , Klik Kembangkan Pemirsa > Undang Teman ( biasanya berada di bagian atas tampilan fanpage )
  
4. Pilih cari teman semua, agar teman  yang nantinya di centang lebih banyak

5.  Tekan Ctrl + Shift + K  Nanti sebuah panel firefox akan dibuka di bagian atas halaman, kemudian copy kode javascript berikut :




javascript:elms=document.getElementsByName("checkableitems[]");for (i=0;i<elms.length;i++){if (elms[i].type="checkbox" )elms[i].click()};



6. Kemudian tekan Enter
7. Lalu tunggu facebook mencentang semua teman kalian  mungkin mozila anda akan sedikit ngelek sesaat dan grengggg keContreng semua..
8. Jika semua sudah selesai,klik Submit / Kirim
Sekian, semoga bermanfaat :)
 Sekian artikel Cara Mengundang Semua Teman Facebook ke Fan Page Blog, jika artikel ini bermanfaat, like dan bagikan keteman-teman melalui tombol facebook share di bawah. Dan mohon bantuannya untuk mengembangkan blog ini dengan cara follow blog Lintas Informatika dengan email kalian, terimakasih ^_^












Kamis, 11 Juli 2013

Cara Mudah Membuat Bot Fb (auto Like & Komentar Otomatis status Teman Facebook)

Assalamualaikum Wr.Wb
Jumpa lagi teman sama admin Blog ini, yang jarang update. Siapa lagi kalau Bukan awan gunawan pratama
Oke, kita langsung menuju bahasan topik kita pada kesempatan kali ini,
yaitu Cara Mudah Membuat Bot Fb. seperti yang sudah dijelaskan oleh saudara awan gunawan pratama pada postingan diblognya,
disini bot fb berfungsi bukan untuk supaya status fb kita banyak yang menyukai, tetapi bot fb ini bertujuan untuk melike dan komentar secara Otomatis tanpa perlu kita harus stanby di facebook terus.
Oke, pastinya udah pada tahu semuanya kan, Langsung saja kita menuju ke cara-caranya berikut ini:
yang paling pertama kita harus punya hosting yang mendukung PHP dan Con Jobs. tentunya yang gratis juga. disini saya memakai hosting gratisnya dari Nazuka.Net, silahkan daftar DISINI setelah daftar selesai dan akun terkonfirmasi, lanjut ketahap berikutnya,
yaitu Download script Bot Fb nya DISINI Rename Auto.zip jadi Auto.php kemudian upload script auto.php tadi ke hosting yang dibuat tadi,
menggunakan email dan passworld yang didaftarkan. login di url ini http://galaxy--awan.blogspot.com/ .


lanjut ke langkah selanjutnya Jika kamu menggunakan PC maka klik DISINI
Sedangkan jika menggunakan HP klik nya DISINI Setelah di klik, anda akan di mintaizin, klik "Pasang" lalu "Izinkan" Lalu anda akan di bawa ke beranda facebook anda, lihat pada addressbar dan ambil accesstoken yang saya beri tnda warna merah pada contoh di bawah ini!
#access_token=AAAETwbyOc4EBAOMJ91I
gn6sFBc4fElmItMZCBy6aXNMOUKZCFR
1dTT0yZCGLsa7jO5P46QWQZDZD &expires_in=514 0216
Salin dan simpan access token tadi baik- baik Jika sudah, Download script bot auto like auto comment tadi
Dan edit hanya pada bagian yangsaya beri tnda "warna merah" contoh di bawah ini : #config# $bot['like'] = true;// false untuk non aktifkan autolike
$bot['ck_k'] = true;// false untuk non aktifkan fungsi jika status mengandung kata maka di comendengan kata
$bot['ck_u'] = true ; // true jika pengkondisian di non aktifkan akan beralih ke koment umum jika kondisi aktif komen umum juga aktif (tidak akan dobel komen jika keduanya aktif)
$bot['time'] = true ; // false untukmenonaktifkan fungsi waktu di komentar
$bot['aces'] = AAAA**************"; // ganti dengan access token yang kamu dapat tadi
Keterangan : Merah = Wajib diganti!
Nb : Pengguna hp gunakan aplikasi yang punya text editor seperti Moby Explorer untuk mengedit auto.php ,Anda juga bisa mengganti ataupun menambah komentar yang nanti nya akan digunakan untuk auto comment,
contoh :
Komentar Umum
$cmn_umum = array(" Bos Ane lagi offlen jadi bot ditugaskan untuk koment di statusmu ", );
Komentar Kondisi
$comment =
array(
array(
array(" sepi ",
" pada kemana ",
" pada kmn ", ),
array(" Nih Udah aQ ramein . hhe ", " Meski sepi JEMPOL Ane masih setia di status .hhe ", ) ), );
Keterangan : < name> untuk menyebut nama orang yang membuat status.
Jika sudah di edit dan di simpan, upload auto.php ke hostingan anda! bisa secara langsung bisa juga melalui ftp client (pihak ketiga) Kalo saya lebih memilih melalui pihak ketiga karena lebih cepat, maka anda harus mengunjungi http://realwap.net/ftp Isi semua form sesuai informasi akun anda
contoh : Ftp server: ftp.botfb.16mb.com
Ftp username: u225629xx
Ftp password: sandixxxx_ Lalu klik tombol Login. Pilih "public_html" Setelah itu pilih "upload" Pilih salah satu baris, kemudian cari file auto.php pada handhpone anda dan klik Jika sudah turun ke bawah dan klik tombol Upload Setelah file berhasil di upload,
sekarang anda tinggal menyetting Cron Job nya Login ke cpanel anda di http:// cpanel.nazuka.net/ Masukan e-mail dan kata sandi, lalu klik tombol Login
Pilih "Kontrol Panel", lalu klik tombol "Switch" Pilih "Cron Job" Pada kolom pertama isi dengan letak penyimpanan file auto.php, jika mengikuti contoh di atas maka cukup kita isi seperti ini : public_html/ auto.php, Contohnya lihat gambar dibawah ini
cronjob.png
Setelah itu anda tinggal memilih kapan auto.php akan di eksekusi, kalo saya menyettingnya setiap 15 menit sekali! Maka kita pilih pada kolom ke-2 seperti ini Setiap 10 Menit (*/10) lihat pada gambar diatas,
Jika sudah klik tombol Buat. Selesai sudah, anda tinggal menunggu bot bekerja, dan lihat beranda anda, semua status teman sudah anda like, dan lihat juga profil anda, anda sudah mengomentari status teman tanpa anda harus menulis.
Penting Sebelum mengikuti langkah-langkah ini, pastikan anda sudah login di akun facebook anda! Sangat saya sarankan untuk tidakmengaktifk an komentar umum (ubahlah menjadi false)
semoga berhasil. wassalam



salam: AWAN GUNAWANPRATAMA