Tips Membuat Script di dalam Kotak

Metro, stupidsensei.blogspot. Kotak script pada postingan pasti sering kita jumpai dalam artikel-artikel tips blog, ini seringkali digunakan untuk membedakan antara script dan tulisan artikel pada postingan agar terlihat rapi sehingga memudahkan pengunjung mengcopy script yang telah disediakan. 

Seperti gambar dibawah ini : 

Untuk membuat kotak script pada postingan yang cantik seperti di atas sobat blogger bisa mengikuti langkah-langkah di bawah : 

1. Login akun blogger 
2. Anda Pilih Template > Edit HTML > klik Expand Template Widget 
3. Cari kode  ]]></b:skin>
4. Copy kode dibawah ini dan Paste tepat diatas kode   ]]></b:skin>

/* http://stupidsensei.blogspot.com/ ----------------------------------------------- */
.alert {margin: 10px 10px 10px 10px;
 padding: 10px 15px 10px 15px;
 line-height: 1.6em;color: #000000;
 background: #e0ffff; border: 1px solid #000000;
 border-left: 15px solid #000000}

1. Keterangan : Silahkan ubah tulisan warna hijau sesuai template blog 
2. Kemudian Simpan Template 
3. Selanjutnya sebelum kita menulis script pada posting, tambahkan kode berikut :

<p class="alert">
 Tulis Script Disini
 </p>

Selamat mencoba.

Continue Reading... Label: Tips Blog

Cara Menambahkan Artikel Terkait di Blogspot

Metro, stupidsensei.blogspot. Setelah sebelumnya berbagi tips membuat daftar isi blog cantik. Kali ini saya akan sharing cara membuat Artikel terkait.
Artikel Terkait atau Related Article merupakan sebuah widget untuk menghubungkan satu artikel kepada artikel yang sejenis. Artikel terkait penting menurut saya karena dapat memudahkan pengunjung untuk menjelajahi blog anda.

Berikut ini salah satu contoh bentuk dari artikel terkait.

Namun tidak semua template sudah menyediakan fitur ini contohnya pada blog saya ini. Akan tetapi tetapi kita masih bisa mensiasatinya dengan cara-cara berikut :

Dalam membuat artikel terkait ,pertama-tama masuk ke menu rancangan - edit html - expand template widget lalu cari kode :

<data:post.body/></b:if>

Bila tidak ada,cari kode ini :

<data:post.body/>

Setelah kode diatas ditemukan,copy dan paste script ini dibawah kode tadi.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<br/>
<br/>
<H2>Related Articel:</H2>
<div class='rbbox'>
<div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'>
<div id='albri'/>
<script type='text/javascript'>
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 9999;
maxNumberOfLabels = 3;
function listEntries10(json) {
var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
a.href = alturl;
if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;b&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;albri&#39;).appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
+ label +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
document.documentElement.firstChild.appendChild(script);
}
var labelArray = new Array();
var numLabel = 0;
<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = &quot;<data:label.name/>&quot;;
var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
<script type="text/javascript">RelPost();</script>
</div>
</b:if>

Setelah itu cari kode ]]></b:skin> lalu copy dan paste script dibawah ini diatas kode ]]></b:skin>.

 .rbbox{border: 1px solid rgb(192, 192, 192);padding: 5px;
background-color: #f0f0f0;-moz-border-radius:5px; margin:5px;}
.rbbox:hover{background-color: rgb(255, 255, 255);}

 Kemudian save template dan lihat hasilnya.
Selamat mencoba...
--------Trust Me it Work.--------

sumber : http://blogatap.blogspot.com/2012/07/cara-membuat-kotak-script-di-posting.html

Continue Reading... Label: Tips Blog

Tips Jitu Agar Blog Ramai Pengunjung

Metro, stupidsensei.blogspot.com. Sahabat Blogger (termasuk saya) :) pasti akan merasa senang bila blog-nya ramai, banyak yang mengakses, banyak yang melihat, banyak yang berkunjung, sehingga alexa langsing dan punya predikat google page rank yang bagus. Namun ternyata tidak semudah itu membuat blog yang sedemikian rupa dan ternyata pula tidak sesulit itu pula-lah membuat nya seperti itu. (gampang-gampang susah) begitu kata kebanyakan orang. Tapi tidak ada yang tidak mungkin selama sobat menerapkan tips jitu agar blog ramai pengunjung seperti judul artikel ini. jadi langsung saja deh  :

Tips Copas 

Bila kita ingin memindahkan postingan dari blog lain (copas), janganlah dengan copy paste langsung melainkan dengan cara menulis kembali. Bisa ditiru juga, kalau mau memindahkan postingan jangan copy paste, dikhawatirkan bisa menjadikan duplikat post dan tentu saja artikel kita jadi jelek di mata google. Setelah menulis kembali jangan lupa untuk mencantumkan sumber. Penting. Karena kita juga harus menghargai karya orang lain. :)

Posting dengan Rutin dan Original

Ini penting, jika blog kita lama tidak pernah kita update, ya tentu saja Mr google akan menurunkan posisi kita, dan juga pembaca akan bosan, mencari yang baru. Walau tidak sering tetapi haruslah rutin, misal 4 kali sebulan. pastikan juga yang kita posting adalah tulisan yang original, bukan copy paste.

Perhatikan Link yang Masuk dan yang Keluar

Usahakan lebih banyak link yang menuju blog kita, tetapi kita juga harus memasang link keluar, ke blog atau website lain. Mungkin perbandingannya 3 link yang menuju blog kita dan 2 Link yang kita pasang keluar. Link masuk bisa kita peroleh dengan blog walking, meningalkan jejak, dan berkomentar di blog orang lain. Link yang kita pasang yang biasanya sebagai blogroll atau menautkan di postingan, usahakan ke blog-blog yang mempunyai page rank yang tinggi.

Optimalkan Blog dengan SEO

Kita harus mengoptimalkan blog kita, artinya yang bekerja agar blog banyak dikunjungi orang adalah blog kita sendiri. Contoh-contoh yang bisa kita lakukan untuk mengoptimalkan blog kita adalah, menganti judul blog dengan judul postingan, menambahkan meta tag, mendaftarkan blog kita ke goole, dan sebagainya.

Manfaatkan Sosial Media yang Lain

Selain tergantung dari search engine, di zaman yang sekarang ini kita juga harus mampu memanfaatkan sosial media yang lain untuk menyebarkan link postingan terbaru. Sosial media atau situs jejaring sosial itu yang populer saat itu, semisal twitter, facebook,google+ dan lain-lain. Sosial media atau situs bookmarking untuk berbagi link menarik, kalau di Indonesia semisal Ureport-nya Vivanews atau Lintas Berita.

Itulah sedikit tips untuk membuat blog agar ramai dikunjungi. Blog adalah media dan tentunya saja blog milik kita bisa seperti sebuah merk atau brand. Jadi bangunlah brand itu dengan baik, sehingga banyak pelanggan, banyak pembaca sehingga menjadi ramai. Dan satu pesan saya bahwa nge-blog itu harus dari hati.

salam :)

sumber : http://kurniasepta.blogspot.com

Continue Reading... Label: Tips Blog

Tips Promosi Facebook Fanpage

Apakah Anda pernah bertanya-tanya tentang bagaimana caranya mempromosikan Facebook Fan Page? Atau mungkin Anda juga kerap bertanya, “Apa saya butuh Facebook Fan Page?”. Berikut ini adalah alasannya, saat ini Facebook menduduki peringkat kedua di Alexa. Situs jejaring sosial ini hanya kalah trafficnya dari mesin pencari raksasa, Google. Ini berarti Facebook page Anda akan diindex lebih cepat oleh Google dan beberapa search engine lainnya. Jadi jika Anda belum punya fan page, kenapa tidak segera membuatnya. Berikut adalah cara-cara yang bisa diadopsi untuk mempercepat perkembangan fan page Anda.

1. Invite People From Your Facebook Friend Lists

Punya teman pribadi atau teman sekolah yang dipisahkan dalam list tersendiri di Facebook home page? Anda dapat mengundang teman yang ada dalam list ini dalam bentuk grup untuk bergabung ke dalam Fan Page Anda tentunya selain dengan cara konvensional alias mengunadng mereka satu persatu. Saat Anda meng-klik “Suggest to Friends” dalam Fan Page, segera ketik nama yang ada dalam friend list Anda. Cara ini otomatis akan mengirim undangan Fan Page ke seluruh teman sekolah yang ada dalam list. Mungkin nama mereka tidak akan langsung muncul dalam Fan Page Anda. Namun usah risau, sebab memang membutuhkan waktu untuk menjawab invitation tersebut. Saat menambah fans ke network, jangan lupa untuk mengulang cara yang sama. Nama orang yang sudah di-invite akan berubah menjadi abu-abu.

2. Find People with Facebook Search

Fitur Facebook Search paling terkini membuat Anda bisa menyimak conversation antar teman sekaligus menunjukkan update status. Bahkan fitur ini juga memiliki pilihan “Posts by Everyone” yang akan menghadirkan perbincangan dari orang-orang yang berada di luar jaringan Anda. Setelah memasukkan kata pencarian, maka akan muncul tulisan “Post by Everyone”. Misalkan Anda mengetik kata “beli rumah” di kolom pencarian. Jika kata kunci ini sesuai dengan apa yang Anda jual di Fan Page maka fitur facebook Search akan sangat berguna. Contoh, ada orang yang berencana untuk membeli rumah dan mencantumkannya di statusnya, maka ini merupakan calon klien potensial bagi Fan Page sebuah perusahaan KPR (Kredit Pemilikan Rumah).

3. Attrack People With Facebook Social Ads

Social ads merupakan sebuah iklan yang ada samping halaman Facebook Anda yang juga akan menunjukkan interaksi yang telah dilakukan oleh teman Anda dengan iklan tersebut. Aksi ini mungkin akan berbunyi “Steven is now a fan of The Goldfinger. Would you like to become a fan too?” Strategi ini memang membutuhkan budget tersendiri, namun sangat efektif untuk menemukan pangsa pasar Anda. Anda perlu menggunakan kata kunci yang tepat untuk melakukan pencarian di Facebook. Jika mulai meng-klik “Promote With an Ad” untuk Fan Page Anda, maka berarti Anda telah memulai kampanye. Selain bisa menentukan tarif harian sebesar $10, $20 atau beberapa pilihan tarif lainnya, Anda juga bisa beriklan secara periodik. Maksudnya, iklan tersebut bisa dibatasi waktu penayangannya. Bisa satu, dua atau tiga hari.

4. Facebook Fan Page Twitter App

Aplikasi ini akan menghubungkan antara Fan Page di Facebook dengan akun Twitter yang Anda miliki. Jadi saat Anda memposting status update, link atau bahkan foto di Facebook Fan Page, maka secara otomatis status tersebut juga akan muncul (dengan link yan dipersingkat) di akun Twitter Anda.  Cara ini cukup efektif untuk meningkatkan traffic dari sumber lain ke halaman Anda.

5. Facebook Fan Box Widget

Ini adalah sebuah fitur yang dapat dimasukan ke blog atau situs yang Anda miliki. Widget tersebut juga halal digunakan untuk memamerkan jumlah fans yang Anda miliki dan mengijinkan orang lain menjadi fans secara instant. Ini hanyalah salah satu cara untuk mempromosikan Fan Page ke beberapa social media dan sangat penting agar orang mengetahui Fan Page, blog atau website Anda di network.   

http://peoplemeetme.com/5-cara-mempromosikan-facebook-fan-page.html

Continue Reading... Label: Tips Blog

PENTING !!! Merubah tittle blog menjadi tittle postingan (Trik Seo)

Perlu gak sih mengganti title/judul blog dengan title postingan?
Title blog biasanya berada didepan title postingan. Jawabanyaaaaaaaaa : PERLU !!! karena mengoptimalkan title itu akan mempengaruhi dalam membuat blog kita berada dalam top rank hasil pencarian search engine. Nha jika kamu menggunakan trik mengganti title blog kamu dengan title postingan maka hal itu akan lebih bagus lagi buat masuk ke jajaran depan search engine.

Bener gak sih?

Dulu ketika aku belum pake trik ini, ketika aku mencari di google dengan keyword "Cara Membuat Search Engine" maka hasilnya adalah sepeti ini:

Tapi sekarang ketika aku terapkan trik ini maka hasilnya menjadi seperti ini :

Nah tentunya orang akan lebih suka untuk memilih mengklik hasil seperti pada gambar yang kedua daripada gambar yang pertama, ya kan? dan kalo menurut yang ahli dalam SEO (Search Engine Optimization) katanya cara ini akan membuat blog kita menjadi lebih Search Engine Friendly. OK bagi yang pingin mencobanya silahkan ikuti langkah-langkah berikut ini:

1. Masuk ke "Layout--&gt;&gt;Edit HTML
2. Cari kode ini ;

<title><data:blog.title/></title>

( letaknya dibagian atas)

3. Kalo sudah ketemu ganti dengan kode berikut ini :



<b:if cond=’data:blog.pageType == &quot;index&quot;’>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>

4. Trus simpan.

Untuk halaman utama titlenya akan tetap title blog. tapi jika km coba buka salah satu postinganmu maka nanti title postingmu akan menjadi title blogmu.

SELAMAT MENCOBA......

sumber http://trik-tips.blogspot.com/2008/05/merubah-title-blog-dengan-title.html

Continue Reading... Label: Tips Blog

Tips mengedit template HTML blogger

Jika kita mengotak-atik atau mengedit HTML blog kadang2 akan mengalami kesulitan, apalagi bagi yang masih agak pemula. Entah itu gak bisa nemu kode yang mau diedit lah, gak bisa disimpan karena error lah, Ada pesen error yang gak jelas lah, dan lah-lah yang lain, ya to...??? Nha trik dan tips kali ini akan mencoba gimana cara untuk mengatasi atau setidaknya mengurangi masalah "lah-lah" yang kadang2 atau sering terjadi tersebut.
Berikut ini beberapa tips untuk edit HTML bogger:

1. Backup Template

Membackup template ini penting karena jika terjadi hal-hal yang tidak dinginkan, misalnya blog jadi rusak maka kita bisa membuatnya seperti sediakala (sebelum rusak) jika kita sebelumnya sudah membackup template. Cara membackup template ini mudah. Cukup klik pada link "Download Full Template" lalu simpan file template di komputer kita. Kalo terjadi kesalahan yang tidak bisa kita atasi, kita tinggal upload aja file template tersebut.

2. Memberi Tanda Centang pada Kotak "Expand Widget Template"

Ini yang kadang2 dilupakan para "editor". Kalau kotak "Expand Widget Templates" tidak dicentang maka kode2 yang dicari kemungkinan tidak ditemukan. Tapi kadang2 hal ini tidak perlu dilakukan tergantung dari petunjuk tutorialnya. Makanya perhatikan baik2 tutorialnya kalo mau Edit HTML blog.

3. Tips Mempermudah Pencarian

Untuk mempermudah pencarian kode yaitu dengan meng-copy dulu kode yang mau dicari kemudian tekan "Ctrl+f" lalu masukkan kode yang dicopy tadi kedalam kotak yg muncul. Kalo misalkan kode yang dicari tidak muncul maka cobalah mencari sebagian dari kode tersebut. Misal mau mencari kode jika tidak ketemu maka cb carilah sebagiannya atau seperti ini data:post.body kalau sudah ketemu maka klik tombol next untuk melihat apakah ada kode lain yang sama untuk memastikan kode yang dikehendaki. Tapi tips ini sepertinya sulit dilakakukan jika menggunakan browser "Chrome" paling mudah jika menggunakan "Mozilla Firefox".

4. Tips Menghadapi Error Yang Muncul

Jika saat menyimpan hasil editan kemudian muncul pesan error, misal seperti ini:
We were unable to save your template
Please correct the error below, and submit your template again.
Your template could not be parsed as it is not well-formed. Please make sure.....
Maka hal yang harus kita lakukan adalah berusaha memahami pesan error tersebut. Kemudian kita cek kembali tutorial yang kita baca apakah langkah-langkah yang sudah kita lakukan bener2 sesuai dengan tutorialnya. kalau tidak yakin maka kita bisa mengulangi lagi tutorialnya dari awal dengan mengklik tombol "Clear 

Edit" terlebih dahulu.

Mungkin untuk masalah mengahadapi berbagai pesan error ini akan kita bahas lebih lanjut diepisode yang lainnya yang lebih spesifik.

Yak mungkin itu aja dulu tips-tips dalam pembahasan kali ini. Kita jumpa lagi di tips-tips berkutnya.
 Salam Stupid.. Wahaha

 sumber http://trik-tips.blogspot.com/2008/11/tips-mengedit-html-blogspot.html

Continue Reading... Label: Tips Blog

Membuat Daftar Isi Blog Cantik (Ala Abu Farhan)

Salah satu daftar isi blog yang terbaik untuk blogger adalah yang dibuat oleh Abu Farhan. Code yang dia buat beradasarkan kepada accordion dan punya tampilan sangat cantik.

Cara membuatnya adalah buat laman statis baru

1. Klik Posting, Laman Baru, kemudian Edit Laman, lalu Edit HTML
2. Pada Judul Laman masukkan Daftar Isi
3. Masukkan kode berikut pada kotak untuk isinya:
   
   <link href="http://abu-farhan.com/script/acctoc/acc-toc.css" media="screen" rel="stylesheet" type="text/css"></link>
   <script src="http://abu-farhan.com/script/acctoc/daftarisiv2-pack.js"></script>
   <script src="http://www.stupidsensei.blogspot.com/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc"></script>
   <script type="text/javascript">
   var accToc=true;
   </script>
   <script src="http://abu-farhan.com/script/acctoc/accordion-pack.js" type="text/javascript"></script>
   
   Kira-kira seperti di bawah ini

 

1. Ganti www.stupidsensei.blogspot.com dengan alamat blog anda
2. Terakhir, klik Tayangkan Laman.
   
   SELAMAT MENCOBA :)
   
   sumber :  http://www.abu-farhan.com/2010/05/table-of-content-and-accordion-for-blogger/

Continue Reading... Label: Tips Blog

Tips Kretif Menulis Blog

Heloo Guys apa kabar. Hehe..
Sekedar mau kasih tips ni itung-itung buat tambah-tambah postingan gue. :D ya tips ini datang dari idola gue Bang Raditya Dika. Banyak hal yang perlu gue pelajari dari dia scara notaben nya dia kan mantan tukang blogger juga ya? hehe 
Ga perlu banyak basa basi deh..
Check it Out..
Tiga Elemen Penulisan Kreatif dalam Blog
by Raditya Dika


Dalam menulis sebuah entry blog yang asyik, kita dapat menggunakan elemen-elemen penulisan kreatif yang kebanyakan dipelajari untuk membuat sebuah karangan fiksi. Di bawah ini saya mencoba untuk memberikan tiga elemen penulisan kreatif yang bisa diaplikasikan dalam membuat sebuah entry blog yang menarik.


1. First Sentences yang Menarik
Let’s face it. Di dalam ranah dunia internet, kita semua somewhat terkena ADD (attention disorder deficit). Pembaca punya attention span yang rendah. Jika mereka tidak suka dengan blog kita mereka

Continue Reading... Label: Tips Blog