Mr. Tawang Akal

PASANG PAGES DI BLOG

noreply@blogger.com (TAWANG AKAL) — Sun, 10 Apr 2011 12:39:00 +0700

Tips singkat untuk memasang Pages (halaman) di blog anda cukup menggunakan script panjang dibawah ini.

sebelumnya, kamu mesti :

Click Add a Gadget

kemudian ambil HTML/JavaScript Widget

selanjutnya copy-paste kedalam HTML/JavaScript tersebut kode dibawah ini

.showpageArea a {

text-decoration:underline;

}

.showpageNum a {

text-decoration:none;

border: 1px solid #7AA1C3;

margin:0 3px;

padding:3px;

}

.showpageNum a:hover {

border: 1px solid #7AA1C3;

background-color:#F6F6F6;

}

.showpagePoint {

color:#333;

text-decoration:none;

border: 1px solid #7AA1C3;

background: #F6F6F6;

margin:0 3px;

padding:3px;

}

.showpageOf {

text-decoration:none;

padding:3px;

margin: 0 3px 0 0;

}

.showpage a {

text-decoration:none;

border: 1px solid #7AA1C3;

padding:3px;

}

.showpage a:hover {

text-decoration:none;

}

.showpageNum a:link,.showpage a:link {

text-decoration:none;

color:#7AA1C3;

}

</style>

function showpageCount(json) {

var thisUrl = location.href;

var htmlMap = new Array();

var isFirstPage = thisUrl.substring(thisUrl.length-5,thisUrl.length)==".com/";

var isLablePage = thisUrl.indexOf("/search/label/")!=-1;

var isPage = thisUrl.indexOf("/search?updated")!=-1;

var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";

thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;

var thisNum = 1;

var postNum=1;

var itemCount = 0;

var fFlag = 0;

var eFlag = 0;

var html= '';

var upPageHtml ='';

var downPageHtml ='';

var pageCount = 2;

var displayPageNum = 5;

var upPageWord = 'Previous';

var downPageWord = 'Next';

var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';

for(var i=0, post; post = json.feed.entry[i]; i++) {

var timestamp = post.published.$t.substr(0,10);

var title = post.title.$t;

if(isLablePage){

if(title!=''){

if(post.category){

for(var c=0, post_category; post_category = post.category[c]; c++) {

if(encodeURIComponent(post_category.term)==thisLable){

if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){

if(thisUrl.indexOf(timestamp)!=-1 ){

thisNum = postNum;

}

postNum++;

htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;

}

}//end if(post.category){

itemCount++;

}

}else{

if(title!=''){

if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){

if(thisUrl.indexOf(timestamp)!=-1 ){

thisNum = postNum;

}

if(title!='') postNum++;

htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;

}

itemCount++;

}

for(var p =0;p< htmlMap.length;p++){

if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){

if(fFlag ==0 && p == thisNum-2){

if(thisNum==2){

if(isLablePage){

upPageHtml = labelHtml + upPageWord +'</a></span>';

}else{

upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>';

}

}else{

upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';

}

fFlag++;

}

if(p==(thisNum-1)){

html += '<span class="showpagePoint">'+thisNum+'</span>';

}else{

if(p==0){

if(isLablePage){

html = labelHtml+'1</a></span>';

}else{

html += '<span class="showpageNum"><a href="/">1</a></span>';

}

}else{

html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +'</a></span>';

}

if(eFlag ==0 && p == thisNum){

downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';

eFlag++;

}

}//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){

}//end for(var p =0;p< htmlMap.length;p++){

if(thisNum>1){

if(!isLablePage){

html = ''+upPageHtml+' '+html +' ';

}else{

html = ''+upPageHtml+' '+html +' ';

}

html = '<div class="showpageArea"><span style="COLOR: #000;" class="showpageOf"> Pages ('+(postNum-1)+')</span>'+html;

if(thisNum<(postNum-1)){

html += downPageHtml;

}

if(postNum==1) postNum++;

html += '</div>';

if(isPage || isFirstPage || isLablePage){

var pageArea = document.getElementsByName("pageArea");

var blogPager = document.getElementById("blog-pager");

if(postNum <= 2){

html ='';

}

for(var p =0;p< pageArea.length;p++){

pageArea[p].innerHTML = html;

}

if(pageArea&&pageArea.length>0){

html ='';

}

if(blogPager){

blogPager.innerHTML = html;

}

</script>

taruh widget tepat di bawah kolom postingan teman

catatan: untuk tulisan com atau yang bercetak biru pada script diatas, tinggal di ganti berdasarkan domain kamu. contoh : biz, id, dan sebagainya sesuai domain anda!

DESAIN BENTUK PROFILE DI BLOG

noreply@blogger.com (TAWANG AKAL) — Sun, 10 Apr 2011 08:32:00 +0700

Bentuk profile kamu di blog dapat di desain beda dari bentuk biasa!. singkatnya dapat di otak-atik sedemikian rupa. hanya dengan menambahkan code berwarna merah dibawah ini dibelakang kode ini ]]></b:skin>

.profile-img {

float: left;

margin: 0 5px 5px 0;

padding: 4px;

border:3px solid #289728;

}

.profile-img:hover {

border:3px dotted #3B3A3B;

}

.profile-data {

margin:0 10px 20px 10px;

padding:0;

font: bold 10pt "ms sans serif", verdana,Arial;

color:#289728;

line-height: 1.6em;

text-align:left;

text-transform:lowercase;

}

.profile-data:hover {

color:#3B3A3B;

}

.profile-datablock {

margin:.5em 0 .5em;

}

.profile-datablock:hover {

background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFIYWMn8nnlq_G6tgOGZeFRW1VOmu7aplKCkBKLLhQJnmy5Kt1JvfLad6A9ilTZE1PPJQxEIqLGHcwRQfsBuPfxTSOVzBBqw5CeP29mEgyjy96A1ybrmvsuviIQTUwo9BKeyEbEoPQElA/s320/admin.png) no-repeat bottom right ;

}

.profile-textblock {

color:#333;

margin: 0.5em 0;

line-height: 1.6em;

padding:5px 0 5px 0;

border-top:2px solid #289728;

border-bottom:2px solid #289728;

}

.profile-link {

display:none;

}

Silahkan sedot scriptnya, kemudian bongkar-bangkir sesuai selera masing-masing!.

BIKIN TWITTER BIRD TERBANG

noreply@blogger.com (TAWANG AKAL) — Thu, 7 Apr 2011 23:55:00 +0700

Pasang icon Twitter terbang di blog kamu ?

Mauuuu...khan

oke dech saya anggap semua pasti maaauuuuuuuuu

caranya seperti biasa guampang! modal awalnya anda memiliki Account Twitter

Selanjutnya, seperti biasa masuk ke rancangan/desain kemudian klik di bagian editor HTML

kemudian cari kode berikut</body> lalu letakan kode dibawah ini tepat dibelakang kode </body>

<b:if cond='data:blog.pageType == "item"'>

<script type="text/javascript" src="http://bloggerblogwidgets.googlecode.com/files/way2blogging.org-tripleflap.js">

</script>

<script type="text/javascript">

var twitterAccount = "NAMA ACCOUNT TWITTER ANDA";

var tweetThisText = " <data:blog.pageTitle/>: <data:blog.url/> ";

tripleflapInit();

</script>

<span style="font-size:11px;position:absolute;"><a title='Blogger Widget by Way2blogging.Org' href="http://www.way2blogging.org" target='_blank'><img border='0' src='http://img1.blogblog.com/img/blank.gif'/></a></span><a href="http://www.halaman-4.blogspot.com" target="_blank">Best Blogger Gadgets</a>

</b:if>

Selanjutnya agar Icon Twitter ini dapat bergerak sesuai arah cursor mouse kamu, letakan kode berikut ini tepat diatas kode </body>

<script type="text/javascript" src="http://bloggerblogwidgets.googlecode.com/files/way2blogging.org-tripleflap.js">

</script>

<script type="text/javascript">

var twitterAccount = "NAMA ACCOUNT TWITTER ANDA!";

var tweetThisText = " <data:blog.pageTitle/> ~ <data:blog.Url/> ";

tripleflapInit();

</script>

Selesai teman, tinggal lihat hasilnya seperti milik tawang ini.
Selamat mengotak-atik!

catatan : jangan lupa ganti tulisan NAMA ACCOUNT TWITTER ANDA dengan account twitter yang anda miliki

PASANG GOOGLE LOGIN DI BLOG

noreply@blogger.com (TAWANG AKAL) — Sun, 12 Dec 2010 17:03:00 +0700

Hallo sobat blogger mania semua....
Lama banget gak blogging....!!

Hari ini Tawang akan memberikan sedikit javascript untuk loggin google via blog.

Yang paling sering ditemui dalam sebuah blog adalah tentang pemasangan halaman login ke blog. Sekarang yang paling baru adalah pemasangan google login (email) via blog.

tampilannya dapat dilihat di blog (widget/gadget) tawang ini. untuk scriptnya silahkan copy paste dibawah ini.

<div id="HTML" style="border-top:1px solid #e3d4c5; border-bottom:1px solid #e3d4c5">

<form id="gaia_loginform" action="https://www.google.com/accounts/ServiceLoginAuth" method="post" onsubmit="return(gaia_onLoginSubmit());">

<div id="gaia_loginbox">

<table class="form-noindent" border="0" cellpadding="5" cellspacing="3" width="100%"> <tbody><tr> <td style="text-align:center" bgcolor="#e8eefa" nowrap="nowrap" valign="top">

<input name="ltmpl" value="default" type="hidden" />

<input name="ltmplcache" value="2" type="hidden" />

<div class="loginBox">

<table id="gaia_table" align="center" border="0" cellpadding="1" cellspacing="0"> <tbody><tr><td colspan="2" align="center">

<table> <tbody><tr> <td valign="top">

<img src="https://www.google.com/accounts/google_transparent.gif" alt="Google" />

</td> <td valign="middle">

<span style="font-size:-0;"><b>Akun</b></span>

</td> </tr></tbody></table>

<span style="font-size:-1;">

</span>

</td></tr><tr> <td colspan="2" align="center">

</td></tr><tr id="email-row"> <td nowrap="nowrap">

<div align="right">

<span class="gaia le lbl">

Email:

</span>

</div>

</td> <td>

<input name="continue" id="continue" value="http://mail.google.com/mail/?hl=id" type="hidden" />

<input name="service" id="service" value="mail" type="hidden" />

<input name="rm" id="rm" value="false" type="hidden" />

<input name="dsh" id="dsh" value="-2995447739392664561" type="hidden" />

<input name="ltmpl" id="ltmpl" value="default" type="hidden" />

<input name="hl" id="hl" value="id" type="hidden" />

<input name="ltmpl" id="ltmpl" value="default" type="hidden" />

<input name="scc" id="scc" value="1" type="hidden" />

<input name="timeStmp" id="timeStmp" value="" type="hidden" />

<input name="secTok" id="secTok" value="" type="hidden" />

<input name="GALX" value="ntnkDcZLQEk" type="hidden" />

<input name="Email" id="Email" size="15" value="" class="gaia le val" type="text" />

</td></tr><tr> <td>

</td> <td align="left">

</td></tr><tr id="password-row" class="enabled"> <td align="right" nowrap="nowrap">

<span class="gaia le lbl">

Sandi:

</span>

</td> <td>

<input name="Passwd" id="Passwd" size="15" class="gaia le val" type="password" />

</td></tr><tr> <td>

</td> <td align="left">

</td></tr> <tr id="rememberme-row" class="enabled"> <td align="right" valign="top">

<input name="PersistentCookie" id="PersistentCookie" value="yes" type="checkbox" />

<input name="rmshown" value="1" type="hidden" />

</td> <td>

<label for="PersistentCookie" id="PersistentCookieLabel" class="gaia le rem">

Tetap masuk

</label>

</td></tr><tr> <td>

</td> <td align="left">

<input class="gaia le button" name="signIn" id="signIn" value="Masuk" type="submit" />

</td></tr><tr id="ga-fprow"> <td colspan="2" class="gaia le fpwd" align="center" height="33.0" valign="bottom">

<a href="https://www.google.com/accounts/recovery?continue=http%3A%2F%2Fmail.google.com%2Fmail%2F%3Fhl%3Did&hl=id&service=mail&ltmpl=default" target="_top">

Tidak bisa mengakses akun?

</a>

</td></tr> </tbody></table>

</div>

</td> </tr></tbody></table>

</div>

<input name="asts" id="asts" value="" type="hidden" />

</form></div>

Bagaimana, asyik bukan. donk forget to live your comment here!

PASANG WEBSITE YAHOO & METRO TV MELAYANG SEPERTI IKLAN

noreply@blogger.com (TAWANG AKAL) — Tue, 30 Nov 2010 15:19:00 +0700

Bagi Pengunjung blog tawang yang ingin mendapatkan tampilan Iklan Melayang isi Search Metro TV & Yahoo?

jika anda mau, silahkan copy script yang telah saya buat ini.

<blink>

#gb{

position:fixed;

center:10px;

z-index:+1000;

}

* html #gb{position:relative;}

.gbcontent{

float:right;

border:1px solid #0404B4;

background:#ffffff;

padding:10px;

}

</style>

function showHideGB(){

var gb = document.getElementById("gb");

var w = gb.offsetWidth;

gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);

gb.opened = !gb.opened;

}

function moveGB(x0, xf){

var gb = document.getElementById("gb");

var dx = Math.abs(x0-xf) > 10 ? 5 : 1;

var dir = xf>x0 ? 1 : -1;

var x = x0 + dx * dir;

gb.style.top = x.toString() + "px";

if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}

}

</script>

.:[CLOSE THIS]:.

</a>

</div>

<tr>

</td>

<td>

</td>

<tr>

<td>

<tr>

<td>

<tr>

</td>

<td>

</td>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

</form>

</table>

</td>

</tr>

</table>

</div>

</map>

</p></center></div>

</form>

</div></div></div></div>

</blink>

Masukan kode diatas ke gadget sobat.

Agar disaat pengunjung tidak terlalu direpotkan dengan tampilan melayang yang muncul setiap kali meng-klik Link postingan sobat, maka gunakan metode dibawah ini

Cari kode berikut ini di Editor HTML sobat ]]></b:skin>

kemudian letakkan kode dibawah ini tepat dibawah kode ]]></b:skin>

<style type='text/css'>

<b:if cond='data:blog.pageType == "item"'>

#ID{display:none}

</b:if>

</style>

ganti ID diatas dengan ID widget gadget sobat. Simpan Template...Selesai

Mohon di komentari yaaa...!!

PASANG LOGIN FACEBOOK LEWAT BLOG

noreply@blogger.com (TAWANG AKAL) — Mon, 29 Nov 2010 22:43:00 +0700

Kembali lagi bersama Tawang Akal. Kali ini saya menawarkan script menarik buat pengunjung setia blog saya. Tips yang saya tawarkan adalah memasang script login facebook di blog teman.

Sebelumnya jika ingin mencoba, silahkan login lewat blog ini (tempatnya ada diatas postingan ini)!
Bagaimana ? asyik bukan!
Script ini murni hasil kreasi Tawang dan dapat di sedot....SEMAU-MU!. cuman kalo boleh, kasih komentar di bawah yaa...Trims.

Sekarang penempatannya cukup di Gadget Blog sobat!

Scriptnya silahkan sedot dibawah ini!

Email</label></td><td class="html7magic"><label for="pass">Password</label></td></tr><tr><td><input type="text" class="inputtext" name="email" id="email" tabindex="1" /></td><td><input type="password" class="inputtext" name="pass" id="pass" tabindex="2" /></td><td><label class="uiButton uiButtonConfirm"><input value="Login" tabindex="4" type="submit" /></label></td></tr><tr><td class="login_form_label_field"><input type="checkbox" class="inputcheckbox" value="1" id="persistent" name="persistent" tabindex="3" /><input type="hidden" name="default_persistent" value="0" /><label id="label_persistent" for="persistent">Keep

me logged in</label></td><td class="login_form_label_field"><a href="http://www.facebook.com/reset.php" rel="nofollow">Forgot your password?</a></td></tr></table><input type="hidden" name="charset_test" value="€,´,â�¬,Â´,æ°´,Ð�,Ð�" /><input type="hidden" id="lsd" name="lsd" value="gLwJ5" autocomplete="off" /></form>

</div></div></div></div>

PERCEPAT INTERNET ANDA

noreply@blogger.com (TAWANG AKAL) — Sun, 28 Nov 2010 17:14:00 +0700

Anda mau akses internet semakin cepat?
Jawabannya sederhana sekali, "MAU DONK". Nah jika demikian, mari kita ikuti prosedur pemasangan software gratis yang satu ini.

upss....lupa, Software ini bekerja di lingkungan Windows XP, untuk Linux dan OS belum saya coba tuch!

Software ini diberi nama " Privoxy ".
Privoxy adalah server proxy sederhana berbasis HTM.Tools gratis untuk membuat proxy server di lingkungan Windows yang sangat MUANTABB alias ma’nyos. karena dapat di share atau memberikan koneksi internet lewat windows XP ke komputer client didalam 1 area jaringan.

Oke cukuplah penjelasan yang diatas, sekarang kita praktekkan saja!

Download dulu Privoxy
Install di komputer server anda
Ubah Setting IP Forwarding di Komputer Teman (Manual IP) kalau punya saya IP 192.168.2.253
Selanjutnya buka Software Privoxy yang telah diinstal tadi. klik menu options-edit configuration dan akan muncul jendela notepad dengan nama file config.txt
Hapus isi file config yang ada kemudian ganti dengan file dibawah ini (copy-paste yang dibawah ini)

##—————————————————————-##
user-manual /Program Files/Privoxy/doc/user-manual
admin-address [email anda]
confdir .
logdir .
debug 1 #menampilkan seluruh log ke server
logfile privoxy.log #memberikan nama file log
log-messages 1 #seluruh koneksi akan di catat di file log server
listen-address 192.168.2.253:9192 #ip server dan port yang akan listen (diset di client).
permit-access 192.168.2.0/24 #ip network yang di ijinkan menggunakan server proxy ini
toggle 0
enable-remote-toggle 0
enable-remote-http-toggle 0
enable-edit-actions 0
enforce-blocks 1
buffer-limit 4096
forwarded-connect-retries 20
accept-intercepted-requests 1
allow-cgi-request-crunching 0
split-large-forms 0
keep-alive-timeout 300
socket-timeout 300
activity-animation 1
log-max-lines 2000
log-highlight-messages 1
log-font-name Times New Roman

log-font-size 10
##—————————————————————-##

Save file tersebut.
Kembali lagi ke jendela Privoxy.
Klik menu Option, lalu klik Enable. (Selesai)

Sekarang untuk Komputer Client

Buka Browser (kalau punya saya pake Mozilla), Klik Options, klik Advanced, pilih network, klik setting, klik lagi Setting, lalu klik Manual Proxy Configuration. kemudian set HTTP Proxy dengan IP Server tadi (192.168.2.253) kemudian di Port-nya masukan angka (9192).

SELESAI. Sekarang Privoxy anda telah dapat digunakan....Lihat perbedaannya...!!

PASANG DROPDOWN LABELS

noreply@blogger.com (TAWANG AKAL) — Sat, 27 Nov 2010 17:38:00 +0700

Gadget Label dapat di modifikasi sesuai selera pemilik blog. hitung-hitung buat desain blog begitu ceritanya!
Sekarang tips singkat ini bercerita tentang modifikasi label blog kita menjadi seperti menu dropdown. (maksudnya seperti punya tawang diblog ini)

Oke, sekarang kita praktek-kan di blog teman (itu sich bila mauuuu)!

Langkah-langkah :

Tambah gadget Labels di blog teman
Masuk ke Editor HTML (tanpa centang brooo...)
Tekan Ctrl F di keyboard kemudian di kotak find tulis Label1

Lalu tampilan yang kita temukan kira-kira seperti ini code-nya : <b:widget id='Label1' locked='false' title='' type='HTML'/>

Lalu, hapus kode diatas alias ganti dengan kode berikut ini :

<b:widget id='Label99' locked='false' title='Labels' type='Label'>

<b:includable id='main'>

<b:if cond='data:title'>

</b:if>

<br/>

<option>Labels</option>

<b:loop values='data:labels' var='label'>

</option>

</b:loop>

</select>

<b:include name='quickedit'/>

</div>

</b:includable>

</b:widget>

Ganti yang warna dengan tulisan...SEMAU-MU dan warna silahkan ganti sesuai lebar sidebar widget kamu. Hasilnya akan seperti punya Tawang!

BIKIN DAFTAR TULISAN PER-BULAN

noreply@blogger.com (TAWANG AKAL) — Tue, 23 Nov 2010 09:54:00 +0700

Kali ini saya akan memberikan info tips Membuat daftar tulisan yang di tampilkan dalam bentuk bulanan berdasarkan entri yang telah anda buat. Contoh tampilannya dapat dilihat pada ALLPOST blog tawang ini.

Sebelumnya saya beritahukan bahwa pembuatan tampilan ini mengganggu kode HTML blog sobat karena editornya mengacu pada perubahan template asli, sehingga sebaiknya anda pasang code script-nya di subdomain blog anda. (seperti punya saya di pasang di http://bongkar-bangkir.blogspot.com/p/semua-tulisan-tawangakal.html) agar tidak mengganggu code script asli blog anda

Sekarang, jika anda berminat menggunakan ini, dapat mengikuti prosedur sebagai berikut :

Pertama, buat sub-domain blog anda (maksudnya membuat blog baru didalam blog utama teman!. bagi yang belum ta'u caranya, silahkan cari di internet karena saya lagi malas menulis disini)
Selanjutnya masuk kehalaman Postingan dan pilih edit elemen kemudian buat elemen baru.
Buat judul halaman baru anda tersebut sesuai selera kemudian tampilkan untuk mendapatkan url link-nya contoh punya saya http://bongkar-bangkir.blogspot.com/p/semua-tulisan-tawangakal.html
copy url tersebut kemudian simpan di text editor komputer anda.

Selanjutnya kita akan mengedit HTML sub-blog yang telah dibuat tersebut

cari kode </body> kemudian tambahkan kode </b:if > dibawah kode </body> tersebut. sementara itu kode yang telah dibuat tadi jangan disimpan dulu.

Selanjutnya cari kode </head> lalu copy-paste script dibawah ini tepat dibawah kode </head> tersebut

<b:if cond='data:blog.url == "URL-ELEMEN-HALAMAN-SUB-DOMAIN-ANDA TADI"'>

<style>

body{

margin:0;

padding:0;

background:#f1f1f1;

font:70% Arial, Helvetica, sans-serif;

color:#555;

line-height:150%;

text-align:left;

}

#container{

margin:20px auto;

width:680px;

background:#fff;

padding-bottom:20px;

border-left:1px solid #bebebe;

border-right:1px solid #bebebe;

}

#content{

margin:0 20px;

}

h1 {

background:none repeat scroll 0 0 #DDDDDD;

font-family:sans-serif;

font-size:27px;

font-style:italic;

font-weight:lighter;

text-align:center;

text-shadow:1px 0 0 #FFFFFF;

margin:0px;

}

margin-bottom:18px;

font-style:italic;

font-family:Georgia, Times, serif;

font-size:24px;

color:#bfe1f1;

padding:0;

}

a {

text-decoration:none;

}

ul {

margin:0px;

padding:0px;

}

ul li {

border-left:1px solid #000000;

color:#BEBEBE;

font-family:Arial;

font-size:13px;

font-style:italic;

list-style:decimal inside url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSbnPq-Md0LoGrWRMt7BLXQC27lwARQKareS4TIJ2t8B7UZnG9Lzrrc2x_-LF1Qld32ISs1EgP2BO6T8kRljelkbJV2et0PuK0Goc8WUaGemZn17CyS00mMeMJEa4bfZUizvDvKD0V5Di7/");

margin:0 0 0 15px;

padding:8px 8px 8px 0;

}

li a{

text-decoration:none;

color:#057fac;

display:block;

margin-top:-12px;

padding:0 0 0 30px;

}

li a:hover{

text-decoration:none;

color:#999;

}

</style>

<!--[if IE 6]>

<style>

li a{

display:inline-block;

padding:0 0 0 5px;

margin-top:-10px;

}

</style>

<![endif]-->

</b:if>

<b:if cond='data:blog.url == "URL-ELEMEN-HALAMAN-SUB-DOMAIN-ANDA TADI"'>

<body>

<h1>JUDUL HALAMAN SEMAU-MU</h1>

</div>

</body>

<b:else/>

ganti yang warna merah dengan url elemen halaman yang telah dibuat tadi
ganti yang warna hijau dengan url blog utama teman

sekedar catatan :
jika elemen halaman anda tidak ditampilkan di kolom Laman (seperti punya saya ini) maka buatlah url yang mengarah kepada halaman tersebut diatas.
contoh :
<a href="http://bongkar-bangkir.blogspot.com/p/semua-tulisan-tawangakal.html">ALLPOST</a>

Nah...bagaimana ? pengen coba?? SILAHHHHKAANNN

sumber utama = syb.com

GADGET PERINGKAT DAN ULASAN

noreply@blogger.com (TAWANG AKAL) — Sun, 21 Nov 2010 01:16:00 +0700

Google Friend Connect meluncurkan gadget Followers terbaru yang memiliki ruang penilaian dan ulasan bagi para follower-nya sebagai bahan masukan bagi pemilik blog yang diikutinya.

Bagi yang berminat silahkan link disini untuk mendapatkan gadgetnya.

Contoh nya dapat dilihat di gadget follow milik tawang.!

DAFTAR BLOG DI GOOGLE PING

noreply@blogger.com (TAWANG AKAL) — Sat, 20 Nov 2010 22:00:00 +0700

Ingin meningkatkan backlink blog anda? ... salah satunya dengan mendaftarkan blog anda di google ping.
dengan terdaftarnya blog anda disana, saya jamin lalu lintas dari dan menuju blog anda akan meningkat tajam...

Silahkan daftar segera yaa...(buat yang belum!., yang sudah ya sudahlah heheheee)

BIKIN BLOGROLL BERITA

noreply@blogger.com (TAWANG AKAL) — Sat, 20 Nov 2010 07:18:00 +0700

Untuk membuat tampilan text berjalan seperti "info lewat" tawang, cukup copy paste script yang ada dibawah ini di gadget HTML sobat!

<div id="HTML" style="border-top:2px solid #fffff; border-bottom:2px double #fffff">

<span style="font-weight:bold;">Arahkan Mouse Untuk Membaca</span>
<td height="2" class="style14" colspan="2"><font face="Arial"><script type="text/javascript">

var waktuindo=new Date()
var year=waktuindo.getYear()

if (year < 1000)
year+=1900

var day=waktuindo.getDay()
var month=waktuindo.getMonth()
var daym=waktuindo.getDate()

if (daym<10)
daym="0"+daym

var dayarray=new Array("Minggu","Senin","Selasa","Rabu","Kamis","Jumat","Sabtu")
var montharray=new Array("Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","Nopember","Desember")

//Bentuk dan susunan tampilan silahkan disesuaikan (by.tawangakal)

document.write("<left><font color='black' face='Verdana'>"+dayarray[day]+", "+daym+" "+montharray[month]+" "+year+"</font></left>")
</script></font></td>

<p>
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="250" align="left">

<hr />
<span style="font-size:78%;color:#FFFFFF;">
<span style="font-weight: 700; background-color:#0404B4;" > <span style="font-family:Verdana;"><blink>INFO LEWAT</blink></span> :
</span></span>

TEXT ISI

<hr />

<span style="font-size:78%;color:#FFFFFF;">
<span style="font-weight: 700; background-color:#0404B4;" > <span style="font-family:Verdana;"><blink>INFO LEWAT</blink></span> :
</span></span>

TEXT ISI

<hr />
<span style="font-size:78%;color:#FFFFFF;">
<span style="font-weight: 700; background-color:#0404B4;" > <span style="font-family:Verdana;"><blink>INFO LEWAT</blink></span> :
</span></span>

TEXT ISI

</marquee>

</div>

</p>

Catatan :
Ganti text isi diatas dengan tulisan atau apa saja milik sobat!
Ganti tulisan info lewat dengan tulisan sobat!

PASANG GARIS HORISONTAL DI BLOG

noreply@blogger.com (TAWANG AKAL) — Tue, 16 Nov 2010 21:52:00 +0700

Sekarang tawang akan memberikan tips singkat membuat garis pembatas untuk widget atau apa saja di blog anda. Seperti yang ada diblog saya ini.

Caranya simple, anda hanya cukup menaruh script <hr> ini diatas atau bawah postingan widget teman.

Contoh seperti ini :

MEMASANG SCRIPT GARIS PEMBATAS BLOG ANDA (by. tawang)

Nah...kan gampang to, uuueeenaak to...mantap to.

Pasang Kalender Mr. Tawang di Blog Anda

noreply@blogger.com (TAWANG AKAL) — Tue, 16 Nov 2010 08:41:00 +0700

Ada produk baru nich ciptaan saya. Namanya saya beri Automatic Calender At Your Blog. Bueeeehhh..Keren Habis.! Mau...??

Kalender ini dirancang otomatis untuk mengikuti hari dan waktu anda (Only Indonesia!). Selain gak boros'in tempat seperti widget timer dan kalender, produk ini juga dapat di edit semau...Mu!!

Untuk menggunakannya, guampang banget. contohnya liat'in dibawah ini atau dibawah feed burner tawang!

Sekarang kalo mau sedot scriptnya...dipersilahkan copy all dibawah ini.

<span style="font-family: Arial;"><script type="text/javascript">

var waktuindo=new Date()

var year=waktuindo.getYear()

if (year < 1000)

year+=1900

var day=waktuindo.getDay()

var month=waktuindo.getMonth()

var daym=waktuindo.getDate()

if (daym<10)

daym="0"+daym

var dayarray=new Array("Minggu","Senin","Selasa","Rabu","Kamis","Jumat","Sabtu")

var montharray=new Array("Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","Nopember","Desember")

//Bentuk dan susunan tampilan silahkan disesuaikan (by. tawang akal)

document.write("HARI INI : <left><font color='black' face='Verdana'><b>"+dayarray[day]+", "+daym+" "+montharray[month]+" "+year+"</b></font></left>")

</script></span>

Tinggalkan Komentar yaaa.....!!

Menghilangkan & Menampilkan Kolom Postingan Blog

noreply@blogger.com (TAWANG AKAL) — Mon, 15 Nov 2010 01:40:00 +0700

Anda mungkin kenal salah satu blog terkenal milik Kang Rochman. dimana template-nya sangat rapi sekali. (menurut saya yang awam ini). Jika diperhatikan, pada halaman utama blog tersebut tidak tampil kolom postingan yang berisi jurus-jurus / tulisan tentang tutorial blognya.

Sebagai orang yang sangat awam, saya pun mencoba untuk mengetahui bagaimana cara membuatnya dengan membaca tulisan-tulisan Kang Rochman tersebut walaupun pada akhirnya ternyata saya TIDAK TAUUU DAN TIDAK PAHAM...sama sekali..hahahaaa.

Namun ada jurus otodidak yang saya gunakan dari hasil pemikiran sendiri untuk mengakali hal tersebut di template baru bawaan blogger saat ini.

Supaya tidak bingung, mari kita coba praktek-kan metode baru saya ini.

Saya anggap teman-teman semua sudah menentukan jumlah kolom blog milik teman sekalian. misalnya seperti gambar dibawah ini.

Pada awalnya kotak main yang bertuliskan Posting Blog tidak dapat dipindahkan karena dalam posisi (true / aktif). Jadi agar bisa dipindahkan seperti memindahkan posisi widget yang lain, maka harus di nonaktifkan dulu / false. caranya..???

Masuk ke kotak editor HTML kemudian tekan (Ctrl F) lalu cari kode berikut ini

<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>

lalu ganti yang warna merah dengan tulisan false kemudian simpan template sobat.

Sekarang anda lihat Posting Blog anda sudah di nonaktifkan dan dapat di geser kemana-mana anda mauu.. lihat gambar dibawah ini

Sekarang pindahkan kolom postingan ke bawah widget pengikut (seperti gbr dibawah ini). lalu atur widget yang lainnyanya sesuai keinginan.

Langkah selanjutnya adalah teknik menghilangkan sidebar widget dan main widget.
Karena teknik menghilangkan/menampilkan widget ini saya dapatkan dari kang rochman jadi silahkan anda berkunjung ke blog beliau dengan cara mengklik ini

Jika sudah membaca cara yang diberikan Kang Rochman, sekarang lihat contoh blog sudah saya atur dengan cara aneh ini...hahahahhaaaaaa....KLIK DISINI

Kurang paham?, silahkan kirim pertanyaan lewat kolom komentar dibawah ini.

Membuat dan Memasang Page View Counter Sendiri.

noreply@blogger.com (TAWANG AKAL) — Sun, 14 Nov 2010 14:10:00 +0700

Page View Counter digunakan untuk melihat berapakali postingan yang ada di blog anda dilihat oleh para pengunjung blog.

Contohnya seperti milik tawang dibawah ini

Tawang dilihat KALI [X]

jika teman-teman berminat untuk membuat dan memasang ini, silahkan anda copy paste script yang ada dibawah ini.

(SCRIPT 1)

<b:if cond='data:blog.pageType == "item"'><div align='left'>ISI TULISAN APA AZA<img src='URL GAMBAR / ICON MILIK ANDA' style='width: 26px; height: 30px;'/><b><font size='2'> <blink>TULIS APA AZA</blink><img src='http://www.bestfreehitcounters.com/count.php?page=102561' style='border: 0px'/> TULIS APA AZA</font></b></div></b:if>

Perhatian :

Ganti tulisan berwarna merah semau-MU
Ganti ID warna Biru sesuai milik - MU. untuk mengganti-nya silahkan klik disini. Sesuaikan selera jenis image counter yang anda pilih. (ikuti langkah-langkah dari site yang bersangkutan). kemudian copy kode script yang telah diberikan (lihat bentuk script yan di copy-paste sesuai script berwarna biru diatas.

Selanjutnya :
Masuk ke editor html blog teman, centang Expand Template Widget kemudian gunakan control F (find) lalu masukan script (SCRIPT 2) <div class='post-header-line-1'/> ini dikotak / kolom find tersebut kemudian tekan enter di keyboard anda.

langkah terakhir, masukan kode script 1 diatas tepat diatas kode script yang kedua (script 2)
kemudian Simpan. silahkan coba dan lihat hasilnya.

Selamat Mencoba Teman!

Forum & Blog Gratis dengan banyak domain

noreply@blogger.com (TAWANG AKAL) — Thu, 11 Nov 2010 00:38:00 +0700

Buat yang pengen bikin forum atau blog dengan banyak domain, semuanya fasilitas telah tersedia di internet.
Tapi yang gratisannnn???

siapa yang tidak ingin gratis! paling depan jelas saya sendiri yang paling setuju jika freeeee......

Nah..bagi yang pengen coba sesuatu yang mudah, cerah, meriah, asyik..pokoknya semua terkumpul dan diaduk jadi satu.silahkan lihat contoh forum atau langsung gabung jika berkenan ke [+]

Bagi yang ingin mencoba bikin forum tersebut, silahkan link langsung lewat sini.
Kalau yang pengen bikin blog, link lewat sini
Selamat mencoba dech! Free Always.

Pasang Chat Room Yaplet

noreply@blogger.com (TAWANG AKAL) — Tue, 9 Nov 2010 09:05:00 +0700

Melanjutkan tulisan terdahulu tentang kekurangan dan kelebihan chat room seperti shoutmix dan guestbook yang lalu yang bisa anda baca disini, kali ini saya akan memberikan tambahan lain untuk ruang chatting online yang mirip seperti yahoo messenger atau camprog yang bisa anda pasang di blog anda.

Yang Jelas cara penggunaannya gampang, bisa di pasang dimana saja di blog anda.bisa.

Jika berminat, ikuti prosedur pemasangannya seperti yang saya tulis berikut ini :

Klik disini untuk masuk ke yaplet site

Kemudian klik create atau icon tulisan Chat Here

Lalu masukan pada kolom url blog anda kemudian klik generate.
Langkah selanjutnya, pilih bentuk icon chat yang anda inginkan dengan cara meng-copy -paste bagian script html disampingnya.
Perlu diperhatikan ada dua script ( Sidebar atau Pop Up) yang ada dalam satu icon. silahkan anda pilih yang mau anda gunakan. keduanya mempunyai fungsi yang sama

Kemudian langkah selanjutnya, seperti biasa teman!
Log in ke blogger anda - klik Rancangan (untuk Template Baru Blogger) - Tambah Gagdet - pilih HTML Javascript, lalu masukan ke script yang telah di copy dari yaplet tadi kedalamnya. Selesai! selamat menggunakan semoga bermanfaat.
Jangan lupa kasih komentar ya!

Solusi Shoutmix Chat di Blog

noreply@blogger.com (TAWANG AKAL) — Mon, 8 Nov 2010 08:25:00 +0700

Bagi anda yang menggunakan shoutmix chat di blog, pasti sering menemukan kejanggalan mengenai url link yang tidak berfungsi dengan baik saat pengunjung blog menuliskan pesannya di ruang chat anda. Contoh nyata adalah seperti chat punya saya ini yang menggunakan shoutmix.

Masalah utama yang saya ketahui adalah karena shoutmix ini gratis alias free. Jadi tak perlu di omel'in memang....

Untuk mengatasi hal tersebut, alangkah lebih baik kita mencoba salah satu solusi ruang chatting online yang free yang ditawarkan oleh smartgb.com.

Guestbook ini memiliki fitur yang lumayan untuk basis free.
contoh yang nyata adalah :

Cara penggunaan mudah.
Anda bisa melakukan backlink otomatis ke pengunjung yang telah mengisikan pesan di guestbook
Anda dapat mengirim email ke pengunjung anda.
Pemberitahuan jumlah pengunjung ter-update setiap waktu

Nah..tunggu apalagi, lebih baik mencoba yang lebih baik bukan. eiittss... lupa, kalau guestbook ini kekurangannya, gak ada emoticon-nya. contoh bisa dilihat disini

Website Aman Untuk Di Akses Anak Anda

noreply@blogger.com (TAWANG AKAL) — Mon, 8 Nov 2010 00:38:00 +0700

1. Netsmartz Kids- Netsmartz adalah memiliki hits tinggi setiap tahunnya untuk anak SD. Mengajarkan keamanan berinternet melalui karakter yang menyenangkan, game, lagu dan video.

2. Disney’s Surfswell Island- pulau interaktif dimana siswa mempelajari keamanan berinternet dengan karakter Disney. Siswa berpetualang dengan karakter Indiana Jones bersama Mickey dan teman-temannya dan mereka belajar mengenai keamanan berinternet.

3. Privacy Playground- The First Adventure of the Three Cyber Pigs - sebuah game yang didesain untuk usia 8-10 dimana siswa membantu Cyber Pigs menjalakan website , memasarkan plys, spam, dan bertemu dengan serigala yang tidak bersahabat.

4. Safety Land- Kota interaktif yang mengajarkan kemanan berinternet. Siswa membantu Pahlawan Kemanan dalam menangkap karakter buruk di Internet dengan mencari bangunan di kota dan menjawab pertanyaan mengenai keamanan Internet.

5. Safe Surfing with Dongle- Siswa mempelajari tentang email, chat, bermain game, dan bersenang-senang secara online dengan game dan film interaktif.

6. iKeep Safe- Program keamanan anak di Internet yang mengikuti seekor kucing bernama Faux Paw dan petualangannya di Internet. Buku online dan videonya mengajarkan kemananan dasar Internet , bagaimana mengatasi cyber bullying, menyeimbangkan dunia nyata dan dunia maya, dan resiko serta bahaya mendownload. Sangat berkualitas!

7. Welcome to the Web- website interaktidf yang mengajarkan kepada siswa menganai Internet melalui tantangan dan aktivitas. Siswa belajar konsep dasar dari Internet, navigasi, dan mengunjungi website , tetap aman selama online, menganai browser, copyright, dan bagaimana menggunakan fungsi pencarian.

8. Faux Paw and the Dangerous Download- Video dari iKeep Safe, didalamnya, Faux Paw mempelajari bahwa mendownload adalah cara yang baik dalam memperoleh informasi, tetapi hanya apabila dijalankan dengan cara yang benar. Video ini mengajarkan petunjuk yang berharga tentang illegal file sharing.

9. Internet Safety with Professor Garfield- Latihan pada online safety, cyberbullying, dan fakta atau opini dan bentuk-bentuk media. Setiap bab terdiri dari sebuah video, game, dan quiz.

10. The Carnegie Cyber Academy- Siswa bergabung dengan Cyber Academy dan menuntaskan beberapa misi untuk memperlengkapi mereka diri mereka menjadi masyarakat cyber dan pertahanan di Internet.

11. Common Sense with Phineas and Ferb- Video pendek yang membantu siswa mempelajari aturan cyberspace dan tips aman online.

12. Think U Know Cyber Cafe- lingkungan virtual diamana siswa dapat mempraktekkan keamanan online dengan cara yang baik. Di cafe, siswa membantu virtual kids mengambil pilihan yang baik saat menggunakan email, sms, pesan instant, web browsing, membuat profil online, dan chat di chat room.

13. NS Teens- Siswa yang lebih tua mempelajari mengenai cyberbullying, email, IM, chatrooms, gaming, informasi yang terlalu terbuka, jejaring sosial, dan tips keamanan Internet melalui video, game, dan komik online.

14. The Bully Roundup- Game interaktif dimana siswa melakukan test sifat aktifnya dengan lebih cerdas.

15. Child Net- game, informasi, dan banyak lagi terutama untuk siswa kelas dasar dan menengah dalam mempelajari Internet secara aman.

16. Stop Bullying Now!- Sebuah website yang mengajarkan kepada murid-murid bagaimana menghadapi pelecehan melalui video, game dan tips-tipsnya.

Sumber : http://www.visigraphic.com

Pasang Meta Taq Generator

noreply@blogger.com (TAWANG AKAL) — Sat, 6 Nov 2010 12:54:00 +0700

Katanya (ujar master-master blogger) agar blog bisa cepat terindeks di mesin pencari raksasa seperti google, maka kita perlu memasang yang namanya "Meta Taq".

Mendengar ujar tersebut, maka kita yang awam-awam ini jangan mau ketinggalan kereta. supaya makk..nyuss mendingan kita ikutan aza.

Lalu bagaimana cara membuat dan memasang meta taq tersebut ??

Gampang, kita tinggal copy paste setiap blog yang menyediakan tulisan kode untuk meta taq. Namun ada lagi yang lebih gampang, gratis, gak perlu bingung tentang kode-kode. hanya tinggal isi kolom-kolom yang diminta.

semuanya bisa di dapatkan di Free Online Meta Taq yang ada disini.

Ikuti semua petunjuk yang ada di situs tersebut untuk mendapatkan meta taq nya kemudian copy paste script yang diberikan pada editor HTML blog anda. atau lebih tepatnya di taruh di bawah kode ini <title><data:blog.pageTitle/></title> .

Mentransfer File dari Satu Network ke Network Lain

noreply@blogger.com (TAWANG AKAL) — Sat, 6 Nov 2010 08:37:00 +0700

Untuk mengirimkan file dari dan antar network, anda dapat menggunakan File Transfer Wizard.

Langkah-langkah untuk melakukannya adalah sebagai berikut :
Klik Start - All Program - Accesories - System Tools. kemudian klik pada File Transfer Wizard dan Ikuti petunjuk yang ada disana.

Selamat mencoba!

Mengaktifkan Auto Logon di Windows

noreply@blogger.com (TAWANG AKAL) — Thu, 4 Nov 2010 16:08:00 +0700

Inilah triks singkat untuk mengaktifkan autologon di windows

Klik Start - pilih run - pada kolom ketik CONTROL - userpasswords2 - klik pada pengguna yang ingin anda buat log on secara otomatis
kemudian hapus centang "Pengguna harus memasukkan Username dan password" - klik - berlaku - di kotak dialog berikutnya masukkan password untuk account yang Anda pilih - klik ok

Menghilangkan Arrow Shoutcut dari Desktop Icon

noreply@blogger.com (TAWANG AKAL) — Thu, 4 Nov 2010 01:44:00 +0700

Untuk menghilangkan Arrow Shoutcut dari Desktop Icon silahkan ikuti langkah-langkah singkat berikut ini :

Klik Start - regedit - HKEY_CLASSES_ROOT \ - lnkfile kemudian hapus nilai registri IsShortcutdan selanjutnya restart komputer Anda

Hapus Recycle Bin dari Desktop

noreply@blogger.com (TAWANG AKAL) — Thu, 4 Nov 2010 00:54:00 +0700

Bagi teman-teman yang tidak ingin menampilkan Recycle Bin di Desktop Komputer, ada langkah mudah untuk melakukannya.

pergi ke start- run- ketik regedit- HKEY_LOCAL_MACHINE / SOFTWARE / Microsoft / Windows / CurrentVersion / explorer / Desktop / NameSpace. Kemudian klik kanan pada "Recycle bin" untuk menghapusnya.