Bagi sobat blogger yang membutuhkan tools dan aplikasi buat memperindah blognya BEN TOOLS
Buat kawan yang mau pasang iklan Silahkan hubungi pada halaman kontak yah...xixixi.
Blog untuk melihat konten berplat-form blogspot di seluruh dunia dan kumpulan tools pendukung operasional blog.
Your ads here!!!
Assalamu'alaikum
Selamat datang di Tutorial Blog for Stylish Blogger. Semoga tidak keberatan untuk membukanya. Sssttt...MOZILLA pakainya yah...! Jangan lupa mampir lagi ya huehuehue. This is blog looks better in FIREFOX. Get MOZILLA™ Happy blogging \m/
Wassalamu'alaikum ☺

Resources

21 Februari 2015

UNTITLED

21 Februari 2015

2 Komentar WTF
Sebagai seorang bloglang (blogger petualang) dan kolektor editor (HTML editor) gratisan and Open source sekarang AA Koben akan berbagi kembali Tryit Editor kepunyaan si w3schools. Pada saat ini sudah mencapai versi 2.8 Sebelum itu coba sobat lakukan searching di blog gue dengan keyword try it editor Berikut penampakan original Tryit editor w3schools:Tryit Editor-v2.8.jpgJika kalian perhatikan pada pojok kanan atas terdapat opsi horizontal atau vertical display! Koben sebagai insan manusia paling baik di seluruh jagat alam raya, sudah menambahkan opsi lain yaitu: get file on local storage, refresh button and color picker kepunyaan si w3schools juga :))
Check this out bro:Tryit Editor v2.8.jpgSudah pada ngiler kepengen yach =P~

>> Tryit Editor v2.8 Unduh di 4shared: www.4shared.com/archive/uJ_yWjZ8ce/Tryit_Editor_v28.html
>> Download Tryit_Editor_v2.8.7z in Ziddu: downloads.ziddu.com/download/25341000/Tryit_Editor_v2.8.7z.html
>> Password 7z:

BONUS

POP Out Navigation - - Display CSS with CSS - Visualizing Hidden Tags - Drag and Drop Pixel Art Generator - Super Random Color Generator (updated) - Social-share button - Legend Effect for Galleries - Day/night switch - Spotify Artist Page - Menu concept - Animated Social Buttons - SunFlick.js - Trapdoor nav idea - Canvas Paint - css3 animated button loading state - CSS Accordion - Simple line animation - underline left-right - Using pseudo-elements & collapsing margins to start text columns - Window manager: Min, max, close, resize all sides, drag and drop, focus - 3D Styled CSS Browser Mockup - Variable Longshadow with Gradients Mixin - Header Search Concept

Bye :-h

0 Komentar WTF
Seperti yang sudah kita ketahui bersama, bahwasannya blog dengan platform blogspot telah disisipkan dengan kolom Search Description! Apakah itu? Tidak lain untuk menuliskan penjelasan singkat tentang post yg sedang kita buat, agar mesin penjelajah dapat mengindex hasil post kita itu dengan customize keywords secara akurat ;))
Contoh pada blog ini penampakan seperti berikut:search-descriptionAA Koben akan memberikan hiasan sederhana pada bagian itu dengan menanamkan 3 buah link share. Maka akan tampak spt:search descriptionSobat hanya perlu menambahkan kode CSS ke dalam template!
.wrap-bq {
margin: 0 auto;
padding: 5px 0;
max-width: 100%;
overflow: hidden;
}
.page-bq {
font-weight: 100;
line-height: 1.5;
padding: 10px 0;
position: relative;
text-align: left;
font-size: inherit;
border: solid #ccc;
border-width: 1px 0;
}
.page-bq-share {
right: 0;
bottom: 10px;
font-size: 0;
height: 21px;
overflow: hidden;
position: absolute;
}
.page-bq-share > li {
font-size: 18px;
vertical-align: top;
display: inline-block;
}
.page-bq-share > li+li {
margin-left: 11px;
}
.page-bq-share a {
color: inherit;
display: block;
}
.page-bq-share a img {
height: 20px;
width: 20px;
}
.screen-reader {
clip: rect(0 0 0 0);
display: block !important;
position: absolute;
width: auto !important;
}
.text-bq {
color: inherit;
}
Silahkan edit-edit value or tambah-tambah sesuai dengan kebutuhan...
Syntax HTML pasangkan setelah kode<div class='post-body entry'>Kalau ada dua, berarti yang ke dua! Brikut kode HTMLnya Search Description HTML Coded. Begitu saja yg bisa gue beri, bonusnya spt biasa sangat luar biasa ;)
BONUS . . .
Count Words - Count Words 📖🔍 - Random Selection Color 🌈🎲 - Split-String ✂︎ Encoder - Tinkerpad - Responsive Website Testing Tool - HTML Widget with CSS Options Panel - JOE: The JavaScript Operating Environment - PreEQual: The World's First EQCSS Pre-Processor - ProCSS: The CSS Pro-Processor - CSS Tooltips and Popovers - Custom code editor palette in pure CSS - Daily UI #010 - Social Share - show hidden text - ellipsis - Medium-style highlight menu - Pure CSS Slideshow Gallery - Strikethrough hover - mix-blend-mode demo - oxeQqo - Colourful Flower Popup Menu - Gooey Menu CSS Only - Windows - 90's emoji cursor - React Redux Todo App #1 - Dynamic Gradient Backgrounds - ES6 Random Color Text - CSS3 Paper Folding Effect - Update CSS Variables with JS - Material Buttons.css - Imperfect Buttons - Widgets - Vertical color adapting CSS menu - DailyUI026 Subscribe Popup - HEX Background Blend Modes Tester - DailyUI027 Dropdown - Text particle - Email Sentiment Widget Builder - Simple Image Overlay Hover Effects - 18 Simple Styles for Horizontal Rules (hr CSS Design) - Todo List - RSS Job board - JSON and PHP Short Tag Array Converter

5 Komentar WTF
Apa boleh buat demi menjaga eksistensi memosting dapat tema post hover maning hover lagi Jika berbicara tentang effect hover khususnya untuk image, sobat bisa kunjungi website berikut LittleSnippets.net ± ada 56 halaman (on 16 maret 2016) semua berbicara tentang efek-efek edun punya :-bd
Mungkin berawal dari konten yg isinya kebanyakan berbicara tentang efyek, site littlesnippets yg berbasis joomla ini sudah membuatkan satu modul effects dengan nama Imagehover.css
Imagehover.css is a lovingly crafted CSS library allowing you to easily implement scalable image hover effects. Choose from over 40 hover effect classes from a CSS library weighing in at a minified size of only 19KB. Each effect uses the same basic markup allowing you to change effect by simply editing the containing class.imagehover.css
Kalau mau modulnya sobat tinggal sikat saja langsung ciar4n
Demo: Pure CSS Image Hover Effect Library or on codepen.

Please visit for bonus ;))

balloon.css --> github.com/kazzkiq/balloon.css
pageSwitch --> github.com/qiqiboy/pageSwitch
viewerjs --> github.com/fengyuanchen/viewerjs
Responsive Table --> codepen.io/ivillamil/pen/jWjgzE
Textbox / Text Input field Inspiration (Pure CSS) --> codepen.io/takeradi/pen/mPyYeq
Pure CSS3 Text Carousel --> codepen.io/cassidoo/pen/MyaWzp
CSS transitions - Form label placeholders --> codepen.io/jamesa91/pen/PNNYEm
Social Share Button --> codepen.io/PavelLaptev/pen/zqBjbP
Pure CSS bread-loaf Carousel --> codepen.io/tonkec/pen/JXRjPQ
Colourful Flower Popup Menu --> codepen.io/jordanlachance/pen/yOJdRr
Peeking Panels --> codepen.io/tylerfowle/pen/XdjzjO
Live Chat Using Google Spreadsheets --> codepen.io/arianalynn/pen/YqGeoz
Puzzle with your own picture --> codepen.io/kiyutink/pen/NNrBxy
Styling Broken Images --> bitsofco.de/styling-broken-images

0 Komentar WTF
Sepertinya memang lagi ramai master-master diluaran sana pada bermain dengan kode CSS ;)) Pada artikel sebelumnya gue sudah pernah berbagi mengenai CSS inline finessing fecolormatrix experiment only for mozilla atau give effect for image use CSSgram instagram filters or you can try search in my blog with keyword CSS filter effect! Mumpung lagi heboh, AA dapat lagi yang baru yaitu CSSCO. CSSCO sendiri terinspirasi dari VSCO and CSSGram.

CSSco menghasilkan ± 14 gaya CSS filters for image. Cara pemasangan sobat terlebih dahulu harus melakukan download<link href="https://raw.githubusercontent.com/we-are-next/cssco/master/cssco.css" rel="stylesheet" type="text/css">Untuk pemakaian tinggal panggil pakai syntax HTML yg sudah ditentukan.
EX:<div class="cssco cssco--c1">
<img src="image.png" />
</div>
Berikut penampakan ke-14 gaya yg AA pasangkan di blog, mudah-mudahan jalan! Hovering over the image will remove the filter effect. ;)) :">

#nofilter
C1
F2
G3
P5
HB1
HB2
ACG
LV3
M5
A6
M3
T1
B5
X1
For further details for effect on action, take a look www.cssco.co/filter/c1

Happy filters \m/

al-Quran

MISC

Resources

1 2 3 4 5 6 7 8 9

FACEBOOK PAGE