Demo Template

[ Tutorial ] Sitemap Plus Dengan Gambar

Danang Prasetyo 03.45 Blogging , Tutorial

Cara Membuat Daftar Isi (Sitemap) Blog Plus Gambar Thumbnail.

Klik untuk memperbesar

Daftar isi, Table of Content, atau halaman Sitemap blog biasanya berupa daftar link postinga saja. Variasi disain Sitemap atau Daftar isi blog ada yang Simple, Tabulasi, Gaya Table, Berdasarkan Kategori, Berdasarkan Abjad, dan Accordion.

Kali ini saya akan share tentang membuat Daftar isi/Sitemap Blog Plus Gambar Thumbnail dari CB yang sudah lama dia posting, kali ini akan share Sitemap berupa daftar judul posting plus gambar thumbnail (image).

Daftar isi berupa judul dan gambar thumbnail ini memang cocok buat blog galeri foto, vidio, atau toko online sehingga terlihat lebih menarik. Model daftar isi berikut ini mirip daftar isi plus gambar thumbnail dan ringkasan yang sudah di share/dibagikan oleh CB sebelumnya.

Cara Membuat Halaman Daftar Isi Blog Plus Thumbnail Image

1. Buat halaman baru: Pages > New Page
2. Isi kolom judul dengan Sitemap, Daftar isi, atau Indeks
3. Klik mode HTML (samping Compose)
4. Copy & Paste kode di bawah ini

<script src='https://bloggertipstricks.googlecode.com/files/bloggertipstricks.com-sitemap.js'>
</script>
<script style='text/javascript'>
var numposts = 999;
var showpostthumbnails = true;
var displayseparator = true;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=recent&max-results=999"></script>
<style type="text/css">
.sitemap-container {width: 100%; height: 105px; border-top: 2px solid #eee;}
.sitemap-container:hover {background-color:#fafafa;}
.thumbnail {width: 60px; height: 90px; float: left; top:0px;}
.posttitle {height: 90px; float: left; line-height: 90px; margin-left:25px; display:block; width:80%; white-space:nowrap;}
#postimg {margin-top: 10px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; width: 60px; border: 2px solid #eee;}
#list{list-style-type: none; padding-left: 0px; margin-left: 0px;}
</style>

5. Publish

Catatan:
- Saya sarankan masih tetap mode HTML untuk mencegah terjadinya error.

Daftatr isi (Sitemap) Blog Plus Gambar Thumbnail sudah ada di blog anda. Silakan anda pasang linknya di menu Navigasi anda.

Daftar Isi Label Tertentu

Kode di atas menampilkan judul posting plus gambar thumbnail dari semua label atau kategori. Jika ingin menampilkan daftar isi posting dari label tertentu, maka kodenya sebagai berikut:

<script src='https://bloggertipstricks.googlecode.com/files/bloggertipstricks.com-sitemap.js'>
</script>
<script style='text/javascript'>
var numposts = 999;
var showpostthumbnails = true;
var displayseparator = true;
</script>
<script src="/feeds/posts/default/-/Label%20Name?orderby=published&alt=json-in-script&callback=recent&max-results=999"></script>
<style type="text/css">
.sitemap-container {width: 100%; height: 105px; border-top: 2px solid #eee;}
.sitemap-container:hover {background-color:#fafafa;}
.thumbnail {width: 60px; height: 90px; float: left; top:0px;}
.posttitle {height: 90px; float: left; line-height: 90px; margin-left:25px; display:block; width:80%; white-space:nowrap;}
#postimg {margin-top: 10px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; width: 60px; border: 2px solid #eee;}
#list{list-style-type: none; padding-left: 0px; margin-left: 0px;}
</style>

Catatan:
- Ganti Label%20Name dengan Label pilihan anda.
Contoh: Tips%20Blogging, Tips%20SEO.
- Jika nama labelnya cuma satu kata, maka penulisannya Label saja, tanpa %20
Contoh: Blogging, Tutorial.

Terima kasih telah membaca artikel yang saya posting hari ini, semoga dapat bermanfaat bagi kita semua. Jika ada saran dari anda silahkan barbagi pada saya, nantinya saya akan share kembali ^_^. Demikian Membuat Daftar Isi (Sitemap) Blog Plus Gambar Thumbnail. Silahkan anda Share dan Like FP kami untuk berkembangnya blog kami :D.

Baca selengkapnya »

[ Tutorial ] Cara Membuat HTML Menggunakan Notepad

Danang Prasetyo 03.42 Tutorial

Pengertian, Sejarah, Modifikasi HTML, & Cara Membuat HTML Dengan Menggunakan Notepad ~ Oke sobat, kali ini saya share tentang HTML nih. Apa itu HTML ? HTML adalah kepanjangan atau singkatan dari Hyper Text Markup Language. Setiap kita menjelajah di internet, membuka website apapun, kita pasti akan bertemu dengan HTML. Hal ini dikarenakan semua website yang ada di internet, di buat dengan menggunakan bahasa HTML.

HTML hingga saat ini merupakan standar internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C). HTML dibuat oleh kolaborasi Caillau TIM dengan Barners-lee Robert ketika mereka bekerja di CERN pada tahun 1989 CERN adalah lembaga penelitian fisika energi tinggi di Jenewa.

HTML adalah bahasa markup internet (web) berupa kode dan simbol yang dimasukkan kedalam sebuah file yang di tujukan untuk di tampilkan di dalam sebuah website. Singkatnya, HTML adalah bahasa markup yang di gunakan untuk membuat website. Website yang di buat dengan HTML ini, dapat di lihat oleh semua orang yang terkoneksi dengan internet. Tentunya dengan menggunakan aplikasi penjelajah internet (browser) seperti Mozilla Firefox, dan Google Chrome.

Seperti yang sudah saya jelaskan, HTML adalah singkatan dari Hyper Text Markup Language. Tapi mengetahui singkatannya saja tidak akan cukup. Karna itu saya akan memberitahukan arti dari singkatan tersebut.

HyperText adalah metode dimana kita "berpindah" disekeliling web, dengan mengklik sebuah teks yang bernama hyperlink. Hyperlink adalah sebuah teks khusus di internet, dimana saat teks tersebut di klik, akan membawa kita ke halaman web selanjutnya atau halaman web lain yang telah di tentukan.

Markup adalah hal yang dilakukan oleh tag HTML kepada teks yang ada didalamnya. HTML menandai teks yang berada di dalamnya sebagai tipe teks tertentu. Misalnya saja jika kita menandai sebuah teks dengan tag HTML <i>, maka teks tersebut akan berubah menjadi italic (huruf miring). Sedangkan jika kita menandai dengan <b>, maka teks tersebut akan menjadi bold (huruf tebal).

Language yang berarti bahasa. HTML adalah sebuah bahasa, yang memiliki kata-kata berupa kode dan syntax seperti bahasa yang lain.

Saat ini bahasa HTML masih terus di kembangkan, hal ini dikarenakan pengguna internet semakin hari semakin berkembang pesat. Oleh karna itu bahasa HTML harus di tingkatkan lagi agar bisa menciptakan halaman web yang lebih berkualitas. Untuk itulah di bentuk sebuah organisai yang seperti saya bertahukan di atas tadi yaitu World Wide Web Consortium (W3C).

Cara Membuat HTML Dengan Notepad

1. Buka Notepad [Windows > All Program > Accessories > Notepad]
2. Silakan anda ketikan skrip di bawah ini.

<html>
<head>
<title>
Welcome To My House
</title>
</head>
<body>
<h1>Ini adalah Main Heading</h1>
<p>Isi dari Main Heading, bisa berupa kata pembuka atau
penjelas dari Main Heading, jika penjelasan terlalu panjang maka
akan di bagi menjadi beberapa Sub-Heading.<p>
<h2>Ini Adalah Sub-Heading</h2>
<p>Kebanyakan artikel yang panjang memiliki sub-headings untuk
membantu Anda mengikuti struktur apa yang sedang ditulis.
Bahkan mungkin sub-sub-headings
(atau tingkat yang lebih rendah Dari headings).
</p>
<h2> Sub-Heading Tambahan</h2>
<p>Disini anda dapat melihat sub-heading tambahan.</p>
<marquee><b> MARKUSX-FILES.BLOGSPOT.CO.ID </b></marquee>
<marquee direction="right"><b> WWW.AFRI23.NET </b></marquee>
</body>
</html>

3. Lalu anda Save dengan di akhiri nama file "Markus X-Files.html" atau seterah anda, yang penting adalah nama file harus di akhiri dengan format .html

Sekarang HTML yang anda buat menggunakan Notepad tadi sudah di buat dan anda bisa melihat nya, ini adalah HTML yang berhasil saya buat dan saya modifikasi sedikit. Untuk memodifikasinya anda bisa lihat tutorial di bawah.

Ini adalah contoh HTML yang saya buat

Fungsi h1, h2, h3, h4, dll

1. H1 adalah yang paling penting dan H2-H6 adalah urutan selanjutnya. Tag <h1> ini digunakan untuk nama blog yang kita buat.
2. H2 adalah untuk digunakan menulis Judul artikel yang kita buat.
3. H3 adalah digunakan untuk menuliskan Sub-judul atau penjelasan dari judul posting yang anda buat.
4. H4 digunakan untuk menuliskan Kategori dan Artikel Terkait.
5. H5 dan H6 biasanya digunakan untuk menuliskan nama si pembuat template dan penyedia layanan Hosting (blogger, wordpress, dll).

Memodifikasi HTML Kita Agar Lebih Menarik

1. Cara memodifikasi agar Html yang kita buat menjadi bisa berjalan.
Kodenya:

<marquee>Tulisan Berjalan</marquee>

Tulisan Berjalan

Catatan:
- Bila ingin mengatur arah nya, silakan anda tambahkan kode ini setelah <marquee...
- Kodenya : direction="up"> ini adalah contoh tulisan berjalan ke atas, jika mau mengatur agar ke bawah bisa anda tuliskan seperti ini <marquee direction="down">
- Jangan lupa untuk memberikan penutupnya yaitu </marquee>

2. Memodifikasi agar HTML yang kita buat menjadi ada backgroundnya (gambar).
Kodenya:

<style type="text/css">
body {
background: url('markusx-files.blogspot.co.id') no-repeat center center fixed;
-webkit-background-size: 100% 100%;
-moz-background-size: 100% 100%;
-o-background-size: 100% 100%;
background-size: 100% 100%;
}
</style>

Membuat Background

Catatan:
- Ganti markusx-files.blogspot.co.id yang berwarna merah tersebut dengan url background yang akan anda gunakan

Sekian dulu artikel yang saya buat, semoga anda senang yang saya posting hari ini. Semoga bisa bermanfaat bagi kita semua untuk memulai membuat HTML. Untuk mendukungnya blog ini menjadi berkembang, anda bisa Like dan Share postingan ini degan cara kli tombol "Share" di bawah ini bertujuan agar memberitahukan tutorial ini kepada orang lainnya. Dan jangan lupa anda masukkan Email anda di bawah kolom yang di sediakan.

Baca selengkapnya »

[ Tutorial ] Membuat Table Dan Membuat Animasi Di Notepad

Danang Prasetyo 03.34 Tutorial

Tutorial yang saya berikan kali ini mengenai edit mengedit, yang saya post kali ini tutorial membuat tabel nilai seperti nilai ujian gitu deh, dan membuat animasi untuk mempercantik tampilannya. Tabel sangat diperlukan kita untuk menampilkan data-data berbentuk kolom. Dulu sebelum adanya CSS, tabel digunakan untuk membuat layout website namun saat ini sudah jarang dipakai sebagai layout karena faktor file yang cenderung lebih besar sehingga mempengaruhi waktu akses yang lebih lama, dalam pengolahan dan pengeditan pun jauh lebih rumit karena banyaknya tag-tag yang dihasilkan.

HTML banyak sekali digunakan untuk menyusun objek, gambar, tulisan, layout, bidang ruang, tampilan halaman dan masih banyak yang lainnya. Apabila Anda sedang mempelajari pemrograman web dengan PHP, maka tidak akan terlepas dari HTML dan database. Dari database tersebut, tentu berbentuk sebuah tabel. Oleh karena itu sangat penting bagi kita mengetahui kode yang merupakan elemen pemasangan sebuah tabel.

Yang mau saya praktekan kali ini adalah cara membuat tabel nilai, berikut ini adalah contoh pemasangan dari tabel nilai. Sebelum kita ke tutorial pembuatannya, ada baiknya Anda mengetahui perintah kode-kode yang berhubungan dengan tabel :

<table> : digunakan untuk tanda awal pembuatan tabel.
<tr> : digunakan sebagai tanda baris awal, tr ini singkatan dari table row
<th> : digunakan untuk membuat tampilan kolom header tabel, sedangkan th singkatan dari table head
<td> : digunakan untuk menyusun kolom data, td adalah singkatan dari table data

INFO :
- Jangan lupa anda akhiri tag tersebut dengan tanda slash </
- Contoh penggunaannya <table> diakhiri dengan </table>

Atribut pendukung table lainnya:
align : untuk mengatur posisi horizontal
valign : untuk mengatur posisi vertikal
width : untuk mengatur lebar
height : untuk mengatur tinggi
border : untuk membuat tebal garis
border-color : untuk memberikan tebal garis menjadi bewarna
cellpadding : untuk mengatur jarak garis dengan objek didalamnya
cellspacing : untuk mengatur jarak setiap cell
bgcolor : untuk memberikan warna pada background
background : untuk mengatur latar gambar
rowspan : jumlah garis yang memotong beberapa baris
colspan : jumlah garis yang memotong beberapa kolom

Berikut ini adalah contoh yang sudah saya edit dengan saya berikan animasi sedikit didalamnya :D

Membuat Table di Notepad

Berikut ini adalah kode html yang sudah saya buat untuk Anda belajar sendiri :

<html>
<head>
<title> My Tutorial LOSTCIPS.COM </title>
</head>
<body text="#FF1493">
<center><p><a href="Project2.html" title="Disain HTML By AFRIZA"><h1> Created By LOSTCIPS.COM </h1></a></p></center>
<marquee align="center" behavior="alternate"><b> Welcome To Tutorial Lostcips.com </b></marquee>
<table align="center" width="750" border="1" cellspacing="0" cellpadding="5">
<tr>
<th height="40" rowspan="2" bgcolor="Orange"> Nomer </th>
<th height="40" rowspan="2" bgcolor="Orange"> Nama </th>
<th height="40" rowspan="2" bgcolor="Orange"> Kelas </th>
<th width="250" colspan="4" height="41" bgcolor="Orange"> Nilai </th>
</tr>
<tr>
<td align="center"> PAI </td>
<td align="center"> Tikom </td>
<td align="center"> Produktif </td>
<td align="center"> KWH </td>
<td align="center"> B.Inggris </td>
<td align="center"> IPS </td>
<td align="center"> Fisika </td>
<td align="center"> Kimia </td>
</tr>
<tr>
<td align="center"> 1 </td>
<td align="center"> Afriza </td>
<td align="center"> XI TKJ B </td>
<td align="center"> 100 </td>
<td align="center"> 100 </td>
</tr>
<tr>
<td align="center"> 2 </td>
<td align="center"> Aldi </td>
<td align="center"> XI TKJ B </td>
<td align="center"> 0 </td>
<td align="center"> 0 </td>
</tr>
<tr>
<td align="center"> 3 </td>
<td align="center"> Rehan </td>
<td align="center"> XI TKJ B </td>
<td align="center"> 0 </td>
<td align="center"> 0 </td>
</tr>
<tr>
<td align="center"> 4 </td>
<td align="center"> Sarip </td>
<td align="center"> XI TKJ B </td>
<td align="center"> 0 </td>
<td align="center"> 0 </td>
</tr>
<tr>
<td align="center"> 5 </td>
<td align="center"> Adit </td>
<td align="center"> XI TKJ B </td>
<td align="center"> 0 </td>
<td align="center"> 0 </td>
</tr>
<tr>
<td align="center"> 6 </td>
<td align="center"> Eji </td>
<td align="center"> XI TKJ B </td>
<td align="center"> 0 </td>
<td align="center"> 0 </td>
</tr>
<tr>
<td align="center"> 7 </td>
<td align="center"> Warno </td>
<td align="center"> XI TKJ B </td>
<td align="center"> 0 </td>
<td align="center"> 0 </td>
</tr>
</table>
<p> Thanks To Mbah Google </p>
<p align="right"> Thanks To LOSTCIPS.COM </p>
</body>
</html>

INFO :
- Contoh ini ada beberapa yang saya hapus, karna saya ingin Anda membuat dengan kemampuan Anda sendiri dan tidak hasil dari copas atau Copy Paste :D.
- Anda juga bisa mengganti kata-kata seperti nama, nomer, dan kelas sesuai dengan keinginan Anda.

Membuat Animasi di HTML

Untuk penambahan animasi yang saya pakai seperti gambar di atas Anda hanya cukup memberikan kode animasi yang anda inginkan di html yang Anda buat, berikut adalah kode animasi yang saya pakai :
Champion

Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.lostcips.com/" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/0002068C.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.lostcips.com/" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020461.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.lostcips.com/" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/000203D1.gif" title="Click to get more." /></a><small><center><a href="http://christiantatelu.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>

Jika Anda rasa sudah cukup bagus dan rapih, Anda bisa Save hasil karya Anda dengan cara File > Save. Atau bisa juga dengan cara memencet CTRL+S dengan fotmat .html, Contoh : Project1.html.

Saya harap Anda menghargai karya saya ini dengan cara share artikel ini kepada teman Anda di media social seperti Facebook, Twitter, dan lain sebagainya. Demikian cara pembuatan table kali ini semoga bermanfaat bagi kalian semua.

Baca selengkapnya »

[ Game Hack ] Cheat LostSaga Indonesia 30 - 31 Januari 2017

Danang Prasetyo 07.27 Game Hack , LSID

[ Update ] Cheat LostSaga Indonesia 30, 31 Januari 2017 - Feature yang pasti joss, langsung saja comot cheat nya :D

Feature Hack's :

Fast Delay Gauge Skill
Unlimited Pasif Skill
Unlimited Health
Respawn Invincibility Effect
Flood Suicide
Fast Hit
Fast Get Up
Max Combo
Run Speed Hack
Brust Hero [ Mafia, Cowboy, Treasure Hunter, Hazama, Sorcerer, dll ]
Ghost Body
Anti Hit
End Action
Hack Peso & G-Cash CS [ Client Side ]
Refill Token Perunggu CS [ Client Side ]
Magnet NPC
Flood Drop NPC
Freeze NPC
One Hit NPC
Teleport Dungeon
Skip Floor Crusade
Unlock Slot 16 Player All Room
Cadet War
Hack Level Fhising CS [ Client Side ]
Hack Faction Point / FP CS [ Clinet Side ]
Bounce Killer
Spectactor Mode
No Lose & No Penalty
No AFK
No Gravitasi Mode
Costume Ladder
Costume Mode
Change Team
Join Team
Unlock Buy Style Shop Item
Lag Mode
Unlimited Inventory
Pecat Hero Permanen
Unlock Join All Faction
Replace Hero, Weapon, Armor, Helm, Acc [ Full Replace ]
Replace Slot ++
Status +20, +30, +40, +50
Beyond Hero
Gender Famele
Zombie Mode
Crown Mode
Hack Durasi Hero Permanen CS [ Client Side ]
Hack Durasi Hero Trial CS [ Client Side ]

Tutorial Menggunakan Cheat :

Extract File Cheat Yang Sudah Di Download
Buka Cheat Dengan Run As Administrator
Buka & Login LostSaganya
Cheat Akan Otomatis Terinject
Cheat Active
Happy Cheating

*Support All Windows
*Main Wajib Window Mode
*On Kan Feature Pas Battle & Off Kan Setelah Selesai Pertandingan / Out Room

*Apabila Anda Mengalami Permasalahan Error Pada Saat Membuka Injector / Cheat Silahkan Klik & Baca Disini

Link Download :

Server 1

UPLOAD.EE

Server 2

SENDSPACE

Baca selengkapnya »

[ Tutorial ] 3 Cara Membuat Blog Di Hp Dengan Mudah

Danang Prasetyo 00.39 Blogging , Tutorial

3 cara membuat blog/website di hp - pada postingan kali ini saya membahas bagaimana cara membuat blog atau website di hp .

beberapa orang sering kali menanyakan kepada saya situs website apa sih yg bisa buat blog di hp ??? Saya akan menjawab pertanyaan berikut disertai penjelasan .

1. Blogponsel.net

Blogponsel.net adalah salah satu situs yg menyediakan layanan pembuatan website yg sudah populer di kalangan mobile blogger indonesia . blogponsel.net juga menyediakan beberapa domain seperti : net , me , mobi , com .

Blogponsel.net juga memiliki beberapa keunggulan seperti : support javascript dan unlimited diskspace .

2. Mblog.mobi

Apa itu mblog.mobi ? Mblog mobi adalah situs website yg menyediakan layanan pembuatan blog secara mobile dan bisa di akses oleh hampir semua jenis hp .

Dengan tampilan yg sederhana mblog.mobi sangat mudah ditemukan di mesin pencari google . mblog mobi juga di support oleh situs pemasangan iklan blog/website yaitu adsidme (sekarang Urlids) sehingga memudahkan kita untuk mendapatkan penghasilan .

3. Wapblog.me

Berbeda dengan kedua website yg sudah saya sebutkan tadi kali inj saya akan membahas website penyedia layanan pembuatan blog yg agak unik . kenapa saya katakan unik , ? Karena website ini bisa bisa diterjemahkan kedalam beberapa bahasa daerah indonesia seperti : jawa , sunda , madura , belitung , batak , dan papua .

Walaupun memiliki 2 domain pemilik website mengklaim bahwa blog yg dibuat di wapblog.me cepat terindex google .

Sekian dari saya semoga postinga ini bermanfaat ^_^

Baca selengkapnya »

[ Tutorial ] Cara Memasang Widget Instagram Di Blog

Danang Prasetyo 01.20 Blogging , Tutorial

Kali ini saya akan memberikan tips mengenai cara memasang widget instagram di blog. Selain menggunakan kode script edit HTML, ternyata dapat menggunakan badge. Jika dibandingkan dengan script edit HTML cara ini lebih mudah untuk dimengerti. Oke mari saja kita mulai langkah-langkahnya.

Cara Membuat Widget Instagram di Blog

1. Buka Instagram Accounts

2. Login dengan akun anda

3. Jika sudah akan muncul gambar seperti dibawah ini

Pilih Lencana : Anda diberikan beberapa widget yang berbentuk logo maupun tulisan, pilih salah satu

Salin Kode Ini : Jika sudah memilih silahkan copy kode tersebut, klik ctrl+A untuk memudahkannya

Cara Memasang Widget Instagram di Blog

1. Buka Blog

2. Pilih Tata Letak

3. Tambahkan Gadget, pilih HTML/Java Script

4. Paste kode tersebut

Sekian dari saya semoga bermanfaat dan terimakasih atas kunjungan anda

Baca selengkapnya »

[ Tutorial ] Cara Memasang Fanspage Facebook di Blog

Danang Prasetyo 01.20 Blogging , Tutorial

Nah ini nih social media dengan pengguna jutaan orang Facebook. Selain bisa digunakan untuk mencari teman atau melihat trend social media yang sedang marak, Facebook juga bisa digunakan untuk mempromosikan atau memperlihatkan website anda. Kalo menurut Seo dengan memasang Fanspage Facebook di blog akan meningkatkan penggunjung dengan cepat tapi bertahap. Untuk anda yang memiliki teman Facebook yang banyak mungkin sangat untung apabila teman anda sesama blog, jadi bisa saling share Halaman Facebook.

Untuk pemasang tidak begitu sulit, caranya hampir mirip dengan Cara memasang Widget Instagram dan Widget Twitter di blog. Jika anda belum membaca silahkan baca di situ. Jika anda minat memasang Fanspage ini marilah simak langkah-langkahnya. Oke cekidottt!!!!

Cara Membuat Fanspage Facebook di Blog

1. Buka Halaman Facebook

2. Pilih salah satu kategori sesuai keinginan anda kalau saran saya pilih saja Tempat atau Bisnis Lokal

3. Kemudian anda disuruh memilih kategori, kemudian masukan nama website anda, dan nomor Hp anda

4. Jika sudah pilih Kiriman kemudian copy URLnya seperti dibawah ini

5. Buka DevelopersFacebook

6. Masukan URLnya tadi

7. Untuk pengeditan silahkan isi seusai selera anda

8. Jika sudah Klik Dapatkan kode, pilih Iframe

9. Copy kode tersebut

Cara Memasang Fanspage Facebook

1. Buka Blog

2. Pilih Tata Letak

3. Tambahkan Gadget, pilih HTML/Javascript

4. Paste kode tadi

5. Pratinjau terlebih dahulu, jika sudah sesuai Simpan Perubahan

6. Lihat Blog anda

Mudah bukan??? buruan pasang agar blog anda ramai pengunjung dan jangan lupa rajin-rajin lah untuk mengepost artikel biar pengunjung lebih ramai. Terimakasih atas kunjungannya dan tunggu update-an artikel-artikel yang lainnya

Baca selengkapnya »

[ Tutorial ] Cara Membuat Fanspage FB Di Blog Melayang

Danang Prasetyo 01.18 Blogging , Tutorial

Hallo Sobat blog Markus X-Files ketemu lagi dengan saya sekarang saya akan memandu anda untuk membuat Fanspage Facebook di blog melayang. Trick ini juga merupakan dari SEO karena dengan adanya media social blog akan lebih mudah dikenal orang lain. Nah untuk cara pemasangan media social di blog terutama Facebook yang sudah sangat terkenal ini dapat memberikan keuntungan bagi kita karena dapat secara langsung memberikan trafik pengunjung meningkat dengan cara mengikuti forum blog di Facebook dan mencantumkan link/Url blog kita disitu.

Bagi anda yang belum membuat Fanspage Facebook silahkan baca di sini karena itu merupakan salah satu langkah yang akan kita pakai untuk langkah ini.

Oke mari saja kita mulai langkah-langkahnya.

1. Pertama Buka blog anda

2. Pilih Tata letak kemudian Tambah Gadget

3. Pilih HTMl/Java Script

4. Copy code dibawah ini

<!-- FB melayang tombol close --!>

<style type='text/css'>

#kotak-facebook {

      position:fixed !important;

      position:absolute; /* IE6 */

      bottom:-1000px;

      right:40%;

      margin:0px 0px 0px -182px;

      width:310px;

      height:auto;

      padding:16px;

       -webkit-box-shadow: 0px 0px 7px #222;

      -moz-box-shadow: 0px 0px 7px #222;

      box-shadow: 0px 0px 7px #222; background-color:#FFFFFF; font:normal 1em Cambria,Georgia,Serif;

      color:#111;

    -webkit-border-top-left-radius: 20px;

    -webkit-border-bottom-right-radius: 20px;

    -moz-border-radius-topleft: 20px;

    -moz-border-radius-bottomright: 20px;

    border-top-left-radius: 20px;

    border-bottom-right-radius: 20px;}

    #kotak-facebook a.close {

      position:absolute;

      top:-10px;

      right:-10px;

      background:#333;

      font:bold 16px Arial,Sans-Serif;

      text-decoration:none;

      line-height:22px;

      width:22px;

      text-align:center;

      color:#fff;

      border:2px solid #fff;

      -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);

      -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);

      box-shadow:0px 1px 2px rgba(0,0,0,0.4);

      -webkit-border-radius:10px;

      -moz-border-radius:10px;

      border-radius:10px;

      cursor:pointer;

    }

</style>

    <script type='text/javascript'>

    $(window).bind("load", function() {

         // animasikan nilai top saat halaman telah selesai dimuat

         $('#kotak-facebook').animate({bottom:"50px"}, 1000);

        // hilangkan kotak pesan saat tombol (x) di klik

         $('a.close').click(function() {

             $(this).parent().fadeOut();

         return false;

         });

    });

    </script>

    <div id='kotak-facebook'>

<p style=" margin-right:10px; font-size:15px; color:#000000;">Like this page :D,<blink>Thanks For Reading</blink> </p>

<!-- Mulai --!>

<iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Frakalesandro%2F&tabs=Page&width=300&height=100&small_header=true&adapt_container_width=false&hide_cover=true&show_facepile=false&appId" width="300" height="100" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowtransparency="true"></iframe>

<!-- Selesai --!><a class='close' href='#'>×</a>

<p style=" float:right; margin-right:35px; font-size:10px;" >Powered By <a style=" font-size:10px; color:#3B78CD; text-decoration:none;" href="http://arlesandro.com">Blogger Widget</a> and </p></div>

Note : Untuk script yang berwarna merah silahkan ganti dengan Fanspage Facebook anda

Sekian turtorial dari saya semoga dapat mengatasi masalah yang sedang anda hadapi dan terimakasih atas kunjungan anda

Baca selengkapnya »

[ Game PC ] Need For Speed Most Wanted Full Version

Danang Prasetyo 17.16 Game PC

Need For Speed Most Wanted Full Version adalah salah satu game balap mobil terbaik yang pernah ada hingga saat ini. Game ini tidak membutuhkan spesifikasi PC yang cukup tinggi, namun memiliki grafik yang sangat bagus dan gameplay yang sangat menarik. Jika anda adalah gamers, pasti anda sudah tidak asing lagi dengan game Need For Speed Most Wanted ini. Mungkin anda sudah ada yang dulu sering memainkan game keren ini di PS 2 atau mungkin di komputer juga. Memang ini bukanlah game baru, tetapi saya rasa untuk grafik dan gameplay Need For Speed Most Wanted ini masih tetap tidak kalah dengan game HD yang banyak bermunculan saat ini.

Karena ini memang merupakan game yang lama, jadi sudah tidak banyak link download yang tersedia untuk game Need For Speed Most Wanted Full Version ini. Nah karena admin juga salah satu penggemar berat game balap mobil yang satu ini, maka pada kesempatan kali ini kami akan memberikan link download Need For Speed Most Wanted bagi anda yang ingin kembali bernostalgia dengan memainkan game keren ini. Atau mungkin anda malah belum pernah memainkan game ini? Jika anda belum pernah memainkan game ini, saya sangat rekomendasikan agar anda segera download Need For Speed Most Wanted Full Version dan memainkannya di PC anda sekarang juga

Disini kami juga tidak membagikan Need For Speed Most Wanted yang biasa, tetapi yang kami bagikan adalah spesial edition yaitu Need For Speed Most Wanted Black Edition. Sebenarnya tidak ada pengaruh yang besar antara Need For Speed Most Wanted dengan Need For Speed Most Wanted Black Edition. Perbedaanya adalah pada versi black edition ini terdapat beberapa tambahan jenis mobil yaitu : Mobil : Porsche 911 GT2,Mercedes SL65 AMG,BMW M3 GTR STREET,1967 Chevrolet Camaro SS,Corvette C6.R. Kemudian juga ada 4 vinyl baru black edition.

Screenshot:

Jadi masihkah anda berpikir untuk tidak segera download Need For Speed Most Wanted ini? Segera anda download dan mainkan game balap mobil Need For Speed Most Wanted Full Version ini sekarang juga.

Minimum system requirements:

OS: Windows 2000/XP.Vista/7
CPU: 1.4 GHz
RAM: 256 MB
VGA: Video card with 32 MB or more memory and one of these chipsets is required: ATI Radeon 7500 or greater; ATI Radeon Xpress 200; NVIDIA GeForce2 MX/GTS or greater; Intel 950/i915g; S3 GammaChrome S18 Pro
HDD: 3GB
DirectX 9.0c
8x or faster CD/DVD ROM

Recommended system requirements:

OS: Windows XP.Vista/7
CPU: 3 GHz
RAM: 1 GB
VGA: Atleast an NVidia 5900 or ATi 9800 with 256mb of video memory
HDD: 3GB
DirectX 9.0c
8x or faster CD/DVD ROM

Link Download :

MediaFire

Baca selengkapnya »