Cara Membuat Tooltip Otomatis di Blog








Berikut Langkah-Langkah  Cara Membuat Tooltip Otomatis di Blog
Langkah Pertama, seperti biasa login ke akun blogger sobat. ( bukan punya orang lain...)
Kedua, Masuk ke Rancangan - Edit HTML
Ketiga, Centang Expand Template Widget.
Keempat, Paste Kode Berikut di bawah kode <body>.

    <script src='http://javascript-share.googlecode.com/files/wb.js'/><a href='http://www.warungbebas.com' id='wb_ttauth'>Created (c) by Princexells Seyka (Princelling Saki)</a><script type='text/javascript'>//<![CDATA[
    wb.tooltip_setting =
    {
    func : "Tooltip",
    top : 5,
    left : 5,
    maxw : 300,
    speed : 20,
    timer : 40,
    endalpha : 95,
    alpha : 0,
    style_plus : "#tt{border:3px solid #778899;background:#dcdcdc}#ttcont{background:#000000;color:#00ff00}"
    };
    //]]></script><script src='http://javascript-share.googlecode.com/files/wb_tooltips.js'/>
    <script src='http://javascript-share.googlecode.com/files/wb_autotooltips.js'/><!-- pembuka warungbebasautotooltip --><div id='warungbebasautotooltip'>

 Kelima, Paste Lagi kode berikut di atas kode </body>

    </div><!-- penutup warungbebasautotooltip --><script type='text/javascript'>wb.$_auto_tooltip(&#39;warungbebasautotooltip&#39;);</script>

Keenam, Save Template.
NB : Sobat Bisa mengatur tampilan Tooltip dengan memodifikasi kode yang berwarna biru.
Sobat tidak boleh mengubah kode - kode selain yang berwarna biru.... karena kalo tidak, tooltip akan mengalami Error.

Read more: http://myhafiezers.blogspot.com/2012/04/cara-membuat-tooltip-otomatis-di-blog.html#ixzz2DBIim0Ut








Berikut Langkah-Langkah  Cara Membuat Tooltip Otomatis di Blog
Langkah Pertama, seperti biasa login ke akun blogger sobat. ( bukan punya orang lain...)
Kedua, Masuk ke Rancangan - Edit HTML
Ketiga, Centang Expand Template Widget.
Keempat, Paste Kode Berikut di bawah kode <body>.

    <script src='http://javascript-share.googlecode.com/files/wb.js'/><a href='http://www.warungbebas.com' id='wb_ttauth'>Created (c) by Princexells Seyka (Princelling Saki)</a><script type='text/javascript'>//<![CDATA[
    wb.tooltip_setting =
    {
    func : "Tooltip",
    top : 5,
    left : 5,
    maxw : 300,
    speed : 20,
    timer : 40,
    endalpha : 95,
    alpha : 0,
    style_plus : "#tt{border:3px solid #778899;background:#dcdcdc}#ttcont{background:#000000;color:#00ff00}"
    };
    //]]></script><script src='http://javascript-share.googlecode.com/files/wb_tooltips.js'/>
    <script src='http://javascript-share.googlecode.com/files/wb_autotooltips.js'/><!-- pembuka warungbebasautotooltip --><div id='warungbebasautotooltip'>

 Kelima, Paste Lagi kode berikut di atas kode </body>

    </div><!-- penutup warungbebasautotooltip --><script type='text/javascript'>wb.$_auto_tooltip(&#39;warungbebasautotooltip&#39;);</script>

Keenam, Save Template.
NB : Sobat Bisa mengatur tampilan Tooltip dengan memodifikasi kode yang berwarna biru.
Sobat tidak boleh mengubah kode - kode selain yang berwarna biru.... karena kalo tidak, tooltip akan mengalami Error.

Read more: http://myhafiezers.blogspot.com/2012/04/cara-membuat-tooltip-otomatis-di-blog.html#ixzz2DBIim0Ut

Label:

Mau Buat Daftar Isi Yang Keren Di Blog


Menemani sobat blogger yang suka mengutak atik blog agar kelihatan Ganteng, DeeJayHan kembali hadir dalam acara dan Gelombang Daftar Isi.
Setelah beberapa hari lalu kita membahas berbagai cara membuat Daftar Isi blog yang keren antara lain :
Kini saatnya kita buat lagi Daftar Isi, Berikut cara pasang di blog : Cek View Demo Dulu


Pertama
Klik + +
Kedua Masukkan HTML di bawah ini ke EDIT HTML di dalam postingan

<style>
#daftar-isi-body
{
         width:760px!important;
         height:600px!important;
         padding:30px 40px;
         margin:0 auto;
}
 #daftar-isi-wrap
{
         margin: 0 auto;
}
 .box-posting
{
         background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEig484DdUwPdvNZz3-ll2_fASaF4YMLbqMWbsOkk_5lqHVbBRLJWKaSSS8fUFfJMubkSXzdSjxr54EvfDIA1v9bQmjHqn6Ip5NpKUQxI5APIY1x7sC-1Nl-8sOMq_Z7NP3VOQtOT6U3Uf8/s1600/bg-box.png);
         background-position:bottom center;
         background-repeat:no-repeat;
         overflow:hidden;
         cursor:pointer;
         float:left;
         height:140px;
         width:248px;
         margin:-50px 0 0 0;
}
 .box-posting img
{
         height:46px;
         width:46px;
         float:left;
         margin:20px 0 0 25px;
         background-color:#2E0700;
         border:1px solid #2E0700;
         -webkit-border-radius: 30px;
         -moz-border-radius: 30px;
         border-radius: 50%;
}
 .box-posting .judul-posting
{
         float:left;
         height:35px;
         margin:0;
         width:220px;
}
 .box-posting .judul-posting a
{
         font-family:arial,Serif !important;
         color:#774A34!important;
         text-shadow:0 0 1px rgba(0,0,0,0.9);
         margin:-40px 0 0 80px;
         display:block;
         font-size:13px !important;
         line-height:18px!important;
         font-weight:bold !important;
}
 .box-posting .judul-posting a:hover
{
         color:#333!important;
}
 .box-posting:hover
{
         border-left-color:#C6EB04;
}
 #totales
{
         text-align:center;
         color:#774A34 !important;
         text-shadow:0 1px rgba(0,0,0,0.2);
}
 #loadingscript
{
         color:#444;
         font-family:Century Gothic;
         font-size:100px;
         letter-spacing:-10px;
         text-align:center;
         text-shadow:-5px 0 1px #444;
}
 #paginacion
{
         color:#BBB;
         font-size:24px;
         font-weight:bold;
         height:35px;
         line-height:28px;
         padding:0;
         margin:0 auto;
         text-align:center;
}
 #paginacion span,#paginacion a
{
         display:inline-block;
         font-size:13px !important;
         line-height:24px;
         font-weight:bold;
         margin:0 1px;
         width:25px;
         height:25px;
}
#paginacion a, #paginacion span.actual
{
         background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQYRHUSjCkcyIdNVPCET-qqNvDzd-oWr13hMTHCs4iNGtdcgIEQOZBBsaTc2D0gqPU51U0uKwhDwycAwPnYkrxodklfpgoTjdyxLUHhmE6aYENklpjrlaqgOyyOqPaTH3PmNzGq-yX_kE/s1600/page-link.png);
         background-position:top center;
         background-repeat:no-repeat;
         color:#250700 !important;
         text-shadow:0px 1px 0px rgba(255,255,255,0.1);
}
 #paginacion span.actual
{
         color:#774A34 !important;
}
 #paginacion a:hover
{
         color:#FFF !important;
}
 #paginacion .nextprev-link,
 #paginacion span.nextprev-link
{
         border:none;
         color:#250700 !important;
         text-shadow:0px 1px 0px rgba(255,255,255,0.1);
         width:100px;
         background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoJavxODqf8DkSwIE5-HWr8qHNtXtbTHA_ytzXXMuibs3BxZCHiAp1AowR3bpENCZsDZKnOrXHQbCidtRQB7cBjNRbXGl3eL69izwhAo6kwIK9ThpK5GA5hfU_PNYaFiQyPgETdiMadN4/s1600/nextprev.png);
         background-position:top center;
         background-repeat:no-repeat;
}
</style>
<script type="text/javascript">
                  var jumlahposting = 18;
                  var urlblog = "http://www.one-rganization.org";
                  var minpaginas = 5;
                  var maxpaginas = 10;
                  var thumbs = "http://upload.wikimedia.org/wikipedia/commons/6/66/Colour_wheel_(black_background).JPG";
                                            </script>
<script language="javascript" src="http://hanjs.googlecode.com/files/sitemaps.js"></script>

Menemani sobat blogger yang suka mengutak atik blog agar kelihatan Ganteng, DeeJayHan kembali hadir dalam acara dan Gelombang Daftar Isi.
Setelah beberapa hari lalu kita membahas berbagai cara membuat Daftar Isi blog yang keren antara lain :
Kini saatnya kita buat lagi Daftar Isi, Berikut cara pasang di blog : Cek View Demo Dulu


Pertama
Klik + +
Kedua Masukkan HTML di bawah ini ke EDIT HTML di dalam postingan

<style>
#daftar-isi-body
{
         width:760px!important;
         height:600px!important;
         padding:30px 40px;
         margin:0 auto;
}
 #daftar-isi-wrap
{
         margin: 0 auto;
}
 .box-posting
{
         background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEig484DdUwPdvNZz3-ll2_fASaF4YMLbqMWbsOkk_5lqHVbBRLJWKaSSS8fUFfJMubkSXzdSjxr54EvfDIA1v9bQmjHqn6Ip5NpKUQxI5APIY1x7sC-1Nl-8sOMq_Z7NP3VOQtOT6U3Uf8/s1600/bg-box.png);
         background-position:bottom center;
         background-repeat:no-repeat;
         overflow:hidden;
         cursor:pointer;
         float:left;
         height:140px;
         width:248px;
         margin:-50px 0 0 0;
}
 .box-posting img
{
         height:46px;
         width:46px;
         float:left;
         margin:20px 0 0 25px;
         background-color:#2E0700;
         border:1px solid #2E0700;
         -webkit-border-radius: 30px;
         -moz-border-radius: 30px;
         border-radius: 50%;
}
 .box-posting .judul-posting
{
         float:left;
         height:35px;
         margin:0;
         width:220px;
}
 .box-posting .judul-posting a
{
         font-family:arial,Serif !important;
         color:#774A34!important;
         text-shadow:0 0 1px rgba(0,0,0,0.9);
         margin:-40px 0 0 80px;
         display:block;
         font-size:13px !important;
         line-height:18px!important;
         font-weight:bold !important;
}
 .box-posting .judul-posting a:hover
{
         color:#333!important;
}
 .box-posting:hover
{
         border-left-color:#C6EB04;
}
 #totales
{
         text-align:center;
         color:#774A34 !important;
         text-shadow:0 1px rgba(0,0,0,0.2);
}
 #loadingscript
{
         color:#444;
         font-family:Century Gothic;
         font-size:100px;
         letter-spacing:-10px;
         text-align:center;
         text-shadow:-5px 0 1px #444;
}
 #paginacion
{
         color:#BBB;
         font-size:24px;
         font-weight:bold;
         height:35px;
         line-height:28px;
         padding:0;
         margin:0 auto;
         text-align:center;
}
 #paginacion span,#paginacion a
{
         display:inline-block;
         font-size:13px !important;
         line-height:24px;
         font-weight:bold;
         margin:0 1px;
         width:25px;
         height:25px;
}
#paginacion a, #paginacion span.actual
{
         background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQYRHUSjCkcyIdNVPCET-qqNvDzd-oWr13hMTHCs4iNGtdcgIEQOZBBsaTc2D0gqPU51U0uKwhDwycAwPnYkrxodklfpgoTjdyxLUHhmE6aYENklpjrlaqgOyyOqPaTH3PmNzGq-yX_kE/s1600/page-link.png);
         background-position:top center;
         background-repeat:no-repeat;
         color:#250700 !important;
         text-shadow:0px 1px 0px rgba(255,255,255,0.1);
}
 #paginacion span.actual
{
         color:#774A34 !important;
}
 #paginacion a:hover
{
         color:#FFF !important;
}
 #paginacion .nextprev-link,
 #paginacion span.nextprev-link
{
         border:none;
         color:#250700 !important;
         text-shadow:0px 1px 0px rgba(255,255,255,0.1);
         width:100px;
         background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoJavxODqf8DkSwIE5-HWr8qHNtXtbTHA_ytzXXMuibs3BxZCHiAp1AowR3bpENCZsDZKnOrXHQbCidtRQB7cBjNRbXGl3eL69izwhAo6kwIK9ThpK5GA5hfU_PNYaFiQyPgETdiMadN4/s1600/nextprev.png);
         background-position:top center;
         background-repeat:no-repeat;
}
</style>
<script type="text/javascript">
                  var jumlahposting = 18;
                  var urlblog = "http://www.one-rganization.org";
                  var minpaginas = 5;
                  var maxpaginas = 10;
                  var thumbs = "http://upload.wikimedia.org/wikipedia/commons/6/66/Colour_wheel_(black_background).JPG";
                                            </script>
<script language="javascript" src="http://hanjs.googlecode.com/files/sitemaps.js"></script>
Label:

Daftar Isi

Membuat Post

Mengganti Logo Favicon Blogger

Mengganti Logo Favicon Blogger
Mengganti Logo Favicon Blogger-Sebenarnya apa sich favicon itu?Ya,favicon adalah kependekan dari favorit icon yaitu icon yang menunjukkan ciri khas pada blog sobat yang ada pada area tab web browser.Ketika sobat mendaftar blogger atapun wordpress,pada dasarnya sudah ada favicon default bawaan dari masing" platform tersebut.Sobat bisa menggantinya sesuka sobat dan sesuai keinginan sobat.Tau ga caranya?,emmmmp..kalo ga tau,di kasih tw ga yaa?????hehehe....Ok sob,untuk Mengganti Logo Favicon Blogger yuk ikuti saya.
1.Login ke akun blogger sobat dulu
2.Pilih "Opsi Lainya">>Template>>Edit HTML>>Lanjutkan
3.cari kode  seperti ini
<b:skin><![CDATA[/*
kalo ga ada pokoknya yang mirip"g7 dech sob,kalo udah nanti diatasnya akan ada kode seperti ini 
<link href='URL GAMBAR FAVICON' rel='shortcut icon'/>
Ganti URL GAMBAR FAVICON dengan URL gambar sobat.Nahh,..kalo ga ada gimana sob???Gampang,tinggal tambahin aja  kode ini 
<link href='URL GAMBAR FAVICON' rel='shortcut icon'/>
4.Langkah terakhir "Save Template"
Ok sukses yach buat sahabat planktoon yang mau coba :)
Mengganti Logo Favicon Blogger
Mengganti Logo Favicon Blogger-Sebenarnya apa sich favicon itu?Ya,favicon adalah kependekan dari favorit icon yaitu icon yang menunjukkan ciri khas pada blog sobat yang ada pada area tab web browser.Ketika sobat mendaftar blogger atapun wordpress,pada dasarnya sudah ada favicon default bawaan dari masing" platform tersebut.Sobat bisa menggantinya sesuka sobat dan sesuai keinginan sobat.Tau ga caranya?,emmmmp..kalo ga tau,di kasih tw ga yaa?????hehehe....Ok sob,untuk Mengganti Logo Favicon Blogger yuk ikuti saya.
1.Login ke akun blogger sobat dulu
2.Pilih "Opsi Lainya">>Template>>Edit HTML>>Lanjutkan
3.cari kode  seperti ini
<b:skin><![CDATA[/*
kalo ga ada pokoknya yang mirip"g7 dech sob,kalo udah nanti diatasnya akan ada kode seperti ini 
<link href='URL GAMBAR FAVICON' rel='shortcut icon'/>
Ganti URL GAMBAR FAVICON dengan URL gambar sobat.Nahh,..kalo ga ada gimana sob???Gampang,tinggal tambahin aja  kode ini 
<link href='URL GAMBAR FAVICON' rel='shortcut icon'/>
4.Langkah terakhir "Save Template"
Ok sukses yach buat sahabat planktoon yang mau coba :)
Label:

Download Fonts keren unik gratis

Download Fonts keren unik gratis untuk tambahan koleksi desain grafis dan editing mulai dari italic arabic dan normal font

BANTUAN CARA PEMASANGAN FONTS
Cara Instal / Pemasangan Font pada Komputer untuk OS Windows XP
- Download font, karena font dalam keadaan zip file maka extract file tersebut
- copy atau cut file font yang telah diekstract
- Masuk ke Control Panel -> Pilih Font dan paste file font tersebut
- Akan muncul pernyataan dan font telah terinstal di komputer anda

Cara Instal / Pemasangan Font pada Komputer untuk OS Windows Seven
- Download font, karena font dalam keadaan zip file maka extract file tersebut
- copy atau cut file font yang telah diekstract
- Masuk ke Control Panel -> di Search kanan atas ketik Font, lalu klik Fonts
- Paste Font di tempat daftar Font windows 7
- Akan muncul pernyataan dan font telah terinstal di komputer anda

Ketika anda membuka Photoshop / Coreldraw / Flash / maupun program yang lain maka font akan otomatis terload di aplikasi tersebut

Selamat Menikmati, semoga bermanfaat
DOWNLOAD FONTS
Typeface: Resident Evil Font
Preview:
resident-evil
Download
Typeface: akashi
Preview:
akashi
Download
Typeface: KASnake
Preview:
KASnake
Download
Typeface: TRAJAN PRO REGULAR
Preview:
TRAJAN PRO REGULAR
Download
Typeface: ANDROID - Special font ANDROID TM (by GOOGLE INC)
Preview:
ANDROID fonts
Download
Typeface: Alice in Wonderland
Preview:
Alice in Wonderland
Download
Typeface: Ithornet
Preview:
Ithornet
Download
Typeface: Knaft Art Vector Font
Preview:
Knaft Art Vector Font
Download
Typeface: Harry Potter Font
Preview:
Harry Potter Font
Download
Typeface: SF Movie Poster Font
Preview:
SF Movie Poster Font
Download
Typeface: Start Dust Font
Preview:
Start Dust Font
Download		 Typeface: Tron
Preview:
akashi
Download
Typeface: Walt Desney
Preview:
Walt Desney
Download
Typeface: BLAZED
Preview:
BLAZED
Download
Typeface: Corleone
Preview:
Corleone
Download
Typeface: Kingdom Hearts
Preview:
Kingdom Hearts
Download
Typeface: Dot Curve
Preview:
Dot Curve
Download
Typeface: Alhambra
Preview:
Alhambra
Download
Typeface: Death Note Font
Preview:
Death Note Font
Download
Typeface: Exus Pilot
Preview:
Exus Pilot
Download
Typeface: Jokerman Font
Preview:
Jokerman Font
Download
Typeface: Halucinations Font
Preview:
Halucinations Font
Download
PILIH KATEGORI
rss Google Plus
PHOTOSHOP
 - Photoshop Dasar
 - Photoshop Teks Efek
 - Photoshop Foto Efek
 - Photoshop Alternatif
 - Photoshop Tools

PHOTOGRAPHY
 - Adobe Lightroom

CORELDRAW
 - Corel Dasar
 - Corel Logo Desain
 - Corel Bebas
 - Coreldraw Tools

ILLUSTRATOR
 - illustrator Vector

ANIMATION
 - Flash
 - SwishMAX

 - WEB DESAIN
 - Dreamweaver
 - Fireworks

DESKTOP PUBLISHING
 - Freehand
 - InDesign

MICROSOFT
 - Paint
 - Visio

3D Dan ARSITEKTUR
 - Cinema 4D
 - 3DS Max Studio
 - MAYA
 - AutoCAD

VIDEO PRODUCTION
 - Adobe Premiere
 - After Effect
 - Pinnacle Studio

FREEWARE
 - GIMP
 - InkSCAPE

IG QR Code
barcode ilmugrafis.com
Scan Code untuk membuka dari Smartphone

IG apk IlmuGrafis Launcher (apk)

+ Link to ilmuGrafis
tutorial ilmu grafis indonesia

Kode HTML
Silahkan boleh dipasang di blog/web anda

--// Persaudaraan ilmuGrafis
+ Yesimadesigner.com
+ IlmuWebsite.com
+ DesainStudio.com
+ IlmuPhotoshop.com
+ EfekPhotoshop.com
+ PhotoshopID.com
+ All Friends

--// Support ilmuGrafis Adv.

Belanja Games PC murah berkualitas Visit : belanja games
Download Fonts keren unik gratis untuk tambahan koleksi desain grafis dan editing mulai dari italic arabic dan normal font

BANTUAN CARA PEMASANGAN FONTS
Cara Instal / Pemasangan Font pada Komputer untuk OS Windows XP
- Download font, karena font dalam keadaan zip file maka extract file tersebut
- copy atau cut file font yang telah diekstract
- Masuk ke Control Panel -> Pilih Font dan paste file font tersebut
- Akan muncul pernyataan dan font telah terinstal di komputer anda

Cara Instal / Pemasangan Font pada Komputer untuk OS Windows Seven
- Download font, karena font dalam keadaan zip file maka extract file tersebut
- copy atau cut file font yang telah diekstract
- Masuk ke Control Panel -> di Search kanan atas ketik Font, lalu klik Fonts
- Paste Font di tempat daftar Font windows 7
- Akan muncul pernyataan dan font telah terinstal di komputer anda

Ketika anda membuka Photoshop / Coreldraw / Flash / maupun program yang lain maka font akan otomatis terload di aplikasi tersebut

Selamat Menikmati, semoga bermanfaat
DOWNLOAD FONTS
Typeface: Resident Evil Font
Preview:
resident-evil
Download
Typeface: akashi
Preview:
akashi
Download
Typeface: KASnake
Preview:
KASnake
Download
Typeface: TRAJAN PRO REGULAR
Preview:
TRAJAN PRO REGULAR
Download
Typeface: ANDROID - Special font ANDROID TM (by GOOGLE INC)
Preview:
ANDROID fonts
Download
Typeface: Alice in Wonderland
Preview:
Alice in Wonderland
Download
Typeface: Ithornet
Preview:
Ithornet
Download
Typeface: Knaft Art Vector Font
Preview:
Knaft Art Vector Font
Download
Typeface: Harry Potter Font
Preview:
Harry Potter Font
Download
Typeface: SF Movie Poster Font
Preview:
SF Movie Poster Font
Download
Typeface: Start Dust Font
Preview:
Start Dust Font
Download		 Typeface: Tron
Preview:
akashi
Download
Typeface: Walt Desney
Preview:
Walt Desney
Download
Typeface: BLAZED
Preview:
BLAZED
Download
Typeface: Corleone
Preview:
Corleone
Download
Typeface: Kingdom Hearts
Preview:
Kingdom Hearts
Download
Typeface: Dot Curve
Preview:
Dot Curve
Download
Typeface: Alhambra
Preview:
Alhambra
Download
Typeface: Death Note Font
Preview:
Death Note Font
Download
Typeface: Exus Pilot
Preview:
Exus Pilot
Download
Typeface: Jokerman Font
Preview:
Jokerman Font
Download
Typeface: Halucinations Font
Preview:
Halucinations Font
Download
PILIH KATEGORI
rss Google Plus
PHOTOSHOP
 - Photoshop Dasar
 - Photoshop Teks Efek
 - Photoshop Foto Efek
 - Photoshop Alternatif
 - Photoshop Tools

PHOTOGRAPHY
 - Adobe Lightroom

CORELDRAW
 - Corel Dasar
 - Corel Logo Desain
 - Corel Bebas
 - Coreldraw Tools

ILLUSTRATOR
 - illustrator Vector

ANIMATION
 - Flash
 - SwishMAX

 - WEB DESAIN
 - Dreamweaver
 - Fireworks

DESKTOP PUBLISHING
 - Freehand
 - InDesign

MICROSOFT
 - Paint
 - Visio

3D Dan ARSITEKTUR
 - Cinema 4D
 - 3DS Max Studio
 - MAYA
 - AutoCAD

VIDEO PRODUCTION
 - Adobe Premiere
 - After Effect
 - Pinnacle Studio

FREEWARE
 - GIMP
 - InkSCAPE

IG QR Code
barcode ilmugrafis.com
Scan Code untuk membuka dari Smartphone

IG apk IlmuGrafis Launcher (apk)

+ Link to ilmuGrafis
tutorial ilmu grafis indonesia

Kode HTML
Silahkan boleh dipasang di blog/web anda

--// Persaudaraan ilmuGrafis
+ Yesimadesigner.com
+ IlmuWebsite.com
+ DesainStudio.com
+ IlmuPhotoshop.com
+ EfekPhotoshop.com
+ PhotoshopID.com
+ All Friends

--// Support ilmuGrafis Adv.

Belanja Games PC murah berkualitas Visit : belanja games
Label: ,

Download Gratis Font Kreatif Sans Poster Bold 3D


Preview:

Download Gratis Font Kreatif Sans Poster Bold 3D

DOWNLOAD
Size: ttf 28.17 KB

Cara install yang cepat bisa dipelajari DISINI








Mohon beritahu saya jika anda menemukan ada link yang erorr pada blog ini
Terima kasih

Preview:

Download Gratis Font Kreatif Sans Poster Bold 3D

DOWNLOAD
Size: ttf 28.17 KB

Cara install yang cepat bisa dipelajari DISINI








Mohon beritahu saya jika anda menemukan ada link yang erorr pada blog ini
Terima kasih
Label: , , ,

Cara Cerdik Mempercepat Koneksi Internet: Hack Registry Komputer!

Pertama sekali tekanlah tombol ("Logo Wndows" + R) pada keyboard. Dan begitu jendela kotak run terbuka, maka ketiklah kode gpedit.msc. Kemudian Enter atau klik tombol OK. Selanjutnya ikuti langkah-langkahnya seperti gambar berikut:


Cara Bulus Mempercepat Koneksi Internet: Hack Registry Komputer!


Cara Bulus Mempercepat Koneksi Internet: Hack Registry Komputer!


Cara Bulus Mempercepat Koneksi Internet: Hack Registry Komputer!


Cara Bulus Mempercepat Koneksi Internet: Hack Registry Komputer!

Nah setelah ini, anda masih bisa melakukan beberapa pengaturan pada registry komputer anda untuk lebih mengoptimalkan koneksi internet pada komputer anda.
Pertama sekali tekanlah tombol ("Logo Wndows" + R) pada keyboard. Dan begitu jendela kotak run terbuka, maka ketiklah kode gpedit.msc. Kemudian Enter atau klik tombol OK. Selanjutnya ikuti langkah-langkahnya seperti gambar berikut:


Cara Bulus Mempercepat Koneksi Internet: Hack Registry Komputer!


Cara Bulus Mempercepat Koneksi Internet: Hack Registry Komputer!


Cara Bulus Mempercepat Koneksi Internet: Hack Registry Komputer!


Cara Bulus Mempercepat Koneksi Internet: Hack Registry Komputer!

Nah setelah ini, anda masih bisa melakukan beberapa pengaturan pada registry komputer anda untuk lebih mengoptimalkan koneksi internet pada komputer anda.
Label: , ,

Main Game Super Go

Super Go
Play Game

Credit BY : Rifki Abidin
Super Go
Play Game

Credit BY : Rifki Abidin
Label: ,

Johny Crottube, Template Iseng Sambil Nunggu Jerman Vs Yunani

Daripada bengong sambil nunggu pertandingan bola nanti malam dan mumpung besok libur, mending ini saya bagi lagi satu template gratis buat Anda yang suka mengkoleksi video dari Youtube. Template ini serial dari template Johny Crott, kali ini saya buat untuk versi konten video dan hanya dari Youtube. Template ini berbeda dengan template video Youtube saya sebelumnya Johny Jazzytube, karena disini saya hanya memanipulasi gambar dari iframe youtube untuk dijadikan thumbnail di homepage, dan masih menggunakan ytimg.com tapi untuk template ini diletakkan di dalam postingan bukan di Edit HTML template. Untuk lebih jelasnya perhatikan gambar untuk membuat postingan video di bawah ini :

  1. Masuk ke Youtube dan pilih video favorit anda.
  2. Kemudian klik share seperti langkah nomer 1, lalu klik embed tunggu hingga kodenya muncul.
  3. Perhatikan kotak yang saya centang pada nomer 3 diatas, disini Anda hanya mencentang pilihan atau opsi yang paling atas (Show suggested videos when the video finishes) biarkan yang lain kosong.
  4. Setelah itu ambil kode iframe Youtube seperti pada nomer 4 diatas, paste ke dalam postingan pada posisi Edit HTML bukan compose. Untuk ukuran panjang dan lebar video terserah silahkan Anda pilih sendiri.
  5. Video dari Youtube sudah nampak di postingan jika Anda preview, tapi thumbnailnya belum akan kelihatan di Homepage. Untuk menampilkan thumbnail di halaman depan (homepage) anda harus menambahkan kode ini setelah kode iframe dari Youtube :
    <iframe width="640" height="360" src="http://www.youtube.com/embed/8Pjh0visgJI" frameborder="0" allowfullscreen></iframe><img border="0" height="0" width="0" src="http://i2.ytimg.com/vi/kode seri video/0.jpg" />
  6. Kode yang saya cetak tebal diatas adalah kode yang harus Anda tambahkan setelah kode Iframe Youtube. Perhatikan tulisan kode seri video (warna merah), anda isi dengan kode seri warna merah diatasnya (8Pjh0visgJI). Kode seri video dari Youtube ini berbeda-beda untuk tiap video, jadi jika Anda memasukkan video jangan lupa untuk mengganti juga kode seri-nya harus sama dengan kode diatasnya. Dan postingan untuk video itu akan nampak seperti gambar di bawah ini :


    Perhatikan kedua kode pada gambar dengan background biru diatas.
Pada template ini saya tambahkan fitur untuk tampilan Grid dan List style, dibawah ini adalah screenshot untuk tampilan grid dan list syle :



Sekarang untuk menampilkan widget Video Category yang ada pada template ini. Yang Anda harus lakukan hanya membuka widget Video Category 1 dan 2 kemudian masukkan/ketik label di dalam kotak HTML/Javascript seperti gambar di bawah ini :


Dari gambar diatas jazz adalah label yang saya tampilkan pada video category 1, Anda ganti dengan label yang diinginkan, demikian juga dengan widget Video Category 2.

Untuk mengaktifkan reply pada kotak komentar, masuk ke Edit HTML jangan lupa untuk mencentang kotak Expand Widgets Templates kemudian cari kode berikut :
<a expr:href='&quot;https://www.blogger.com/comment.g?blogID=1128587339572285487&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=600,height=500&quot;); return false;'>Reply</a>
Ganti blog ID warna merah diatas dengan ID blog anda yang terletak pada browser jika anda masuk ke dashbord, seperti gambar di bawah ini :


Template ini juga dilengkapi fitur related video di setiap postingan dan slider otomatis yang menampilkan postingan terbaru Anda. Template ini bisa digunakan juga untuk konten gallery gambar biasa, dan untuk video hanya khusus dari Youtube, tapi jika anda ingin menambahkan video selain Youtube harus membuat thumbnail manual dulu kemudian baru di upload saat buat postingan. Segitu dulu tutorial cara instalasi untuk template Johny Crottube kali ini. Jika ada yang mau ditanyakan silahkan tinggalkan pesan pada kotak komentar di bawah. Selamat mencoba dan semoga bermanfaat.


Update Templates

My Google Code was banned, there's so many script that I put in there can't be opened. But I already fixed it with the updates ones, you can re-download this template or you can change some script below

Click this link and read subtitle "Update Template" in that post for the latest updates of Javascript
Daripada bengong sambil nunggu pertandingan bola nanti malam dan mumpung besok libur, mending ini saya bagi lagi satu template gratis buat Anda yang suka mengkoleksi video dari Youtube. Template ini serial dari template Johny Crott, kali ini saya buat untuk versi konten video dan hanya dari Youtube. Template ini berbeda dengan template video Youtube saya sebelumnya Johny Jazzytube, karena disini saya hanya memanipulasi gambar dari iframe youtube untuk dijadikan thumbnail di homepage, dan masih menggunakan ytimg.com tapi untuk template ini diletakkan di dalam postingan bukan di Edit HTML template. Untuk lebih jelasnya perhatikan gambar untuk membuat postingan video di bawah ini :

  1. Masuk ke Youtube dan pilih video favorit anda.
  2. Kemudian klik share seperti langkah nomer 1, lalu klik embed tunggu hingga kodenya muncul.
  3. Perhatikan kotak yang saya centang pada nomer 3 diatas, disini Anda hanya mencentang pilihan atau opsi yang paling atas (Show suggested videos when the video finishes) biarkan yang lain kosong.
  4. Setelah itu ambil kode iframe Youtube seperti pada nomer 4 diatas, paste ke dalam postingan pada posisi Edit HTML bukan compose. Untuk ukuran panjang dan lebar video terserah silahkan Anda pilih sendiri.
  5. Video dari Youtube sudah nampak di postingan jika Anda preview, tapi thumbnailnya belum akan kelihatan di Homepage. Untuk menampilkan thumbnail di halaman depan (homepage) anda harus menambahkan kode ini setelah kode iframe dari Youtube :
    <iframe width="640" height="360" src="http://www.youtube.com/embed/8Pjh0visgJI" frameborder="0" allowfullscreen></iframe><img border="0" height="0" width="0" src="http://i2.ytimg.com/vi/kode seri video/0.jpg" />
  6. Kode yang saya cetak tebal diatas adalah kode yang harus Anda tambahkan setelah kode Iframe Youtube. Perhatikan tulisan kode seri video (warna merah), anda isi dengan kode seri warna merah diatasnya (8Pjh0visgJI). Kode seri video dari Youtube ini berbeda-beda untuk tiap video, jadi jika Anda memasukkan video jangan lupa untuk mengganti juga kode seri-nya harus sama dengan kode diatasnya. Dan postingan untuk video itu akan nampak seperti gambar di bawah ini :


    Perhatikan kedua kode pada gambar dengan background biru diatas.
Pada template ini saya tambahkan fitur untuk tampilan Grid dan List style, dibawah ini adalah screenshot untuk tampilan grid dan list syle :



Sekarang untuk menampilkan widget Video Category yang ada pada template ini. Yang Anda harus lakukan hanya membuka widget Video Category 1 dan 2 kemudian masukkan/ketik label di dalam kotak HTML/Javascript seperti gambar di bawah ini :


Dari gambar diatas jazz adalah label yang saya tampilkan pada video category 1, Anda ganti dengan label yang diinginkan, demikian juga dengan widget Video Category 2.

Untuk mengaktifkan reply pada kotak komentar, masuk ke Edit HTML jangan lupa untuk mencentang kotak Expand Widgets Templates kemudian cari kode berikut :
<a expr:href='&quot;https://www.blogger.com/comment.g?blogID=1128587339572285487&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=600,height=500&quot;); return false;'>Reply</a>
Ganti blog ID warna merah diatas dengan ID blog anda yang terletak pada browser jika anda masuk ke dashbord, seperti gambar di bawah ini :


Template ini juga dilengkapi fitur related video di setiap postingan dan slider otomatis yang menampilkan postingan terbaru Anda. Template ini bisa digunakan juga untuk konten gallery gambar biasa, dan untuk video hanya khusus dari Youtube, tapi jika anda ingin menambahkan video selain Youtube harus membuat thumbnail manual dulu kemudian baru di upload saat buat postingan. Segitu dulu tutorial cara instalasi untuk template Johny Crottube kali ini. Jika ada yang mau ditanyakan silahkan tinggalkan pesan pada kotak komentar di bawah. Selamat mencoba dan semoga bermanfaat.


Update Templates

My Google Code was banned, there's so many script that I put in there can't be opened. But I already fixed it with the updates ones, you can re-download this template or you can change some script below

Click this link and read subtitle "Update Template" in that post for the latest updates of Javascript
Label: , ,
Subscribe to: Posts (Atom)
 
2012 Rifki Tekno | Blogger Templates for HostGator Coupon Code Sponsors: WooThemes Coupon Code, Rockable Press Discount Code

Welcome In Kode Blogger

Contoh Sliding Login Dengan JQuery

Disamping ini adalah contoh Sliding Login menggunakan JQuery. Login Form Disamping hanya Contoh dan tidak dapat digunakan layaknya Login Form FB, Karena Blog ini terbuka untuk umum tanpa perlu mendaftar menjadi Member

Tutorial Blog

Untuk membuatnya Silahkan : Klik Disini

Member Login

Lost your password?

Not a member yet? Sign Up!