It is ideal for music niche bloggers. With a big image slider, it comes
up with another quality widgets like featured posts on the home page and
etc. It has a dark color scheme with flexible enough features to be
incorporated in any kind of website.
It is a personal blog theme, but it can be converted into a complete
magazine theme because of its robust features. It is a premium theme
from Themeforest, so the satisfaction is certain that it would be at
least of pure quality.
Highest selling Blogger templates on Themeforest is among the most
dominating Paid or Premium blogger templates. It has a simple interface
that might be the reason it has dominated the premium themes otherwise
its features can easily be seen on any FREE Theme.
Update Koleksi Template blogspot SEO friendly 2013 - Sebagian dari koleksi ini adalah koleksi yang berasal dari tahun 2012, tapi masih cukup banyak yang mendownload jadi disertakan saja. Koleksi template blog SEO friendly dari blog saya ini ada 6 desain template dengan variannya masing-masing dan jumlahnya masih akan terus ditambah sepanjang tahun2013 ini.
Jadi untuk teman-teman yang membutuhkan template yang SEO friendly silahkan dipilih salah satu koleksi di bawah ini. Halaman ini nantinya akan menjadi halaman update setiap terjadi pertambahan koleksi dari blog ini. Sebelum saya menawarkan koleksi template blog SEO friendly 2013, terlebih dahulu saya mau membahas secara singkat apa itu template blog yang didesain dengan SEO friendly terbaik itu.
Syarat Template Blog SEO Friendly
Setidaknya sebuah template harus memenuhi syarat berikut ini untuk dapat disebut SEO friendly:
Heading H1 pada tiap halamannya menampilkan kata kunci terpenting pada halaman tersebut. Jadi saat di halaman beranda akan menampilkan judul blog dan saat di halaman artikel akan menampilkan judul artikel.
Title tag menampilkan kata kunci yang dikejar pada tiap halaman masing-masing. Hindari duplikat title tag untuk tiap halaman agar blog saudara benar-benar SEO friendly
Meta description mengandung kata kunci yang dikejar
Sebuah template yang SEO friendly seharusnya tidak menggunakan script yang berat karena bisa menambah waktu muat dan "membahayakan" perayapan Google jika script bermasalah.
Tidak memasang iframe jika tidak perlu
20 kata pertama di dalam template haruslah menampilkan kata kunci yang ditargetkan
Dilengkapi dengan breadcrumbs yang bisa membantu pengunjung untuk mengenali posisinya dan membantu robot untuk mengetahui struktur blog
Komentar bersifat nofollow
Waktu loading yang tidak lama
PENTING! Faktor tambahan yang bisa diberikan pemilik template blogspot adalah:
Cetak tebal keyword di dalam artikel
Interlink ke artikel lain
Mengubah heading widget menjadi h3, h4, atau h5
Apa manfaat menggunakan Template blog SEO Friendly
Manfaat dari menggunakan template blog yang SEO friendly adalah memudahkan robot mesin pencari untuk mengenali topik utama dari sebuah halaman, dan membantu menentukan keyword yang paling ditekankan dari halaman tersebut. Jadi pada dasarnya fungsinya adalah membantu blog anda terindeks pada kata kunci yang anda targetkan....
Template blog yang SEO friendly ini dibuat untuk membantu blogger pemula yang belum mengetahui cara untuk mengedit kode-kode pengaturan pada menu EDIT HTML. Banyak blogger pemula yang bekerja keras, dan nyaris sia-sia usahanya membangun blognya karena tidak optimalnya pengaturan dasar dari desain blog yang dipakainya. Jadi dengan menggunakan template blog yang SEO friendly ini diharapakan para blogger pemula tidak perlu lagi pusing masalah lain dan bisa fokus pada pembuatan artikel dan mencari backlink.
Pilihan Koleksi Template Blog SEO friendly 2013
1. Template Blog Simple Slider SEO friendly
Ini adalah template blog SEO friendly yang menggunakan slider pada halaman homepage dan dilengkapi breadcrumbs. Template ini mempunyai lima pilihan warna yaitu abu-abu, hitam, biru, kuning, dan hijau. Jadi teman-teman blogger bisa memilih salah satu desain template blog seo friendly ini. Dari pengamatan saya cukup banyak blogger yang berhasil memperbaiki rankingnya dengan drastis setelah menggunakan template ini..... Mereka menguasai suatu kata kunci walaupun pageranknya masih nol, dan bersaing dengar konten PR1 atau PR2. Buat yang tertarik dengan desain yang ini silahkan baca dan download dari halaman Template Blog Simple Slider
2. Template Black Line Yang SEO Friendly dan Bisa Diedit
Kalau template blog SEO friendly yang satu ini dibuat khusus untuk rekan-rekan blogger yang tidak suka desain yang terikat dan ingin bereksperimen sendiri mencari gayanya sendiri. Model template blog yang satu ini bisa diedit menjadi begitu banyak desain tanpa batas. Untuk mengekspresikan diri saudara silahkan gunakan perancang template blogger untuk mengubah gambar latar, warna setiap elemen, jenis huruf, posisi dan jumlah sidebar, serta tampilan footer. Semua elemen pada halaman ini bisa diedit sesuka hati.... Jika tertarik dengan rancangan SEO Friendly ini silahkan baca dan download dari halaman Template Blog Black Line
3. Template Blog Cardboard Dengan Image Background
Untuk model template yang satu ini desainnya sudah fix dan tidak bisa diedit. Template ini menggunakan image background jadi penggantian warna juga tidak dimungkinkan. Penggunaannya terbatas pada model yang ditampilkan. Adapun template blog SEO Friendly Carboard ini terbagi atas dua model desain, yaitu feminim dan maskulin. Desainnya menggunakan warna pastel krem dan biru abu-abu pastel untuk model yang maskulin. Sedangkan untuk yang feminim menggunakan warna krem dan pink. Jika saudara tertarik dengan model template ini silahkan baca dan download di Template Cardboard.
4. Template Blog RP0113 Dengan Gambar Header dan Slider Besar
Template blog RP0113 ini bisa dikatakan agak melenceng sedikit dari konsep SEO friendly, tapi pada dasarnya tetap memenuhi standar. Desain yang satu ini ditujukan kepada teman-teman blogger yang suka berekspresi dengan gambar-gambar yang besar. Jadi template blog ini semancam "showcase" kepribadian dari sang blogger. Jika teman-teman punya hobby tertentu, atau aliran musik favorit, maka template ini cocok untuk berekspresi. Saudara juga bisa mengedit template blog di Perancang Template Blogger. Lebih lengkapnya silahkan di baca di template blog RP0113.
5. Template Blog SEO Friendly RP0513
Untuk yang satu ini lebih dititik beratkan pada waktu loading yang lebih cepat. Oleh karenanya template ini dibuat seringan mungkin, tapi walaupun ringan template ini tidak terlihat terlalu polos. Setidaknya masih ada permainan gradiasi warna biar tidak terlalu datar. Template ini juga tidak menampilkan foto komentator pada halaman artikel sehingga sangat mengurangi beban data saat membuka halaman artikel yang komentarnya ratusan. Bagi anda yang mencari template yang termasuk ringan, maka RP0513 bisa menjadi pilihan. Silahkan baca selengkapnya di artikel Template blog SEO Friendly RP0513....
6. Template Blog SEO Friendly SOCIAL NETWORK WANNABE
Kalau template yang ini mengambil model dasar 3 kolom yang mencampur adukkan ide dari facebook, twitter, Google + dan friendster....maksudnya supaya hasilnya tidak menyerupai satupun dari social network ini. Alasannya sederhana, yaitu perkara hak cipta yang harus bisa kita hargai. Bagi anda yang menyukai template blog yang menggunakan 3 kolom, maka yang satu ini bisa jadi opsi untuk saudara..
Ok, inilah koleksi template blog SEO friendly terbaik 2013 dari blog trikmudahseo ini, mudah-mudahan ada yang sesuai dengan selera teman-teman blogger.
Membaca dan menanggapi komentar dapat menjadi salah satu aspek yang
paling berharga dari blogging. Mereka tidak hanya membantu Anda
terhubung dengan pembaca Anda, mereka juga dapat menginspirasi entri
blog di kemudian. Tantangannya, seringkali, adalah mengikuti semua
percakapan di sekitar konten Google+, misalnya, serta di website Anda.
Jadi kita membuat hal-hal jauh lebih sederhana.
Mulai hari ini, Anda dapat membawa Google+ Komentar untuk blog Blogger Anda. Setelah Anda mengaktifkan fitur melalui Dashboard Blogger Anda, Anda akan menikmati beberapa manfaat penting:
Lihat blog Anda dan komentar Google+, semua dalam satu tempat
Sekarang ketika Anda browsing benang komentar blog Anda, Anda akan
melihat aktivitas dari pengunjung langsung, dan dari orang-orang
berbicara tentang konten Anda di Google+. Sebagai contoh, jika ada
diskusi Google+ publik tentang salah satu entri blog Anda, mereka
komentar dan balasan juga akan muncul di blog Blogger Anda. Dengan cara
ini Anda dapat terlibat dengan lebih dari pembaca Anda, semua dalam satu
tempat.
Membantu pembaca komentar dan terhubung dengan lingkaran mereka
Pembaca blog Anda sekarang akan memiliki pilihan untuk komentar di depan publik, atau pribadi ke lingkaran mereka di Google+.
Dan ketika mereka sedang browsing komentar blog, mereka dapat melihat
mereka semua, hanya yang atas, atau hanya dari orang-orang di lingkaran
mereka.
Dalam semua kasus, Anda dan pembaca Anda hanya akan melihat komentar
Anda memiliki izin untuk melihat. Memberikan orang ini jenis kontrol
tidak hanya mendorong lebih bermakna berbagi-dapat menyebabkan lebih
banyak lalu lintas blog.
Untuk memulai dengan Google+ Komentar,
pertama kunjungi tab Google+ dari Dashboard Blogger Anda,
Kemudian Centang "Gunakan Google+ Komentar." (Komentar Lama akan terus muncul di widget baru.)
Pernahkah Anda memperhatikan, bahwa beberapa situs web tidak
memungkinkan pengunjung mereka menggunakan klik kanan mouse sementara
pada area blog. Pilihan ini berguna untuk pemilik situs dan blog, yang
ingin meminimalkan kemungkinan menyalin konten langsung ke post lain
atau copy paste.
Recomended: Script Anti COPAS (Copy Paste) Untuk Blog
Klik kanan pada setiap browser internet adalah unsur yang sangat
penting dan kita harus menggunakannya ketika datang untuk menyalin atau
mengedit teks dan lain-lain Ini sangat penting ketika datang ke webmaster
juga. tetapi beberapa orang mungkin menggunakannya dengan cara yang
buruk, dan Anda mungkin ingin membuat klik kanan dinonaktifkan tepat di
blog Anda. untuk melindungi teks artikel anda, gambar, link dan
lain-lain
Untuk menambahkan disable klik kanan ini ke dalam blog Salin kode
berikut dan paste ke blog Anda dengan menambahkan elemen halaman baru.
dan berikut caranya
Langkah 1: Pergi ke Dashboard> Tata Letak> Tambah Gadget> HTML / JavaScript
Langkah 2: Copy kode dan paste di widget blogger.
<script language=JavaScript> <!-- //Disable right mouse click Script //By Hamdan Nawawi //For full source code, visit http://dhimasff.blogspot.com var message="Function Disabled!"; /////////////////////////////////// function clickIE4(){ if (event.button==2){ alert(message); return false; } } function clickNS4(e){ if (document.layers||document.getElementById&&!document.all){ if (e.which==2||e.which==3){ alert(message); return false; } } } if (document.layers){ document.captureEvents(Event.MOUSEDOWN); document.onmousedown=clickNS4; } else if (document.all&&!document.getElementById){ document.onmousedown=clickIE4; } document.oncontextmenu=new Function("alert(message);return false") // --> </script>
Langkah 3: Simpan html / javascript dan lihat blog Anda.
Ketika Anda akan mencoba untuk melakukan klik kanan, pesan akan
memberitahu Anda bahwa "Fungsi klik kanan tidak berfungsi", dan jika
Anda ingin mengubah kata-kata ini "Fungsi Disabled!" anda hanya tinggal
ganti Function Disabled! yang berwarna merah di atas dengan kata kata yang anda inginkan :D
Mudah saja, anda hanya tinggal menambahkan alt tag dan title tag pada
image atau gambar di artikel anda yang ingin anda optimasi. nah untuk
gambar yang telah di optimasi, apabila kursor mouse anda diarahkan ke
image tersebut maka akan muncul suatu text yang sebelum nya kita optimasi. sebagai contoh lihat gambar dibawah ini, atau anda bisa arahkan kursor mouse anda ke image atau gambar di bawah ini :D
Untuk Cara Optimasinya sangat mudah sekali, pada saat kita sedang menulis artikel di blogger
nah kita klik gambar image dulu untuk mengupload image yang ingin kita
pilih dari komputer atau dari sumber yang lain. cara diatas pasti udah
tau dong :D
Selanjutnya apabila image atau gambar anda berhasil di upload ke area
kerja artikel, anda tinggal klik image tersebut, maka akan muncul menu
menu yang berjajar dibawah atau di atas image seperti gambar dibawah
ini.
nah disana ada menu dengan text propertis, anda klik menu tersebut maka
akan muncul suatu form untuk mengisi alt tag dan title tag untuk image
tersebut
Jika sudah klik ok. selesai deh sangat sangat mudahkan :D nah sekarang apabila anda selesai membuat artikel jangan lupa untuk optimasi image atau gambarnya yah, supaya lebih jos gandos gkgkgkg :D semoga bermanfaat ya
Adabanyak bloggerdi dunia iniyang punyablog hanya untuk bersenang-senangdan mengambilbidang inisebagaiparuh waktunamunbeberapa bloggermengambilbidang blogging ini dengan serius dan memuat blognyake tingkattertinggidengan bantuanSEO. Pada dasarnya adaduajenis tekhnik,SEOOn PagedanSEO Off Page. Membuat danmengelolasebuah blog adalahbagian pertamadarikarirbloggingAndadan menyesuaikanblogAnda untuk mesin pencariadalah bagianberikutnya danyang paling penting. Jadiini adalahbeberapa tipsyangdapat membantubloggerpemula untuk optmasi di Search Engine.
1. Submit blog Anda ke Web Direktori.
Ini adalah metode yang sangat lama untuk mengatakan blog Anda kepada
dunia wkwk. Beberapa direktori mungkin mengharuskan Anda untuk bertukar
link dengan mereka dan beberapa memungkinkan listing gratis dan
berbayar. Selalu mengirimkan blog Anda ke kategori yang paling relevan
dengan blog Anda sehingga Anda mendapatkan manfaat maksimal dari
direktori web tersebut. Contoh web yang populer adalah Yahoo directory,
Dmoz.org dan Technorati.com dll
2. Forum Posting.
Anda
harus bergabung di sedikitnya 3 sampai 5 forum yang berkaitan dengan
niche blog Anda untuk mendapatkan manfaat dari forum. Tujuan utama dari
posting forum adalah untuk mendapatkan lalu lintas instan gratis untuk
website Anda.
3. Social Bookmarking.
Setelah
anda mempublikasikan artikel baru di blog Anda segeralah tambahkan
artikel Anda ke situs-situs sosial bookmark karena ini akan membantu
menyebarkan ke seluruh pembaca. Situs sosial bookmark penting diberikan
oleh mesin pencari karena website ini diperbarui setiap hari.
4. Komentar.
Meninggalkan
komentar dari blog lain yang berkaitan dengan niche blog Anda dapat
sangat membantu untuk mendapatkan lalu lintas bebas instan dan backlink.
Meskipun tidak semua blog akan memungkinkan dofollow backlink tetapi
Anda dapat menemukan situs-situs dofollow. Juga ada banyak situs yang
memiliki plugin CommentLuv diaktifkan di dalamnya yang memungkinkan
untuk meninggalkan backlink dari artikel Anda dengan judul lengkap dalam
teks jangkar yang sangat berguna untuk website Anda SEO.
5. Sosial Networking.Banyak
orang meremehkan kekuatan situs jejaring sosial tapi biarkan saya
memberitahu Anda bahwa banyak blog di internet yang hanya mendapatkan
lalu lintas dari raksasa jejaring sosial seperti Facebook, Twitter dll
dan dalam jumlah besar juga. Dalam
rangka untuk mendapatkan lalu lintas dari mesin pencari Anda harus
bekerja sangat keras dan waktu proses yang memakan dimana mendapatkan
lalu lintas dari situs-situs jejaring sosial jauh lebih mudah. Cobalah
untuk menambahkan sebagai blogger sebanyak yang Anda bisa dalam profil
Anda dan berpartisipasi dalam kelompok di mana blogger bertemu.
6. RSS Submission.
Orang mengunjungi situs ini
setiap hari dan ketika mereka menemukan hal menarik mereka akan
mengunjungi situs tersebut. Jadi jika mereka menyukai blog Anda mereka
akan mengunjunginya dan Anda mendapatkan lalu lintas yang Anda inginkan.
Juga Anda akan mendapatkan backlink gratis dan beberapa waktu website
ini melakukan sihir dan Anda akan mendapatkan banjir lalu linta. :D
7. EDU & GOV Backlinks.
Jika
Anda ingin mencapai sukses dengan cepat dalam blogging cobalah untuk
membangun. EDU dan GOV backlink Ke blog Anda dan lihat keajaibannya.
Search engine yang sangat hormat dengan website GOV dan EDU ini berarti
bahwa Anda akan berada di halaman pertama Google.
8. Guest Posting.
Benar-benar
populer dan begitu banyak blogger yang sukses hanya dengan teknik yang
satu ini. Dalam tamu posting Anda harus menulis artikel untuk blog lain
dan sebagai imbalannya Anda mendapatkan lalu lintas dan 2 kualitas satu
link dofollow. Hampir semua blog telah memungkinkan opsi ini yang
berarti tak berujung Anda bisa mengirimkan posting Anda ke blog
terbatas. Tapi sekali lagi kuncinya adalah selalu mengirimkan artikel
Anda ke peringkat halaman yang tinggi dan blog terkait untuk
pengembalian yang lebih tinggi.
Setiap postingan yang Anda publikasikan di Blogger itu memiliki URL tersendiri atau URL address
dan itu di buat secara otomatis ketika kita publikasikan postnya. Namun
Sekarang Blogger telah memberikan anda pilihan untuk benar-benar
memilih URL yang akan dihasilkan untuk posting Anda.
Mengapa Menggunakan Permalink?
Keuntungan utama memilih permalink adalah untuk Search Engine Optimization (SEO).
Bila Anda memilih permalink untuk posting Anda, Anda dapat menambahkan
kata kunci yang akan membantu mesin pencari mengindeks post.
Bagaimana Menggunakan Permalink?
Ketika anda masuk atau login ke Blogger.com untuk menulis postingan anda akan melihat post setting dari kanan tempat anda menulis postingan nah disitulah tempat atau fitur Permalink berada. Setelah anda siap untuk mempublikasikan postingan atau artikel anda klik pada pilihan permalink tersebut.
Anda akan melihat 'Automatic URL' diperiksa dengan preview URL jika Anda meninggalkannya maka Permalink untuk post kiata akan bekerja secara otomatis.
Di bawahnya Anda akan melihat 'Custom URL', nah di custom URL ini kita dapat mengatur permalink sesuai dengan yang kita inginkan.
Contoh Permalink Yang Baik :)
contohnya apabila anda menulis postingan blog contohnya seperti blog
dengan niche tips dan dalam judul postingan tersebut di beri judul 24 Tips Ampuh Untuk Mendapatkan Google Sitelink maka URL yang dihasilkan untuk postingan tersebut akan menjadi seperti ini:
Seperti yang anda lihat untuk URL postingan kita blogger menarik
beberapa kata pertama untuk di jadikan Permalink dan tentu saja
kata-kata tersebut kurang efektif juga tidak memberitahu mesin pencari
apa-apa tentang postingan yang kita buat, namun jika Anda memilih Custom
URL Anda dapat memiliki sesuatu seperti ini :
Sangat banyak sekali pilihan yang dapat kita jadikan permalink atau URL
Adress untuk postingan kita dan tentu saja dalam URL tersebut sangat
efektif dan sangat mewakilka atau menggambarkan tenang postingan yang
kita buat :D benar kan?
Mudah untuk dimengerti dan lebih baik untuk SEO.
Sekarang URL penuh dengan kata kunci apa yang orang cari dan Google crawler dapat mengindeks postingan kita.
Note : Anda perlu menambahkan tanda hubung, Seperti ini: -. Jadi saat menambahkan Custom URL Anda tidak boleh meninggalkan ruang antara kata tips-ampuh-mendapatkan-google-sitelink ini.
Buku tamu
merupakan fasilitas yang biasa terdapat pada suatu
situs. Dengan adanya buku tamu tersebut maka memungkinkan
pengunjung untuk memberikan saran atau sekedar
komentarnya. Jika Anda
ingin menambahkan fasilitas buku tamu pada situs
Anda tanpa mau pusing-pusing bikin script-nya,
Anda dapat mencoba puluhan script buku tamu gratis
dari internet. Salah satu yang cukup baik (yang
juga digunakan pada situs ini) adalah Advanced
Guestbook. Untuk menginstall
Advanced Guestbook caranya sebagai berikut:
1.
Pertama
download dahulu script Advanced Guestbook
dari http://www.proxy2.de.
Kemudian ekstrak ke folder di dalam C:\Inetpub\wwwroot
(jika Anda menggunakan PWS). Misalnya C:\Inetpub\wwwroot\guestbook. Buka
file config.inc.php, kemudian ubah
setting pada bagian database setting: /*
database settings */ $GB_DB["dbName"]
= "MyGuestbook";// nama database
yg
//
digunakan
$GB_DB["host"] = "localhost";
// nama host
$GB_DB["user"] = "root";
// username
$GB_DB["pass"] = "";
// password
Dalam contoh ini nama database yang akan
digunakan untuk menyimpan buku tamu adalah
MyGuesbook.
2.
Dengan
menggunakan browser (misalnya Internet Explorer),
jalankan file install.php.Jika
Anda menginstall Advanced Guestbook di C:\Inetpub\wwwroot\Guestbook
maka pada Address bar dari Internet Explorer
Anda dapat mengetikkan http://localhost/guestbook/install.php/.
Akan muncul tampilan seperti gambar di bawah
ini: Karena
sebelumnya kita belum membuat databasenya
maka klik pada tombol Create new DB and
table. Jika sebelumnya Anda telah membuat
tabel MyGuestbook Anda dapat mengklik pada
tombol Create table.
3.
Jika
proses pembuatan database dan tabel berhasil
maka akan muncul pesan sebagai berikut:
Advanced
Guestbook
---------------------------------------------------------
Database and Tables were created successfully!
Your new database: MyGuestBook
Your MySQL host: localhost
Your MySQL username: root Click
now here to setup the guestbook admin... Klik
pada link "Click now here to setup
the guestbook admin... "
4.
Pada
halaman Guestbook - Administration, masukkan
username dan password Anda. Saat pertama
kali diinstall usernamenya adalah "test"
dan passwordnya "123" (tanpa tanda
petik).
5.
Jika
username dan password yang Anda masukkan
benar, maka Anda segera masuk ke halaman
G U E S T B O O K A D M I N.
Pada halaman tersebut Anda dapat melakukan
berbagai setting buku tamu. Misalnya, General
Setting digunakan untuk mengatur setting
umum dari buku tamu seperti jumlah data
per halaman, bahasa, email notifikasi dan
sebagainya. Yang
lebih penting lagi adalah Anda harus
segera mengubah username dan password defaultnya,
demi keamanan data Anda.
Saya baru memutuskan bahwa eksperimen ini telah berhasil sekitar satu hari yang lalu (sepertinya begitu). Ini adalah fasilitas emoticon otomatis yang akan mengubah simbol-simbol seperti :), :(, dan yang lainnya menjadi gambar tertentu yang telah ditentukan. Saya menggunakan JQuery karena mungkin konsep emoticon
dengan JQuery belum ada. Dan juga, lagipula Saya belum begitu berbakat
untuk menuliskan kode dengan JavaScript metah. Meskipun di luar sana
sudah ada beberapa tutorial sejenis misalnya Add Yahoo Smiley Emoticons on Blogger Comment, tapi Saya hanya ingin memberikan sesuatu yang sedikit berbeda dan dengan proses instalasi yang sangat mudah.
Untuk membuatnya, pertama-tama masuklah ke menu Template kemudian klik Edit HTML dan klik Lanjutkan:
type='text/javascript'></script><scripttype='text/javascript'>//<![CDATA[var emoRange = "#comments p, div.emoWrap",
putEmoAbove = "iframe#comment-editor",
emoMessage = "Untuk menyisipkan emoticon setidaknya Anda harus menambahkan
satu spasi di awal simbol.";
//]]></script><scriptsrc='http://reader-download.googlecode.com/svn/trunk/jquery.autoemoticons.
js'type='text/javascript'></script>
Klik Simpan Template dan lihat hasilnya.
Kode yang Saya beri garis bawah adalah JQuery. Jika template Anda sudah dilengkapi dengan JQuery, singkirkan kode tersebut!
Lebih Jauh Lagi
Di situ terdapat setidaknya tiga variabel untuk pengaturan lanjutan:
emoRange
digunakan untuk menentukan daerah mana saja yang akan dikenai
manipulasi ini. Pada opsi di atas Saya menargetkan manipulasi pada
elemen p yang berada di dalam elemen #comments dan juga pada elemen baris emoticon
utama. Anda juga bisa menargetkannya pada elemen lain, misalnya pada
posting. Untuk memberlakukan manipulasi ini pada posting, cukup
tambahkan selektor div.post-body pada variabel tersebut dengan memisahkannya menggunakan tanda koma.
putEmoAbove digunakan untuk menentukan di mana (di atas elemen apa) JQuery harus meletakkan daftar emoticon. Di sini Saya menuliskan nilainya pada iframe#comment-editor
untuk meletakkannya tepat di atas formulir komentar. Terkadang mungkin
ini tidak berhasil. Anda harus mencoba untuk mengubahnya dengan div.comment-replybox-thread
atau yang lainnya sebagai elemen sasaran. Intinya adalah, carilah
elemen formulir komentar pada blog Anda dan temukan ID atau kelasnya
sebagai petunjuk peletakkan daftar emoticon.
emoMessage digunakan untuk menentukan pesan yang akan muncul saat pertama kali pengunjung mengeklik salah satu emoticon. Anda bisa mengubah pesan itu sesuka hati.
Bagaimana Manipulasi ini Bekerja?
Pada dasarnya Saya hanya menggunakan regex sederhana untuk mencari format teks tertentu. Dan dengan menggunakan fungsi .replace() Saya mengubah setiap susunan karakter yang cocok dengan elemen <img> dengan alamat gambar tertentu.
Sebagai contoh, Saya akan mengubah teks :) menjadi <img src='smile.gif' />. Maka yang Saya butuhkan hanyalah dua buah fungsi JQuery yaitu .html() untuk menyalin dokumen dan .replace() untuk mengubah teks/karakter tertentu dalam dokumen:
Kode di atas akan mengubah semua karakter dengan format "satu spasi di depan + simbol :)" menjadi elemen <img src='smile.gif' />.
Dalam regular expression, karakter spasi diwakili dengan simbol \s. Dan juga, karena simbol )
merupakan salah satu karakter khusus dalam regex, maka kita harus
menonaktifkan karakter tersebut dengan cara menuliskan karakter \ di depannya, dengan begitu komputer tidak akan membaca karakter tersebut sebagai fungsi, melainkan sebagai teks biasa. /g adalah global,
artinya bahwa fungsi ini akan mencari semua karakter yang cocok tanpa
terkecuali kemudian dia akan mengubahnya menjadi elemen gambar.
Dalam forum-forum tertentu mungkin Anda juga akan melihat peraturan yang berbeda untuk menyisipkan gambar, misalnya seperti ini:
[img]emoticon.gif[/img]
Tidak ada perbedaan dengan semua itu. Pada dasarnya kitalah yang membuat peraturan. Dalam metode penyisipan emoticon yang ke dua, Anda harus mengubah baris karakter tersebut menjadi elemen <img> dengan nilai src berupa teks yang berada di antara simbol [img]...[/img].
Dalam JQuery kita bisa menuliskannya seperti ini:
Sudah banyak tulisan di dunia maya yang mengangkat tema bagaimana
menulis artikel yang baik, yang populer dan bahkan meraih halaman
pertama search engine seperti google. Dan kalau saya perhatikan ada yang
dengan cara elegan bersaing bersih maupun dengan cara kampungan dan
tidak terpelajar dengan membuat artikel asal-asalan dan melanggar etika
susila. Sebagai blogger pemula, saya coba beranikan diri untuk mengulas
tips bagaimana menulis artikel yang baik dan sistematis sehingga blog
atau website kita menjadi populer dan meraih halaman pertama google,
yahoo, bing maupun search engine lainnya, mengingat beberapa tulisan
saya masuk dalam halaman pertama search engine. Tulisan ini masuk
sebagai rangkaian tutorial untuk meraih predikat blog terbaik.
Kalau saya analisa tulisan saya yang masuk dalam halaman pertama google
di antaranya dengan kata kunci: kredit emas, kredit logam mulia, logam
mulia, investasi emas, investasi logam mulia, tabungan emas, tabungan
logam mulia, logam mulia emas dan lain-lain, semuanya memiliki ciri yang
sama dalam hal tata penulisan artikel yang baik dan saya rangkum dalam
dua tahap.
Pilihlah topik yang sering di cari orang di search engine Topik yang
sering di cari orang di search engine biasanya bersifat tutorial,
informasi, trik dan tips, serta pembahasan yang sedang populer sekarang
ini. Contoh: topik doffolow. Semua blogger pasti mencari informasi link
dofollow di search engine.
Tehnis menulis artikel. Adapun syarat tehnisnya sebagai berikut:
Isi atau tema tulisan sistematis dan focus pada topik tertentu
Gunakan bahasa yang baku dan sitematis. Bahasa gaul boleh saja
digunakan tapi seminimal mungkin. Misalnya kata: "Nah, dong, bole, gitu.
Jika memiliki artikel sejenis sebelumnya yang memiliki kemiripan maupun kelanjutan, tautkan link-nya (inbound link)
Pemilihan kata kunci (keyword) yang tepat
Kata kunci harus terdapat pada url, judul, deskripsi, paragraf pertama,
paragraf tengah dan paragraf akhir, rangkaikan dalam susunan kalimat
yang baik. Jangan asal di ulang-ulang sehingga tidak nyambung.
Contohnya, jika ingin menulis tutorial cara menulis artikel yang baik,
pikirkan dahulu keywordnya. Kira-kira orang akan mencari artikelnya
dengan kata kunci apa? Untuk tulisan ini, saya gunakan kata kunci: cara
menulis artikel. Silakan anda cek di search engine, mulai dari url,
judul, dan deskripsi. Kemudian bukalah artikelnya, maka anda akan lihat
kata kunci tersebut ada di paragraf pertama, tengah dan akhir. Dan saat
anda menuliskan keyword pada kolom label (di sebelah kanan, pada setelan
entri), jangan melakukan pengulangan kata yang sama lebih dari tiga
kali. Karena hal ini akan dianggap spam artikel oleh search engine
(Silakan lihat label saya di bawah artikel ini).
Jika artikel anda selesai ditulis, publish-lah dan jangan lupa lakukan ping blog yang efektif
untul url artikel anda. Seminggu awal setelah publish, berpromosi
dengan submit artikel ke direktori url, direktori artikel, forum blogger
bahkan share di media sosial seperti google plus, twitter, facebook dan
lain-lain. Ulangi promosi popularitas terhadap artikel anda di minggu ketiga atau ke-empat. Serta tiga bulan setelahnya.
Demikian tutorial saya untuk menyiapkan artikel yang baik dan sistematis
sehingga bisa meraih halaman pertama search engine. Dan jika
artikel-artikel kita telah menduduki halaman pertama, maka secara
otomatis di banjiri visitors dan peringkat SERP atas blog atau website
kita akan terdongkrak. Semoga artikel ini bisa membantu teman-teman.
ali ini saya ingin berbagi widget auto
scrolling untuk recent update atau recent post di mana
untuk artikel terbaru dapat ditampilkan secara scrolling otomatis
berpindah naik turun. Widget auto scroll artikel terbaru ini di temukan
oleh pakar SEO termuda yaitu Waleed Khan dari Pakistan.
Langsung saja kita mulai tutorial ini, pertama-tama silakan buka Edit
HTML blog sobat, centang expand template widget. Copy kode berikut tepat
di atas kode
Kemudian di save dan tutup kembali. Pada tahap pertama ini sobat telah menambahkan kode jquery
di blog sobat. Selanjutnya adalah tahap kedua. Silakan sobat masuk ke
menu tata letak dan pilihkan add gadget. Silakan sobat tentukan sendiri
di mana akan di letakkan widget auto scroll artikel terbaru atau recent
post ini.
Jika sudah di tentukan, silakan pilih edit HTML/Javascript dan copy kode di bawah
Yang perlu sobat ganti adalah pada baris ke 9 dari bawah yaitu URL
http://nelsonsitompul.com dengan URL sobat. Dan di bawahnya limitspy=4
silakan diisi jumlah artikel yang ingin terlihat di home page.
Sedangkan jumlah artikel yang ingin dimunculkan silakan ganti pada kode
di atas URL http://www.nelsonsitompul.com yaitu pada numposts = 10. (ini
berarti ada 10 artikel yang akan dimunculkan pada 4 kotak limit spy.
Mudah khan? Demikian sharing widget auto scroll recent post atau artikel
terbaru yang dapat menghiasi blog sobat. Semoga bermanfaat menghias
blog sobat.
Yang Berwarna Merah Ganti Sesuka lo
Yang Berwarna Hijau Ganti Dengan URL Fanspage Facebook lo
Yang Berwarna Ungu Ganti Dengan nama twitter lo
3. Lalu Simpan Dan lihat Hasilnya
Kalau
Kurang jelas silangkan berkomentar yang baik Terima Kasih.
Semoga Bermanfaat
Apa itu Permalink? 
