Dzakwan Share

Efek WIdget, dll bergerak

noreply@blogger.com (dzakwanA__gamer) — Tue, 3 Apr 2012 22:12:00 +0700

Untuk Contoh Silahkan Lihat Widget di Blog ini. Nah Sekarang Tinggal caranya, untuk menggerakannya anda tinggal rubah saja script-nya,
1. Masuk ke Blog anda, seperti biasa
2. Masuk ke tab Rancangan
3. Add Widget-> HTML -> ada 2 jenis kode, tinggal pilih

- untuk bolak balik
a. Kanan-Kiri

<marquee behavior='alternate' align='center' direction='right' height='200px' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' scrolldelay='10' width='100%'>Masukkan Teks atau script gadget disini</marquee>

b. Atas-Bawah

<marquee behavior='alternate' align='center' direction='up' height='400px' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' scrolldelay='10' width='100%'>Masukkan Teks atau script gadget disini</marquee>

- Untuk yang terus/nyambung

a. dari kanan ke kiri (arah bisa diganti menjadi right)

<marquee behavior='scroll' align='center' direction='left' height='200px' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' scrolldelay='10' width='100%'>Masukkan Teks atau script gadget disini</marquee>

b. Dari bawah ke atas (arah bisa diganti menjadi down)

<marquee behavior='scroll' align='center' direction='up' height='400px' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' scrolldelay='10' width='100%'>Masukkan Teks atau script gadget disini</marquee>

Okey Gan, moga Berhasil

BlogToC Widget Released

noreply@blogger.com (dzakwanA__gamer) — Tue, 3 Apr 2012 22:09:00 +0700

The job is done. We now have a complete interactive Table Of Contents. Click the button in my sidebar to display the TOC. You can sort the TOC by Post Title by clicking the column header. Click it again, and it is sorted in reversed order. The same way if you want to sort the posts by date: newest first, or oldest first. And by clicking on one of the labels in the TOC filters all posts with that label. Click the column header to return to the full ToC.

Here is how to install it to your Blog.

Step 1: Back Up your Template.

Step 2: Add a HTML Page Element
Edit your template in HTML-mode, and look for the <b:section> with id=main. This is the section that holds the Blog posts.
Change that line as follows:

<b:section class='main' id='main' maxwidgets='2' showaddelement='yes'>

Save the template and switch to the Page Elements Tab.
Add a HTML page element above your Blog Posts element.
Leave the title blank. Add the following html:

<div id="toc"></div>

Save your template.

Step 3: Add a Sidebar HTML-element
Now add a HTML-element to the sidebar. Set the title to "TOC".
For the contents, enter:

<div id="toclink"><a href="javascript:showToc();">Show TOC</a><br/><br/></div>
<script style="text/javascript" src="http://kpn.planet.nl/oosti468/downloads/blogtoc.js"></script>
<script src="http://YOURBLOG.blogspot.com/feeds/posts/default?alt=json-in-script&max-results=999&callback=loadtoc"></script>

Replace YOURBLOG with the name of ...... exactly.
Oh yes, and save.

Step 4: Add custom styles to the skin of your template.
New id's and classes are:
#toc : the div-wrapper that contains the TOC
.toc-header-col1 : header of column 1
.toc-header-col2 : header of column 2
.toc-header-col3 : header of column 3
.toc-entry-col1 : cell in column 1
.toc-entry-col2 : cell in column 2
.toc-entry-col3 : cell in column 3

For your convenience: Beautiful Beta uses the following styling:

<style type="text/css">
#toc {
  border: 0px solid #000000;
  background: #ffffff;
  padding: 5px;
  width:500px;
  margin-top:10px;
}
.toc-header-col1, .toc-header-col2, .toc-header-col3 {
  background: #ffd595;
  color: #000000;
  padding-left: 5px;
  width:250px;
}
.toc-header-col2 {
  width:75px;
}
.toc-header-col3 {
  width:125px;
}
.toc-header-col1 a:link, .toc-header-col1 a:visited, .toc-header-col2 a:link, .toc-header-col2 a:visited, .toc-header-col3 a:link, .toc-header-col3 a:visited {
  font-size:80%;
  text-decoration:none;
}
.toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover {
  font-size:80%;
  text-decoration:underline;
}

.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {
  padding-left: 5px;
  font-size:70%;
}
</style>

You can add this to the <b:skin>-part of the template, or insert it in the sidebar widget.

Enjoy!

Cara Membuat Scroll di Widget Blog

noreply@blogger.com (dzakwanA__gamer) — Tue, 3 Apr 2012 21:37:00 +0700

Cara Membuat Scroll di Widget Blog | Siang, Sobart Netter dan Sobat Blogger, Sebelumnya Sudah Di Bahas Cara Membuat Recent Post Berjalan, Label Tutorial Tips Kali ini angga akan Bahas mengenai Cara Membuat Scroll di Widget Blog Caranya Cukup Mudah, dan Terbukti Berhasil, Scroll ini bertujuan Menghemat Space Blog yang Terbatas, Sedangkan blog unya widget yang banyak, Cara Ini dapat di Lakukan, Berikut Caranya...

1. Login ke akun Blogger Sobat

2. Klik menu "Layout"

3. Klik pada "Page Element"

4. Klik "Add a Gadget " Kemudian pilih atau klik HTML/Javascript".

5. Copy Paste Script yang ada di bawah ini:

<div style="padding-right: 10px; padding-left: 10px; padding-bottom: 10px; overflow: auto; width: 255px; padding-top: 10px; height: 141px" 1px="1px" solid="solid">
<ul>
<p>SIMPAN DISINI LINK WIDGETNYA </p>

</ul>
</div>

11

noreply@blogger.com (dzakwanA__gamer) — Tue, 3 Apr 2012 15:57:00 +0700

11

/*-------------------------------------------------------------------- ----
*噗浪版型 Plurk CSS: 11
*設計出處 Design by: Be Myself Inc. M6
*背景圖源 Background image from: (san-x)
*更新版安裝網址 Install: www.plurk.com/installDesign/3997864-306f195787
*更多佈景 More Themes: www.flickr.com/groups/plurkcss
-- 我們設計的噗版CSS僅供個人自用，請勿改製再分享或用於商業用途 --
-- Copyright: 版權所有保留一切權利 All Rights Reserved --
---------------------------------------------------------------------- --*/

slowly raim

noreply@blogger.com (dzakwanA__gamer) — Tue, 3 Apr 2012 15:54:00 +0700

slowly raim

1280x800適用

/*-------------------------------------------------------------------- ----
*噗浪版型 Plurk CSS: slowly raim
*設計出處 Design by: Be Myself Inc. M6
*背景圖源 Background image from: (san-x)
*更新版安裝網址 Install: www.plurk.com/installDesign/3997864-c26ffb4887
*更多佈景 More Themes: www.flickr.com/groups/plurkcss
-- 我們設計的噗版CSS僅供個人自用，請勿改製再分享或用於商業用途 --
-- Copyright: 版權所有保留一切權利 All Rights Reserved --
---------------------------------------------------------------------- --*/

123＿六

noreply@blogger.com (dzakwanA__gamer) — Tue, 3 Apr 2012 15:53:00 +0700

123＿六

1920x1200適用

/*-------------------------------------------------------------------- ----
*噗浪版型 Plurk CSS: 123＿六
*設計出處 Design by: Be Myself Inc. M6
*背景圖源 Background image from: (wallpapers-room)
*更新版安裝網址 Install: www.plurk.com/installDesign/3306857-003d980e96
*更多佈景 More Themes: www.flickr.com/groups/plurkcss
-- 我們設計的噗版CSS僅供個人自用，請勿改製再分享或用於商業用途 --
-- Copyright: 版權所有保留一切權利 All Rights Reserved --
---------------------------------------------------------------------- --*/

5year

noreply@blogger.com (dzakwanA__gamer) — Tue, 3 Apr 2012 15:50:00 +0700

5year

/*-------------------------------------------------------------------- ----
噗浪版型 Plurk CSS: 5year
設計出處 Design by: Be Myself Inc. M6
背景圖源 Background image from: (san-x)
更新版安裝網址 Install: www.plurk.com/installDesign/3997864-65bf43a246
更多佈景 More Themes: www.flickr.com/groups/plurkcss
-- 我們設計的噗版CSS僅供個人自用，請勿改製再分享或用於商業用途 --
-- Copyright: 版權所有保留一切權利 All Rights Reserved --
---------------------------------------------------------------------- --*/

ㄔㄏ2

noreply@blogger.com (dzakwanA__gamer) — Tue, 3 Apr 2012 15:46:00 +0700

ㄔㄏ2

/*-------------------------------版權說明-------------------------------
此噗版由「如我協力創意工作室 Be Myself Inc.」設計提供，版權所有。
僅開放個人套用，歡迎個人噗友學習改成最適合自己的樣式（請註明原CSS出處），
商業性質及其他利用方式請勿套用、改製或引用，謝謝。
---------------------------------------------------------------------- --*/
/*-------------------------------------------------------------------- ----
噗浪版型 Plurk CSS: ㄔㄏ2
設計出處 Design by: Be Myself Inc. M6
背景圖源 Background image from: (san-x)
更新版安裝網址 Install: www.plurk.com/installDesign/3997864-902b511bd5
更多佈景 More Themes: www.flickr.com/groups/plurkcss
-- 此噗版CSS僅供個人自用，請勿改製再分享或用於商業用途 --
-- Copyright: 版權所有保留一切權利 All Rights Reserved --
---------------------------------------------------------------------- --*/

弦月

noreply@blogger.com (dzakwanA__gamer) — Tue, 3 Apr 2012 15:30:00 +0700

弦月

/*-------------------------------------------------------------------- ----
噗浪版型 Plurk CSS: 弦月
設計出處 Design by: Be Myself Inc. M6
背景圖源 Background image from: (wallpapers-room)
更新版安裝網址 Install: www.plurk.com/installDesign/3997864-df049c0b42
更多佈景 More Themes: www.flickr.com/groups/plurkcss
-- 此噗版CSS僅供個人自用，請勿改製再分享或用於商業用途 --
-- Copyright: 版權所有保留一切權利 All Rights Reserved --
---------------------------------------------------------------------- --*/

M0987654321

noreply@blogger.com (dzakwanA__gamer) — Tue, 3 Apr 2012 15:28:00 +0700

M0987654321

/*-------------------------------------------------------------------- ----
噗浪版型 Plurk CSS: M0987654321
設計出處 Design by: Be Myself Inc. M6
背景圖源 Background image from: (simpledesktops.com)
更新版安裝網址 Install: www.plurk.com/installDesign/3997864-9b583f88dc
更多佈景 More Themes: www.flickr.com/groups/plurkcss
-- 此噗版CSS僅供個人自用，請勿改製再分享或用於商業用途 --
-- Copyright: 版權所有保留一切權利 All Rights Reserved --
---------------------------------------------------------------------- --*/

庫洛

noreply@blogger.com (dzakwanA__gamer) — Tue, 3 Apr 2012 15:27:00 +0700

庫洛

/*-------------------------------------------------------------------- ----
噗浪版型 Plurk CSS: 庫洛
設計出處 Design by: Be Myself Inc. M6
背景圖源 Background image from: (customize.org)
更新版安裝網址 Install: www.plurk.com/installDesign/3997864-e0077c4d74
更多佈景 More Themes: www.flickr.com/groups/plurkcss
-- 我們設計的噗版CSS僅供個人自用，請勿改製再分享或用於商業用途 --
-- Copyright: 版權所有保留一切權利 All Rights Reserved --
---------------------------------------------------------------------- --*/

set

noreply@blogger.com (dzakwanA__gamer) — Tue, 3 Apr 2012 15:25:00 +0700

set

/*-------------------------------版權說明-------------------------------
此噗版由「如我協力創意工作室 Be Myself Inc.」設計提供，版權所有。
僅開放個人套用，歡迎個人噗友學習改成最適合自己的樣式（請註明原CSS出處），
商業性質及其他利用方式請勿套用、改製或引用，謝謝。
---------------------------------------------------------------------- --*/
/*-------------------------------------------------------------------- ----
噗浪版型 Plurk CSS: set
設計出處 Design by: Be Myself Inc. M6
背景圖源 Background image from: (san-x)
更新版安裝網址 Install: www.plurk.com/installDesign/3997864-e4abde9628
更多佈景 More Themes: www.flickr.com/groups/plurkcss
-- 此噗版CSS僅供個人自用，請勿改製再分享或用於商業用途 --
-- Copyright: 版權所有保留一切權利 All Rights Reserved --
---------------------------------------------------------------------- --*/

ㄔㄏ

noreply@blogger.com (dzakwanA__gamer) — Tue, 3 Apr 2012 15:23:00 +0700

ㄔㄏ3

/*-------------------------------版權說明-------------------------------
此噗版由「如我協力創意工作室 Be Myself Inc.」設計提供，版權所有。
僅開放個人套用，歡迎個人噗友學習改成最適合自己的樣式（請註明原CSS出處），
商業性質及其他利用方式請勿套用、改製或引用，謝謝。
---------------------------------------------------------------------- --*/
/*-------------------------------------------------------------------- ----
噗浪版型 Plurk CSS: ㄔㄏ3
設計出處 Design by: Be Myself Inc. M6
背景圖源 Background image from: (san-x)
更新版安裝網址 Install: www.plurk.com/installDesign/3997864-c16b29a3be
更多佈景 More Themes: www.flickr.com/groups/plurkcss
-- 此噗版CSS僅供個人自用，請勿改製再分享或用於商業用途 --
-- Copyright: 版權所有保留一切權利 All Rights Reserved --
---------------------------------------------------------------------- --*/

move move move2

noreply@blogger.com (dzakwanA__gamer) — Tue, 3 Apr 2012 15:22:00 +0700

move move move2

/*-------------------------------版權說明-------------------------------
此噗版由「如我協力創意工作室 Be Myself Inc.」設計提供，版權所有。
僅開放個人套用，歡迎個人噗友學習改成最適合自己的樣式（請註明原CSS出處），
商業性質及其他利用方式請勿套用、改製或引用，謝謝。
---------------------------------------------------------------------- --*/
/*-------------------------------------------------------------------- ----
噗浪版型 Plurk CSS: move move move2
設計出處 Design by: Be Myself Inc. M6
背景圖源 Background image from: (san-x)
更新版安裝網址 Install: www.plurk.com/installDesign/3997864-736f41b28a
更多佈景 More Themes: www.flickr.com/groups/plurkcss
-- 此噗版CSS僅供個人自用，請勿改製再分享或用於商業用途 --
-- Copyright: 版權所有保留一切權利 All Rights Reserved --
---------------------------------------------------------------------- --*/

三連彈＿一

noreply@blogger.com (dzakwanA__gamer) — Tue, 3 Apr 2012 15:19:00 +0700

三連彈＿一

/*-------------------------------------------------------------------- ----
噗浪版型 Plurk CSS: 三連彈＿一
設計出處 Design by: Be Myself Inc. M6
背景圖源 Background image from: (san-x)
更新版安裝網址 Install: www.plurk.com/installDesign/3997864-f91e33f8bc
更多佈景 More Themes: www.flickr.com/groups/plurkcss
-- 此噗版CSS僅供個人自用，請勿改製再分享或用於商業用途 --
-- Copyright: 版權所有保留一切權利 All Rights Reserved --
---------------------------------------------------------------------- --*/

ㄚＭ十

noreply@blogger.com (dzakwanA__gamer) — Tue, 3 Apr 2012 15:13:00 +0700

ㄚＭ十

/* 此噗版由「如我協力創意工作室 Be Myself Inc.」設計提供，僅供個人噗友自用，請勿改製再分享或用於商業等其他用途 */
/*-------------------------------------------------------------------- ----
噗浪版型 Plurk CSS: ㄚＭ十
設計出處 Design by: Be Myself Inc. M6
背景圖源 Background image from: (san-x)
安裝網址 Install: www.plurk.com/installDesign/3997864-27c890b6b8
更多佈景 More Themes: www.flickr.com/groups/plurkcss
Copyright: 版權所有保留一切權利 All Rights Reserved.
---------------------------------------------------------------------- --*/

煌宇星雷十十十

noreply@blogger.com (dzakwanA__gamer) — Tue, 3 Apr 2012 15:10:00 +0700

煌宇星雷十十十

/* 此噗版由「如我協力創意工作室 Be Myself Inc.」設計提供，僅供個人噗友自用，請勿改製再分享或用於商業等其他用途 */

/*-------------------------------------------------------------------- ----
噗浪版型 Plurk CSS: 煌宇星雷十十十
設計出處 Design by: Be Myself Inc. M6
背景圖源 Background image from: (socwall.com)
更新版安裝網址 Install: www.plurk.com/installDesign/3997864-991a528f24
更多佈景 More Themes: www.flickr.com/groups/plurkcss
Copyright: 版權所有保留一切權利 All Rights Reserved.
---------------------------------------------------------------------- --*/

Font Emoticons

noreply@blogger.com (dzakwanA__gamer) — Sun, 1 Apr 2012 09:27:00 +0700



klik kanan gambar copy image locaton paste di plurk

Evil Emoticons

noreply@blogger.com (dzakwanA__gamer) — Sun, 1 Apr 2012 09:25:00 +0700



klik kanan gambar copy image location copas di plurk ok

Monkey Emoticons Plurk part 4

noreply@blogger.com (dzakwanA__gamer) — Sun, 1 Apr 2012 09:23:00 +0700

Monkey Emoticons Plurk part 3

noreply@blogger.com (dzakwanA__gamer) — Sun, 1 Apr 2012 09:22:00 +0700



klik kanan gambar copy image location copas di plurk ok

Monkey Emoticons Plurk part 2

noreply@blogger.com (dzakwanA__gamer) — Sun, 1 Apr 2012 09:21:00 +0700



klik kanan gembar copy image location copas di plurk ok

Monkey Emoticons Plurk

noreply@blogger.com (dzakwanA__gamer) — Sun, 1 Apr 2012 09:18:00 +0700



klik kanan gambar - copy image location - copas di plurk ok

3D emoticon zplurk

noreply@blogger.com (dzakwanA__gamer) — Sun, 1 Apr 2012 09:15:00 +0700



klik kanan gambar - copy image location - copas di plurk ok

animated emoticon part 3

noreply@blogger.com (dzakwanA__gamer) — Sun, 1 Apr 2012 09:12:00 +0700

klik kanan gambar copy image location - copas di plurk ok

Dzakwan Share

Efek WIdget, dll bergerak

BlogToC Widget Released

Cara Membuat Scroll di Widget Blog

11

11

slowly raim

slowly raim

123＿六

123＿六

5year

5year

ㄔㄏ2

ㄔㄏ2

弦月

弦月

M0987654321

M0987654321

庫洛

庫洛

set

set

ㄔㄏ

ㄔㄏ3

move move move2

move move move2

三連彈＿一

三連彈＿一

ㄚＭ十

ㄚＭ十

煌宇星雷十十十

煌宇星雷十十十

Font Emoticons

Evil Emoticons

Monkey Emoticons Plurk part 4

Monkey Emoticons Plurk part 3

Monkey Emoticons Plurk part 2

Monkey Emoticons Plurk

klik kanan gambar - copy image location - copas di plurk ok

3D emoticon zplurk

animated emoticon part 3