Kamis, 06 Desember 2007

Horizontal tab menu 10


Pernah melihat menu navigasi yang seperti di bawah ini?



tab-10







Tertarik untuk memasang menu ini di blognya?




Silahkan baca tutorial lengkapnya di :




Selamat bereksperimen ria!

Rabu, 05 Desember 2007

Horizontal Tab menu J


Jika kemarin lusa telah di perkenalkan menu navigasi horizontal
yang cukup menarik yaitu Horizontal menu F yang saya posting di sini,
maka hari ini ada tambahan perbendaharaan menu navigasi yang
berbentuk horizontal yaitu Horizontal Tab menu J. Ingin tahu
seperti apa bentuknya? silahkan arahkan mouse komputer sobat ke menu navigasi di bawah ini :


















Tertarik ingin segera mengetahui bagaimana cara membuat menu navigasi ini?
Silahkan baca tutorialnya di sini !



Selamat menikmati tampilan baru navigasi sobat!

Senin, 03 Desember 2007

Comment Box Inside Post

Update : Tulisan ini sudah tidak up to date, karena sekarang kotak komentar blogger sudah ada yang baru. Silahkan baca di sini!.





Setelah melihat-lihat beberapa pertanyaan yang di ajukan oleh
para sobat, rupanya banyak yang tertarik ingin mengetahui bagaimana
cara membuat kotak komentar langsung berada di bagian bawah postingan
tanpa harus membuka jendela baru seperti yang ada dalam blog ini.
Memang, sepertinya kotak komentar yang bisa langsung berada di bawah
postingan merupakan dambaan dari blogger yang menggunakan jasa di blogspot.




Dulu, saya pernah mengulas mengenai cara membuat kotak komentar yang bisa langsung
di bawah postingan dengan menggunakan fasilitas dari HaloScan yang saya posting
di sini,
akan tetapi entah mengapa katanya banyak yang tidak berhasil alias gatot (gagal total),

padahal saya pernah mempraktekan langsung tutorial yang saya tulis sendiri dan hasilnya
tidak ada masalah, tidak percaya? sok lah bisa di lihat contohnya di sini!
dan saya pun sering blogwalking ke para sobat setia blog ini dan banyak juga yang berhasil.



Udah ah, rasanya tidak terlalu penting membahas antara yang sukses dengan yang gagal, semuanya
tergantung kepada usaha sendiri-sendiri, mending kita langsung ke topik utama pembahasan kali
ini yaitu mengenai cara membuat kotak komentar seperti yang ada pada blog ini. Trik ini sebenarnya
telah lama di bahas di blognya jackbook, kalau mau baca langsung di sana silahkan saja, namun bahasa
yang di gunakan adalah dalam bahasa inggris. Mau yang bahasa indonesia? ya sudah baca saja di blog ini,
gitu aja ko repot *kata guspur* begitu biasanya. Yang berminat silahkan ikuti langkah-langkah berikut ini :




Langkah #1

  1. Silahkan Sign in di blogger dengan id sobat




  2. Klik Layout




  3. Klim menu Pengaturan




  4. Klik menu Komentar




  5. Cari tulisan Tampilkan komentar dalam sebuah window popup?, pilih ya. Perhatikan gambar di bawah :











  6. Klik tombol simpan pengaturan






Step #2

  1. Klik menu Edit HTML




  2. Klik tulisan Download Template Lengkap. Silahkan save dulu, biar aman dari marabahaya yang mengancam.




  3. Centang kotak kecil yang berada di samping tulisan Expand Template Widget










  4. Tunggu beberapa saat sampai proses selesai.




  5. Cari kode yang seperti di bawah ini :





  6. <b:includable id='comments' var='post'>


    <div class='comments' id='comments'>


    <a name='comments'/>


    <b:if cond='data:post.allowComments'>


    <h4><b:if cond='data:post.numComments == 1'>1


    <data:commentLabel/>:<b:else/><data:post.numComments/>


    <data:commentLabelPlural/>:


    </b:if>


    </h4>


    <dl id='comments-block'>


    <b:loop values='data:post.comments' var='comment'>


    <dt class='comment-author' expr:id='"comment-" + data:comment.id'><a expr:name='"comment-" + data:comment.id'/>


    <b:if cond='data:comment.authorUrl'><a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/>


    </a><b:else/><data:comment.author/></b:if><data:commentPostedByMsg/>


    </dt>


    <dd class='comment-body'>


    <b:if cond='data:comment.isDeleted'>


    <span class='deleted-comment'>


    <data:comment.body/>


    </span><b:else/>


    <p><data:comment.body/></p>


    </b:if></dd><dd class='comment-footer'>


    <span class='comment-timestamp'>


    <a expr:href='"#comment-" + data:comment.id' title='comment permalink'>


    <data:comment.timestamp/>


    </a>


    <b:include data='comment' name='commentDeleteIcon'/>


    </span>


    </dd>


    </b:loop>


    </dl>


    <p class='comment-footer'>


    <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a></p>


    </b:if>


    <div id='backlinks-container'>


    <div expr:id='data:widget.instanceId + "_backlinks-container"'>


    <b:if cond='data:post.showBacklinks'>


    <b:include data='post' name='backlinks'/>


    </b:if>


    </div>


    </div>


    </div>


    </b:includable>





  7. ganti kode di atas dengan kode di bawah ini :








  8. <b:includable id='comments' var='post'>

    <div class='comments' id='comments'>

    <a name='comments'/>

    <b:if cond='data:post.allowComments'>



    <!-- jackbook.com part 1 start -->

    <!--

    <h4>

    <b:if cond='data:post.numComments == 1'>

    1 <data:commentLabel/>:

    <b:else/>

    <data:post.numComments/> <data:commentLabelPlural/>:

    </b:if>

    </h4>

    -->

    <div class='onepx'>

    <dl id='comments-block' style='height: 1px;overflow:hidden;'>

    <b:loop values='data:post.comments' var='comment'>

    <dt class='comment-author' expr:id='"comment-" + data:comment.id'>

    <a expr:name='"comment-" + data:comment.id'/>

    <b:if cond='data:comment.authorUrl'>

    <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>

    <b:else/>

    <data:comment.author/>

    </b:if>

    <data:commentPostedByMsg/>

    </dt>

    <dd class='comment-body'>

    <b:if cond='data:comment.isDeleted'>

    <span class='deleted-comment'><data:comment.body/></span>

    <b:else/>

    <p><data:comment.body/></p>

    </b:if>

    </dd>

    <dd class='comment-footer'>

    <span class='comment-timestamp'>

    <a expr:href='"#comment-" + data:comment.id' title='comment permalink'>

    <data:comment.timestamp/>

    </a>



    <b:include data='comment' name='commentDeleteIcon'/>

    </span>

    </dd>

    </b:loop>

    </dl>

    </div>

    <!--

    <p class='comment-footer'>

    <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>

    </p>

    -->

    <!-- jackbook.com part 1 ends -->

    <!-- actually i almost do nothing with your template, just add that comment, you did it :) -->


    <div id='comment-parent' onmouseover='showcomment("hoverme", "comment-child");' style='margin-bottom: 50px;'>

    <h3 id='hoverme' style='display:block;'>

    <img alt='Your cOmment"s Here! Hover Your cUrsOr to leave a cOmment.' src='http://img229.imageshack.us/img229/5559/htmlcodeleavecommentfi5.gif' title='Your cOmment"s Here! Hover Your cUrsOr to leave a cOmment.'/>

    </h3>


    <!-- this iframe below is your comment form. you can change the height, or add more style property into it -->

    <div id='comment-child' style='border:none; display: none; height:750px; width: 440px; margin-bottom: 5px; background: #fff none; border: 1px solid #FCO;'>

    <iframe expr:src='data:post.addCommentUrl' height='100%' scrolling='yes' style='border:none;' width='100%'/>

    <br/>

    <a href='http://www.jackbook.com/2007/06/how-to-make-readers-leave-comment.html' title='Want to have this on your blogger/blogspot?'>Comment Form under post in blogger/blogspot</a>

    </div>

    <!-- end of iframe -->


    </div>




    </b:if>


    <div id='backlinks-container'>


    <div expr:id='data:widget.instanceId + "_backlinks-container"'>


    <b:if cond='data:post.showBacklinks'>


    <b:include data='post' name='backlinks'/>


    </b:if>


    </div>


    </div>


    </div>


    </b:includable>






  9. Simpan kode ini di atas kode </body>








  10. <!-- www.jackbook.com --><!-- this to hide and show el -->


    <script languange='javascript'>

    function showcomment(a,b){var jackbookdotcom = document.getElementById(a);jackbookdotcom.style.display = 'none';jackbookdotcom = document.getElementById(b);jackbookdotcom.style.display = 'block';}


    </script><!-- www.jackbook.com -->






  11. Cari kode seperti di bawah ini :






  12. <span class='post-comment-link'>


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


    <b:if cond='data:post.allowComments'>


    <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>


    <b:if cond='data:post.numComments == 1'>1


    <data:top.commentLabel/>


    <b:else/>


    <data:post.numComments/>


    <data:top.commentLabelPlural/>


    </b:if></a>


    </b:if>


    </b:if>


    </span>









  13. gantilah kode di atas dengan kode di bawah ini :







  14. <span class='post-comment-link'>


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


    <b:if cond='data:post.allowComments'>


    <a class='comment-link' expr:href='data:post.url + "#comments"' >


    <b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/>


    <b:else/><data:post.numComments/>


    <data:top.commentLabelPlural/>


    </b:if></a>


    </b:if>


    </b:if>


    </span>





  15. Klik tombol simpan template




  16. Selesai. Silahkan lihat hasilnya.







Pada langkah yang ke 5 ada kode yang seperti ini :





<div style='height:750px; width: 440px; margin-bottom: 5px; background: #fff none; border: 1px solid #FCO;'>






Kode width: 440px;, angka 440px menandakan bahwa lebar kotak komentar adalah sebesar 440 pixel,
saran saya agar tampil lebih menarik sebaiknya nilai ini di ganti sesuai dengan lebar kolom posting pada template yang sobat pakai,
contoh pada blog saya yaitu width:520px



Untuk lebih mempermudah pencarian kode, sebaiknya sobat menggunakan mesin pencari pada masing-masing
browser. contoh pada Internet explorer, bila sobat mencari kode yang sebagiannya mengandung kode seperti ini : <span class='post-comment-link'>,
silahkan sobat klik menu Edit yang ada pada bar menu browser,
kemudian klik Find (on this page)..., lalu tulis <span class='post-comment-link'> trus klik tombol find next, maka secara otomatis akan di bawa ke kode tersebut.
Perhatikan gambar di bawah ini :





find





Karena langkah-langkah di atas banyak sekali mengubah kode-kode template yang ada di edit HTML,
maka sebaiknya jangan sampai lupa untuk membuatkan sebuah backup template, jika seandainya
sobat melakukan kesalahan, maka jangan panik. Upload kembali backup nya, nanti setelah itu kondisi
akan kembali seperti semula yaitu sebelum kode template di ubah-ubah.

Terima kasih



Baru online lagi nih, abis balik dari bandung. Belum ada tulisan baru,
sampai di jakarta senin malam ini, kepala saya masih terasa puyeng.
Beberapa hari ada di bandung nengokin istri yang sedang sakit, balik
ke jakarta sedikit terpaksa karena sudah beberapa hari tidak masuk kerja,
tidak enak sama teman-teman dan terutama sama bos. Bukan mau membicarakan
masalah blog, akan tetapi hanya mau mengucapkan kata Terima Kasih.




Kemarin sewaktu ada di bandung, saya mengambil dana melalui ATM BCA.
Karena memang sedang butuh untuk pengobatan istri yang sedang sakit, maka
semua uang tabungan yang ada di rekening BCA ingin saya ambil. Tidak
banyak pikir, saya langsung datang ke ATM BCA dan kemudian saya tulis seluruh
nilai tabungan saya. Tidak lama waktu berselang, uang sudah berada di tangan.
Satu yang sedikit mengherankan, lho ko dana saya masih ada sisanya, jumlahnya
cukup lumayan besar. Jika uang tersebut merupakan dana dari orang yang bergabung
ke resep bisnis atau
obral plus kemungkinan
besar bukan, karena jumlahnya cukup lumayan besar. Penasaran memang, tapi pikir saya
nanti saja saya lihat di internet banking kalau sudah ada di jakarta.



Hari senin pun tiba, tapi saya masih belum bisa ke jakarta karena istri masih minta
di temenin. Setelah menjelang sore hari, saya membujuk istri agar mengizinkan saya
untuk berangkat ke jakarta, maklum sudah beberapa hari tidak masuk kerja jadi tidak
enak sama teman-teman apalagi sama bos, selain itu pula banyak unit punya konsumen
yang belum selesai jadinya takut kena komplain apabila di tinggal terlalu lama.



Senin malam pun beranjak, dan sayapun tiba di kantor. Saya buka email, dan.........waduh...
115 email memenuhi inbox. Ada yang bertanya, ada spam, dan macem-macem dech.
Tidak lama menunggu saya pun langsung buka internet bankingnya BCA, saya buka
mutasi rekening untuk melihat siapa saja yang melakukan Transfer Dana ke saya,
terlihat nama-nama pengirimnya dan ada satu nama dengan jumlah transfer dana yang
cukup lumayan besar. Wah ini nih yang ngirim dana ke saya tempo hari... pikir saya.



Terus siapakah beliau ini yang telah memberikan suntikan dana tersebut. Dengan tidak
ada maksud apa-apa saya tuliskan namanya adalah BACHTIAR SITUMORAN, entah benar
entah salah penulisannya, tapi itulah yang tertulis di data pengirim. Dengan adanya
kiriman ini maka ada tanda tanya besar di benak saya, apakah ini ada orang yang salah
kirim ke rekening saya/rekening istri atau ada orang yang Berbaik Hati mengirimkan
donasi. Apabila ada orang yang salah kirim, tentunya saya harus mengembalikan uang tersebut,
namun apabila uang tersebut merupakan uang donasi untuk minum kopi
sebagai teman saya membuat tutorial-tutorial baru, maka beliau ini merupakan orang pertama
yang berbaik hati mengirimkan donasi. Apabila benar adanya, maka hanya satu kata
yang harus terlontar dari mulut saya yaitu TERIMA KASIH atas kebaikan yang telah
beliau lakukan. Apabila tidak keberatan, tolong kirim pesan melalui email ke saya.
dan bila tidak menyinggung perasaan beliau, saya ingin membuatkan satu postingan yang
akan saya buatkan link khusus untuk blog/website beliau.



Sekali lagi saya ucapkan terima kasih. Dan untuk para pembaca setia blog ini,
mungkin besok-besok akan ada tutorial baru, saat ini kepala saya masih terasa nyut-nyutan.



Sampai jumpa di postingan berikutnya.

Enable and Disable P2P Mikrotik

1. disable p2p connections

/ system script
add name="stop_dc1" source="ip firewall rule forward enable \[/ip firewall rule forward find action=drop\]
\n" \
policy=ftp,reboot,read,write,policy,test

for RouterOS v2.9 it looks like this:

/ system script
add name="stop_dc1" source="ip firewall filter enable \[/ip firewall filter find action=drop\]
\n" \
policy=ftp,reboot,read,write,policy,test

2. enable p2p connections

/ system script
add name="start_dc1" source="ip firewall rule forward disable \[/ip firewall rule forward find \
action=drop\]
\n" policy=ftp,reboot,read,write,policy,test

I have to add that for these two scripts you have to have a firewall rule:

/ ip firewall rule forward
add p2p=all-p2p action=drop comment="" disabled=no


ref:www.wiki.mikrotik.com

How to Block Websites with Mikrotik proxy

From MikroTik Wiki

This example will explain you “How to Block Web Sites” & “How to Stop Downloading”. I have use Web-Proxy test Package.

First, Configure Proxy.

/ip proxy
enabled: yes
src-address: 0.0.0.0
port: 8080
parent-proxy: 0.0.0.0:0
cache-drive: system
cache-administrator: "ASHISH PATEL"
max-disk-cache-size: none
max-ram-cache-size: none
cache-only-on-disk: no
maximal-client-connections: 1000
maximal-server-connections: 1000
max-object-size: 512KiB
max-fresh-time: 3d

Now, Make it Transparent

/ip firewall nat
chain=dstnat protocol=tcp dst-port=80 action=redirect to-ports=8080

Make sure that your proxy is NOT a Open Proxy

/ip firewall filter
chain=input in-interface= src-address=0.0.0.0/0 protocol=tcp dst-port=8080 action=drop

Now for Blocking Websites

/ip proxy access
dst-host=www.vansol27.com action=deny

It will block website http://www.vansol27.com, We can always block the same for different networks by giving src-address. It will block for particular source address.

We can also stop downloading files like.mp3, .exe, .dat, .avi,…etc.

/ip proxy access
path=*.exe action=deny
path=*.mp3 action=deny
path=*.zip action=deny
path=*.rar action=deny.

Try with this also

/ip proxy access
dst-host=:mail action=deny

This will block all the websites contain word “mail” in url.

Example: It will block www.hotmail.com, mail.yahoo.com, www.rediffmail.com

ref:http://wiki.mikrotik.com

Limit Different Bandwidth In Day and Night in Mikrotik

From MikroTik Wiki

There are lot many ways to limit bandwidth for day and Night, but personally I found this is the easiest way, Here it is.

I have used Simple Queue, Script and Scheduler.

Suppose we have one network 192.168.1.0/24 and want to limit Bandwidth for day and Night Time.

Network 192.168.1.0/24
Bandwidth = 06:00am – 18:00pm – 1Mbps.
Bandwidth = 18:00pm – 06:00am – 2Mbps.

Create two simple queues for the same network with different Bandwidth Limit.

/queue simple
#name=”Day” target-addresses=192.168.1.0/24 dst-address=0.0.0.0/0
interface= parent=none direction=both priority=8
queue=default-small/default-small limit-at=512k/512k
max-limit=1M/1M total-queue=default-small

#name=”Night” target-addresses=192.168.1.0/24 dst-address=0.0.0.0/0
interface= parent=none direction=both priority=8
queue=default-small/default-small limit-at=1M/1M
max-limit=2M/2M total-queue=default-small

Now, write scripts

/system script
#name=”Day” source=/queue simple enable Day; /queue simple disable Night

#name=”Night” source=/queue simple enable Night; /queue simple disable Day

Finally, Schedule it

/system scheduler
#name=”Day” on-event=Day start-date=oct/13/2007 start-time=06:00:00 interval=1d

#name=”Night” on-event=Night start-date=oct/13/2007 start-time=18:00:00 interval=1d